iMasters | Por uma internet mais criativa e dinâmica

Quarta-feira, 22/02/2006 - 13:21 - Por Fabio Lody
Seções relacionadas:

• Photoshop

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 10 comentários

Salve meus amigos! Antes de iniciarmos, eu quero pedir novamente seu voto no iMasters, para a categoria "Informatica" no Prêmio iBest. Conto com vocês! Hoje iremos produzir um efeito muito interessante que é a criação de box 3d pelo Photoshop. Let´s Rock!.

Descrição: Criando um box de cd no Photoshop
Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Nickelback- Photograph

1º Passo: Crie um arquivo novo de 700 pxl x 640 pxl em RGB com 72 dpis.

2º Passo: Abra duas imagens de seu interesse.

Imagem usada na vista de frente.

Imagem usada na vista esquerda.

3º Passo: Arraste e deixe nossas imagens juntas como abaixo:

4º Passo: Clique duas vezes sobre a camada e a nomeie como "FRENTE" e "ESQUERDA" respectivamente.

5º Passo: Clique sobre a camanda "FRENTE" e pressione "ctrl + t". Feito isso, entraremos no modo "transform".

6º Passo: Vá até "Distort". Assim iremos editar cada ponto.

7º Passo: Procure deixar de uma forma parecida com a minha, apenas editando seus pontos de eixo.

8º Passo: Repita isso do lado esquerdo, mas para o lado oposto da nossa imagem, de "vista de frente" (desta vez tente "ctrl+t" e em seguida "perspective" para alterarmos um pouco).

9º Passo: Clique sobre a thumbnail da camada de frente para trazermos a seleção pra frente

10º Passo: Pressione "Shift + G" para utilizarmos a ferramenta " Gradient Tool"

11º Passo: Pressione "Shift + ctrl + N" para criarmos uma nova camada.

12º Passo: Certifique-se que seu Gradiente está no modo Linear.

13º Passo: Trace um degradé da direita para a esquerda, como abaixo.

14º Passo: Em blending Option, altere sua propriedade para "Linear Burn" com opacidade 73%.

15º Passo: Repita do 11º passo em diante para criarmos um degradé na vista "esquerda" com a diferença da opacidade em 64%.

16º Passo: Clique sobre a camada base e crie uma nova camada chamada "sombra".

17º Passo: Pressione "d" para deixarmos foreground e background de forma padrão.

18º Passo: Clique sobre a ferramenta "Brush Tool" e altere sua ponta para "soft round" e aumente em "Master Diameter" para 72 px.

19º Passo: Posicione seu brush próximo à ponta de nosso "box" e clique três vezes aproximadamente.

20º Passo: Pressione "ctrl + t" na camada sombra e em seguida vá em "Distort" e altere seus pontos de modo que fique parecido com a imagem abaixo e em seguida altere sua opacidade para 74%.

E segue mais uma galeria de leitores!

Angeli Braga

Fabricio Rodrigues Garcia (www.fotolog.net/manohead)

Odilon Neto

Joao Batista Costa

Gabriel Moura

Fabio Pena

Artur Linus

Abraço a todos!

Todos os artigos de Fabio Lody

18/05/2009 - Como manipular gelo no Photoshop 16/07/2008 - Manipulando o fogo com o Photoshop 06/06/2008 - Desenhando um iPhone pelo Photoshop CS3 - Conclusão 20/03/2008 - Desenhando um iPhone pelo Photoshop CS3 - Parte 02 28/01/2008 - Desenhando um iPhone pelo Photoshop CS3 - Parte 01 27/11/2007 - Illustrator + Photoshop CS3 13/09/2007 - Atualização - Truques para Tratamento de Imagens 12/09/2007 - Atualização: Truques para tratamento de imagens 02/07/2007 - Monitores LCD, configurações e impressão 03/04/2007 - Trabalhando com Actions 19/01/2007 - Workspace e Smart Objects 06/12/2006 - Novas técnicas para pincéis e Layer Comps 16/10/2006 - Conhecendo a Color Swatches 18/08/2006 - Manipulação e tratamento de foto profissional 24/07/2006 - Explorando o Adobe Bridge 14/06/2006 - Bandeira Brasileira 23/05/2006 - Lunatic Art 26/04/2006 - Quebra cabeça 28/03/2006 - Jumping Out 15/03/2006 - Tornando as pessoas invisíveis 22/02/2006 - Box 3D 24/01/2006 - Efeito CD-ROM 09/01/2006 - Reflexo 20/12/2005 - Feliz Natal! 08/12/2005 - Post it 21/11/2005 - Bordas arredondadas 03/11/2005 - Scripts para Photoshop 06/10/2005 - Dicas e dúvidas 22/09/2005 - Jogando água no Photoshop 06/09/2005 - Criando estilos - Parte 02 01/08/2005 - Back Fire 04/07/2005 - Dicas para criação web no Photoshop 15/06/2005 - Web no Photoshop - Parte Final 31/05/2005 - Web no Photoshop - Parte 03 (Com Galeria) 18/05/2005 - Web no Photoshop - Parte 02 05/05/2005 - Web no Photoshop - Parte 01 18/04/2005 - Arte abstrata - Parte 03 30/03/2005 - Criando Luz Neon - II 14/03/2005 - Criando Luz Neon 02/03/2005 - Criando Estilos 18/02/2005 - Criando shapes 04/02/2005 - Olhos vermelhos e galeria de imagens 27/01/2005 - Abstract Art - Parte 02 26/01/2005 - Texto Grunge - Atualização 14/01/2005 - Abstract Art - Parte 01 06/01/2005 - Entrando no mundo Hitech 22/12/2004 - Enfeite de natal 10/12/2004 - Trabalhando com Fotos 30/11/2004 - Buraco negro 19/11/2004 - Galeria de imagens 10/11/2004 - Cabelos rebeldes - Parte 02 27/10/2004 - Trabalhando com garrafas no Illustrator 26/10/2004 - Papel envelhecido 15/10/2004 - Fundo abstrato - Parte 02 08/10/2004 - Fundo abstrato 30/09/2004 - Half Tone em Texto 23/09/2004 - Efeito Gel 15/09/2004 - Texto Grunge 10/09/2004 - Preparando o Photoshop para web - Final 03/09/2004 - Preparando o Photoshop para web - Parte 03 27/08/2004 - Preparando o Photoshop para web - Parte 02 19/08/2004 - Preparando o Photoshop para web 13/08/2004 - Os blends do Photoshop 04/08/2004 - Gotas em lata de refrigerante 29/07/2004 - Banners - Adobe ImageReady 21/07/2004 - Banners - Parte 02 13/07/2004 - Banners 07/07/2004 - Pixel Art 3D - Atualização 01/07/2004 - Integração e movimentos com o Image Ready - Atualização 28/06/2004 - Efeitos de luz 18/06/2004 - Cabelos rebeldes 08/06/2004 - Especial - Dia dos Namorados 25/05/2004 - Criando uma bola de vidro e trabalhando com relfexo 11/05/2004 - Trabalhando com pedras 27/04/2004 - Trabalhando com madeira 13/04/2004 - Preparando o Photoshop para impressão 29/03/2004 - Integração e movimentos com o Image Ready 15/03/2004 - Perfis de monitores ICC 01/03/2004 - Tratamento de Fotos 16/02/2004 - Máscaras e canais 03/02/2004 - Criando Curvas 22/01/2004 - Pixel Art 3D 12/01/2004 - Pixel Art 31/12/2003 - Congele sua vida 12/12/2003 - Brincando com fogo 04/12/2003 - Adobe Creative Suite: o novo Photoshop CS 25/11/2003 - Recuperando Ferramenta Pincel (Healing Brush Tool) 13/11/2003 - Colorização de Fotos 31/10/2003 - Efeito metálico 21/10/2003 - Efeito Fundo Abstrato 07/10/2003 - Carimbo ou Processamento em Lote 17/09/2003 - Scan Line (Efeito TV) 02/09/2003 - Pen Tool 22/08/2003 - Pincel Brush - Parte 02 04/08/2003 - Pincel Brush 16/07/2003 - Efeitos de fundo 30/06/2003 - Efeitos para banners 17/06/2003 - Efeito máscara (Fade IN) 10/06/2003 - Rádio - 3º Parte 27/05/2003 - Splash Texture 13/05/2003 - Efeito Matrix 05/05/2003 - Textura Aço 25/04/2003 - Texturas 14/04/2003 - Blue Steel 07/04/2003 - Alien Style 29/03/2003 - Textos cromados 14/03/2003 - Botões de plástico ou gel 11/03/2003 - Agora usando a ferramenta Liquify 28/02/2003 - Fatiamento de Imagens 20/02/2003 - Teclas de atalho do Photoshop 06/02/2003 - Efeitos de texto 20/01/2003 - Rádio - 2ª parte 08/01/2003 - Rádio 18/12/2002 - Efeito de luzes

10 comentários publicados

• 1. simples e legal...

  Quarta-feira, 22/02/2006, por Diogo
  

  po cara...alem de simples e util eh mto legal o efeito....vc apavora cara...
  flw
  abraço

  Responder comentário

• 2. Parabéns

  Quinta-feira, 23/02/2006, por Gisele
  

  Parabéns pela matéria! Muito boa =] Suas matérias são ótimas!!
  Quando eu crescer quero ser igual vc rssss....

  Responder comentário

• 3. Isso ae...

  Quinta-feira, 23/02/2006, por Hugo Calheira
  

  Fabio... mandando bem nos tutos...
  
  só tava pensando, quand é que rola uma battle com você...
  
  Abraço Brow..

  Responder comentário

• 4. ola amigos!

  Sexta-feira, 24/02/2006, por Maurício J. Fávaro
  

  Eli Junior..obrigado pelos elogios!
  
  Gisele fico feliz que goste tambem do me utrabalho! e obrigado por comentar que quer ser igual a mim rss
  
  Falaa Shiper meu veio..cara eu ando atolado ao ³
  mas vou ver se separo um tmepo de boa..dpois do carnaval e dou um pulo no forum..dai agente faz um contest ou uma battle..belez?
  
  abraço a todos

  Responder comentário

• 5. artigos lody

  Sábado, 25/02/2006, por José Francisco de Paula Filho
  

  cara...estou viciada em seus artigos...didático, carismático...o q falar?...aprendi photoshop c seus artigos...e amei...
  bjs

  Responder comentário

• 6. muito bom!!!

  Domingo, 26/02/2006, por Rafael Maia de Oliveira
  

  e ai Fabio!!!irmão,,,valew mesmo por todos os tutos q vc vem colocando aqui...tenho aprendido cada dia mais,,,eu naum tinha nenhuma noção de photoshop antes de tudo isso,,agora ja manjo bem,,,valew mesmo!!!!!

  Responder comentário

• 7. Simplesmente D++++

  Domingo, 26/02/2006, por Leandro Carlos
  

  E ai Fabio!
  Cara, Parabens!!! Seus tutoriais sao pra la de bons... Aprendi muito lendo suas materias.
  
  Abraço!

  Responder comentário

• 8. Parabéns

  Domingo, 26/02/2006, por Sérgio
  

  Poxa Fábio demorou a sair a matéria mas quando saiu ficou muito boa! Parabéns pela matéria!!!

  Responder comentário

• 9. me ajude!!!

  Terça-feira, 28/02/2006, por David
  

  Oi Fábio, td bom? adoro seus trabalhos jah tentei fazer vários e consegui. Só q agora to precisando d uma ajudinha sua, será q vc podia me dizer oq q eu tenho q fazer pa conseguir fazer esse efeito? http://www.flogao.com.br/antonellam/foto/017/46185851 não precisa me dizer como faz td não, me interesso mesmo eh pelas bolinhas, adorei o efeito delas!!! por favor me ajude, eh urgente!!!!!
  abraços

  Responder comentário

• 10. Tatoo no corpo

  Segunda-feira, 06/03/2006, por Davison Gimenes
  

  ola fábio
  comecei a acompanhar sua materia
  a pouco tempo
  estou gostando muito
  porem em algumas de suas matérias
  voce nao esta sendo claro.
  peço a voce q seja um pouco mais claro em suas matérias
  e o mais importante
  gostaria de te pedir para criar uma matéria sobre tatuagem no corpo
  como adaptar uma imagem ao corpo
  criando assim uma tatoo artificial
  com aparencia "real"
  estou aguardando obrigado
  
  abraço

  Responder comentário

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

Fabio Lody é um dos colunistas mais lidos do Brasil. Desenvolveu trabalhos para a Johnson&Johnson, Chevrolet, Kawasaki Motors, grupo SBT, Ethos, HopiHari entre outros pela Tribal Interativa. Foi instrutor da WOC (Centro de Treinamento Adobe) e já trabalhou nas áreas de produção de vários webstudios. Escreve para duas revistas de circulação nacional além de desenvolver layouts de cartões para uma empresa do japão. Foi aluno de Alexandre Wollner e há 9 anos trabalha como Designer Gráfico. Blog: (http://www.fabiolody.com.br).

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

seguranca yahoo twitter google windows celular tecnologia apple web iphone desenvolvimento lançamento linux mercado microsoft firefox youtube criação crescimento android internet 3g brasil ti mobile php

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!