Quarta-feira, 04 de agosto de 2004 às 16h41

Gotas em lata de refrigerante

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.

27 comentários

 Paulo
04/08/2004 16h56

Eita rapaiz

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....

 Maurício J. Fávaro
04/08/2004 17h23

Claro meu amigo Paulo

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

 Bruno Carlos
04/08/2004 19h29

123456

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!

 Vinicius José de Paula
04/08/2004 21h00

Minha lata

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 ;-)

 Andrey Suconic Neto
05/08/2004 20h43

Efeito Ideal

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.

 alekiller
06/08/2004 04h16

Massa

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!!

 Rafael
06/08/2004 10h38

Olhos Vermelhos

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

 Wellington
06/08/2004 10h44

Tá legal... mas...

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!

 Maurício J. Fávaro
06/08/2004 10h46

Ola meus amigos!

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

 Saulo
08/08/2004 03h02

Trabalhando com cordas

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

 Vinicius Rangel
09/08/2004 12h44

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

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!

 Bruno
09/08/2004 13h16

Não consegui fazer as gotas

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

 Alexandre
10/08/2004 11h18

por favor

 Alexandre
10/08/2004 11h21

Por Favor!!!! Novamente!!!!

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

 Almir Gomes do Nascimento
11/08/2004 14h09

Nota 10

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

 Fernanda Forbici
12/08/2004 12h24

Mais recursos

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!

 Maurício J. Fávaro
12/08/2004 17h32

ae galera

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

 JapaNeves
18/08/2004 12h32

Efeito de Gotas no PS 5.5

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

 Fábio
04/09/2004 19h18

Quanto mais melhor

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!

 Ivonaldo Pereira da Silva
13/09/2004 15h00

Comentário

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!

 Maurício J. Fávaro
14/09/2004 17h35

Obrigado amigos

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

 Rafael Moreschi
17/09/2004 04h18

Gotas menores

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.)

 Maurício J. Fávaro
24/09/2004 13h41

Opa

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

 Hévertton Alexandretti
17/01/2005 15h49

Dúvida

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.

 Junior Barreto
24/03/2005 13h23

Nao gsotei

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

 Maurício J. Fávaro
24/03/2005 15h24

blz

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.

 César Augusto de Souza Brito Brito
03/07/2006 17h56

gotas

realizar

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


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).

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.