Na semana passada decidi criar uma nova variação do símbolo do Abduzeedo, isso é algo que gosto de fazer todos os anos, desde o começo do blog. Então para este ano minha ideia foi criar algo mais minimalista com um estilo um pouco vintage. Também quis reduzir os efeitos de luz, deixá-los mais discretos.

Neste tutorial/estudo de caso vou mostrar para vocês como criei o símbolo 2011 do Abduzeedo.

Passo 1

Usando o Illustrator comecei a editar o símbolo preto e branco de 2010. A ideia era criar um efeito crystal/3D ao invés de manter os efeitos de luz no símbolo de 2011. Queria algo simples mas com um pouco das cores que usamos nos últimos 4 anos.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 2

Para criar o efeito crystal foi simples, apenas criei 3 cópias de cada elemento, na imagem abaixo você pode ver a parte vermelha. Então quando estava com as 3 cópias sobre o original comecei a editar a forma com a Direct Selection Tool (A). A ideia de criar o efeito crystal é bem simples, apenas mova o vértice de um dos triângulos e de outro para deixá-los alinhados. (1).

Outro fator importante são as cores, usei 3 tons de vermelho para criar o efeito 3D. Depois que definir a direção da fonte de luz, precisará aplicá-la em todos os outros.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 3

Aqui está o crystal em wireframes.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 4

Agora é hora de ir para o Photoshop. Criei um documento A4 no Photoshop e preenchi o background com a cor #2f2f2f.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 5

Aqui eu copiei o símbolo do Illustrator e colei no Photoshop. Como podem ver, mantive as mesmas cores.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 6

Duplique o símbolo e vá até Filter>Blur>Gaussian Blur. Use 250 pixels em radius e então faça isso novamente. A ideia é criar um gradient background com as cores do símbolo. Também dupliquei essa layer para deixar as cores mais fortes. Depois disso agrupei em um folder e troquei o Blend Mode dele para Vivid Light.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 7

Aqui eu selecionei o símbolo original colorido e fui até Image>Adjustments>Hue and Saturation. Reduzi então a saturação para deixar a imagem em greyscale.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 8

Não quis ter um gradiente colorido, então criei uma marquee selection do símbolo. Você pode fazer isso clicando com o botão direito do mouse na thumbnail da layer e selecionar a opção "Select Pixels". Depois disso selecionei o folder onde coloquei as 'blurry layers' do passo anterior e apliquei layer mask. (Layer>Layer Mask>Reveal Selection).

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 9

Aqui eu comecei a adicionar algumas texturas. Usei uma do Shutterstock que você encontra em http://www.shutterstock.com/pic-26104718/stock-photo-old-paper-isolated-...

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 10

Movi a textura para o folder do passo 8, abaixo das outras duas layer do folder. Como vocês podem ver, o efeito já está interessante.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 11

Aqui eu selecionei todas as layers e as dupliquei, depois fui até Filter>Blur>Guassian Blur. Usei 15 pixels em Radius.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 12

Usei Overlay no Blend Mode da blurry layer, então mais uma vez fiz mask para deixar o efeito visível apenas na área do símbolo.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Passo 13

Para deixar o background menos uniforme, usei a mesma textura de papel de antes, dessa vez acima das outras layers. Para o Blend Mode usei Multiply. Também dupliquei e usei 10% em Opacity com o mesmo Blend Mode.

Abduzeedo 2011 Logo in Illustrator and Photoshop

Conclusão

Para finalizar o poster adicionei o dizer "Happy 2011" usando BlairMdITC TT e escrevi também Abduzeedo logo abaixo com uma fonte menor. Como vocês puderam ver, os passos foram bastante simples, no entanto levou um tempo para combinar blend modes e ordem de layer até encontrar o resultado que queria. É tudo uma questão de prática e aprendizado.

Abduzeedo 2011 Logo in Illustrator and Photoshop

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.