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'.

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.

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.

Abduzeedo 2010 Logo Design

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 - http://abduzeedo.com/logo-design-z

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.

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

Passo 5

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

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

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).

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

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.

Abduzeedo 2010 Logo Design

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.