Tags

<LI class="taxonomy_term_30 first">illustrator
<LI class=taxonomy_term_55>logo

• tutorial
  

A cada novo ano eu gosto de tentar coisas novas com o logo do Abduzeedo. Em 2009 eu mudei um pouco a tipografia, mas agora em 2010 eu decidi que o blog precisava de um símbolo. Essa necessidade surgiu quando estávamos finalizando a aplicação do Abduzeedo para o iPhone e precisávamos de um ícone.


Nesse tutorial/estudo de caso, vou mostrar a vocês como criei o símbolo e qual inspiração usei para isso. Nesse tutorial vamos trabalhar com AdobeIllustrator.
Inspiração


Minha primeira idéia foi brincar com um triângulo. Primeiro porque ele lembra a luz da abdução vindo do céu, e segundo porque lembra um 'A'.
<BLOCKQUOTE>
De todas as figuras planas, o triângulo é rígido e forte, mas a beleza do triângulo equilátero nos lembra daquelas lições necessárias para manter nosso campo espiritual forte e seguro, agora e sempre. </BLOCKQUOTE>
Seguindo essa idéia eu procurei por referências nesse estilo. Minha idéia era criar algo sem gradientes mas com um pouco de 'coloroverlays'. Eu também não queria nada arredondado.


Aproveite também para conferir nossa série de artigos sobre design de logos chamada Logos A-Z, especialmente o primeiro artigo, da letra A - [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Passo 1


Abra o Illustrator e crie um novo documento. O tamanho agora não é importante. Depois disso, com a Polygon Tool, crie um triângulo.


Passo 2


Com a Pen Tool (P) crie um ponto no meio da base do triângulo. Depois disso, com a Direct Selection Tool (A) selecione o ponto e o mova para cima como na imagem abaixo.


Passo 3


Duplique o triângulo duas vezes. Depois disso gire uma das cópias (1). Selecione 2 dos triângulos, o original e o que você girou, e vá até Window>Pathfinder. Selecione a opção Minus Front no Shape Mode, é a segunda. Você vai precisar deletar algumas partes para deixar apenas aquelas dentro do triângulo original.


Passo 4


Com a Rectangle Tool (M) crie um triângulo da parte de baixo da esquerda para o centro da base (1). Depois disso, com a Pen Tool (P), delete e mova para criar a metade da base do símbolo (2).
Repita o mesmo processo para criar a outra metade da base. Use a imagem abaixo como referência.


Passo 5


Repita novamente o passo anterior para criar o lado da direita.


Passo 6


É hora de fazer alguns ajustes. Com a Direct Selection Tool (A) mova os pontos para deixar o símbolo um pouco mais marcante. Use a imagem abaixo como referência.


Passo 7


Agora é hora de adicionar um pouco de cor. Usei 4 cores básicas, pink, amarelo, verde e ciano (1), a ordem é muito importante. Depois disso vá até Window>Transparency. Selecione todos os objetos e mude o Transparency mode para Multiply. Fazendo isso teremos 3 novas cores, vermelho, verde escuro e roxo.


Passo 8


Crie um novo documento, usei A4 para o tamanho. Com a Rectangle Tool (M) crie um retângulo para preencher toda a página. Troque a cor do retângulo para (#383434).


Passo 9


Copie o símbolo do documento velho e cole no novo de background escuro. Como estava usando Multiply no Transparency Mode, o símbolo não será mostrado. Então troque o Transparency mode para Normal e troque a cor do símbolo para branco.


Passo 10


Agora apenas cole novamente o símbolo colorido e o alinhe sobre a versão branca. Dessa maneira as cores ficarão visíveis.


Conclusão


Agora vamos finalizar o poster colocando o logotipo "Abduzeedo" e o slogan "abducted by design".
A idéia desse pequeno passo a passo era mostrar a vocês o processo criativo por trás do novo símbolo do Abduzeedo para 2010. Ainda estamos trabalhando em algumas novidades, então você vai passar a ver esse símbolo cada vez mais.
Nós também vamos imprimir esse poster e fazer umas camisetas, no caso de alguém se interessar por dar uma força ao blog.


Versão com Efeito de Luz


Com o ícone pronto eu criei outra versão do poster adicionando um efeito de luz old school. Mas vou deixar isso para o próximo tutorial.


Sobre o autor


I'm a graphic and web designer from Porto Alegre, Brazil. I'm the founder of Abduzeedo and in 2011 I will start working as graphic designer at Google in Mountain View, CA. You can get in touch with me via Twitter at @abduzeedo or also visit my personal site at [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]]