quinta-feira, 16 de maio de 2013

Tutorial Inkscape–Criando um Ícone 001

Sinta-se a vontade para sugerir correções e melhorias neste tutorial

---------------------------------------------------------------------

Neste exercício vamos utilizar

a) Ferramenta de Formas

b) Colorização

c) Gradientes

d) Camadas

e) Alinhamento de Formas

e) Redução de Formas

f) Intersecção de Formas

------------------------------------------------------

1) Desenhe uma Estrela (Elipse) de acordo com os parâmetros abaixo.

Cantos = 16

Proporção do Raio = 0,850

Arredondado = 0,2000

Aleatório = 0,000

clip_image002

2) Defina o Contorno ( Shift + Ctrl + F )de acordo com os parâmetros abaixo

2.1 ) Contorno (Cor)

clip_image004

2.2 ) Contorno (Tipo)

clip_image006

3) Pinte a Estrela com um Gradiente Linear de acordo com os parâmetros abaixo

Escolha as cores (escura e clara), preferencialmente em tons azuis

Clique no ponto do gradiente que voce deseja que fique mais claro e selecione uma cor mais suave

Clique no ponto do gradiente que voce deseja que fique mais escuro e selecione uma cor mais forte.

clip_image008

4) Crie uma camada chamado “Brilho” acima da atual

clip_image009

5) Copie a Estrela da Camada “Camada 1” para a camada “Brilho”

5.1) Acesse a camada “Camada 1” e copie e estrela

5.2) Acesse  / Selecione a camada “Brilho” e cole a estrela copiada da “Camada '1”

clip_image011

clip_image013

6 ) Selecione as duas Estrelas (com Shift), e as Alinhe Horizontalmente e Verticalmente

Utilize as teclas Shift + Ctrl + A, para chamar a janela “Alinhar e Distribuir”

ou

Chame a janela “Alinhar e Distribuir” através do menu  \Objeto\Alinhar e Distribuir

Neste,momento estaremos trabalhando com a estrela da camada “Camada 1” e a estrela da camada “Brilho”

Alinhe as duas estrelas  clicando nos dois ícones mostrados abaixo

a) Centralizar verticalmente

b) Centralizar no eixo horizontal

clip_image015

7) Crie um Círculo na camada “Brilho” e o ajuste para Cor Branca ( opaca ),

Após ajuste o círculo em cima da estrela de acordo com o efeito de luz desejado.

clip_image017

8) Ajuste Fino :

Selecione a Estrela da camada “Brilho” e execute Menu :

Caminho \ Comprimir ou Ctrl + “(“, para reduzi-la sutilmente.

clip_image019

9) Ainda na camada “Brilho”, selecione o Círculo e o envie para trás da Estrela.

clip_image021

10) Selecione as duas formas da camada “Brilho” (pressionando Shift e clicando em cada uma) e realize a Intersecção de modo a restar apenas o “brilho” que será aplicado ao ícone

clip_image023

11) Adicione uma camada chamada “Texto”

clip_image024

12) Selecione a ferramenta “Texto” e digite o nome do ícone de acordo com sua preferência;

clip_image026

13) Selecione o texto e a Estrela e os alinhe Vertical e Horizontalmente ( Shit + Ctrl + A)

Atenção : Cuide para que o “brilho” não seja selecionado

O que deve ser selecionado para o alinhamento é a Estrela e o Texto !!!!

Veja a seleção abaixo

clip_image028

14) Selecione o texto e mude sua cor para branco

clip_image030

15) Duplique o Texto (Ctrl + D)

clip_image032

16) Pinte o texto duplicado num tom de Cinza de sua preferência

clip_image034

17) Diminua 1 pixel do texto pintado em cinza.

Para isto pressione

a) A tecla [Alt] e a tecla [Seta para Cima]

b) A tecla  [Alt] e a tecla [Seta para a Esquerda] -

Após, envie o texto em cinza  para trás do texto original (em branco)

clip_image036

8) Efeito Final :

clip_image038

Feito !!!

Exemplos de outros ícones feitos com o Inkscape

clip_image040

Um comentário:

  1. Bom dia. Baixei o Inkscape com o objetivo de organizar imagens em jpeg, para impressão. Somente colocar as imagens, dimensionar e salvar para imprimir. Como fazem em gráficas, com convites de aniversário, por exemplo. Este programa atende isto? Tem algum tutorial específico para isto? Obrigada.

    ResponderExcluir