1 Tutoriais Illustrator Poster Abduzeedo 2011 no Illustrator e Photoshop Ter Jan 18, 2011 10:52 pm
Admin
Admin
Tags
- tutorial
<LI class="taxonomy_term_1785 first">2011
<LI class=taxonomy_term_30>illustrator
<LI class=taxonomy_term_55>logo
<LI class=taxonomy_term_15>photoshop
<LI class=taxonomy_term_211>retro
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.
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.
Passo 3
Aqui está o crystal em wireframes.
Passo 4
Agora é hora de ir para o Photoshop. Criei um documento A4 no Photoshop e preenchi o background com a cor #2f2f2f.
Passo 5
Aqui eu copiei o símbolo do Illustrator e colei no Photoshop. Como podem ver, mantive as mesmas cores.
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.
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.
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).
Passo 9
Aqui eu comecei a adicionar algumas texturas. Usei uma do Shutterstock que você encontra em [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
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.
Passo 11
Aqui eu selecionei todas as layers e as dupliquei, depois fui até Filter>Blur>Guassian Blur. Usei 15 pixels em Radius.
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.
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.
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.
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]]