Entendendo o Scribus:7: Difference between revisions

From Scribus Wiki
Jump to navigation Jump to search
No edit summary
 
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[Category:PT]]
[[Category:PT]]
[[Category:Tutoriais]]
[[Category:Tutoriais]]
{{Freedomyug_header|Chapter 7}}
{{TOC_Freedomyug_sidebar}}


==Create Final Page Layouts==
{{Entendendo_cabeca|Capítulo VII}}
{{Entendendo_barra|}}


===Make space for Photos and Headline===
 
==Finalizando layouts de páginas==
 
===Criando espaços para fotos e manchetes===
{|
{|
| [[Image:Page-Palette-FYug133.png|left|thumb|227px|Arrange Pages - Document Pages]]
| [[Image:FYug-paginas.png|left|thumb|211px|Organizar páginas]]
|You've got the general idea of how Scribus creates templates, paragraph styles, and works with text frames and picture frames. Time to design all the feature pages of the cover story. Go to page two. This you can do by clicking on the page icon in the page palette ''(Arrange Pages in 1.3.X)'', or at the extreme bottom of your screen, you will see a go forward button, a go back button, and pop-up list in-between where you can choose the page you want to visit.
|Você já pegou a idéia geral de como criar modelos e estilos de parágrafos no Scribus além de ter trabalhado com os quadros de imagem e de texto. Agora é hora de criar os designs de página para a nossa "matéria de capa". Vá à página 2 -- você pode fazer isso usando a paleta '''Organizar páginas''' clicando sobre a "folha" com um 2 dentro ou então clicando nas setas de navegação de páginas do documento na parte inferior esquerda da janela principal do Scribus.
|-
|-
| Click the text frame on page two, and in Properties, in 'XYZ' key-in X-Pos: 65mm, Y-Pos: 201.5, and Height: 48.5mm. The text frame shrinks to the bottom of the page. Note how the text automatically flows to the next page. Link the text frame on page three, to the subsequent text frame on page four, so text flows from page to page.<br>
|Clique no quadro de texto da página dois e defina os valores '''Pos.X''' 65 mm, '''Pos.Y''' 201,5 e altura 48,5 mm (nas propriedades, aba '''XYZ'''). O quadro de texto encolhe ao final da página. Note que o texto flui automaticamente para a próxima página. Conecte o quadro de texto da página 3 ao subseqüente da página 4 para que o texto continue da 3 para 4.<br>
| valign="top" | [[Image:Bar-Page-Control.png|left|thumb|227px|Page controls]]
| valign="top" | [[Image:FYug-paginas-2.png|left|thumb|133px|Controle de páginas]]
|}
|}


===Insert Picture===
===Inserir figura===
Select the picture frame icon [[Image:Button-Image.png]] from Tools, just like you did for the cover page. This time, draw a random picture frame on the top of page two. In Properties, give it X-Pos: 20mm, Y-Pos: 35 mm, W: 135mm, H: 100mm. Right-click this picture frame. From the pop-up menu, choose 'Get Picture...'. Go to the images folder inside the FYug folder, select the file 'EnterTitle.jpg' and click 'Open.'
Ainda a página 2, clique no botão quadro de imagem [[Image:Button-Image.png]] na barra de ferramentas e desenhe o quadro na página. Nas propriedades, defina os seguintes valores '''Pos.X''' 20 mm, '''Pos.Y''' 35 mm, largura 135 mm e altura 100mm. Clique com o botão direito sobre o quadro e selecione a opção '''Obter imagem...'''. Abra a pasta de imagens dentro do diretório ''FYug'' e selecione o arquivo "EnterTitle.jpg" e clique em '''Abrir'''.
 
===Redimensionando a imagem===
Nas propriedades, abra a aba '''Imagem''' e marque a opção ''Escala livre''. Entre com os valores '''Pos.X''' 0 mm, '''Pos.Y''' -30 mm e escala X e Y em 32% cada. Isto irá mover a fotografia 30 mm à esquerda do quadro (na parte interna) e escalonar a imagem para 32% do seu tamanho real (dando um corte perfeito).
 
===A machete===
Crie um quadro de texto e defina os valores '''Pos.X''' 20 mm, '''Pos.Y''' 142 mm, largura 165 mm e altura 39 mm. Digite o texto "Make Khajuraho More Sexy" em duas linhas. Na aba '''Texto''', selecione Georgia Roman 48 pts e um espaçamento de linha de 42 pts. Você pode escolher a Garamond ou Times se quiser. Configure o entre-letras em -1.0pts e então aproxime o texto (Zoom '''Ctrl++''' ou roda do mouse) para ajustar cada letra individualmente até obter um texto bem afinado e preciso.<br>


===Resize Picture===
==="Capitularizando"===
In the Properties palette, click on the 'Image' tab, check 'Free Scaling' and then key-in X:0mm, Y:-30mm, X-Scale and Y-Scale at 32% each. This will shift the photograph 30 mm to the left, inside the frame, and then scale it down to 32% for that perfect crop.
Se você voltar ao editor de estilos de parágrafos ('''Editar > Estilos de parágrafos''') e editar qualquer estilo, verá que há disponível um recurso de capitulação automática com a quantidades de linhas para o efeito. Mostraremos a você como criar capitulações tipo ''Hanging Caps'' e também como lidar com o ajuste de espaços ao estilo Scribus.
Usando a ferramenta de criação de formas, desenhe um retângulo e ajuste em '''Pos.X''' 59 e '''Pos.Y''' 200 com '''L''' 19 e '''A''' 24.3. Use "Nenhum" para as cores de preenchimento e linha. Marque a opção ''O texto flui ao redor do quadro''. Agora você deve estar vendo um espaço "vazio" com texto em volta no seu parágrafo.
Crie um quadro de texto e ajuste-o em '''Pos.X''' 52 e '''Pos.Y''' 195 com '''L''' 24,5 e '''A''' 40.  Desmarque a opção ''O texto flui...'' neste quadro. Usando o '''Editor de texto''' ou o '''Modo de edição de conteúdos''', digite apenas a letra '''D''' no quadro. Nas propriedades, configure o tipo como Georgia Roman, 87 pontos e com 104 pontos de espaçamento de linha. Use a cor "Black". Logo ao lado, em ''Intensidade'', selecione "Outro" e entre com o valor 69%. Pronto, sua Capital está criada.
Se você quiser selecionar o retângulo invisível usado no ajuste do texto e não quiser selecionar o objeto acima dele (o '''D''', no nosso caso), pressione '''Ctrl+Shift''' e clique quantas vezes for necessário até selecionar o objeto correto na fila. Outro jeito é utilizar o '''Esquema''' (menu '''Janelas > Delineado''').


===Typeset Headline===
''Há um problema no arquivo PO de idiomas no Scribus que compartilha a mesma string para dois itens da interface: O estilo Delineado, dentro de Estilo > Efeitos e a Janela de Esquema, dentro de Janelas > Esquema. Este problema ocorre porque ambos significam '''Outline''' em inglês. Os idiomas que usam o TS não sofrem deste problema, por isso esta questão será solucionada apenas depois da migração da tradução em português para o TS.''
Draw a text frame. X-Pos: 20mm, Y-Pos: 142mm, W: 165mm, H: 39mm. Enter the text, "Make Khajuraho More Sexy" on two lines. In the 'Text' tab, choose [[Wikipedia:Georgia_(typeface)|Georgia Roman]] 48 pts on line spacing of 42 pts. You could choose [[Wikipedia:Garamond|Garamond]] or [[Wikipedia:Times Roman|Times]] if you wish. Set kerning to -1.0pts. Then zoom in and manually kern the individual letters until you get a crisp, neatly tucked-in headline.


===Hanging Drop Cap===
If you go back to '''Edit > Paragraph Styles...''' in the menus, and edit any existing style, you'll note an automatic drop-cap feature available, for your preferred number of lines. But let me show you how to create hanging drop-caps, and you'll also learn how to handle wrap-arounds the Scribus way. Take the 'Draw Shapes' tool, draw a rectangle, at '''X-Pos:59, Y-Pos:200, W:19, H:24.3'''. Fill and stroke this with 'None' in 'Colors' so it does not show. Check 'Text flows around frame' and you'll see the first para of your article flowing around this “empty” space. Next, draw a text frame at '''X-Pos:52, Y-Pos: 195, W: 24.5, H: 36'''. Uncheck 'Flow text around frame' for this. Using either the '''Story Editor''' or the '''Edit Contents''' tool, enter the letter 'D' in this text frame. In Properties, set this to Georgia Roman, 87 point, with leading at 104 points. Fill this with Black. Click on 'Shade' choose 'Other' from the drop-down manu, and type 69%. Your drop-cap is done. Should you want to select the invisible rectangle used for wrapping text, and end up selecting this text frame stacked on top of it, press control+shift click and repeatedly press until you select the correct object in the stack.
{|
{|
| [[Image:Hanging_dropcap_fyug.jpg]]
| [[Image:Hanging_dropcap_fyug.jpg]]
| width="10px" |
| width="10px" |
| valign="top" | Here is a detail of the page, to show what you're doing. In order to display the letter at this size, the text frame (the grey frame with the taller, narrower dimensions) needs these dimensions to allow for space above and below (and note that this required space has changed with different Scribus versions). We then use an underlying rectangle (shown with red outlines) to precisely block out the underlying text to our liking.
| valign="top" | Veja no detalhe a página e a nossa letra capital. Para exibir a letra neste tamanho é necessário que o quadro de texto (o quadro cinza, mais alto e fino) tenha essas dimensões. Nós também utilizamos um retângulo delineador (destacado em vermelho) para bloquear precisamente o texto de acordo com o nosso gosto.


This example uses URW Palladio, with appropriate adjustments in size, line spacing, and tracking.
Este exemplo usa a URW Palladio com os ajustes de tamanho e espaçamento necessários.
|}
|}


===Done!===
===Pronto!===
{|
{|
| valign="top" | Go to View menu and hide the guides, frames, margins, and grids or choose ''Preview Mode'' (only in 1.3.4cvs or higher). Your layout will look like the above screenshot.  
| valign="top" | Oculte as janelas e demais acessórios como guias e margens usando o menu Janelas (ou pressione F11 e depois F10 no teclado). Seu layout ficará com o ao lado.


On page three, the sculpture picture frame has an invisible rectangle behind it, that wraps around the text. Just like we did with the drop-cap. The captions are just a text frame in the half-column. The generous white space at the bottom of the first column, is likewise just an invisible rectangle with 'flow text around frame' checked. Study the provided FYug.sla file for further details.
Na página três, o quadro com a escultura possui um retângulo invisível abaixo dele que acomoda o texto, exatamente como fizemos na seção anterior. Legendas são apenas um quadro de texto na metade da coluna. O generoso espaço branco na primeira coluna pode ser apenas um retângulo invisível com ''O texto flui ao redor do quadro'' marcado. Estude o arquivo FYug.sla para maiores detalhes.
| valign="top" | [[Image:Page3_fyug.jpg|thumb|300px|Page 3 Freedom Yug]]
| valign="top" | [[Image:Page3_fyug.jpg|thumb|300px|Página 3 Freedom Yug]]
| width="10px" |
| width="10px" |
| valign="top" width="35%" | Here is Page 3 with frames highlighted. Note how the caption frame upper right lines up with guides, then uses an adjustment in left border to create a gap ('''Properties > Shape > Distances of Text > Left''').
| valign="top" width="35%" | Aqui temos a página 3 com seus quadros destacados. Note como o quadro das legendas (na direita superior) alinha-se com as guias e então usa a borda esquerda (através de um ajuste) para criar uma lacuna ('''Propriedades > Forma > Distância do texto > Esquerda''').


Notice the use of a frame lower left to create a space for balance.
Perceba o uso do quadro à esquerda inferior para criar uma área de equilíbrio.


Finally, while this page used a strategy similar to the hanging drop cap for making space to the left of the image, one could alternatively make this space with '''Properties > Shape > Edit Shape''' and editing the contour line.
Finalmente, enquanto o método similar a capitulação foi usado nessa página para a criação de um espaço à esquerda da imagem, você poderia utilizar a linha de contorno '''Propriedades > Forma > Editar forma''' como alternativa.
|}
|}


===Gradient-Filled Box Story===  
===Caixa gradiente===
{|
{|
| [[Image:Page4_fyug.jpg|thumb|left|450px|Page 4 Freedom Yug]]
| [[Image:Page4_fyug.jpg|thumb|left|450px|Página 4 Freedom Yug]]
| valign="top" |The body text flows to page four. A single text frame in the half-column on the left contains the story and photo credits. The box-story at the bottom is a text frame that is formatted with various paragraph styles. The gradient in the text frame is applied in the 'Colors' tab of Properties. Underneath the 'bucket' icon a drop-down menu with the word 'Normal' reveals 'Vertical Gradient' among others. Choose LimeGreen at 40% as color#1, and CyanBlue at 20%.  
| valign="top" |O texto de corpo flui para a página 4. Um único quadro de texto em meia coluna contém a matéria e os créditos da foto. A caixa ao fundo é um quadro de texto que foi formatado com vários estilos de parágrafos. O gradiente no quadro de texto foi aplicado usando a aba '''Cores''' nas propriedades, A baixo do ícone do '''Balde''' [[image:botao-balde.png]] uma menu de lista de seleção com a palavra "Normal" revela a opção "Gradiente Vertical", entre outras. Escolha lima-limão (ou verde-limão) a 40% como cor 1 e Cyan (ou outro parecido) a 20% como cor 2.  


The text has a gap of 2.5mm from top, bottom, left, and right of the text frame. This is set in the 'Shape' tab of Properties. A red square is drawn to mark the story end.
O texto possui uma lacuna de 2,5 mm ao redor (topo, esquerda, direita e fundo) do quadro de texto. Isto é configurado na aba '''Forma'''. Um quadrado vermelho foi desenhado para indicar o fim da matéria.


[[Image:Colors_gradient_fyug.jpg|thumb|left|230px|Properties: Colors<br>v1.2.5]]
[[Image:FYug-cores.png|thumb|center|226px|Propriedades]]
|}
|}

Latest revision as of 04:32, 4 December 2006

 Entendendo o Scribus
Autores atuais:   Autores da Wiki do Scribus
Autor original:   Niyam Bhushan, 2004
Licença:   GNU Free Documentation License, Versão 1.2
Título original:   Get Started With Scribus 2006
    
 Capítulo VII

Introdução

  1. O que você pode fazer no Scribus
  2. Scribus e seus primos
  3. Em branco...
  4. A Capa
  5. Trabalhando com camadas na página
  6. Criando múltiplas páginas
  7. Criando layouts de página definitivos
  8. Design com gráficos e liberdade
  9. Mandando ver com gráficos SVG
  10. Publicar exige Liberdade.PDF
  11. Viajando à velocidade do Scribus
  12. Contribuidores
  13. GNU Free Documentation Licence


Finalizando layouts de páginas

Criando espaços para fotos e manchetes

Organizar páginas
Você já pegou a idéia geral de como criar modelos e estilos de parágrafos no Scribus além de ter trabalhado com os quadros de imagem e de texto. Agora é hora de criar os designs de página para a nossa "matéria de capa". Vá à página 2 -- você pode fazer isso usando a paleta Organizar páginas clicando sobre a "folha" com um 2 dentro ou então clicando nas setas de navegação de páginas do documento na parte inferior esquerda da janela principal do Scribus.
Clique no quadro de texto da página dois e defina os valores Pos.X 65 mm, Pos.Y 201,5 e altura 48,5 mm (nas propriedades, aba XYZ). O quadro de texto encolhe ao final da página. Note que o texto flui automaticamente para a próxima página. Conecte o quadro de texto da página 3 ao subseqüente da página 4 para que o texto continue da 3 para 4.
Controle de páginas

Inserir figura

Ainda a página 2, clique no botão quadro de imagem Button-Image.png na barra de ferramentas e desenhe o quadro na página. Nas propriedades, defina os seguintes valores Pos.X 20 mm, Pos.Y 35 mm, largura 135 mm e altura 100mm. Clique com o botão direito sobre o quadro e selecione a opção Obter imagem.... Abra a pasta de imagens dentro do diretório FYug e selecione o arquivo "EnterTitle.jpg" e clique em Abrir.

Redimensionando a imagem

Nas propriedades, abra a aba Imagem e marque a opção Escala livre. Entre com os valores Pos.X 0 mm, Pos.Y -30 mm e escala X e Y em 32% cada. Isto irá mover a fotografia 30 mm à esquerda do quadro (na parte interna) e escalonar a imagem para 32% do seu tamanho real (dando um corte perfeito).

A machete

Crie um quadro de texto e defina os valores Pos.X 20 mm, Pos.Y 142 mm, largura 165 mm e altura 39 mm. Digite o texto "Make Khajuraho More Sexy" em duas linhas. Na aba Texto, selecione Georgia Roman 48 pts e um espaçamento de linha de 42 pts. Você pode escolher a Garamond ou Times se quiser. Configure o entre-letras em -1.0pts e então aproxime o texto (Zoom Ctrl++ ou roda do mouse) para ajustar cada letra individualmente até obter um texto bem afinado e preciso.

"Capitularizando"

Se você voltar ao editor de estilos de parágrafos (Editar > Estilos de parágrafos) e editar qualquer estilo, verá que há disponível um recurso de capitulação automática com a quantidades de linhas para o efeito. Mostraremos a você como criar capitulações tipo Hanging Caps e também como lidar com o ajuste de espaços ao estilo Scribus. Usando a ferramenta de criação de formas, desenhe um retângulo e ajuste em Pos.X 59 e Pos.Y 200 com L 19 e A 24.3. Use "Nenhum" para as cores de preenchimento e linha. Marque a opção O texto flui ao redor do quadro. Agora você deve estar vendo um espaço "vazio" com texto em volta no seu parágrafo. Crie um quadro de texto e ajuste-o em Pos.X 52 e Pos.Y 195 com L 24,5 e A 40. Desmarque a opção O texto flui... neste quadro. Usando o Editor de texto ou o Modo de edição de conteúdos, digite apenas a letra D no quadro. Nas propriedades, configure o tipo como Georgia Roman, 87 pontos e com 104 pontos de espaçamento de linha. Use a cor "Black". Logo ao lado, em Intensidade, selecione "Outro" e entre com o valor 69%. Pronto, sua Capital está criada. Se você quiser selecionar o retângulo invisível usado no ajuste do texto e não quiser selecionar o objeto acima dele (o D, no nosso caso), pressione Ctrl+Shift e clique quantas vezes for necessário até selecionar o objeto correto na fila. Outro jeito é utilizar o Esquema (menu Janelas > Delineado).

Há um problema no arquivo PO de idiomas no Scribus que compartilha a mesma string para dois itens da interface: O estilo Delineado, dentro de Estilo > Efeitos e a Janela de Esquema, dentro de Janelas > Esquema. Este problema ocorre porque ambos significam Outline em inglês. Os idiomas que usam o TS não sofrem deste problema, por isso esta questão será solucionada apenas depois da migração da tradução em português para o TS.

Hanging dropcap fyug.jpg Veja no detalhe a página e a nossa letra capital. Para exibir a letra neste tamanho é necessário que o quadro de texto (o quadro cinza, mais alto e fino) tenha essas dimensões. Nós também utilizamos um retângulo delineador (destacado em vermelho) para bloquear precisamente o texto de acordo com o nosso gosto.

Este exemplo usa a URW Palladio com os ajustes de tamanho e espaçamento necessários.

Pronto!

Oculte as janelas e demais acessórios como guias e margens usando o menu Janelas (ou pressione F11 e depois F10 no teclado). Seu layout ficará com o ao lado.

Na página três, o quadro com a escultura possui um retângulo invisível abaixo dele que acomoda o texto, exatamente como fizemos na seção anterior. Legendas são apenas um quadro de texto na metade da coluna. O generoso espaço branco na primeira coluna pode ser apenas um retângulo invisível com O texto flui ao redor do quadro marcado. Estude o arquivo FYug.sla para maiores detalhes.

Página 3 Freedom Yug
Aqui temos a página 3 com seus quadros destacados. Note como o quadro das legendas (na direita superior) alinha-se com as guias e então usa a borda esquerda (através de um ajuste) para criar uma lacuna (Propriedades > Forma > Distância do texto > Esquerda).

Perceba o uso do quadro à esquerda inferior para criar uma área de equilíbrio.

Finalmente, enquanto o método similar a capitulação foi usado nessa página para a criação de um espaço à esquerda da imagem, você poderia utilizar a linha de contorno Propriedades > Forma > Editar forma como alternativa.

Caixa gradiente

Página 4 Freedom Yug
O texto de corpo flui para a página 4. Um único quadro de texto em meia coluna contém a matéria e os créditos da foto. A caixa ao fundo é um quadro de texto que foi formatado com vários estilos de parágrafos. O gradiente no quadro de texto foi aplicado usando a aba Cores nas propriedades, A baixo do ícone do Balde Botao-balde.png uma menu de lista de seleção com a palavra "Normal" revela a opção "Gradiente Vertical", entre outras. Escolha lima-limão (ou verde-limão) a 40% como cor 1 e Cyan (ou outro parecido) a 20% como cor 2.

O texto possui uma lacuna de 2,5 mm ao redor (topo, esquerda, direita e fundo) do quadro de texto. Isto é configurado na aba Forma. Um quadrado vermelho foi desenhado para indicar o fim da matéria.

Propriedades