iMasters | Por uma internet mais criativa e dinâmica

Quarta-feira, 04/08/2004 - 16:41 - Por Fabio Lody
Seções relacionadas:

• Photoshop

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

Salve grandes amigos! Gostaram do novo visual? Pois é, mais uma vez o iMasters sai na frente, agora com um site totalmente dinâmico, funcional e o melhor de tudo...mais rápido! Parabéns à equipe que trabalhou no site.

Também quero agradecer a todos os e-mails enviados e comentários em meu fotolog (www.fotolog.net/fabiolody). Estou tentando, na medida do possível, responder a todos os e-mails e quero lhes dizer que em breve publicarei efeitos para criação completa de uma página através do Photoshop, recuperando foto antiga, Dark Art, Pixel Art, Vetor Art e tratamento de foto.

Bom, vamos a nossa matéria de hoje. Iremos trabalhar um efeito que coloquei na lista TOP 15 das mais pedidas. Qualque dúvida ou sugestão, vocês me encontram também no fórum iMasters. Assim poderei ajudá-los mais rapidamente.

Logo também escreverei algumas matérias sobre Adobe ImageReady, Adobe Illustrator, Adobe InDesign e Adobe After Effects.

Gotas em lata de refrigerante

Descrição: Criando gotas em lata de refrigerante.
Software ultilizado: AdobePhotoshop em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Racionais mcs - Vida Loca

Cores e calibração

Certamente você já se viu frente a um velho problema: a imagem de seu monitor não tem nada a ver com a impressa e, além disso, não há como prever quais as cores que sairão na gráfica.
Estes são problemas vivenciados diariamente pela maioria dos profissionais do mercado gráfico que acostumaram-se com esse tipo de limitação.

Durante muitos anos, todas as soluções disponíveis para um correto gerenciamento de cor eram baseadas em sistemas proprietários, ou seja, equipamento e software que funcionam em conjunto, mas que oferecem bons resultados somente para equipamentos do mesmo fabricante.

Em 1993, um conjunto de empresas uniu-se para criar um grupo responsável pelo desenvolvimento e padronização de gerenciamento de cor. Foi então criado ICC (International Color Consortium), que tinha como objetivo principal criar um sistema de gerenciamento de cores que fosse independente de qualquer marca ou fabricante. Ao mesmo tempo a Apple iniciou o desenvolvimento do ColorSync, que nada mais é do que uma parte do sistema operacional do Mac que permite aos programas seguirem a padronização de cor indicada pelo ICC.

Toda conversão de cor feita no Photoshop, internamente, é convertido em Lab Color para depois ser convertido em modelo escolhido.

Embora o modelo de cores RGB utilizado por monitores de computador seja capaz de exibir grande parte do espectro visível, o sistema de vídeo que envia dados a um determinado monitor muitas vezes limita a maneira como várias cores podem ser exibidas de uma só vez.

Ao compreender como dados de cor são medidos em arquivos digitais, é possível ajustar melhor as configurações de exibição de cores para compensar as limitações de seu sistema de vídeo - Trecho abordado pelo Prof. Pedro, da WOC.

Mas como isso realmente iniciou?

Em 1807, Young formulou a teoria de que existiam receptores na retina do olho humano, conectadas ao cortex visual do cérebro por uma série de redes neurais. Estes receptores denominados "cones" são sensíveis a radiações de comprimento de onda definido: vermelho (600 - 780 nm), verde (500 - 600 nm), a azul ( 380 - 500 nm).

Bom amigos, acho que sobre cores por hoje ja está bom. Maiores informações em minha matéria sobre "Calibragem de monitor".

1º Passo: Abra sua imagem de sua lata de refrigerante.

2º Passo: Clique sobre a ferramenta "Rectangle Tool" e mantenha seu botão pressionado, até a opção indicada "Ferramenta Elipse" (Ellipse Tool) .

3º Passo: Agora crie pequenas elipses em nossa imagem (será futuramente a forma das gotas).

4º Passo: Nesse momento, clique em "Ferramenta Seleção de Componentes de Demarcador"(Path Selection Tool) e escolha "Seleção Direta" (Direct Selection Tool). Clique sobre cada elipse e retoque torcendo a forma para dar a impressão de uma gota.

Faça isso em todos e observer que existem detalhes que serão importantes para termos sucesso no final.

5º Passo: Quando terminado em todas as elipses, adicione o "link" (corrente) nas camadas das formas, com excessão da "background", para juntarmos todas as gotas.

6º Passo: Clique sobre a primeira camada e pressione "CTRL+E", assim estaremos juntando nossas camadas. Perceba na imagem abaixo que todas nossas gostas agora estão em uma única camada.

7º Passo: Agora vá em "Camada" (Layer)... "Estilo de Camada" (Layer Style) e use as alterações a seguir.

8º Passo: Agora salve para usar seu estilo quando bem entender.

Pronto. Claro que nosso efeito final vai depender da construção das gotas que, como citei acima, varia do gosto de cada usuário (4º passo).

Espero que tenham gostado. Um abraço e aguardem matérias de criação de páginas completas com o Photoshop e o ImageReady. Fiquem com Deus.

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

27 comentários publicados

• 1. Eita rapaiz

  Quarta-feira, 04/08/2004, por Paulo
  

  Eu achei q o resultado final ficou pouco realistico....as gotas parecem estar impressas na lata e não escorrendo sobre ela....acho q isso pode ser resolvido mudando as setagem do painel chanfro e entalhe e sombra projetada.....eh preciso tambem deixar as gotas mais brilhantes, refrativas....

  Responder comentário

• 2. Claro meu amigo Paulo

  Quarta-feira, 04/08/2004, por Maurício J. Fávaro
  

  Ola meu amigo como vai?
  bom realmente esse tipo de efeito depende de quem o faz como eu mesmo disse na materia ( nao sei se a leu )
  "Pronto. Claro que nosso efeito final vai depender da construção das gotas que, como citei acima, varia do gosto de cada usuário (4º passo)."
  
  isso depende do efeito final desejado por cada um
  em relacao a refracao ai tb depende de cada um..justamente por isso coloquei grau 8 parece facil mas quem puder ter uma dedicacao maior em no blend podera atingir o efeito mais propicio a sua imagem.
  
  
  abraço

  Responder comentário

• 3. 123456

  Quarta-feira, 04/08/2004, por Bruno Carlos
  

  Cara mando muito bem! eu curti pra caramba!
  Claro que caso alguem queira de outra forma as gotas como mais escorridas e so alterar no shape, vc nos mostra o caminho o resto e com agente ! entao cara eu agradeço muito e ja esta em meu favoritos!
  
  t+ Fabião!

  Responder comentário

• 4. Minha lata

  Quarta-feira, 04/08/2004, por Vinicius José de Paula
  

  Eu acabei fazendo minha própia lata do meu jeito, acabei nao lendo essa matéria das gotas na lata, se alguem quizer ver meu trabalho está aqui www.starsign.com.br/lata.jpg ahh se alguem souber de alguma vaguinha de emprego me avise, faço sites usando photoshop www.tecbusiness.com.br/data7 falow pessoal ;-)

  Responder comentário

• 5. Efeito Ideal

  Quinta-feira, 05/08/2004, por Andrey Suconic Neto
  

  Caaara você é o cara!!! Muito loco esse efeito velho, precisa muito saber como chegar até esse ponto, cheguei no efeito ideal pro que eu queria fazer, pó, valeu mesmo, não tenho nem palavras... continue assim MESTRE, nós o seguiremos...rsrsrs. Um Abração e até mais Fabião.

  Responder comentário

• 6. Massa

  Sexta-feira, 06/08/2004, por alekiller
  

  Legalzinho, mas na minha opinião o grau de dificuldade tá pra 6,0 ou 5,O e não 8,0. Isso dependendo de outros tutoriais seu que eu já li. Mesmo assim ficaria legal se você colocasse uma pequena distorção no local das bolhas, dando um efeito 3D, aproveitando que a lata tem listras que facilitaria o visual. Manda um mais NERVOSO!!

  Responder comentário

• 7. Olhos Vermelhos

  Sexta-feira, 06/08/2004, por Rafael
  

  Ola, Fabio ja trabalho a algum tempos PS gostaria que mostra-se aguma dica como tirar os olhos vermelhos de uma foto.
  Valeu!!!

  Responder comentário

• 8. Tá legal... mas...

  Sexta-feira, 06/08/2004, por Wellington
  

  Fábio!!
  
  Tá maneiro, mas vc pode escrever algo melhor.
  
  Tá parecendo caroço em vez de gotas. Faz a v2.0, como dito, mais nervoso.
  
  Boa Sorte!

  Responder comentário

• 9. Ola meus amigos!

  Sexta-feira, 06/08/2004, por Maurício J. Fávaro
  

  Olá meus amigos! Bom vamos la!
  - José nao entendi oq publicaste seu site aki mas tdo bem e sempre bem vindo =)
  - Andrey muito obrigado mesmo pelos elogios cara fico feliz q eu possa ajudar... e quando precisar de algo e so falar viu!
  - Alekiller hmmm talvez vc tenha razao sim cara, eu poderia ter colocado um grau menor.. eu so coloquei 8 pq falei um pouco das cores visando aqueles que nao tem acesso a bom material e quis mostrar para o pessoal que se realmente altera-se o shape a criterio de cada um ficaria massa o efeito..
  Alias e bem isso q vc falou talvez ou poderia distorcer um pouco mais... ou colocar mais reflexo..
  Bom eu gostei da sua dica ! vou ver oq eu faço qqer coisa publico aki ok?
  -Rafael gostei tb da sua sugestao.... na realidade so estou aguardando terminar a lista TOP15 que jaja irei publicar cada coisa cara!
  Olhos vermelhos, Calibragem usando LAB, Histogram e muito mais vem por ai!
  
  Abraço pessoal e muito obrigado por tdo
  msn: fabiolody@hotmail.com

  Responder comentário

• 10. Trabalhando com cordas

  Domingo, 08/08/2004, por Saulo
  

  Olá fábio!!! sou um fuçador de PS, ehheheeheh.
  Gostaria q vc desse dicas pra trabalhar com cordas. Valeu!!!!
  

  Responder comentário

• 11. Vamos ver a v2.0.... ;)

  Segunda-feira, 09/08/2004, por Vinicius Rangel
  

  Olá Fábio! Concordo com o Wellington, apesar de o tutorial estar bom, você é capaz de melhorá-lo, com certeza.. Um exemplo? Respeitando a lei da gravidade, nenhuma gota poderia estar "escorrendo" para a esquerda.. Acho também que a imagem da latinha não ajudou muito.. Enfim, mande a versão 2.0 bem mais nervosa!!! Um abraço!

  Responder comentário

• 12. Não consegui fazer as gotas

  Segunda-feira, 09/08/2004, por Bruno
  

  O problema Fábio foi que eu não consegui deixar as gotas transparentes,gostaria que você podesse ensinar.

  Responder comentário

• 13. por favor

  Terça-feira, 10/08/2004, por Alexandre
  
  Responder comentário

• 14. Por Favor!!!! Novamente!!!!

  Terça-feira, 10/08/2004, por Alexandre
  

  Oi Fabio, tudo bem? Sou um grande fã do seu trabalho, mas eu gostaria de lhe pedir novamente para que publicasse ou me enviasse por e-mail a matéria dos banners em português. Eu entendo que você é muito ocupado e talvez não tenha tempo, mas se surgir a oportunidade estarei aguardando. Obrigado. O meu e-mail é arend2004@hotmail.com

  Responder comentário

• 15. Nota 10

  Quarta-feira, 11/08/2004, por Almir Gomes do Nascimento
  

  Cara, ficou show de bola!parabens mesmo, tu manda muuuito bem.

  Responder comentário

• 16. Mais recursos

  Quinta-feira, 12/08/2004, por Fernanda Forbici
  

  Também dá pra fazer isso mais realistico, fotografando gotas, transformando em pattern cinza, e colocando agrupado na imagem com recursos de blending e advanced blending.... fica mais real mesmo!

  Responder comentário

• 17. ae galera

  Quinta-feira, 12/08/2004, por Maurício J. Fávaro
  

  Ola amigos...
  Leo: sua ideia e boa sim, realmente eu gostei... so precisamos levar em conta a condicao de leitores..caso nao tenham cameras.. mas eu curti..vou tentar fazer algo e posto aki.
  Alexandre estarei t enviando nesse fds seu email traduzido ok?
  Almir... muito obrigado pelos elogios
  abraço galera fiquem com Deus

  Responder comentário

• 18. Efeito de Gotas no PS 5.5

  Quarta-feira, 18/08/2004, por JapaNeves
  

  Carmos amigos gostaria de saber como fazer o efeito de gotas e o efeito de luzes no photoshop 5.5. agradeço.

  Responder comentário

• 19. Quanto mais melhor

  Sábado, 04/09/2004, por Fábio
  

  Ola, tudo bom? eu gostaria de agradecer pela forma como ensinou, ficou muito facil fazer uma gota dágua.So é preciso decorar as configuraçoes no estilo de camadas!Ou salvar e nunca mais perdê-las...Obrigadao!

  Responder comentário

• 20. Comentário

  Segunda-feira, 13/09/2004, por Ivonaldo Pereira da Silva
  

  Eu achei muito bom estes tutoriais.
  E gostaria de continuar recebendo novos tutoriais.
  Por que trabalho na area de criação de artes e os seus tutoriais irão me axiliar muito.
  OBRIGADO!

  Responder comentário

• 21. Obrigado amigos

  Terça-feira, 14/09/2004, por Maurício J. Fávaro
  

  Opa obrigado Ivonaldo e Elson pelos elogios..
  
  Elson o lance de salvar e uma otima sim pq fica mais facil.. mas procure criar em uma forma maior quando for salva.... qqer coisa me manded um email q te explico melhor. Ivonaldo quando precisar de algo em especifico e eu puder ajudar to ai
  abraço

  Responder comentário

• 22. Gotas menores

  Sexta-feira, 17/09/2004, por Rafael Moreschi
  

  E ai Fábio blz né!! Olha sou fotografo e atuo na área publicitária, achei de garnde valia seu tutorial sobre as gotas, sei que vc fez rapidamente esse exemplo, que a pricipio achei as gotas muito grandes. Após algum tempo de ter lido sua matéria, resolvi tentar emuma de minhas fotos que não havia feito gotas, o resultado ficou fantastico, mudei algumas coisas do seu passo, mas ele foi muitoemportante para desenvolver depois minha propria tecnica, pena que fiquei empolgado e não salvei o estilo, mas deixa pra lá. Parabéns pelo site e continue essa grande troca de informações Caso queira ver o resultado final das gotas veja em http://www.olhares.com/galerias/detalhe_foto.php?origem=&id=44009 (lembrando que nesse tamanho elas ficaram muito, pequenas mas vc pode perceber que ficaram bem suaves.)

  Responder comentário

• 23. Opa

  Sexta-feira, 24/09/2004, por Maurício J. Fávaro
  

  Ola Alexandre eai cara como ta?
  bom primeiramente agradeço o comentario e os elogios brother fico feliz q tenha gostado...
  bom eu recebi varios efeitos de leitores e ate de uns amigos da pp tb
  Bom eu fiz esse efeito pra mostra pra galera q e possivel mas claro que alguem q tenha um conhecimento profissional de posicao de luz..sombra e talz..poderia dar um tachn melhor heeheh
  mas e isso ai cara seu link nao abriu aki mas fique a vontade de me mandar ok?
  vou ver se quando chegar em ksa eu dou um retoque baum e posto em uma proxima materia pra galera ver
  abraço a todos

  Responder comentário

• 24. Dúvida

  Segunda-feira, 17/01/2005, por Hévertton Alexandretti
  

  Olá amigão! O negócio é o seguinte: tentei aplicar esse efeito na lata de refri, consegui, ficou muito show, mas como tenho o Photoshop 7 em Português, ficou um tanto qnt complicado a criação uma vez q precisei de um certo tempo para associar o inglês ao português. Existe a possibilidade de ser me enviado esses passos em Português para q se torne mais rápido? Ficaria muito agradecido.

  Responder comentário

• 25. Nao gsotei

  Quinta-feira, 24/03/2005, por Junior Barreto
  

  Achei artificial! seria mais fácil usar chanfro nso estilos n a camada transparente! seria mais fácil e pareceria mais real!

  Responder comentário

• 26. blz

  Quinta-feira, 24/03/2005, por Maurício J. Fávaro
  

  certo junior
  
  eu usei chanfro
  é vc prestar atencao antes de escrever qualquer coisa
  chanfro e bevel sao a mesma coisa
  e é obvio que a camada e transparente senao nao seria uma gota.

  Responder comentário

• 27. gotas

  Segunda-feira, 03/07/2006, por César Augusto de Souza Brito Brito
  

  realizar

  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

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

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!