Difference between revisions of "Entendendo o Scribus:5"

From Scribus Wiki
Jump to navigation Jump to search
 
m
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
[[Category:PT]]
 
[[Category:PT]]
 
[[Category:Tutoriais]]
 
[[Category:Tutoriais]]
{{Freedomyug_header|Chapter 5}}
 
{{TOC_Freedomyug_sidebar}}
 
  
==Working With Layers On A Page==
+
{{Entendendo_cabeca|Capítulo V}}
 +
{{Entendendo_barra|}}
  
===Why We Need Layers===
 
We are going to format the text for the magazine's [[Wikipedia:Masthead_(publishing)|masthead]], the [[Wikipedia:Headline|headline]], and the subhead. Imagine if this [[Wikipedia:Magazine|magazine]] is published in several languages. One way to then produce this [[Wikipedia:Magazine|magazine]] would be to recreate the magazine layout for each language. The other way, is to have the text for each language on another layer. Think of layers like transparant sheets that overlap one another. You could hide or view layers, for example: hide the English text layer, and show the Hindi text layer.
 
[[Image:LayersTool125.png|left|thumb|300px|Layers Tool v1.2.5<br>v1.3.x has a different arrangement]]
 
Layers bring a lot of convenience into page-design. For our [[Wikipedia:Magazine|magazine]], I will keep the background image and bands in one layer, and have the text contained in another layer. Go to '''Tools > Layers''' (in 1.3.x '''Windows > Layers'''). In the dialog box, you will see one existing layer, that contains all your objects so far. Uncheck the 'eye' icon to the right of this, and all elements of this layer disappear, leaving you with your empty page.
 
  
Double-click on the name of this layer, and change it to 'Bg Photo'. Click the bottom-left icon, that adds a new layer on top of the existing layer. Change the name of this layer to 'CoverText'. Make sure this layer is highlighted, so Scribus knows whatever elements you create will exist on this layer. Ensure the 'eye' icon is checked so you can view your layer.
+
==Trabalhando com camadas na página==
  
===Entering Text in a Text Frame===
+
===Por que precisamos de camadas?===
[[Image:Story-Editor.png|left|thumb|350px|Story Editor - 1.3.X - click to full size]]
+
Nós iremos formatar o texto do título, da machete e da sub-manchete da nossa revista.<br>
Ensure the CoverText layer is highlighted in Layers. Click on the the text-frame [[Image:Button-Text-Frame.png]] in [[Toolbars|tools]] (keyboard: T) and drag a text frame across the MastheadBand. For the moment, make the text frame as wide as the page and nearly double the height of the MastheadBand. Click the [[Toolbars#Toolbar_Icons:_Modify_Objects| '''Story Editor''' icon]] [[Image:Button-Story-Editor.png]] in the [[Toolbars|Toolbar]] (keyboard: Ctrl+Y). This is next to the '''Edit Contents of Frame''' [[Image:Button-Edit-Content.png]] icon. A dialog box displays, where you can enter the text you wish to have published in the text frame. Think of the '''Story Editor''' dialog box as a mini notepad or [[Wikipedia:Word processor|word processor]] for each text frame. This is the second-most important dialog box in Scribus, after the Properties Tool we saw earlier. Type the text: “FreedomYug” in the '''Story Editor'''. Then click on '''File > Save and Exit''' inside the '''Story Editor''' (''File > Update Text Frame and Exit in 1.3.X''). This publishes your text into the text frame, and exits the '''Story Editor'''.
+
Imagine que esta revista seja publicada em diversos idiomas. Como? Um dos modos seria recriar o layout para cada versão da revista, outro seria o uso de camadas para separar cada idioma. Pense nas camadas como folhas de papel amontoadas uma sobre as outras como em maço ou uma resma. Cada folha individual representaria uma camada, sendo possível a ocultação ou exibição dessa camada de acordo com as nossas necessidades. Por exemplo: Mostre o texto em português e oculte o inglês sem tocar na camadas das imagens.
 +
[[Image:FYug-camadas.png|left|thumb|266px|Camadas]]
 +
As camadas trazem uma grande conveniência ao design de página. Nossa revista usará uma camada para as imagens de fundo, outra para as faixas e uma outra para o texto.<br>
 +
Vá ao menu '''Janelas > Camadas'''. Na caixa de diálogo '''Camadas''', você verá uma única camada que contém todo os objetos de sua página até agora. Clique sobre o ícone '''Olho''' para ocultar a visualização dos elementos daquela camada deixando a página "vazia".
  
===Make Text Look Beautiful===
+
Dê um duplo clique no nome da camada e mude-o para "FotoDeFundo". Agora clique sobre o ícone de criação de camada (na parte inferior esquerda da janela) para adicionar um nova camada. Mude o nome desta nova camada para "TextoDeCapa" e certifique-se de selecioná-la para que o Scribus saiba que aquela camada deve conter todos os elementos a serem criados. Verifique se o '''Olho''' está desmarcado, assim você poderá ver os objetos na sua camada.
'FreedomYug' will look attractive if the gaps between the letters are reduced, and if the text fits into the MastHeadBand. The overall gap between letters is called 'Tracking.' To reduce this tracking, right-click on the text frame, and from the pop-up menu, choose 'Show Properties'. In '''Shape''' uncheck 'Text flows around frame'. On the buttons at the top of this dialog box, click on '''Text'''.
 
  
===Tracking===
+
===Adicionando texto ao quadro de texto===
From the drop-down menu of Fonts in the Properties dialog box, choose 'Utopia Regular' or else [[Wikipedia:Times Roman|Times Roman]] or any other font you fancy. Make the size: 84 points. Traditionally, a [[Wikipedia:Point_(typography)|point]] is a [[Wikipedia:Units of measurement|unit of measure]] in the [[Wikipedia:Printing press|printing]] industry. 72.27 points make an [[Wikipedia:Inch|inch]]. In digital print publishing, this is rounded-off to 72 points make an inch. Text size is usually measured in points. Select 'Red' from the drop-down menu next to the bucket icon, which stands for 'Fill Color' for our text. In the field labelled '''Tracking''', enter -5 pts. '''Line Spacing''' at 72 pts. You will find the gaps between the text has squeezed, and the text has changed to the color red.
+
[[Image:FYug-editor-de-hist.png|left|thumb|350px|Edito de História - clique para ampliar]]
 +
Certificando-se que a camada "TexoDeCapa" está marcada na diálogo '''Camadas''', clique no ícone quadro de texto [[Image:Button-Text-Frame.png]] na barra de ferramentas (Tecla '''T''') e clique, segure e arraste para criar um quadro de texto ao longo da faixa de nome-título. Por enquanto, crie um quadro de texto tão largo quando a página e com quase o dobro da altura da faixa de nome-título. Clique no ícone '''Editor de história''' na barra de ferramentas ('''Tecla Ctrl+Y''') [[Image:Button-Story-Editor.png]] para abrir o editor de texto do Scribus. Pense no '''Editor de história''' como um mini notepad ou kwrite para a edição de cada quadro de texto. Esta é a segunda janela mais importante do Scribus, depois da janela de propriedades vista anteriormente. Digite o texto: "FreedomYug" no editor e então salve o texto usando o menu '''Arquivo > Atualizar quadro de texto e sair'''.
 +
 
 +
{{Freedomyug_memento|
 +
Confira o artigo [[Trabalhando com o Editor de História]] para mais instruções sobre o funcionamento do editor.
 +
}}
 +
 
 +
===Embelezando o texto===
 +
O "FreedomYug" ficará mais atraente se o espaço entre-letras fôr reduzido e o texto caiba na faixa de nome-título. Para reduzir o entre-letras, clique com o botão direito no quadro de texto e, através do menu de contexto, escolha a opção '''Propriedades'''. Em '''Forma''', desmarque ''O texto flui ao redor do quadro'' (se estiver marcada). Depois, clique sobre a aba '''Texto''' na parte inferior desta janela.
 +
 
 +
{{Freedomyug_memento|
 +
Para descobrir como funciona a função ''O texto flui ao redor do quadro'', veja o artigo [[Associando textos ao caminho]].
 +
}}
 +
 
 +
===Entre-letras===
 +
A partir do menu de seleção de fontes, selecione "Utopia Regular" ou qualquer outra fonte que você aprecie. Em tamanho, defina como 84 pontos. Tradicionalmente, o ponto é uma unidade de medida no sistema de impressão industrial. [[Wikipedia:Point (typography)|Veja aqui]] mais informações sobre o assunto.<br>
 +
Escolha a cor "Red" no item ''Cor de preenchimento'' e defina -5 pts no ''Entre-letras''. Use 72 pts no ''Espaçamento de linha''. Você notará que o espaçamento do texto encolheu e que o texto agora é vermelho.
 +
 
 +
''Note que esses valores citados acima podem variar de acordo com o tipo de fonte utilizada no seu caso. O mais importante é ajustar o texto no espaço provido de uma maneira agradável, de acordo com a proposta a ser seguida. '''Particularmente, você poderá achar que o quadro de texto necessita de uma altura muito maior do que você esperava. Procure por um pequeno quadrado com um X dentro no canto inferior direito do quadro para saber se não há espaço suficiente para o seu texto (ele apenas aparece nessas situações).'''''
  
''Note that all of these font sizes, settings, and positioning values may vary depending on which exact font you choose. The important thing is to fit them in the space provided, with a look that is pleasing to you. '''In particular, you may find that the text frame height may need to be much larger than you expect. Look for a small rectangle with an X inside in right lower corner of the frame that tells you there is not enough space for the text'''''
 
  
 
{|
 
{|
| bgcolor="pink" | '''Troubleshooting text that won't appear'''
+
| bgcolor="pink" | '''Problemas com a exibição do texto'''
  
If you are struggling to have your text appear:  
+
Se você está sofrendo para fazer o seu texto aparecer:
* Make sure you are operating on the layer you think you are.
+
* Verifique se você está utilizando a camada que você pensa que está.
* Make sure that the '''Text Flows Around Frame''' is unchecked, not just for the frame you're working on, but also underlying frames.
+
* Verifique se a opção ''O texto flui ao redor do quadro'' está desmarcada, não apenas no quadro em que você está trabalhando mas também nos quadros abaixos.
* Some fonts need to allow for a very generous space below them, even though there is no part of the character in that space. Adjusting line spacing may help this problem somewhat.
+
* Algumas fontes necessitam de um generoso espaço abaixo delas mesmo que não exista caracteres naquele espaço. Ajustar o espaçamento de linha pode ajudar.  
* Note that the way various fonts display in the frame has changed from 1.2.x and 1.3.x versions, so a file saved in 1.2.x may have displayed fine, but adjustments need to be made in frame sizes if it is imported into a 1.3.x version. This is a likely issue if you import the Fyug.sla file from the website.
+
* Note que o modo de como as fontes são exibidas no quadro foi alterado nas versões 1.2.x e 1.3.x então um arquivo de 1.2.x importado para o 1.3.x pode requerer alguns ajustes no tamanho dos quadro. Isto provavelmente ocorrerá se você estiver importando o ''Fyug.sla'' original.
 
|}
 
|}
  
===More Text, More Frames===
+
===Mais textos, mais quadros===
 
[[Image:FYugcover_stage2.png|right|thumb|250px]]
 
[[Image:FYugcover_stage2.png|right|thumb|250px]]
Use the same technique, make new text frames as follows:
+
Crie os novos quadros de textos usando a mesma técnica exibida anteriormente:
 
{| cellpadding="5" |
 
{| cellpadding="5" |
! width=200 | Content
+
! width=200 | Conteúdo
! width=200 | Font (or similar)
+
! width=200 | Fonte (ou similar)
! width=50 | Color
+
! width=50 | Cor
 
|-
 
|-
 
| THE NEW ERA OF COMPUTING || [[Wikipedia:Bitstream Vera|Bitstream Vera Sans Mono Roman]] || White
 
| THE NEW ERA OF COMPUTING || [[Wikipedia:Bitstream Vera|Bitstream Vera Sans Mono Roman]] || White
 
|-
 
|-
| STRIKE A NEW POSE || URW Palladio L Bold || LimeGreen2
+
| STRIKE A NEW POSE || URW Palladio L Bold || verde-limão2
 
|-
 
|-
 
| WHY KHAJURAHO<br> NEEDS GNU/LINUX || URW Palladio L Bold || Red
 
| WHY KHAJURAHO<br> NEEDS GNU/LINUX || URW Palladio L Bold || Red
Line 51: Line 65:
 
| PLUS: FORGOTTEN VERSES<br>FROM THE DIGITAL SUTRA OF INDIA || URW Palladio L Bold || Yellow
 
| PLUS: FORGOTTEN VERSES<br>FROM THE DIGITAL SUTRA OF INDIA || URW Palladio L Bold || Yellow
 
|}
 
|}
Adjust size, tracking and line spacing to fill the space as needed.
+
Ajuste tamanho e espaçamentos para preencher o espaço necessário. Veja a imagem ao lado como referência, se desejar.
 +
 
 +
===E já que estamos aqui...===
 +
Aqui vai um trecho do <font color="purple">'''[[Trabalhando com quadros de texto]]'''</font> sobre o ajuste de tamanho, posicionamento e outras configurações:
  
===And While We're At It===
+
''Existem três modos de alterar as configurações:''
Here is an excerpt from [[Working with text frames]] elsewhere on the Wiki. You should find this useful when adjusting sizes, positions, and other settings.
+
# ''Editando através do teclado.''
 +
# ''Alterando os valores pelas setas ao lado de cada valor.''
 +
# ''Usando a roda do mouse em cada valor --normalmente deixar o cursor sobre o valor já é o suficiente, se não, clique primeiro sobre o valor.''
  
There are three ways to change the individual settings --
+
''Nas opções 2 e 3, segurar a tecla '''Ctrl''', '''Shift''' ou '''Ctrl+Shift''' dará uma precisão decimal ao deslocamento. Veja mais em <font color="purple">'''[[Atalhos de teclado por tecla]]'''</font>.''
# editing with the keyboard
 
# clicking on the up or down arrows to the right of each value. The keyboard up and down arrows will accomplish the same thing.
 
# using the mousewheel on each setting -- usually hovering the cursor will be enough, if not, click on the value first
 
  
Also note that for 2 and 3, holding down Ctrl, Shift, or Ctrl+Shift will alter which decimal place is affected. In addition, when using the Properties window width and height are by default linked, but you need only click the chain icon to the right to unlink them. Refer to this [[Keyboard Shortcuts by Key|article]] for more on keyboard shortcuts.
+
''Os valores são proporcionais por padrão. Se você deseja alterá-los numa proporção diferente da original, desmarque as "correntes".''

Latest revision as of 05:18, 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 V

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


Trabalhando com camadas na página

Por que precisamos de camadas?

Nós iremos formatar o texto do título, da machete e da sub-manchete da nossa revista.
Imagine que esta revista seja publicada em diversos idiomas. Como? Um dos modos seria recriar o layout para cada versão da revista, outro seria o uso de camadas para separar cada idioma. Pense nas camadas como folhas de papel amontoadas uma sobre as outras como em maço ou uma resma. Cada folha individual representaria uma camada, sendo possível a ocultação ou exibição dessa camada de acordo com as nossas necessidades. Por exemplo: Mostre o texto em português e oculte o inglês sem tocar na camadas das imagens.

Camadas

As camadas trazem uma grande conveniência ao design de página. Nossa revista usará uma camada para as imagens de fundo, outra para as faixas e uma outra para o texto.
Vá ao menu Janelas > Camadas. Na caixa de diálogo Camadas, você verá uma única camada que contém todo os objetos de sua página até agora. Clique sobre o ícone Olho para ocultar a visualização dos elementos daquela camada deixando a página "vazia".

Dê um duplo clique no nome da camada e mude-o para "FotoDeFundo". Agora clique sobre o ícone de criação de camada (na parte inferior esquerda da janela) para adicionar um nova camada. Mude o nome desta nova camada para "TextoDeCapa" e certifique-se de selecioná-la para que o Scribus saiba que aquela camada deve conter todos os elementos a serem criados. Verifique se o Olho está desmarcado, assim você poderá ver os objetos na sua camada.

Adicionando texto ao quadro de texto

Edito de História - clique para ampliar

Certificando-se que a camada "TexoDeCapa" está marcada na diálogo Camadas, clique no ícone quadro de texto Button-Text-Frame.png na barra de ferramentas (Tecla T) e clique, segure e arraste para criar um quadro de texto ao longo da faixa de nome-título. Por enquanto, crie um quadro de texto tão largo quando a página e com quase o dobro da altura da faixa de nome-título. Clique no ícone Editor de história na barra de ferramentas (Tecla Ctrl+Y) Button-Story-Editor.png para abrir o editor de texto do Scribus. Pense no Editor de história como um mini notepad ou kwrite para a edição de cada quadro de texto. Esta é a segunda janela mais importante do Scribus, depois da janela de propriedades vista anteriormente. Digite o texto: "FreedomYug" no editor e então salve o texto usando o menu Arquivo > Atualizar quadro de texto e sair.

☺ 

Confira o artigo Trabalhando com o Editor de História para mais instruções sobre o funcionamento do editor.

Embelezando o texto

O "FreedomYug" ficará mais atraente se o espaço entre-letras fôr reduzido e o texto caiba na faixa de nome-título. Para reduzir o entre-letras, clique com o botão direito no quadro de texto e, através do menu de contexto, escolha a opção Propriedades. Em Forma, desmarque O texto flui ao redor do quadro (se estiver marcada). Depois, clique sobre a aba Texto na parte inferior desta janela.

☺ 

Para descobrir como funciona a função O texto flui ao redor do quadro, veja o artigo Associando textos ao caminho.

Entre-letras

A partir do menu de seleção de fontes, selecione "Utopia Regular" ou qualquer outra fonte que você aprecie. Em tamanho, defina como 84 pontos. Tradicionalmente, o ponto é uma unidade de medida no sistema de impressão industrial. Veja aqui mais informações sobre o assunto.
Escolha a cor "Red" no item Cor de preenchimento e defina -5 pts no Entre-letras. Use 72 pts no Espaçamento de linha. Você notará que o espaçamento do texto encolheu e que o texto agora é vermelho.

Note que esses valores citados acima podem variar de acordo com o tipo de fonte utilizada no seu caso. O mais importante é ajustar o texto no espaço provido de uma maneira agradável, de acordo com a proposta a ser seguida. Particularmente, você poderá achar que o quadro de texto necessita de uma altura muito maior do que você esperava. Procure por um pequeno quadrado com um X dentro no canto inferior direito do quadro para saber se não há espaço suficiente para o seu texto (ele apenas aparece nessas situações).


Problemas com a exibição do texto

Se você está sofrendo para fazer o seu texto aparecer:

  • Verifique se você está utilizando a camada que você pensa que está.
  • Verifique se a opção O texto flui ao redor do quadro está desmarcada, não apenas no quadro em que você está trabalhando mas também nos quadros abaixos.
  • Algumas fontes necessitam de um generoso espaço abaixo delas mesmo que não exista caracteres naquele espaço. Ajustar o espaçamento de linha pode ajudar.
  • Note que o modo de como as fontes são exibidas no quadro foi alterado nas versões 1.2.x e 1.3.x então um arquivo de 1.2.x importado para o 1.3.x pode requerer alguns ajustes no tamanho dos quadro. Isto provavelmente ocorrerá se você estiver importando o Fyug.sla original.

Mais textos, mais quadros

FYugcover stage2.png

Crie os novos quadros de textos usando a mesma técnica exibida anteriormente:

Conteúdo Fonte (ou similar) Cor
THE NEW ERA OF COMPUTING Bitstream Vera Sans Mono Roman White
STRIKE A NEW POSE URW Palladio L Bold verde-limão2
WHY KHAJURAHO
NEEDS GNU/LINUX
URW Palladio L Bold Red
PLUS: FORGOTTEN VERSES
FROM THE DIGITAL SUTRA OF INDIA
URW Palladio L Bold Yellow

Ajuste tamanho e espaçamentos para preencher o espaço necessário. Veja a imagem ao lado como referência, se desejar.

E já que estamos aqui...

Aqui vai um trecho do Trabalhando com quadros de texto sobre o ajuste de tamanho, posicionamento e outras configurações:

Existem três modos de alterar as configurações:

  1. Editando através do teclado.
  2. Alterando os valores pelas setas ao lado de cada valor.
  3. Usando a roda do mouse em cada valor --normalmente deixar o cursor sobre o valor já é o suficiente, se não, clique primeiro sobre o valor.

Nas opções 2 e 3, segurar a tecla Ctrl, Shift ou Ctrl+Shift dará uma precisão decimal ao deslocamento. Veja mais em Atalhos de teclado por tecla.

Os valores são proporcionais por padrão. Se você deseja alterá-los numa proporção diferente da original, desmarque as "correntes".