Efeito Neon

Neste tutorial vamos criar um efeito simples mas que chama a atenção pela sua singularidade. Este efeito que simula um néon pode ser feito rapidamente com qualquer desenho em linhas feito no illustrator ou até mesmo em um texto.

01 – Primeiramente crie um retângulo preto para servir de fundo para nossa criação. (Obs: É essencial q esse fundo seja de cor muito escura, não necessariamente o preto) Agora utilizando a Pen Tool ou a ferramenta de Brush como preferir, desenhe a forma q desejar. Para este tutorial foi desenhado um flamingo.




02 – Ative a Selection Tool, depois vá em Object>Path>Simplify. Nesta aba ative a opção Preview. Essa ferramenta faz com que os vértices fiquem mais suavizados, com isso os valores podem se diferenciar de desenho para desenho. Para este desenho foi definido 60% em Curve Precision.




3. Selecione a camada que está o seu desenho na paleta Layers, em seguida, clique sobre o pequeno triângulo no canto superior direito. No menu que se abrir pressione a opção Duplicate. Repita este passo mais uma vez, ao termino deste processo você terá 3 camadas com o seu desenho. Renomei-as para 1, 2 e 3 respectivamente começando por baixo como mostrado a seguir. (Renomear as camadas facilitará a compreensão do resto do tutorial)




04 – Nas camadas 2 e 3, clique sobre o olho que se encontra ao lado delas, isto fará com que elas não fiquem mais visíveis. Selecione a camada 1 (usando a Selection Tool) e mude a cor da borda para uma cor mais vibrante e saturada. Neste tutorial utilizamos um rosa escuro (#ef519d). Em seguida vá na paleta Stroke e altere o campo weight para 9 pt. (Window>Stroke)





05 – Selecione o seu desenho da camada 1 vá em Effect>Blur>Gaussian Blur e na aba que vai se abrir defina 2 para Radius e click em Ok.





06 – Ative a visibilidade da camada 2, selecione o desenho desta camada e na paleta Stroke mude o campo weithg para 4 pt e mude a cor para uma no mesmo tom da usada no passo 4 só que mais clara (#f4adcd) como o exemplo a seguir.



7. Para finalizar o efeito ative a visibilidade da camada 3. Depois mude o o campo Weight na paleta Stroke pra 1 pt e sua cor deve ser uma mais clara do que as usadas no passo 4 e 6 (#fdecf3).



08 – Você pode usar esta técnica em vários desenhos e criar uma composição como o exemplo a seguir.



Site de origem: http://www.webdesign.org

Até a próxima

Ícone 3D

01 – Primeiro vamos criar um novo arquivo, escolha a cor laranja brilhante e desenhe um retângulo arrendondado com a ferramenta Rounded Rectangle Tool.



02 – Agora, se utilizando da cor branca traçe um pequeno círculo usando a ferramenta Elipse pressionando Shift enquanto cria para um tamanho proporcionalmente igual.



03 - Use a Pen tool para criar um shape, tomando como principio ¼ de um cículo, como mostra a imagem a seguir.



04 – Repita o 3 passo, só que desta vez como a linha é maior, se utilize de um vértice central para facilitar a criação.



05 - Selecione as duas linhas que você acabou de criar, vá em Object>Expand. Nesta aba selecione a opção Stroke e pressione Ok.



06 - Agora selecione todos os shapes e clique com o botão direito sobre eles e clique em Group. Isto é importante para que esta seja a face frontal do ícone 3D.



07 - Feito vá em Effects>3D> Extrude com o grupo selecionado.



08 – Selecione a angulação que mais lhe agrada.





09 – Depois de concluido os 8 passos fica a seu critério o que você irá fazer com o ícone. Abaixo um exemplo do ícone depois de alguns efeitos no photoshop.



Site de origem: http://www.webdesign.org

Até a próxima!

Criando um globo de boate.

Como primeiro tutorial vamos aprender um efeito que na verdade é muito simples, a técnica consiste em criar uma textura e depois mapear para a esfera 3D. Para execução deste tutorial, é necessário versão igual ou superior ao Adobe illustrator CS

01. Criando textura.

01.01 - Primeiro ative a visualização das grids, para isso vá em View>Show Grid e View>Snap to Grid. Com a ferramenta Rectangle Tool faça um quadrado cinza com a borda branca de 1 pixel. Veja que encaixa perfeitamente com a grid. Usando a ferramenta Selection Tool selecione o quadrado cinza, depois pressionado Alt arraste o quadrado para o lado. Isso fará com o quadrado se duplique.



01.02 - Depois de ter feito uma fileira com 20 quadrados, selecione-a e precionando Alt arraste a fileira para baixo fazendo com isso q ela se duplique. Repita esse processo até obter 20 fileiras. (Dica: Depois de duplicado a primeira fileira, selecione 2 fileiras e duplique-as e assim por diante)



01.03 - Com a Selection Tool, selecione um quadrado. Pressionando Shift selecione aleatoriamente outros quadrados e preencha-os com um tom de cor. Repita o processo até você obter o intervalo de 5 tons de cores. Agora selecione todos os quadrados e pressionando Alt arraste sua seleção para o lado. Abra a janela de símbolos indo em Window>Symbol. Criar um novo símbolo e arraste os quadrados para dentro da janela Symbols. Pronto, criamos nossa textura.



02. Criando a esfera 3D

02.01 - Desenhe um círculo com a Circle Tool. Enquanto você arrasta para criar o círculo, mantenha Shift pressionado para criar um círculo perfeito. Em seguida, desenhe um retângulo que sobrepõe o meio do circulo. Selecione as duas formar e abra sua Pathfinder Palette. Mantenha Alt pressionando e clique em Subtract shape from area. Isto irá criar um semi-círculo.



02.02 - Com o semi-círculo ainda selecionado, vá em Effect>3D>Revolve. Escolha Map Art e selecione a textura que criamos em Symbol. Clique em Scale to Fit para preencher toda a esfera. Pressione Ok para confirmar.



02.03 - Em 3D Revolve Options, selecione No Shading em Surface e selecione Preview. Gire o cubo para criar o ângulo do globo que você deseja. Clique em Ok para comfirmar. Depois disto feito teremos concluido a criação do Globo de Boate.



03. Adicionando brilho

03.01 - Trace um círculo e preencha-o com Radial Gradient. Em Transparency Palette mude o modo de Normal para Screen. Isso ira Criar um brilho sobre o Globo.



03.02 - Agora vamos adicionar reflexos cintilantes ao globo. Selecione a ferramenta Star Tool, clique e arraste para criar uma estrela base. Sem libertar o mouse, pressione a seta para cima no seu teclado para aumentar o número de pontos. Segure Ctrl e arraste o raio até chegar a forma abaixo. Em seguida, desenhe um círculo e preencha-o com um Radial Gradient como mostrado abaixo. Alinhe as duas formas no centro. Depois duplique a forma obtida em vários tamanhos. Na Transparency Palette não esqueça de deixar o modo em Screen.



4. Adicionando reflexos do globo.

04.01 - Vamos começar a fazer os reflexos do globo. Primeiro crie um círculo preto. Selecione-o e pressione Ctrl+C para copia-lo. Agora cole-o na frente de sua composição usando o atalho Ctrl+F. Segure Shift e diminua o seu tamanho proporcionalmente e pinte-o de branco. Selecione a ferramenta Blend e clique no círculo branco logo em seguida segure Alt e clique no círculo preto. As opções de blend irão aparacer. Defina 6 para Specified Steps. Depois vá em Object> Expand para quebrar-los em vários círculos.



04.02 – Duplique alguns reflexo e espalhe-os ao redos do globo. Depois selecione todos os reflexos e agrupe-os utilizando o atalho Ctrl+G. Feito isso vá em Effects>Warp>FishEye e altere os valores até char uma opção que o agrade. Agora vá em Object>Expand Appearance para ampliaros reflexos.



04.03 - Em seguida, crie um novo retângulo acima das reflexões. Preencha-o com um Gradient Radial como a figura abaixo. Abra Transparency Palette defina-o para multipy.



04.04 - Finalmente, vamos criar um brilho para a discoteca. Traçe um círculo e preencha-a com Radial Gradiente. Vá para a Layers Palette e mova para trás do globo que você fez.



Ao final sua comsição ficará como a imagem abaixo.




Download - Globo de Boate.rar

Site de origem: www.istockdiary.com

Até a próxima!

Inauguração do BLOG

Olá pessoal,

Se inaugura hoje, o que vai vir a ser o melhor refúgio para os designer's utilizadores do ilustrator. Iremos abordar tutoriais de varios níveis, desde o mais básico até o mais avançado além de expor, matérias, downloads, vídeos e curiosidades relacionadas ao illustrator.
Desde já venho pedir opniões sugestões e críticas sobre o blog, para que possamos melhorar e facilitar a sua navegação.

Agradecemos a sua visita.