Softwares Livres de Produo

Inkscape
Verso 0.1.09 Criao de Ilustraes Vetoriais Volume 2

Softwares Livres de Produo

Inkscape
Verso 0.1.09 Criao de Ilustraes Vetoriais Volume 2

SECRETARIA DE ESTADO DA EDUCAO SUPERINTENDNCIA DA EDUCAO DIRETORIA DE TECNOLOGIA EDUCACIONAL COORDENAO DE MULTIMEIOS

Inkscape Verso 0.1.09 Criao e Ilustraes Vetoriais Volume 2

CURITIBA SEED-PR 2010

Inkscape v. 2

 permitida a reproduo total ou parcial desta obra, desde que seja citada a fonte. Disponvel tambm em: <http://www.diaadia.pr.gov.br/ead> Coordenao de Multimeios Organizao e adaptao de texto Elciana Goedert Traduo de trechos em ingls Zlia Maria Horta Garcia Coordenao de Mdia Impressa e Web Reviso ortogrfica Brbara Reis Chaves Alvim Orly Marion Webber Milani Coordenao de Multimeios Produo Eziquiel Menta Ricardo Mendona Petracca Capa Andrea da Silva Castagini Rafael Cadilhe David Projeto Grfico Juliana Gomes de Souza Dias Diagramao Hellen Falco Yokowo Taisa Delazzeri Burtet
CATALOGAO NA FONTE - CEDITEC-SEED-PR Paran. Secretaria de Estado da Educao. Superintendncia da Educao. Diretoria de Tecnologias Educacionais. P111 Inkscape , verso 0.1.09 : criao e ilustraes vetoriais , v.2 / Secretaria de Estado da Educao. Superintendncia da Educao. Diretoria de Tecnologias Educacionais. Curitiba : SEED Pr., 2010. . V. 2 ISBN 978-85-8015-016-2 1. Inkscape. 2. Design. 3. Educao-Paran. I. Goedert, Elciana, org. II. Ttulo. CDD600 CDU 6+37(816.2)

SECRETARIA DE ESTADO DA EDUCAO Superintendncia da Educao Diretoria de Tecnologia Educacional Coordenao de Multimeios Rua Salvador Ferrante, 1.651 Boqueiro CEP 81670-390 Curitiba Paran www.diaadia.pr.gov.br/multimeios IMPRESSO NO BRASIL DISTRIBUIO GRATUITA

Sumrio
1 Introduo. .................................................. 7 2 Vetorizao ................................................ 8 2.1 Limiar de Brilho.............................................................9 2.2 Deteco de Bordas MelhoradaS............................9 2.3 Quantificao de Cor................................................10 3 Dicas e Truques do Inkscape . ...................12 3.1 Arranjo radial com Ladrilhar Clones................12 3.2 Como fazer fatias (vrias reas retangulares exportadas)?. ......................................................................13 3.3 Gradientes no-lineares...........................................13 3.4 Gradientes radiais excntricos..............................14 3.5 Alinhando ao centro da pgina. ...........................15 3.6 Limpando o documento............................................15 3.7 Criando recorte ou mscara em um bitmap. ....15 3.8 Caractersticas escondidas e o editor XML........15 3.9 Modificando a unidade de medida das rguas.16 3.10 Estampagem................................................................16 3.11 Truques da ferramenta Bezier. .............................16 3.12 Inserindo valores Unicode. ....................................17 3.13 Utilizando a grade para desenhar cones........17 3.14 Rotao de objetos..................................................17 3.15 Caixa de dilogos Abrir, como uma paleta de objetos. .................................................................................18 3.16 Sombras de fundo em Bitmaps..............................18 3.17 Posicionando texto em um caminho..................18 3.18 Selecionando o original........................................18 3.19 Recuperao de janelas fora da tela. ...............19 3.20 Exportao de transparncia, gradientes e PostScript. ............................................................................19 4 Elementos e Princpios do Design. ........... 20 4.1 Elementos do Design..................................................20 4.1.1 Linha..............................................................................20 4.1.2 Forma.............................................................................20 4.1.3 Tamanho........................................................................21

4.1.4 Espao............................................................................21 4.1.5 Cor. .................................................................................21 4.1.6 Textura...........................................................................22 4.1.7 Valor. ..............................................................................22 4.2 Princpios do Design....................................................22 4.2.1 Equilbrio.......................................................................23 4.2.2 Contraste.......................................................................23 4.2.3 nfase. ............................................................................23 4.2.4 Proporo......................................................................23 4.2.5 Padro. ...........................................................................24 4.2.6 Gradao. .......................................................................24 4.2.7 Composio...................................................................25 Referncias. .................................................. 26

No volume 1, esto disponveis os seguintes contedos: Interface do Inkscape Funcionamento bsico do Inkscape Gerenciador de camadas Funcionamento avanado Inkscape Shapes Caligrafia

1 Introduo
Desde a pr-histria, o ser humano tem demonstrado sua paixo pela ilustrao. O desenho foi a forma de comunicao surgida antes mesmo da escrita, sendo uma prtica intuitiva basta dar caneta e papel a uma criana que rapidamente ela comea a tracejar, e mesmo que um adulto no compreenda o que est expressando, para ela trata-se de uma obra de arte! Desenhar, enfim, um muito bom para exercitar o crebro, alm de ser um timo passatempo. Hoje, qualquer pessoa interessada pode desenvolver sua habilidade nessa arte. Com o Inkscape, um software livre para editar arquivos vetoriais, podemos realizar desde simples ilustraes at as mais complexas, dignas de um profissional. O Inkscape possui uma interface intuitiva e simples, com recursos que facilitam a vida do usurio. Com ele possvel editar e criar imagens utilizando os pincis ou linhas prontas, incluindo crculo, retngulo, quadrado entre outros. Para as cores, o software utiliza o sistema RGB, HSV e CMYK, alm do controle de transparncia. Com o Inkscape possvel criar arquivos de diversos formatos, permitindo integrao de programas como o Scribus e o Gimp e, inclusive, exportar para os formatos SVG, PNG, ESP e PS. O que destaca o Inkscape justamente a adoo nativa do formato SVG (Desenhos ou Grficos Vetoriais Escalveis), dentro do padro formato aberto XML, criado pelo W3C (World Wide Web Consortium). De fcil entendimento e com uma exposio didtica, este tutorial pretende proporcionar as bases do conhecimento na tcnica do desenho. Aproveite bem cada comando aprendido ou conceito explanado e, com um pouco de treino, voc pode no se tornar um profissional de desenho, mas certamente vai aprimorar muito seu conhecimento nessa arte.

Inkscape v. 2
7

2 Vetorizao
Um dos recursos do Inkscape a ferramenta que vetoriza uma imagem bitmap em um elemento (<caminho>) para seu desenho SVG. As dicas a seguir devem ajud-lo(a) a se familiarizar com o funcionamento dessa ferramenta. Atualmente, o Inkscape emprega o motor de vetorizao bitmap (potrace.sourceforge.net) escrito por Peter Selinger. No futuro, esperamos permitir programas de vetorizao alternativos; por enquanto, essa tima ferramenta mais que suficiente para nossas necessidades. Tenha em mente que o propsito desta ferramenta no reproduzir uma cpia exata da imagem original; tampouco produzir um produto final. Nenhuma ferramenta de vetorizao automtica consegue fazer isso. O que ela faz fornecer um conjunto de curvas que voc pode utilizar como um recurso para seu desenho. O Potrace interpreta um bitmap preto e branco e produz um conjunto de curvas. Para o Potrace, atualmente, temos trs tipos de filtros de entrada, para converter uma imagem crua em algo que o Potrace possa utilizar. Geralmente, quanto mais escuros os pixels no bitmap intermedirio, maior a vetorizao que o Potrace executar. medida que a quantidade de traos aumenta, mais tempo de processamento da CPU ser necessrio e o elemento (<caminho>) ficar muito maior. recomendvel que o usurio experimente com imagens intermedirias mais claras primeiro, passando para mais escuras para obter a complexidade e proporo desejadas do caminho resultante. Para utilizar a ferramenta de vetorizao, carregue ou importe uma imagem, selecione-a, e selecione o comando Caminho / Traar Bitmap ou Shift+Alt+B.

O usurio visualizar as trs opes de filtros disponveis: Limiar de Brilho, Deteco de Bordas Melhoradas e Quantificao de Cor. 2.1 Limiar de Brilho Essa opo simplesmente utiliza a soma do vermelho, verde e azul (ou tons de cinza) de um pixel para determinar se ele deve ser considerado preto ou branco. O limiar pode ser configurado de 0,0 (preto) a 1,0 (branco). Quanto maior o valor, menor a quantidade de pixels que sero considerados "brancos" e a imagem intermediria ficar mais escura.

2.2 Deteco de Bordas MelhoradaS Esse filtro utiliza o algoritmo de deteco de bordas inventado por J. Canny, como uma forma de encontrar rapidamente isclinas de contrastes parecidos. Isso produzir um bitmap intermedirio que se parecer menos com a imagem original que com o que faz o Limiar do Brilho, mas provavelmente fornecer informao sobre a curva que de outra maneira seria ignorada. A configurao do campo Limiar aqui (de 0,0 a 1,0) ajusta o limiar do brilho a fim de determinar se um pixel situado prximo a uma borda de contraste deve ser includo no resultado. Esse recurso permite ajustar a obscuridade ou espessura da borda no resultado final da imagem vetorizada.

Inkscape v. 2
9

2.3 Quantificao de Cor O resultado desse filtro produzir uma imagem intermediria que muito diferente dos outros dois, mas muito til. Em vez de mostrar as isclinas de brilho ou contraste, esse filtro procurar bordas onde as cores mudam, mesmo com brilho e contrastes iguais. No campo Cores possvel decidir quantas cores de sada existiriam se o bitmap intermedirio fosse colorido. Ele ento decide preto/branco de acordo com o ndice par ou mpar da cor.

recomendvel para o usurio tentar todos os trs filtros e observar os diferentes resultados produzidos para diferentes tipos de imagens de entrada. Sempre haver uma imagem onde um funcionar melhor que os outros. Depois de vetorizar, recomendvel que o usurio tente o comando Caminho / Simplificar (Ctrl+L) no caminho resultante, para reduzir o nmero de ns. Isso far o resultado do Potrace muito mais fcil de ser editado. Por exemplo, aqui est uma vetorizao tpica do Homem Velho Tocando Violo:

Perceba o nmero enorme de ns no caminho. Depois de pressionar Ctrl+L, este o resultado tpico:
10

A representao um pouco mais aproximada e rudimentar, mas o desenho muito mais simples e fcil de editar. Tenha em mente que o que voc quer no uma cpia exata da imagem, mas um conjunto de curvas que voc pode utilizar em seu desenho.

11

Inkscape v. 2

3 Dicas e Truques do Inkscape

Neste tpico, demonstraremos vrias dicas e truques que usurios aprenderam com o uso do Inkscape e algumas caractersticas escondidas que podem ajudar a acelerar tarefas de produo. Portanto, abra o programa para praticar as atividades que sero propostas neste tutorial. 3.1 Arranjo radial com Ladrilhar Clones fcil observar como utilizar a caixa de dilogos Ladrilhar Clones para grades retangulares e padres. Mas se voc precisar de um arranjo radial, onde os objetos compartilham um centro comum de rotao? Isto possvel tambm! Se seu padro radial requer apenas 3, 4, 6, 8 ou 12 elementos, ento voc pode tentar as simetrias P3, P31M,P3M1, P4, P4M, P6 ou P6M. Esses padres funcionam perfeitamente para flocos de neve e afins. Entretanto, o prximo mtodo mais abrangente. Escolha a simetria P1 (transio simples) e depois compense essa transio configurando na aba Deslocamento, Por linha/Deslocar Y e Por coluna/Deslocar X ambos para -100%. Agora, todos os clones ficaro empilhados exatamente em cima do original. Tudo o que resta a fazer ir para a aba Rotao e configurar algum ngulo de rotao por coluna e, ento, criar o padro com uma linha e mltiplas colunas. Na sequncia, temos como exemplo um padro feito a partir de uma linha horizontal, com 30 colunas, cada uma girada 6 graus.

12

Para obter um mostrador de relgio a partir desse, tudo o que voc precisa fazer cortar ou simplesmente cobrir a parte central com um crculo branco (para fazer operaes booleanas nos clones, necessrio desagrup-los primeiro). Efeitos mais interessantes podem ser criados utilizando tanto linhas quanto colunas. A seguir, tem-se um padro com 10 colunas e 8 linhas, com rotao de 2 graus por linha e 18 graus por coluna. Aqui, cada grupo de linhas uma coluna, assim os grupos esto a 18 graus um do outro, dentro de cada coluna, e as linhas individuais, 2 graus afastadas. 3.2 Como fazer fatias (vrias reas retangulares exportadas)? Crie uma camada nova e nela crie retngulos invisveis cobrindo partes de sua imagem. Certifique-se de que seu documento utiliza a unidade px (padro), ative a grade e ajuste os retngulos grade, de modo que cada um abranja um nmero inteiro de unidades de pixel. Atribua identificaes significativas para os retngulos e exporte cada um em seu prprio arquivo. Assim, os retngulos gravaro seus nomes de exportao. Depois disso, muito fcil reexportar alguns retngulos: mude para a camada de exportao, utilize Tab para selecionar aquele que deseja (ou utilize Localizar por id) e clique em Exportar na caixa de dilogos. Voc pode escrever um shell script ou um arquivo batch para exportar todas as suas reas, com um comando como <inkscape -i <area-id> -t <nomedoarquivo.svg> para cada rea exportada. A opo -t diz para utilizar a sugesto do nome do arquivo gravada. Tambm possvel fornecer o nome do arquivo de exportao com a opo -e ou utilizar o utilitrio svgslice para automatizar a exportao de documentos SVG do Inkscape, utilizando uma camada de fatias ou guias. 3.3 Gradientes no-lineares A verso 1.1 do SVG no suporta gradientes no-lineares, ou seja, aqueles que tm uma transio no-linear entre as cores. Voc pode, entretanto, imit-los atravs de gradientes com vrias paradas.

13

Inkscape v. 2

Comece com um gradiente simples de duas paradas. Abra o Editor de Gradiente (ex.: duplo clique em qualquer ala de controle do gradiente com a ferramenta Gradiente). Adicione uma nova parada de gradiente no meio, arrastea um pouco. Depois, adicione mais paradas antes e depois da parada do meio e arraste-as tambm, de modo que o gradiente fique suave. Quanto mais paradas voc adicionar, mais suave ser o gradiente resultante. Abaixo, temos o gradiente inicial preto e branco com duas paradas:

Na sequncia, temos vrios gradientes no-lineares com mltiplas paradas (verifique-as no Editor de Gradiente):

3.4 Gradientes radiais excntricos Gradientes radiais no tm que ser simtricos. Com a ferramenta Gradiente,arraste a ala central de um gradiente elptico pressionando a tecla Shift. Isso mover a ala de foco em forma de x do gradiente para longe de seu centro. Quando no precisar mais, voc pode ajustar o foco de volta sua posio arrastando-o para perto do centro.

14

3.5 Alinhando ao centro da pgina Para alinhar alguma coisa ao centro ou ao lado de uma pgina, selecione o objeto ou grupo e depois escolha uma opo em Pgina dentro da lista em Relativo a: na caixa de dilogos, clique em Alinhar e distribuir (Ctrl+Shift+A). 3.6 Limpando o documento Muitos dos gradientes no mais utilizados, padres e marcadores (mais precisamente, aqueles que voc editou manualmente) permanecem nas paletas correspondentes e podem ser utilizados novamente para novos objetos. Entretanto, se voc quiser otimizar seu documento, utilize o comando Limpar pr-definies obsoletas no menu Arquivo. Assim, ser removido quaisquer gradientes, padres ou marcadores que no esto sendo utilizados no documento, deixando o arquivo menor. 3.7 Criando recorte ou mscara em um bitmap Por padro, um bitmap importado (ex.: uma foto) um elemento (<image>) que no editvel pela ferramenta de edio de ns. Para resolver isso, converta a imagem em um retngulo com preenchimento com padro atravs do comando Objeto para Padro (Alt+I). Isso criar um retngulo preenchido com seu bitmap. Agora, esse objeto poder ser convertido para um caminho, editado atravs de seus ns e cruzado com outras formas. Em Configuraes do Inkscape (aba Outros), voc pode configurar a opo de sempre: importar bitmaps como retngulos preenchidos com padro. 3.8 Caractersticas escondidas e o editor XML O editor XML permite alterar quase todos os aspectos do documento sem ter que utilizar um editor de textos externo. O Inkscape geralmente tem suporte a mais e caractersticas do SVG, que so acessveis a partir da interface grfica. Por exemplo, podemos ter suporte exibio de mscaras e caminhos de recorte, mesmo embora no exista uma interface grfica para cri-los ou modific-los. O editor XML uma

15

Inkscape v. 2

maneira de obter acesso a essas caractersticas (se voc conhece SVG). 3.9 Modificando a unidade de medida das rguas No formato base padro, a unidade de medida utilizada pelas rguas o px. Detalhe: a unidade SVG do usurio, no Inkscape igual a 0,8pt ou 1/90 de uma polegada. Essa tambm a unidade utilizada para mostrar as coordenadas no canto inferior esquerdo e pr-selecionada em todos os menus de unidades. Voc pode sempre estacionar seu mouse sobre uma rgua para visualizar a mensagem com as unidades utilizadas. Para modificar isso, abra Configuraes do Desenho (Ctrl+Shift+D) e modifique em Unidades padres na aba Pgina. 3.10 Estampagem Para criar rapidamente vrias cpias de um objeto, utilize a opo Estampagem. Arraste um objeto (ou amplie-o ou rotacione-o) e, enquanto mantm pressionado o boto do mouse, pressione barra de espao. Isso cria uma estampa do objeto selecionado. Voc pode repeti-lo quantas vezes desejar. 3.11 Truques da ferramenta Bezier Na ferramenta Caneta (Bezier), voc tem as seguintes opes para finalizar a linha: pressionar Enter; duplo clique com o boto esquerdo do mouse; selecionar a prpria ferramenta novamente; selecionar outra ferramenta. Observe que, enquanto o caminho no estiver finalizado (ou seja, exibido em verde, com o segmento atual em vermelho), ele ainda no existe como um objeto no documento. Dessa maneira, para cancel-lo, utilize a tecla Esc (que cancela o caminho inteiro) ou o Backspace (que remove o ltimo segmento do caminho no finalizado) em vez do comando Desfazer (Ctrl+Z).
16

Para adicionar um novo subcaminho a um existente, selecione o caminho e comece a desenhar com Shift. Entretanto, se o que voc quer simplesmente continuar um caminho existente, Shift no necessrio, apenas comece a desenhar a partir de um dos ns finais do caminho selecionado. 3.12 Inserindo valores Unicode Na ferramenta Texto, ao pressionar Ctrl+U, alternamos entre o modo Unicode e o normal. No modo Unicode, cada grupo de 4 dgitos hexadecimais que digitamos se transforma em um nico caractere Unicode, permitindo, assim, inserir smbolos arbitrrios, contanto que sejam conhecidos os cdigos (codepoints) Unicode correspondentes e a fonte tenha suporte a esses cdigos. Para sair do modo Unicode, voc pode pressionar Esc. Por exemplo, Ctrl+U 2 0 1 4 Esc insere um travesso (). 3.13 Utilizando a grade para desenhar cones Suponha que voc queira criar um cone de dimenses 24x24 pixels. Crie uma tela de 24x24 px (utilize Configuraes do Desenho) e configure a grade para 0,5 px (linhas de grade de 48x48). Agora, se voc alinha objetos preenchidos a linhas de grade pares, e objetos tracejados a linhas de grade mpares com a espessura do trao em px sendo um nmero par, e exporta-o no valor padro 90dpi (de modo que 1 px se transforme em 1 pixel de bitmap), voc obter uma imagem bitmap clara, sem necessidade de suavizao (antialising). 3.14 Rotao de objetos Com a ferramenta de seleo, clique em um objeto para visualizar as setas de dimensionamento; depois, clique novamente no objeto para visualizar as setas de rotao e de posio. Se clicar nas setas do canto e arrast-las, o objeto ser girado em volta do centro (exibido como uma marca de cruz). Se voc mantiver pressionada a tecla Shift enquanto faz isso, a rotao ocorrer ao redor do canto oposto. Voc pode tambm arrastar o centro de rotao para qualquer

17

Inkscape v. 2

lugar ou girar a partir do teclado, pressionando [ e ] (em incrementos de 15 graus) ou Ctrl+[ e Ctrl+] (para 90 graus). As mesmas teclas [] com Alt executam rotao suave em proporo de pixel. 3.15 Caixa de dilogos Abrir, como uma paleta de objetos Se voc tem uma quantidade de pequenos arquivos SVG que utiliza com frequncia em outros documentos, pode, de maneira prtica, utilizar a caixa de dilogos Abrir como uma paleta. Adicione a pasta com as suas fontes SVG na lista de favoritos de modo que voc possa abri-las rapidamente. Depois, navegue atravs dessa pasta observando as prvisualizaes. Assim que achar o arquivo desejado, arraste para a tela e ele ser importado em seu documento atual. 3.16 Sombras de fundo em Bitmaps O Inkscape suporta o filtro nvoa Gaussiana, assim voc pode facilmente criar sombras borradas para os objetos. Selecione um objeto, duplique-o (Ctrl+D), envie para abaixo do objeto original (PgDown) e mova o objeto um pouco direita e abaixo do original. Agora, abra o dilogo de Preenchimento e Trao e defina o valor do Borro para 5,0. 3.17 Posicionando texto em um caminho Para colocar texto ao longo de uma curva, selecione o texto e a curva juntos e escolha Pr no caminho, no menu Texto. O texto comear no incio do caminho. Em geral, melhor criar um caminho explcito sobre o qual voc queira ajustar o texto, em vez de ajust-lo em algum outro elemento de desenho. Isso dar mais controle sem ter que deslocar seu desenho. 3.18 Selecionando o original Quando voc tem um texto em um caminho, um offset ou um clone, pode ser difcil que seus objetos/caminhos fontes sejam selecionados. Isso porque podem estar diretamente na camada de baixo, sob outros objetos, invisveis e/ou blo18

queados. O comando Shift+D lhe ajudar. Selecione o texto, offset ou clone, e pressione Shift+D para mover a seleo entre o caminho, offset ou o clone original correspondente. 3.19 Recuperao de janelas fora da tela Ao transferir documentos entre sistemas com diferentes resolues ou nmero de telas, poder ocorrer o seguinte problema: o Inkscape salva a posio de uma janela que a coloca fora de alcance na sua tela. Caso isso ocorra, maximize a janela para recuperar a viso prvia. Utilize a barra de tarefas, salve e recarregue. Para evitar que isso acontea, desmarque a opo global Salvar a posio das janelas em Configuraes do Inkscape, na aba Janelas. 3.20 Exportao de transparncia, gradientes e PostScript Os formatos PostScript ou EPS no suportam transparncia; logo, voc nunca deve utiliz-la se for export-la em PS/ EPS. No caso de transparncia lisa que sobrepe a cor lisa, fcil consertar isso: selecione um dos objetos transparentes, mude para a ferramenta Conta-gotas (F7), certifique-se de que esteja ativado para selecionar as cores visveis sem alfa, na barra Controles de Ferramenta e clique no mesmo objeto. Isso vai selecionar a cor visvel e atribu-la de volta ao objeto, mas dessa vez sem transparncia. Repita o procedimento para todos os objetos transparentes. Se seu objeto transparente sobrepuser vrias reas de cor lisa, voc vai ter que quebr-lo em pedaos e aplicar esse procedimento para cada pedao. Exportar gradientes para PS ou EPS no funciona para texto (a menos que o texto seja convertido em caminho) ou para um trao. Da mesma maneira, uma vez que a transparncia perdida no arquivo PS ou EPS exportado, voc no poder utilizar, por exemplo, um gradiente que varia de um azul slido para um azul transparente. Um truque substituir esse gradiente por outro que vai de um azul slido para uma cor de fundo slida.

19

Inkscape v. 2

4 Elementos e Princpios do Design

Nesta seo, demonstraremos os elementos e os princpios de design que so normalmente ensinados aos estudantes do 1. ano do curso de Artes a fim de conhecerem vrias propriedades na criao da arte.

4.1 Elementos do Design Os elementos a seguir so os pilares do design. 4.1.1 Linha definida como sendo uma marca com comprimento e direo, criada por um ponto que se move atravs de uma superfcie. Uma linha pode variar em comprimento, espessura, direo, curvatura e cor. A linha pode ser bidimensional (uma linha feita com lpis no papel) ou tridimensional.

4.1.2 Forma uma figura slida criada quando linhas verdadeiras ou implcitas se encontram ao redor de um espao. Uma mudana na cor ou no sombreado pode definir uma forma. Formas podem ser divididas em vrios tipos: geom20

trica (quadrado, tringulo, crculo) e orgnica (irregular no contorno).

4.1.3 Tamanho Refere-se s variaes nas propores de objetos, linhas ou formas. Existe uma variao tanto real quanto imaginria de tamanhos em objetos.

4.1.4 Espao a rea vazia ou aberta, ao redor, acima, abaixo, entre ou dentro dos objetos. Figuras e formas so feitas pelo espao ao redor e dentro deles. Espao geralmente chamado de tridimensional ou bidimensional. Espao positivo preenchido por uma figura ou forma. Espao negativo rodeia uma figura ou forma.

4.1.5 Cor o caractere percebido de uma superfcie de acordo com o comprimento de onda refletido a partir dela. A cor tem trs dimenses: nuance (uma outra palavra para cor, indica21

Inkscape v. 2

da por seu nome como vermelho ou amarelo), valor (sua claridade ou obscuridade) e intensidade (seu brilho ou transparncia).

4.1.6 Textura a maneira como se sente uma superfcie (textura real) ou como pode ser observada (textura implcita). Texturas so descritas por palavras como spera, sedosa ou granulosa.

4.1.7 Valor o quanto escuro ou claro se v algo. Realizamos mudanas de valor na cor adicionando preto ou branco cor. Pinturas monocromticas utilizam valor no desenho com contrastes claros e escuros em uma composio.

4.2 Princpios do Design Os princpios utilizam os elementos do design para criar uma composio.

22

4.2.1 Equilbrio um sentido de igualdade visual numa forma, figura, valor, cor, etc. O equilbrio pode ser simtrico ou uniformemente equilibrado ou assimtrico ou no uniformemente equilibrado. Objetos, valores, cores, texturas, formas, figuras, etc. podem ser utilizados para criar um equilbrio numa composio.

4.2.2 Contraste a justaposio (fuso) de elementos opostos.

4.2.3 nfase utilizada para destacar certas partes do trabalho artstico e chamar sua ateno. O centro de interesse ou ponto de foco o lugar para onde voc olha primeiro.

4.2.4 Proporo Descreve o tamanho, posio ou quantidade de uma coisa comparada outra.
23

Inkscape v. 2

4.2.5 Padro criado repetindo-se um elemento (linha, forma ou cor) vrias vezes.

4.2.6 Gradao Gradao de tamanho e direo produz perspectiva linear. Gradao de cores de quente para frio e tons escuros a claros produzem perspectiva area. A gradao pode adicionar interesse e movimento a uma forma. Uma gradao do escuro para o claro far o olho se movimentar ao longo de uma forma.

24

4.2.7 Composio a combinao de elementos distintos para formar um todo.

Acesse <www.inkscape.org> para mais informaes, verses mais recentes e para obter ajuda da comunidade de usurios e desenvolvedores.

25

Inkscape v. 2

Referncias
Tutorial Bsico. Disponvel em: <http://inkscape.org/doc/basic/tutorial-basic.pt_BR.html>. Acesso em: out. 2008. Tutorial Avanado. Disponvel em: <http://inkscape.org/doc/ advanced/tutorial-advanced.pt_BR.html>. Acesso em: out. 2008. Tutorial Shapes. Disponvel em: <http://inkscape.org/doc/ shapes/tutorial-shapes.pt_BR.html>. Acesso em: out. 2008. Tutorial Caligrafia. Disponvel em: <http://inkscape.org/doc/ calligraphy/tutorial-calligraphy.pt_BR.html>. Acesso em: out. 2008. Tutorial Vetorizao. Dsiponvel em: <http://inkscape.org/ doc/tracing/tutorial-tracing.pt_BR.html>. Acesso em: out. 2008. Tutorial Dicas e Truques do Inkscape. Disponvel em: <http:// inkscape.org/doc/tips/tutorial-tips.pt_BR.html>. Acesso em: out. 2008. Tutorial Elementos. Disponvel em: <http://inkscape.org/doc/ elements/tutorial-elements.pt_BR.html>. Acesso em: out. 2008.

26

Anotaes

27

Inkscape v. 2

Anotaes

28

SECRETARIA DE ESTADO DA EDUCAO Diretoria de Tecnologia Educacional Rua Salvador Ferrante, 1651 - Boqueiro CEP 81670-390 - Curitiba - PR www.diaadiaeducacao.pr.gov.br