quarta-feira, 24 de fevereiro de 2010

Tutorial Photoshop CS3 - Colorizacao de olhos

Olá pessoal, a pedidos irei apresentar 2 técnicas para coloração de olhos.
Com essas técnicas você poderá colorir olhos em imagens preto e branco, e também alterar a coloração de olhos.
Vamos à elas então.
Utilizaremos a imagem abaixo para o processo de colorização.



1º Processo:
O primeiro processo de colorização é mais conhecido, é baseado no ajuste de matiz e saturação, e apesar de mais conhecido não deixarei de explicá-lo.
Nosso primeiro passo será criar uma camada de ajuste de matiz e saturação.
A camada de ajuste, por possuir uma máscara e por ser uma camada independente, fica mais prática, pois poderemos aplicar mudanças sempre que necessário, e sem prejudicar a imagem base.
Portanto, clique na base do painel de camadas no ícone mostrado abaixo e selecione o ajuste de matiz e saturação (Hue & Saturation).



Repare que ao criarmos a camada de ajuste, lá estará a máscara citada por mim anteriormente, essa máscara terá a cor branca.



Pense nessa máscara como um "tapume", algo que cobre alguma coisa. Quando branca, voce verá o que está por trás dela, quando preta, não verá, e com o pincel do photoshop(e algumas outras ferramentas), voce pode pintar algumas partes e essas partes pintadas, dependendo da cor (branca ou preta) farão com que voce veja o que está por trás da parte pintada, ou não veja.

Parece meio complicado para que não conheçe, mas você verá que na prática e bem simples.
Ao mesmo tempo que criamos a camada de ajuste, se abrirá na área de trabalho do photoshop, a caixa de matiz e saturação.



Nela podemos observar algumas caracteríticas.

Chave de regulagem de Matiz: Altera a base da cor utilizada.
Chave de regulagem de Saturação: Altera a força da aplicação da cor.
Chave de regulagem de Luminosidade: Altera a luminosidade da cor.
Opção de cor sólida: Se marcada, modifica o forma de regulagem para uma só cor sólida, que tomará toda a extensão da imagem / Se não marcada, mantém a forma original de regulagem, utilizando todas as cores originais da imagem.
Opção de visualização: marcando e desmarcando, podemos ver as mudanças ocorridas.
Feita essa apresentação, vamos aplicar mudanças.
Configure como na imagem abaixo.



Agora, vá ao painel de camadas e com o mouse, clique em cima da máscara, e em seguida tecle Control + I, assim inverteremos a cor da máscara, de branco para preto, e como explicado anteriormente, a máscara preta, esconderá o efeito.



Agora é simples, selecione a ferramenta Brush Tool (Pincel), e escolha a ponta de pincel do mesmo tamanho da íris do olho.
Selecione a cor branca para primeiro plano, e clique com a ferramenta exatamente em cima da íris.
Repare que a máscara ficará com uma bola branca exatamente no local onde clicamos com o pincel. E esse ponto da máscara que agora é branco, passa a "desmascarar" o efeito, fazendo com que ele apareça na imagem, esverdeando o olho.



Agora voce deverá estar entendendo o que expliquei no inicio do artigo sobre as máscaras. Pois por trás da parte branca da máscara, você pode ver o efeito aplicado.
Ao clicarmos com a ponta do pincel redonda, obviamente teremos um excesso de cor extrapolando os limites da íris.



Então, vamos removê-lo, modificando a cor da ponta do pincel para preto, e pintando essa parte não desejada.



Com eu disse no inicio do artigo, a camada de ajuste, permite que alteremos o resultado do efeito a qualquer momento, mantendo a imagem base intacta.
Para fazermos essa alteração, é simples, dê dois cliques em cima do ícone ao lado da camada, e a caixa de matiz e saturação se abrirá novamente para uma nova edição.



Com a caixa aberta, faça suas mudanças, editando as cores, utilize também a opção Colorize, para ver a mudança nas alterações.


2º Processo:
O segundo processo de colorização utiliza outro tipo de ajuste fino, o Color Balance(Balanceamento de cores), nele teremos capacidade de fazer edições mais avançadas, obtendo resultados mais satisfatórios.
No color balance, nós podemos editar diretamente as cores localizadas nos realces, tons médios e sombras da imagem.
Então vamos a ela, antes de mais nada, oculte ou exclua a camada de matiz e saturação.
O processo para "chamarmos" o efeito é o mesmo, através de camada de ajuste, então, localize-se pela imagem abaixo, e selecione a opção mostrada.



Feita essa parte, perceba que teremos uma nova caixa de edição na área de trabalho do photoshop. A caixa de balanceamento de cores (Color Balance.)



Essa ferramenta de ajuste, funciona como o nome já diz, balanceando as cores, ou seja, repare que temos cores opostas.
Cyan(Ciano) - Red(Vermelho)
Magenta - Green (Verde)
Yellow(Amarelo) - Blue (Azul)

Pense que ao movermos a chave para a cor red, iremos remover o Cyan. E vice versa.
Ao movermos a chave para a cor Green, estaremos removendo todas as informações da cor magenta da imagem. E vice versa.
E ao movermos a chave para a cor Blue, estaremos removendo as informações que compõem a cor yellow. E vice versa.
E esse processo todo vale para as sombras, tons médios e realçes da imagem.
Então vamos exemplificar.
Configure os tons médios, realces e sombras como abaixo, e veja como avermelharemos a imagem.











E agora que temos a imagem toda vermelha, clique com o mouse em cima da máscara, e em seguida tecle Control + I, assim inverteremos a cor da mesma, mascarando o efeito.
Agora selecione a ferramenta Brush Tool (Pincel), e faça o mesmo procedimento do primeiro processo, escolha um tamanho semelhante ao da íris, diminua a suavidade da ponta do pincel,
selecione a cor branca para primeiro plano, e clique em cima da íris. Dessa forma teremos o efeito se desmascarando.



Agora, vamos remover o excesso, modificando a cor da ponta do pincel para preto. E apagando a parte que extrapolou.



Faça agora seus testes, variando as cores nos 3 tons, os medios, os realces e as sombras. E alcançe as misturas de cores mais exóticas possíveis.
Abaixo, alguns exemplos que podem ser alcançados.



Bom gente, então ficamos por aqui, e até o próximo artigo.

...

terça-feira, 23 de fevereiro de 2010

Tutorial Adobe Photoshop CS3 – Hematoma facial (Olho Roxo)



Caros internautas, iremos nesse artigo, aprender a simular um hematoma na pele de uma pessoa, nesse caso, no olho,e iremos mais adiante, acrescentando alguns detalhes que darão mais realismo ao efeito.

Utilizaremos a seguinte imagem base para a aplicação do efeito(É necessário cadastrar para o download da imagem, vale a pena por ser o melhor stock de imagens gratuitas da web):
IMAGEM BASE
Inicialmente, abra a imagem base:

1º Passo:
Duplique camada background teclando CTRL + J.
Prepararemos a imagem, deformando um pouco o formato do olho da modelo.
Potanto,utilize a ferramenta Lasso Tool(L) e faça uma seleção em torno da Íris do olho direito da modelo.
Como na imagem mostrada abaixo:



Em seguida, tecle CTRL + J ou acione pelo menu Layer(camada)>New(novo)>Layer via copy(camada por cópia), dessa forma, duplicando a parte selecionada.
No momento, não utilizaremos essa camada da íris duplicada, portanto, voce poderá ocultá-la pelo ícone do olho, localizado na paleta de camadas em sua parte lateral.

2º Passo:
Iremos agora deformar o olho da modelo, afim que tornar o efeito mais real.
Acione o menu Filter(Filtro)>Liquify(Dissolver), e com as configurações mostradas abaixo, abaixe a parte superior do olho da modelo e também levante a parte inferior no intuíto de "fechar" parcialmente o olho da modelo.
Tente fazer semelhante à imagem colocada logo abaixo:



3º Passo:
Feita a parte da deformação, agora iremos aplicar a coloração necessária, portanto, utilize a a ferramenta Lasso Tool (você poderá utilizar qualquer ferramenta de seleção para esse processo), faça uma seleção contornando todo o olho direito da modelo, dessa forma marcando o local onde o hematoma será criado.
Para que a seleção não fique muito sólida, aplicaremos uma difusão fazendo assim com que a cor de preenchimento que utilizaremos adiante, "espalhe-se" além da limitação criada pela mesma seleção.
Portanto, após criar a seleção, tecle CTRL + ALT + D ,ou menu Select (Selecionar)>Modify(modificar)>Feather(Difusão) e preencha com 15 px o valor de raio de difusão.
Na imagem abaixo, poderá verificar o local apropriado para se criar a seleção.



4º Passo:
Agora iremos acionar uma máscara de camada, portanto, tendo certeza de estar na camada da modelo deformada, pressione a tecla "Q" e repare que toda a parte externa da seleção ficará com uma cor avermelhada e a seleção por sua vez, desaparecerá.
Acione em seguida a ferramenta Brush Tool(Pincel), configure-a no painel superior a ferramenta com os seguintes valores.E, não menos importante, coloque a cor preta em primeiro plano na barra de ferramentas.



Configurada a ferramenta, pinte toda a parte referente ao olho da modelo.



5º Passo:
Agora, criaremos uma camada de preenchimento de cor sólida, ou seja, preencheremos o local selecionado, com uma única cor, sem nenhum tipo de mistura.
Portanto, mova o cursor até a parte inferior da paleta de camadas, clique no botão e acione a opção Solid color (Cor Sólida)
Após acionado, a caixa de captura de cores se abrirá, preencha a lacuna de valores hexadecimais com o seguinte valor: #02023c

Confira abaixo, como acionar a camada de preenchimento.



Em seguida, como ficará a aplicação da coloração.




6º Passo:

Desoculte a camada "Íris", ative-a dando um simples clique nela, e em seguida, pressione a tecla CTRL mantendo-a pressionada e dê um clique na miniatura referente a máscara da camada de preenchimento de cor sólida.
Dessa forma, retomaremos a seleção feita há pouco.
Prossiga como na imagem abaixo:



Tecle delete, dessa forma removeremos a parte da íris que sobrou para fora do olho.
Em seguida, CTRL+D, para desfazer a seleção.E confira na imagem abaixo como deverá ficar o olho.



7º Passo:
Detalhes são o que farão de seu trabalho algo diferenciado, portanto atente a eles, perceba próximo a íris que há um pequeno ponto que deve ser reparado.
Portanto utilizando a Clone Stamp Tool(Ferramenta carimbo) , remova a parte indesejada. Não se esquecendo que a parte a ser removida se enconta na camada duplicada da modelo.
Confira abaixo o que remover:



8º Passo:
Ainda na camada duplicada da modelo, iremos agora criar alguns vasos sanguíneos e um hifema que é um tipo de hematoma na parte interna do olho.
Criaremos então uma nova camada logo acima da camada de preenchimento,clique então na camada de preenchimento e em seguida tecle Shift+CTRL+N. Dessa forma criando a nova camada em branco.
Em seguida, com a ferramenta Brush Tool(Pincel) ativa, selecione a cor #c90202 e configure a ferramenta com os dados mostrados abaixo:



Agora pinte as bordas da parte branca do olho.




Em seguida, acione pelo menu Filter(Filtro)>Blur(Desfoque)>Gaussian Blur(Desfoque gaussiano), e aplique ,4px de raio.
Aplicado o desfoque, passe essa camada para Multiply(Multiplicação) e reduza sua opacidade para 80%..E, se necessário, utilize a ferramenta Borracha para limpar os excessos que ultrapassarem os limites do olho.
Confira na imagem abaixo como ficou essa aplicação de efeito.




9º Passo:
Crie agora uma nova camada acima daque estávamos trabalhando nomeie-a como "vasos", e novamente com a ferramenta Brush Tool(Pincel)(b) e com as configurações com mostradas abaixo, iremos criar os vasos sanguíneos.



Confira abaixo como deverão ficar os vasos:



10º Passo:
Duplique a camada, e nomeie-a como "vasos 2".
Agora na camada "vasos", aplique o efeito de desfoque gaussiano, acione o menu Filter(Filtro)>Blur(Desfoque)>Gaussian Blur(Desfoque gaussiano), e aplique ,2px de raio. Em seguida, coloque o modo de mesclagem para Multiply(multiplicação).
Na camada "vasos 2", coloque em modo de Luminosity(luminosidade) e coloque a opacidade para 70%.
Confira o resultado:



11º Passo:
Para alcançarmos um pouco mais de dramaticidade, mescle todas as camadas, e duplique a camada resultante pelo atalho CTRL + J:
Sete o modo de mesclagem para Overlay(Sobrepor) e também a opacidade para 75% e preenchimento para 75%.
Abaixo como ficou a imagem:



12º Passo:
Agora, para finalizarmos o efeito, iremos criar um inchasso na área abaixo do olho.
Portanto, crie uma seleção utilizando a ferramenta da sua preferência, e em seguida tecle ALT + CTRL + D, dessa forma acionando a caixa de difusão.
Marque 5 pixels de raio de difusão e confirme OK
Ficaremos com a seleção da seguinte forma:



13º Passo:
Com a seleção ativa, acionaremos agora o menu Filter(filtro)>Liquify(dissolver), e utilizaremos a ferramenta Bloat tool localizada dentro do filtro para criar o inchasso:
Veja na imagem abaixo, a ferramenta, sua configuração e o local a ser aplicado. Faça-o dando cliques sequenciais, e não um só clique, pois poderá perder o controle da ferramenta.
Em seguida, confirme ok.



Veja abaixo como devera ficar:



14º Passo:
Acione agora o menu Filter(filtro)>Blur(Desfoque)>Surface Blur(Desfoque de superfície) E aplique os valores mostrados abaixo:



Remova a seleção pelo atalho CTRL + D, e pronto, nosso trabalho está finalizado, confira abaixo o resultado final:

segunda-feira, 22 de fevereiro de 2010

CD Treinamento Adobe Photoshop CS 2 - Montagens e Manipulacoes Volume II

Nesse segundo volume do Vídeo-treinamento de Montagens e manipulações você verá como construir várias imagens publicitárias, aprendendo e conhecendo alguns truques e dicas que lhe impressionarão.

Ao mesmo tempo, poderá interagir com os exercícios, tornando o aprendizado totalmente dinâmico e direto.

Sejam montagens inéditas na Internet ou imagens publicitárias já conhecidas, você também poderá criá-las e sentir-se um verdadeiro designer de imagens.



Aprenda todo o processo de criação de montagens e manipulações avançadas, explicados de maneira fácil de interpretar, e mais fácil ainda de concretizar.



Você que já conhece o primeiro volume de nosso treinamento de montagens e manipulações (http://shop.linhadecodigo.com.br/treinamento.asp?id=2785), não pode perder essa nova edição. E os que ainda não conhecem os segredos das imagens publicitárias, não percam a chance de em poucas horas poder criar a imagem que lhes vem à cabeça.



Não perca a oportunidade de se tornar um expert em uma das ferramentas mais poderosas do design gráfico, o Photoshop CS 2.

Clique no link abaixo e será levado ao portal Linha de Codigo.com e poderá ver as características do produto.

Saiba mais sobre o
CD Treinamento Adobe Photoshop CS 2 - Montagens e Manipulacoes Volume II


...

CD de Treinamento Adobe Photoshop Cs 2 ® - Montagens e Manipulacoes Volume I

Acompanhe em mais de três (3) horas de vídeo, diversas formas de manipulação de imagens e montagens, tudo aquilo que você queria aprender, mas de uma forma dinâmica explorando a prática, e, não a cansativa teoria que está acostumado a ver.

Tudo em uma linguagem fácil e dinâmica, onde aplicaremos diversos procedimentos que nos possibilitarão criar imagens e efeitos utilizados em propagandas publicitárias.



Desde o treinamento básico para iniciantes, a manipulações avançadas, todos estarão aptos a concluir o treinamento e possuir total autonomia nos principais mecanismos utilizados pelos profissionais do design gráfico no software Adobe Photoshop Cs 2 ®



Com certeza, uma inovação pioneira que fará você ver o Photoshop com outros olhos.

Para saber mais sobre o Treinamento, clique no link abaixo, e ele o levará para o Portal Linha de Código.com

Saiba mais sobre o Cd de treinamento Montagens e Manipulacoes Volume 1

...

Cd de treinamento - Adobe Photoshop CS 4 Extended - 3D Arte

Nesse treinamento de Photoshop CS4 Extended com enfoque em 3D você será introduzido no mundo digital em 3 dimensões, aprendendo tudo sobre os novos recursos 3d da versão Estendida do Software mais utilizado para edição de imagens.

E agora, além de editar imagens, você poderá criar movie clips 3d de alta qualidade e criar formas 3d utilizando-as em montagens e composições profissionais.




Em 4 horas de treinamento serão abordadas as diversas novas ferramentas de movimentação de elementos 3d tal como os novos painéis e interface, renderização de fotografias tranformado-as em superfícies em 3 dimensões, movie clips com movimentação em 3 dimensões, criação e edição de objetos 3d, montagens com elementos 3d, aplicação e edição de texturas em elementos 3d, renderização de rostos, pintura em objetos 3d, aprimoramento de efeitos de renderização, aplicação de efeitos de camadas em elementos 3d, e claro, algumas das já conhecidas montagens em 2d, tudo isso e muito mais estão nesse treinamento que deixará você totalmente inteirado com a nova versão do Adobe Photoshop.



E como bônus, você terá mais 2 capítulos com exercícios de criação de elementos gráficos.

O treinamento acompanha os modelos 3D utilizados tal como todos os arquivos de exercícios.

Clique no link abaixo para acessar a página do portal Linha de Código, com a descrição dos capítulos.

Saiba mais sobre o Cd de treinamento Adobe Photoshop CS4 Extended - 3D arte