Procurar
Últimos assuntos
Nosso Banner
Gostaria de Parceria?
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Criando seus ícones
3 participantes
Página 1 de 1
Criando seus ícones
Objetivos
O objetivo dessa coluna é fazer com que o usuário crie icones para a
navegação de seu site, sem precisar utilizar imagens copiadas de outros
sites, além de familiarizar ainda mais com a Pen Tool. O resultado dessa coluna será este:
Criação do ícone “home”
Vamos, então, à criação do primeiro ícone que, na maioria dos sites, é usado para criar o link para a primeira página do site.
1) Selecione a Pen Tool( atalho ), defina uma cor escura para a borda (nesse exemplo, eu utilizei a cor #0C6489) e escolha o preenchimento. Veja na figura abaixo como defini o preenchimento:
Lembrando, não siga 100% a forma que eu estou fazendo, estou
mostrando somente para uma questão de estude. Exercite sua
criatividade, utilize outros preenchimentos, outras cores. Pode parecer
bobeira falar isso, mas muitos segem ao pé da letra e acabam não
exercitando a própria criatividade.
2) Agora, continuando com a pen tool selecionada, vamos demarcar os pontos da casa:
3)Agora vamos duplicar a layer em que a casa foi desenhada e selecionar a primeira layer
4)Nesse passo, nós iremos criar o telhado da casa.
Aumente o zoom para 400% para facilitar esse passo. Para começar a
fazer o telhado, aumente o tamanho da layer selecionada, de forma que a
layer duplicada fique no centro da que você aumentou. Agora, com a
Subselecton Tool ( atalho ), vá selecionando os pontos e arraste-os, até sentir que ficou com a aprência de um telhado. Veja como fiz com o meu:
5)Agora, vamos ao acabamento, desenharemos a porta e a janela. Selecione a Rectangle Tool ( atalho ) e faça o acabamento:
Terminamos a criação do nosso primeiro ícone: . Vamos para a criação do segundo.
Criação do ícone “contato”
Agora vamos seguir para a criação de um ícone muito usado para fazer o link com a página de contato dos sites.
1)Para começar a construção vamos selecionar a Elipse Tool ( atalho “U”). Agora faça um elpse semelhante a da figura abaixo:
2)Selecione a Subselection Tool () e arraste o ponto de baixo da elipse até ficar com um formato parecido com este:
3)Agora, novamente com a Elipse Tool () faça um outro circulo sobre este que temos:
4) Vamos ao acabamento agora. Novamente com a
Elipse Tool, faça um circulo menor ao lado do circulo da cabeça, como
se fosse o fone no ícone:
5)Por último, vamos fazer o microfone. Selecione a Pen Tool e faça uma linha, como se fosse o microfone:
E assim terminamos o segundo ícone: .
Ícone de dúvida ou atenção
Finalizando, vamos aproveitar a criação do ícone de contato e, através dele, criar 2 ícones semelhantes.
1) Selecione o corpo que fizemos no ícone de contato:
2) Agora com a Text Tool () finalizamos nossos ícones, inserindo um ponto de interrogação (?) ou exclamação (!). Veja o resultado: e .
O objetivo dessa coluna é fazer com que o usuário crie icones para a
navegação de seu site, sem precisar utilizar imagens copiadas de outros
sites, além de familiarizar ainda mais com a Pen Tool. O resultado dessa coluna será este:
Criação do ícone “home”
Vamos, então, à criação do primeiro ícone que, na maioria dos sites, é usado para criar o link para a primeira página do site.
1) Selecione a Pen Tool( atalho ), defina uma cor escura para a borda (nesse exemplo, eu utilizei a cor #0C6489) e escolha o preenchimento. Veja na figura abaixo como defini o preenchimento:
Lembrando, não siga 100% a forma que eu estou fazendo, estou
mostrando somente para uma questão de estude. Exercite sua
criatividade, utilize outros preenchimentos, outras cores. Pode parecer
bobeira falar isso, mas muitos segem ao pé da letra e acabam não
exercitando a própria criatividade.
2) Agora, continuando com a pen tool selecionada, vamos demarcar os pontos da casa:
3)Agora vamos duplicar a layer em que a casa foi desenhada e selecionar a primeira layer
4)Nesse passo, nós iremos criar o telhado da casa.
Aumente o zoom para 400% para facilitar esse passo. Para começar a
fazer o telhado, aumente o tamanho da layer selecionada, de forma que a
layer duplicada fique no centro da que você aumentou. Agora, com a
Subselecton Tool ( atalho ), vá selecionando os pontos e arraste-os, até sentir que ficou com a aprência de um telhado. Veja como fiz com o meu:
5)Agora, vamos ao acabamento, desenharemos a porta e a janela. Selecione a Rectangle Tool ( atalho ) e faça o acabamento:
Terminamos a criação do nosso primeiro ícone: . Vamos para a criação do segundo.
Criação do ícone “contato”
Agora vamos seguir para a criação de um ícone muito usado para fazer o link com a página de contato dos sites.
1)Para começar a construção vamos selecionar a Elipse Tool ( atalho “U”). Agora faça um elpse semelhante a da figura abaixo:
2)Selecione a Subselection Tool () e arraste o ponto de baixo da elipse até ficar com um formato parecido com este:
3)Agora, novamente com a Elipse Tool () faça um outro circulo sobre este que temos:
4) Vamos ao acabamento agora. Novamente com a
Elipse Tool, faça um circulo menor ao lado do circulo da cabeça, como
se fosse o fone no ícone:
5)Por último, vamos fazer o microfone. Selecione a Pen Tool e faça uma linha, como se fosse o microfone:
E assim terminamos o segundo ícone: .
Ícone de dúvida ou atenção
Finalizando, vamos aproveitar a criação do ícone de contato e, através dele, criar 2 ícones semelhantes.
1) Selecione o corpo que fizemos no ícone de contato:
2) Agora com a Text Tool () finalizamos nossos ícones, inserindo um ponto de interrogação (?) ou exclamação (!). Veja o resultado: e .
Re: Criando seus ícones
Bem.
Este tutorial digamos que é simples, apesar de ter partes complicadas.
Talves você me entenda... Mas, é claro, tutorial com uma qualidade imensa!
Parabéns Azure!
Este tutorial digamos que é simples, apesar de ter partes complicadas.
Talves você me entenda... Mas, é claro, tutorial com uma qualidade imensa!
Parabéns Azure!
Re: Criando seus ícones
Azure... Não tenho palavras para descrever!
Está muito bom o Tutorial! Continue assim Azure... Chegará longe na vida com isso :D
Abraços!
Está muito bom o Tutorial! Continue assim Azure... Chegará longe na vida com isso :D
Abraços!
Dioogo- Membro
-
Posts : 166
Localização : Vai a um mapa e diz-me cidades...
Inscrição : 20/01/2009
Tópicos semelhantes
» Criando ícones do iPhone.
» Colocando neve em seus textos.
» Como conseguir Harmonia em seus trabalhos
» Criando um personagem - Criando cabelo
» [Icones] Menu
» Colocando neve em seus textos.
» Como conseguir Harmonia em seus trabalhos
» Criando um personagem - Criando cabelo
» [Icones] Menu
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Qui maio 26, 2011 10:02 pm por cooker
» 1000 Brushes para Download
Qui Abr 01, 2010 3:51 pm por x SparTan
» [Fonte]Game Logos
Qua Mar 31, 2010 2:41 pm por Gouveia -
» Ranks-Habbundo
Ter Mar 30, 2010 11:17 am por Ronoroa ~
» [Fonte]Coca-Cola
Qua Mar 17, 2010 5:52 pm por Hink
» [Fonte] Battlestar (Galactica)
Sáb Dez 12, 2009 6:14 pm por Aurora
» [Fonte]Team Spirit
Sáb Dez 12, 2009 6:07 pm por Aurora
» [Fonte] Aardvark Cafe (Hard Rock Café)
Sáb Dez 12, 2009 6:05 pm por Aurora
» [Fonte] Allstar
Sáb Dez 12, 2009 4:53 pm por Aurora