/Design

voltar
/Design

Gotas em lata de refrigerante

PorFabio Lody em

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.

Deixe um comentário! 30

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Comentando como Anônimo

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  19. amigo, agradeço a sua boa vontade, mas este efeito é um dos piores que já vi. Existem maneiras um pouco mais complicadas de se fazer este efeito com um resultado mais apresentável.

  20. Olha, pra falar a verdade não ficou realista. Esse é o terceiro tutorial que vejo hoje, e os outros ficaram melhores, apesar de serem feitos de maneiras diferentes. Eu te aconselho a visitar outros tutoriais para se aperfeiçoar mais!

leia mais