Na semana passada nós lançamos a nova versão do Abduzeedo. É nosso oitavo design nos últimos seis anos, o que quer dizer que mudamos nosso design mais de uma vez por ano. Esse é o nosso objetivo, até porque o blog não é apenas para compartilharmos inspiração mas também para testarmos novos estilos e tecnologias. Nesse novo design nosso objetivo foi simplificar e deixar o design minimalista e simples.

Para celebrar o novo visual nós decidimos criar uma arte vetorial, um wallpaper, para a nossa oitava versão, nossa V8. A ilustração usa apenas vetores (sem texturas) e alguns efeitos vetoriais usando as cores do blog. E além disso, como vocês sabem, nós sempre criamos tutoriais das nossas artes. Então neste tutorial vou mostrar para vocês como criamos o wallpaper Abduzeedo V8 usando o Illustrator CS6.

Passo 1

Abra o Illustrator e um novo documento. Estou usando o tamanho 2880x1800 pixels. Depois adicione o texto V8 ou outro texto que queira usar. Nós usamos a fonte Futura Medium.

Simple Vector Artwork in Adobe Illustrator

Passo 2

Adicione stroke. Estamos usando preto no fill e amarelo para o primeiro stroke. O stroke amarelo é 4pt.

Simple Vector Artwork in Adobe Illustrator

Passo 3

Adicione outro stroke, use 26pt em weight e a cor preta. Depois, no painel Appearance, mova este stroke para que ele fique abaixo do amarelo. O resultado será algo como a imagem abaixo.

Simple Vector Artwork in Adobe Illustrator

Passo 4

Mude a posição do 8 para que fique como na imagem abaixo.

Simple Vector Artwork in Adobe Illustrator

Passo 5

Adicione um retângulo com background cinza escuro.

Simple Vector Artwork in Adobe Illustrator

Passo 6

Crie uma linha 45º com 3pt de weight, rounded cap e selecione a opção gap. Use 1pt em dash e 4pt em gap. Depois duplique a linha e mova para o topo, para que a primeira fique em um lado e a outra no outro. Depois disso selecione a Blend Tool (W) e clique nas duas linhas para criar um efeito blend. Clique duplo no ícone da Blend Tool para abrir as propriedades, troque steps para 80.

Simple Vector Artwork in Adobe Illustrator

Passo 7

Selecione o texto V8 e o duplique. Remova os dois strokes e troque a cor do fill para branco. Depois disso corte os objetos brancos do V8. Selecione os blend object (as linhas do passo anterior) e vá até o Transparency panel. Clique duplo na mask thumb, cole os objetos brancos V8 (Command + F). Assim as linhas ficaram visíveis apenas na parte interna do V8.

Simple Vector Artwork in Adobe Illustrator

Passo 8

Selecione o V8 com os dois strokes e duplique. Depois vá até Object>Expand. A ideia é criar um objeto com todos os strokes. Vá até o Painel Pathfinder e selecione Unite. Repita o processo Blend que fizemos no passo 7 para criar o efeito 3D. Use cinza e Multiply em transparency.

Simple Vector Artwork in Adobe Illustrator

Passo 9

Ajuste alguns detalhes como o stroke amarelo.

Simple Vector Artwork in Adobe Illustrator

Passo 10

Adicione seu logo próximo ao símbolo e está quase pronto.

Simple Vector Artwork in Adobe Illustrator

Conclusão

Brinque com alguns patterns para adicionar profundidade. Usei uma textura básica de tabuleiro. O efeito 3D usando multiply vai deixar a textura visível e isso vai deixar o visual bem estiloso. Você também pode usar cores diferentes e outras texturas para deixar com o visual que quiser. Nossa ideia era criar uma arte vetorial simples, agora é com vocês.

Simple Vector Artwork in Adobe Illustrator

Download de Arquivos

Clique para fazer o download do arquivo Illustrator usado no tutorial

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.