Processo de Design do Logo RAWZ

abduzeedo seg, 11/14/2011 - 15:28

Aqui no Abduzeedo estamos sempre pensando em maneiras de encontrar inspiração para mostrar no blog e também para ajudar a promover o trabalho dos leitores. Às vezes é até complicado curar a quantidade de trabalhos que recebemos via email e outros links sociais. Esse foi o contexto que aplicamos quando criamos o RAWZ. Nossa ideia foi criar um jeito simples para os leitores compartilharem seu trabalho e inspiração com a gente, seria uma versão 'raw' do Abduzeedo. "No curation."

A ideia do logo também foi inspirada no conceito raw (cru). Nada de símbolos, apenas a palavra e uma fonte customizada. Neste "tutorial"/estudo de caso, vamos mostrar os passos envolvidos na criação do logo.

Passo 1 - Referências

A palavra RAWZ é super curta e tem boas letras para fazer experimentos, A, W e Z. A ideia era criar uma fonte simples, sem muitos detalhes, como o nome sugeria, um estilo raw. Procurando por inspiração eu encontrei alguns exemplos legais, especialmente envolvendo o conhecido Avant Garde e anos 80.

RAWZ Logo Design Process

Passo 2 - Rascunhos

Com algumas referências e ideias em mente, hora de rascunhar. Essa é sem dúvida, uma das partes mais importantes do processo pois aqui você pode testar variações. Nessa etapa você também pode ver se a ideia que tinha em mente funciona mesmo.

RAWZ Logo Design Process

Passo 3 - Computador

Depois de alguns rascunhos chegamos a uma ideia bacana para explorar em termos de tipografia, então era hora de abrir o Illustrator e colocar a mão na massa. Usando a Line Segment Tool e a Pen Tool criamos as letras. Como podem ver, começamos com a letra A, depois o W (fazendo flipping vertical e duplicando). Tem também outros detalhes como deletar parte da área do meio do W, conectando o Z ao R.

RAWZ Logo Design Process

Passo 4

Depois que terminamos de brincar com paths, começamos a brincar com stroke sizes e edge styles. Nesse caso tentamos rounded edges mas não funcionou muito bem. Principalmente no R.

RAWZ Logo Design Process

Passo 5

A primeira coisa a fazer aqui é criar uma versão simplificada do R. E aqui voltamos a ideia de sharp edges. Mas o ângulo não estava certo.

RAWZ Logo Design Process

Passo 6

Hora de arrumar as linhas. O A e o W quebram a base e o alinhamento criando um efeito legal. Testamos versões mais leves e pesadas até decidir o que ficava melhor.

RAWZ Logo Design Process

Passo 7

Para dar um estilo estiloso decidimos adicionar um hairline inner stroke no centro da palavra. Criei um efeito legal misturando vintage com uma fonte moderna.

RAWZ Logo Design Process

Conclusão

Para deixar o visual mais amigável adicionamos alguns rounded corners, algo sutil mas que dá um resultado legal.

Como você pode ver nesse estudo de caso, criar um logo envolve brincar um pouco no Illustrator, buscar referências bacanas e ter objetivos e uma mensagem em mente. Tutoriais não mostram todo o processo criativo mas dão uma ideia do workflow. Espero que tenham gostado do resultado.

RAWZ Logo Design Process

Para mais informações sobre como enviar seu trabalho e inspiração visite http://raw.abduzeedo.com/

About the author

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.

Sponsored Links

More articles about: