Tutorial Fogo

Este tutorial será repostado no futuro com outras alternativas de desenvolvimento.

01 ) Desenhe um Retângulo o pinte-o de preto

02) Duplique o Retângulo desenhado

03) Configure o Retângulo Duplicado

03_01) Selecione-o e diminua-o

03_02) Pinte-o com a cor Laranja

04) Vamos criar um novo filtro. Para isto selecione \Filtros\Editor de Filtros

05) Renomeie o filtro para Fogo (se quiseres)

Vamos começar a montar o Filtro “Fogo”

06 ) Selecione a Primitiva “Turbulencia” no drop-down “Adicionar Primitiva de Filtro”

07) Após, clique em “Adicionar Primitiva de Filtros” para ativar a Primitiva “Turbulência”

08) Configure a Primitiva “Turbulência” de acordo com os parâmetros abaixo.

Obs. : Para configurar cada “Base Frequency” separadamente, desabilite o botão “Vinculo”

09) Adicione a Primitiva “Matriz de Cores” do mesmo modo que foi inserida a Primitiva “Turbulência” nos passos 06 e 07.

Após, configure a Primitiva “Matriz de Cores” conforme abaixo

Obs.: As vezes o Inkscape teima em não aceitar as alterações nos pontos da Matriz. Caso isto aconteça, insista da digitação até que os valores sejam assumidos corretamente.

10) Adicione a Primitiva “Desfoque Gaussiano” do mesmo modo que foi inserida a Primitiva “Turbulência” nos passos 06 e 07.

Após, configure a Primitiva “Desfoque Gaussiano” conforme abaixo

11) Selecione o Retângulo Laranja e aplique o Filtro “Fogo”

11_01) Caso a aplicação do filtro ocupe também a área do retângulo preto, diminua-o movimentando as setas de redimensionamento.

12) Caso não esteja satisfeito com a “intensidade das chamas”, ajuste-a manipulando a Item “Seeds” da Primitiva Turbulência

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

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

2.1 ) Contorno (Cor)

2.2 ) Contorno (Tipo)

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.

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

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”

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

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.

8) Ajuste Fino :

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

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

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

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

11) Adicione uma camada chamada “Texto”

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

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

14) Selecione o texto e mude sua cor para branco

15) Duplique o Texto (Ctrl + D)

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

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)

8) Efeito Final :

Feito !!!

Exemplos de outros ícones feitos com o Inkscape

Inkscape Tutorial– Clipes e Texto

Sinta-se a vontade para colaborar com a melhoria deste tutorial

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

01) Desenhe um retângulo e preencha-o com um gradiente de sua preferencia

2) Renomeie a camada atual para “Fundos”
 


03) Adicione uma camada chamada “Cavalo” (ou o nome da figura que voce inserir mais tarde, é óbvio)
 


04) Selecione a camada “Fundos” e a torne invisível

Obs.: Vejam que a mensagem é “Tornar a camada atual visível”, mas, na verdade, vamos torná-la invisível.
 


05) Selecionar a camada “Cavalo”
 


06) Desenhe uma estrela de acordo com sua preferência
 


07 ) Importe a figura do Cavalo (ou aquela que voce vai trabalhar), de forma “embed”
 
A forma “embed” adiciona a figura ao arquivo do Inskscape
 
A forma “link” estabelece apenas, como o nome diz, um link para a figura externa ao arquivo
 
 


08) Envie a figura do cavalo para atrás da estrela
 


09) Selecione as duas formas (estrela e imagem) com Shift
 


10) Aplique um clipe sobre as formas selecionadas
 


11) Desenhe um circulo mais ou menos no tamanho e posição abaixo
 


12) Selecione a ferramenta de Texto e digite a palavra “Cavalo” de acordo com sua preferência (Fonte, cor, contorno, etc)
 


13) Selecione a palavra Cavalo e o Circulo,  com Shift
 


14) Ajuste o texto (“Cavalo”) ao caminho (circulo) através do menu :
 
“Texto\Ajustar texto ao caminho”
 


15) Gire o texto para uma posição adequada
 


16) Selecione o circulo e retire a cor e borda (se houver)
 


17) Finalização :
 
a) Ajuste a posição do texto de acordo com sua preferência

b) Volte a visualizar a camada “Fundos” e faça as finalizações de sua preferência.


Feito !!!!!!!