Processo de Design do Logo RAWZ

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.
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.
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.
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.
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.
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.
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.
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.
Para mais informações sobre como enviar seu trabalho e inspiração visite http://raw.abduzeedo.com/





