Entendendo o Scribus:9: Difference between revisions

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


===Graphics R US===
===Graphics R US===
The flame logo is a special type of graphic, called a '[[Wikipedia:Scalable Vector Graphics|Scalable Vector Graphics]]' or [[Wikipedia:Scalable Vector Graphics|SVG]] for short. It can be enlarged to any size without loss of quality, and even the shape of the flame can be edited in Scribus. Yes, even the colors are imported from the image into the Colors palette of Scribus, and colors from within Scribus can be applied to the image, as has been done here to multiple copies of this graphic. Note how the text is set on a curve created within Scribus, and the automatic drop-caps to the text column.
O logo da chama é um tipo especial de gráfico chamado Gráficos Vetoriais Escaláveis ou SVG, para encurtar. Ele pode ter seu tamanho alterado sem que haja distorção ou perda de qualidade além de ser editável através do próprio Scribus. Sim, até as cores do gráfico são importadas para a paleta de cores do Scribus que por sua vez também pode aplicar cores no gráfico, como feito no nosso exemplo.
Note como o texto está em forma de curva e as capitulações automáticas na coluna de texto.
[Citação - Espaço para explicação]
 


===Ignite===
===Ignite===
Start with a new '''Master Page''', call it 'GyaanL'. Copy and paste the red band, text, and page folio and page number from another left-page template. Change the text to 'Education' in all-caps. In '''Page > Manage Guides''', add two vertical guides at 65mm and 70mm. Lock them, and close the '''Master Pages''' palette. Add another page using this master page, in the Page palette. Or you could use '''Page > Insert...''' menu.
Comece com uma nova '''Página Mestre'''' e nome-a como 'GyaanE'. Copie e cole a faixa vermelha, o texto, o número da edição e o número de página de um outro modelo página (com a letra E). Mude o texto para 'Educação', tudo em maiúsculo. Em '''Páginas > Gerenciar guias''', adicione duas guias verticais em 65 mm e 70 mm e trave-as. Feche a paleta de Páginas Mestre. Adicione outra Página Mestre no Gerenciar Páginas ou use '''Página > Inserir...'''.


===From Flame to Flame===
===From Flame to Flame===
You don't need a Picture frame to place an [[Wikipedia:Scalable Vector Graphics|SVG]], you can do it directly. Go to '''File > Import... > Import SVG'''. Navigate to the 'Images' folder of FYug, and select the 'Highly-Inflammable.svg' image to import. A huge graphic fills the page. Just select it, and in '''Properties''', give it the height and width of 45 mm. Position this graphic to the top-left margin of the page.
Você não precisa de um quadro de imagem para colocar um SVG, você pode fazê-lo diretamente. '''Arquivo > Importar... > Importar SVG'''', navegue pela pasta 'Imagens' do FYug e selecione a imagem 'Altamente-inflamável.svg' para importar. Um imenso gráfico preencherá a página. Selecione-o e altere o tamanho da altura e largura para 45 mm nas '''Propriedades'''. Posicione este gráfico no margem ao topo esquerdo da página.
 
Em '''Editar > Cores...''' você verá que a cor laranja da imagem foi marcada e importada


Check '''Edit > Colors...''' and you will find the orange color in the image has been marked and imported into the '''Colors''' palette.
{| style="width:70%" |
{| style="width:70%" |
| valign="top" |
| valign="top" |


===Colorize===  
===Colorize===  
Select both the frame and the orange box, go to '''Item > Group'''. Then copy and paste it right underneath the first one. In the Properties palette, type '+5mm' at the end of the Y position, to automatically move it down by 5 mm. Thus, copy and paste until you have five copies of the graphic on the page, with a 5mm gap between each one vertically. Select each graphic, ungroup it, select the background color, and change the color of each in the Properties palette.
Selecione o quadro e a caixa laranja e agrupe-os ('''Item > Agrupar'''). Faça uma copia do agrupamento logo abaixo do original. Nas Propriedades, use '+5 mm' no Y-Pos para movê-lo automaticamente 5 milímetros para baixo. Depois disto, copie e cole até ter 5 copias do gráfico na página com 5 mm de distância na vertical entre cada um. Selecione um a um e desagrupe-os. Selecione a cor de fundo e mude-as individualmente.


[[Image:Page6_Fyug.jpg]]
[[Image:Page6_Fyug.jpg]]


===Dragged Guides===
===Dragged Guides===
From the horizontal rulers just below the taskbar and above the page, click and drag a horizontal guide to the bottom of each box. Toggle 'Show Guides' so in the View menu, so you can see the guide. Finally, draw text frames to the height of each graphic in the column on the right, and type in the text. Define a Paragraph style that has a drop-cap of two lines, and apply that style to each text frame.
A partir das réguas horizontais -- logo abaixo da barra de ferramentas e acima da baixa, clique e arraste uma guia horizontal para cada caixa. Alterne para o modo 'Mostrar Guias' no menu '''Visualizar''' para que você possa vê-las. Finalmente, crie quadros de texto na altura de cada gráfico na coluna da direita e digite um texto. Defina (ou crie, se precisar) um estilo de parágrafo que possua uma capitulação de 2 linhas e aplique este estilo em cada quadro de texto.


===Page Number on Top===  
===Número de página no topo===
Did you note the problem of the last graphic overlapping the page number and the page folio text? Go back to the '''Master pages''' palette, copy the page folio text frame that contains the page number. Close the Master pages palette, go back to your page, and just paste it on top. The page number comes in automatically to this text. Draw a white box above the original page folio. Place the flame graphic above this, and finally paste the new folio text frame above this. You can use the up and down arrows in the Properties palette to change the stacking order of overlapping objects. Do ensure that the page folio you paste, is into the top-most layer of your page. Counter-check in the Layers palette.
Você notou que o último gráfico ultrapassa o número de página e o texto do número da edição? Volte para a paleta de '''Páginas Mestre''' e copie o quadro de texto do número da edição e que contêm o número de página. Feche a paleta de Páginas Mestre e então cole o quadro na página que você estava anteriormente. O número da página atual aparecerá no quadro recém colado. Agora desenhe um caixa branca (um quadrado) acima do número da edição original e coloque o gráfico da chama acima da caixa. Finalize colando o novo quadro de texto com o número da edição acima de tudo. Você pode usar as setas para cima e para baixo nas barras de Propriedades para alterar a ordem de sobreposição dos objetos.
Assegure-se que o número da edição que você colou está na camada mais superior de seu página (use a paleta de camadas).


===Text on Path===
===Texto no caminho===
The text on the curve is pretty easy. Write the text in a text frame. Draw a curve using the 'Insert lines' tool [[Image:Bezier tool.png]]. Use the tool that has a pencil with a line shaped like an 'S' around it. To draw the curve, just click once at the starting point of the curve, and drag briefly to the top-right. Then release the button, click at the end position of the curve, and drag briefly to the bottom-left. Once you are satisfied with the curve shape, just right-click the mouse and your curve is done.  
O texto encurvado é bastante simples de ser feito. Escreva um texto no quadro de texto e desenhe uma curva usando a ferramenta 'Inserir linhas' [[Image:Bezier tool.png]]. Para desenhar um curva, clique apenas uma vez para definir o ponto de início e então clique-segure e arraste levemente a linha para o topo direito. Note que uma curva se formará. Solte o botão e clique-segure e arraste novamente mas use o sentido oposto desta vez para formar um S. Solte o botão e clique com o botão direito para terminar.


[[Image:Sciezka1.png]]
[[Image:Sciezka1.png]]


Select both the text frame and the curve, and select '''Item > Attach Text to Path'''. The text will follow the curve. You can play with alignment and other settings in the Properties palette. Rotate the whole curve slightly for a better fit.  
Selecione a curva e o quadro de texto e vá ao menu '''Item > Associar texto ao caminho'''. O texto irá seguir a curva. Você pode brincar com o alinhamento e outras configurações nas Propriedades. Rotacione a curva levemente para um melhor ajuste.


[[Image:Text on path2.png]]
[[Image:Text on path2.png]]

Revision as of 18:41, 28 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

Set Fire With SVG Graphics

Graphics R US

O logo da chama é um tipo especial de gráfico chamado Gráficos Vetoriais Escaláveis ou SVG, para encurtar. Ele pode ter seu tamanho alterado sem que haja distorção ou perda de qualidade além de ser editável através do próprio Scribus. Sim, até as cores do gráfico são importadas para a paleta de cores do Scribus que por sua vez também pode aplicar cores no gráfico, como feito no nosso exemplo. Note como o texto está em forma de curva e as capitulações automáticas na coluna de texto. [Citação - Espaço para explicação]


Ignite

Comece com uma nova Página Mestre' e nome-a como 'GyaanE'. Copie e cole a faixa vermelha, o texto, o número da edição e o número de página de um outro modelo página (com a letra E). Mude o texto para 'Educação', tudo em maiúsculo. Em Páginas > Gerenciar guias, adicione duas guias verticais em 65 mm e 70 mm e trave-as. Feche a paleta de Páginas Mestre. Adicione outra Página Mestre no Gerenciar Páginas ou use Página > Inserir....

From Flame to Flame

Você não precisa de um quadro de imagem para colocar um SVG, você pode fazê-lo diretamente. Arquivo > Importar... > Importar SVG', navegue pela pasta 'Imagens' do FYug e selecione a imagem 'Altamente-inflamável.svg' para importar. Um imenso gráfico preencherá a página. Selecione-o e altere o tamanho da altura e largura para 45 mm nas Propriedades. Posicione este gráfico no margem ao topo esquerdo da página.

Em Editar > Cores... você verá que a cor laranja da imagem foi marcada e importada

Colorize

Selecione o quadro e a caixa laranja e agrupe-os (Item > Agrupar). Faça uma copia do agrupamento logo abaixo do original. Nas Propriedades, use '+5 mm' no Y-Pos para movê-lo automaticamente 5 milímetros para baixo. Depois disto, copie e cole até ter 5 copias do gráfico na página com 5 mm de distância na vertical entre cada um. Selecione um a um e desagrupe-os. Selecione a cor de fundo e mude-as individualmente.

Page6 Fyug.jpg

Dragged Guides

A partir das réguas horizontais -- logo abaixo da barra de ferramentas e acima da baixa, clique e arraste uma guia horizontal para cada caixa. Alterne para o modo 'Mostrar Guias' no menu Visualizar para que você possa vê-las. Finalmente, crie quadros de texto na altura de cada gráfico na coluna da direita e digite um texto. Defina (ou crie, se precisar) um estilo de parágrafo que possua uma capitulação de 2 linhas e aplique este estilo em cada quadro de texto.

Número de página no topo

Você notou que o último gráfico ultrapassa o número de página e o texto do número da edição? Volte para a paleta de Páginas Mestre e copie o quadro de texto do número da edição e que contêm o número de página. Feche a paleta de Páginas Mestre e então cole o quadro na página que você estava anteriormente. O número da página atual aparecerá no quadro recém colado. Agora desenhe um caixa branca (um quadrado) acima do número da edição original e coloque o gráfico da chama acima da caixa. Finalize colando o novo quadro de texto com o número da edição acima de tudo. Você pode usar as setas para cima e para baixo nas barras de Propriedades para alterar a ordem de sobreposição dos objetos. Assegure-se que o número da edição que você colou está na camada mais superior de seu página (use a paleta de camadas).

Texto no caminho

O texto encurvado é bastante simples de ser feito. Escreva um texto no quadro de texto e desenhe uma curva usando a ferramenta 'Inserir linhas' Bezier tool.png. Para desenhar um curva, clique apenas uma vez para definir o ponto de início e então clique-segure e arraste levemente a linha para o topo direito. Note que uma curva se formará. Solte o botão e clique-segure e arraste novamente mas use o sentido oposto desta vez para formar um S. Solte o botão e clique com o botão direito para terminar.

Sciezka1.png

Selecione a curva e o quadro de texto e vá ao menu Item > Associar texto ao caminho. O texto irá seguir a curva. Você pode brincar com o alinhamento e outras configurações nas Propriedades. Rotacione a curva levemente para um melhor ajuste.

Text on path2.png


☺ 

For a bit more on Text on a Path, check this howto