Entendendo o Scribus:7: Difference between revisions

From Scribus Wiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 6: Line 6:




==Create Final Page Layouts==
===Finalizando layouts de páginas===


===Make space for Photos and Headline===
===Criando espaços para fotos e manchetes===
{|
{|
| [[Image:Page-Palette-FYug133.png|left|thumb|227px|Arrange Pages - Document Pages]]
| [[Image:Page-Palette-FYug133.png|left|thumb|227px|Arrange Pages - Document Pages]]
|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 ídeia 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 "histó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 direita 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 X-Pos 65mm, Y-Pos: 201.5 e altura: 48.5mm (na paleta de propriedades, aba '''XYZ). O quadro de texto '''shrinks''' ao final da página. Note que o texto flui automaticamente para a próxima página. Conecte o quadro de texto na 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:Bar-Page-Control.png|left|thumb|227px|Page controls]]
|}
|}


===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.'
Clique no botão quadro de imagem [[Image:Button-Image.png]] na barra de ferramentas e desenhe o quadro na página (não importa sua forma, arrumaremos a seguir). Na paleta de propriedades, defina os seguintes valores X-Pos 20mm, Y-Pos 35 mm, largura: 135mm 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'.


===Resize Picture===
===Redimensionando a imagem===
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.
Nas barra de propriedades (vamos chamar apenas de propriedades daqui pra frente), abra a aba 'Imagem' e marque a opção 'Escala livre'. Entre com os valores Pos-X:0mm, Pos-Y:-30mm 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).


===Typeset Headline===  
===A machete===
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.
Crie um quadro de texto e defina os valores X-Pos 20mm, Y-Pos 142mm, largura 165mm e altura 39mm. Digite o texto "Torne seu Khajuraho mais sensual" em duas linhas. Na aba 'Texto', selecione [[Wikipedia:Georgia_(typeface)|Georgia Roman]] 48 pts e um espaçamento de linha de 42 pts. Você pode escolher a [[Wikipedia:Garamond|Garamond]] ou [[Wikipedia:Times Roman|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 qualquer estilo, verá que há disponível um recurso de capitulação automática com a quantidades de linhas para o efeito. Vou mostrar 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 '''X-Pos 59 e Y-Pos 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 em '''X-Pos 52 e Y-Pos 195 com L 24.5 e A 36'''.  Desmarque a opção 'O texto flui...' neste quadro. Usando o '''Ediotr 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 'saturação', 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 potuguês para o TS.''


===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 letral 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 sublinhador (delineado 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 abaixo.


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 como '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|Page 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 equilibrio.


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 image, 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|Page 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' das propriedades, A baixo do ícone do "buque", um 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 CyanBlue 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.5mm 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:Colors_gradient_fyug.jpg|thumb|left|230px|Properties: Colors<br>v1.2.5]]
|}
|}

Revision as of 19:41, 23 November 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
    
 Introdução

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

Arrange Pages - Document Pages
Você já pegou a ídeia 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 "histó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 direita da janela principal do Scribus.
Clique no quadro de texto da página dois e defina os valores X-Pos 65mm, Y-Pos: 201.5 e altura: 48.5mm (na paleta de propriedades, aba XYZ). O quadro de texto shrinks ao final da página. Note que o texto flui automaticamente para a próxima página. Conecte o quadro de texto na página 3 ao subseqüente da página 4 para que o texto continue da 3 para 4.
Page controls

Inserir figura

Clique no botão quadro de imagem Button-Image.png na barra de ferramentas e desenhe o quadro na página (não importa sua forma, arrumaremos a seguir). Na paleta de propriedades, defina os seguintes valores X-Pos 20mm, Y-Pos 35 mm, largura: 135mm 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 barra de propriedades (vamos chamar apenas de propriedades daqui pra frente), abra a aba 'Imagem' e marque a opção 'Escala livre'. Entre com os valores Pos-X:0mm, Pos-Y:-30mm 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 X-Pos 20mm, Y-Pos 142mm, largura 165mm e altura 39mm. Digite o texto "Torne seu Khajuraho mais sensual" 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 qualquer estilo, verá que há disponível um recurso de capitulação automática com a quantidades de linhas para o efeito. Vou mostrar 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 X-Pos 59 e Y-Pos 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 em X-Pos 52 e Y-Pos 195 com L 24.5 e A 36. Desmarque a opção 'O texto flui...' neste quadro. Usando o Ediotr 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 'saturação', 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 potuguês para o TS.
Hanging dropcap fyug.jpg Veja no detalhe a página e a nossa letral 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 sublinhador (delineado 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 abaixo.

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 como 'O texto flui ao redor do quadro' marcado. Estude o arquivo FYug.sla para maiores detalhes.

Page 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 equilibrio.

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

Caixa gradiente

Page 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' das propriedades, A baixo do ícone do "buque", um 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 CyanBlue a 20% como cor#2.

O texto possui uma lacuna de 2.5mm 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.

Properties: Colors
v1.2.5