quarta-feira, 21 de novembro de 2007





Desenhando um bandeira:


Baseado no seguinte site: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/AShortExample.html
Adaptado para a versão 0.41 do Inkscape.
A Bandeira Sueca: Um Breve Exemplo.

Usaremos o Inkscape para desenhar uma bandeira simples, a da Suécia. Este exemplo cobrirá: personalização do tamanho do desenho, preparação da Grade para ajudar no posicionamento exato dos objetos, uso da Ferramenta Retângulo, modificação da cor dos objetos, e finalmente salvar e exportar o desenho em uma forma mais apropriada para uso numa paginá da web.


Os passos que tomaremos são:

Iniciar Inkscape.

Determinar o tamanho do desenho.

Colocar a Grade para determinar o tamanho do desenho.

Desenhar o fundo da bandeira.

Desenhar a cruz.

Dar uma cor para o fundo e a cruz.

Salve e exporte o desenho.


Assumimos que você conhece o Inkscape e sabe utilizar o mouse, mesa digital, selecionar itens no menu e mover as barras de rolagem.


Procedimento 2.1 – Desenhando a bandeira da Suécia.


  1. Inicie o Inkscape.

O programa abrirá uma única janela com o tamanho padrão de página.


  1. Ajuste o tamanho da página para o tamanho desejado da bandeira.

A relação largura pela altura correta da bandeira da Suécia é de 16 para 10. Ajustaremos o tamanho da página para 320 por 200 para a área de pixel. Esta proporção aqui é muito importante. O tamanho do desenho quando impresso ou exportado para um bitmap pode ser modificado mais tarde.(por default um pixel corresponde a um pixel de tela quando exportado.)


a. Abra o Diálogo Configurações do Desenho.

Abra o diálogo Configurações do Desenho, selecionando o menu Arquivo -> Configurações do Desenho.(Shift + Ctrl + D).


b. Ajuste o tamanho da página.

Na nova janela aberta, na aba “Página”, procure “Canvas Size”.

Clicando na seta selecione “Personalizado”.

No quadro “Tela personalizada”, mude as unidade para “px”.

Coloque na largura 320 e na altura 200. Digite os valores nos espaços ou utilize as setas.

Observe que os valores somente são aceitos depois que você pressiona “Enter”.

A orientação da página mudará automaticamente para 'paisagem'.




Janela de Configurações do Desenho


  1. Ajuste a página na área de desenho.


A página agora é apenas um pequeno retângulo na área de desenho. Para ajustar a página na área de desenho, clique no ícone de zoom de página

na barra de comando ou use a tecla de atalho 5, a tecla de número 5 do teclado numérico. Seu desenho deverá preencher a tela. Feche a janela de Configurações do Desenho temporariamente para observar a página.


Sua janela do Inkscape deverá ficar como a figura abaixo:



3. Preparação da Grade.


Com a janela de Configurações de Desenho aberta faremos uma modificação que fará o desenho do fundo e da cruz mais fácil. A rede é uma área de linhas horizontais e verticais que fornecem um guia para o desenho de objetos. Opcionalmente os objetos 'saltarão' para a grade quando forem desenhados ou movidos, permitindo um desenho preciso. A grade não aparecerá quando o desenho for impresso ou exportado como bitmap.

3a – Acione a grade.


A partir da Barra de Menu, selecione 'Exibir', depois 'Grade'. Você deverá ver uma grade com linhas azul claro. A grade pode ser usada para posicionar as barras da cruz.


3B – Ajuste o espaçamento da grade.


Você pode agora ajustar a grade para combinar com a cruz. A dimensão e posição da cruz é fornecida pela lei da Suécia. A barra vertical deve ser colocada entre 5/16 décimos e 7/16 décimos da largura da bandeira enquanto que a barra horizontal deve ser colocada entre 4/10 décimos e 6/10 décimos da altura da bandeira.


A grade default tem divisões menores a cada pixel de tela e divisões maiores a cada 5 pixels de tela. Dependendo do nível de zoom, nem todas as divisões são exibidas. Uma grade mais apropriada para o desenho da bandeira seria uma com divisões a cada 20 pixels de tal forma que as linhas da grade dividam a largura da bandeira em 16 partes e a altura da bandeira em 10 partes.


Para mudar a escala da grade, vá para a janela Configurações do Desenho e abra a aba 'Grade' na parte superior da janela.





Janela de Configurações do Desenho – Aba 'Grade'.

Ajuste o espaçamento X e o espaçamento Y para 20.

Para ajudar a desenhar a bandeira com precisão, vamos acionar os pontos de saltos nas linhas da grade. Clique no item 'Ajustar pontos na grade'. Isso forçará os cantos dos retângulos que vamos desenhar, ajustarem-se automaticamente a grade. Retire a seleção do item 'Ajustar as bordas de limite da grade'.


Após fazer as mudanças, você poderá fechar a janela de Configurações do Desenho.


4. Desenhe o fundo da bandeira.


A bandeira tem um fundo azul claro. A várias forma de se fazer isso. Usaremos um retângulo preenchido.


4 a – Selecione a ferramenta retângulo.


Clique no ícone da ferramenta Retângulo na caixa de ferramentas no lado esquerdo na janela do Inkscape( ou utilize a tecla de atalho F4 para selecionar a ferramenta Retângulo.)

Uma vez selecionada a ferrementa retângulo, coloque o ponteiro do mouse na área de desenho. O ponteiro irá se transformar em um retângulo. Isso significa que você poderá desenhar um retângulo ou um quadrado. A pequena cruz no canto superior esquerdo do ponteiro indica o ponto que está ativo.


4 b – Para desenhar o retângulo do fundo.


Para desenhar o retângulo do fundo, siga as dicas da Região de Notificação. Clique e arraste o ponteiro do mouse do canto superior até o canto inferior da área da página.


Observe que os cantos do retângulo saltam para a grade. Se o seu retângulo não encaixa no tamanho da página, você pode usar um dos retângulos de arrasto (pequenos quadradinhos) na parte superior ou inferior do lado direito do retângulo e ajustar o tamanho do retângulo. (O círculo do lado superior direito tem uma função diferente. É utilizado para arredondar os cantos do retângulo. Conforme você arrasta os quadrinhos, eles saltarão para a grade.


Se cometer um erro, você pode clicar no ícone 'desfazer' na barra de comando, usar 'Editar', depois 'Desfazer', ou usar a tecla de atalho 'CTRL + Z'.



Retângulo do Fundo


5 – Para desenhar a cruz.


A cruz consiste de uma barra horizontal e de uma barra vertical.



5 a – Para desenhar a barra horizontal.


Com a ferramenta Retângulo ainda selecionada, crie a barra iniciando 6 unidades da grade acima do lado esquerdo e arrastando o ponteiro quatro unidades acima do lado direito da bandeira. Observe que a cor de preenchimento do retângulo atual é a mesma do retângulo do fundo, mas você ainda deve ser capaz de enxergar a nova barra. Faça qualquer correção na posição e tamanho do retângulo que for necessário.


Se você não puder ver a barra horizontal... Não entre em pânico. O Inkscape frequentemente usa o estilo atual (atributos : cor, tamanho, estilo de linha, etc.) para desenhar novos objetos. O estilo atual é ajustado para aquele último objeto onde o estilo foi modificado (incluindo aqueles de uma sessão anterior do Inkscape). Se a cor da borda combinar com a cor de preenchimento ou se a borda do desenho foi desativada, e se a transparência ou alfa está com 100% teremos a mesma situação do urso polar numa tempestade de neve. Há muitos acertos, mas o mais fácil é o de modificar a cor da barra horizontal para ser diferente da cor do fundo.


5 b – Para desenhar a barra vertical.


A barra vertical deve estender-se entre 5 e 7 unidades a partir da esquerda.



A tela depois que as barras horizontais e verticais foram desenhadas. As linhas da borda mostram como um barra da cruz sobrepõe a outra.


Para fazer a união das barras em uma cruz.


Poderíamos para aqui. Depois de remover a borda das barras, teríamos a cruz desejada. Mas será melhor (ou pelo menos mais pedagógico) unir as barras em uma cruz, de forma que a cruz seja um só objeto ao invés de dois.


Selecione os dois retângulos.


As duas barras precisam ser selecionadas de uma só vez. Isso pode ser feito com a ferramenta de seleção e a tecla Shift. Habilite a ferramenta de seleção clicando no ícone em forma de seta na caixa de ferramentas ou usando as teclas de atalho F1 + s.


Após selecionar a ferramenta de seleção (indicado pela mudança do ponteiro para o formato de uma seta enquanto estiver sobre a área de desenho ou em setas cruzadas sobre o objeto.) Clique sobre um dos retângulos na cruz. Os dois retângulos devem ser selecionados conforme será indicados pelas bordas pontilhadas. Note que o retângulo do fundo não está envolvido pela borda pontilhada e que a área de notificação indica que há somente dois retângulos selecionados.




Os dois retângulos que formam a cruz estão selecionados.


Unir os caminhos


Os dois retângulos podem ser combinados unindo seus caminhos.(Aqui o caminho é a borda do retângulo.) Para unir os dois retângulos, selecione 'Caminho', depois 'União' (Ctrl + ) na barra de menus. Os retângulos estão agora combinados como se fossem um.




A cruz após a união dos retângulos.


A cruz de ser composta por retângulos e agora é definida como um caminho.


  1. Ajuste a cor do fundo e da cruz.


O próximo passo é o ajuste das cores do fundo e da cruz as cores da bandeira da Suécia. Usaremos o diálogo Preenchimento e Traço para que possamos colocar exatamente as cores corretas.


Acione o diálogo Preenchimento e Traço.


Abra a caixa de diálogo Preenchimento e Traço, clicando no menu 'Objeto' na barra de comandos ou use as teclas de atalho Shift + Ctrl + F.


Caixa de diálogo de Preenchimento e Traço.


Confira se a aba de preenchimento está ativada no topo da janela, se não estiver, selecione esta aba.


Para ajustar a cor de preenchimento do fundo.


Selecione o retângulo do fundo clicando nele com a ferramenta de seleção. A região de notificação indicará que há um retângulo selecionado e o indicador de estilo exibirá a cor de preenchimento e a cor do traço do retângulo.


Há várias maneiras de informar a cor de preenchimento. Usaremos o modo RGB (red, green, blue), selecione a aba RGB se ele não estiver selecionada. Neste modo as cores são especificadas ajustando a quantidade de cada uma das três cores primárias. A escala se estende de 0 até 255. Podemos mudar a quantidade de cada cor primária deslizando-se para a esquerda ou para a direita, os pequenos triângulos que estão nas barras R, G e B, ou modificando os números nas caixas a direita das barras (digitando ou usando as setas para cima e para baixo.) Para a bandeira da Suécia a cor do fundo é: RED = 0, GREEN = 90 e RED = 173. A quarta entrada é A = Alpha, ou transparência, que indica quão opaco um objeto deve ser. Queremos que nossa bandeira tenha uma cor de fundo sólida e não transparente então nosso alpha deve ser 255. De forma semelhante a Opacidade Mestre deve ser ajustada para 100%.


Um passo adicional será desligar qualquer cor dos traços (bordas). No diálogo Preenchimento e Traço, selecione a aba 'Pintura de Traço' e clique no ícone 'Nenhuma Pintura' para desativar os traços de contorno.





Para ajustar a cor de preenchimento da cruz.


Selecione a cruz e modifique a cor de preenchimento seguindo as instruções do item anterior. Quando a cruz estiver selecionada, a região de notificação informará um caminho com 12 nodos selecionados. Você precisará reajustar a aba de preenchimento. Desta vez as cores são as seguintes: R = 255, G = 194 e B = 0. Desative as bordas como feito anteriormente.

Nenhum comentário:

Postar um comentário