Um tutorial direcionado à iniciantes no Photoshop, aqui você aprenderá a usar o “Blending Mode”, que nos dá várias opções de como combinar diferentes camadas para criar efeitos bastante distintos daqueles obtidos pelo uso de filtros (filters), camadas de ajustes (adjustment layers) ou máscaras (layer masks). “Blending Mode” é uma ferramenta muito poderosa, mas ironicamente muito pouco conhecida. Há vários tutoriais listados aqui que usam essa técnica, mas este é um dos mais simples. Neste tutorial você aprenderá a usar os seguintes “Blending Modes”: “Screen”, “Soft Light” e “Difference”, além de outros efeitos.

Outro dia li num blog: “Manipulação de fotos digitais realmente é uma arte para poucos”. Me desculpem, mas tenho que discordar… Acredito que com a informação certa, qualquer um é capaz de chegar aos mesmos resultados de um artista gráfico profissional. Este tutorial lhe mostrará a maneira mais natural de criar um efeito dramático em fotos no Photoshop, um efeito amplamente usado em agências publicitárias. Em princípio, o processo se trata de excluir algumas cores da foto e sobresaltar outras. Este processo é interessante porque ele é não-destrutivo: tudo acontece em “layer masks”. Um tutorial indispensável!

Temos certeza que este tutorial - ou melhor - coleção de tutoriais se tornará bem popular: 6 truques para fontes no Photoshop que são imprescindíveis para o seu repertório, seja você um amador, entusiasta ou profissional!

Nesta pequena coleção de tutoriais você aprenderá a criar fontes feitas de ouro em poucos minutos, criar um texto metálico tridimensional, combinar uma fonte com estilos com outra sem de uma maneira harmoniosa, usar gradient overlay com seu texto, criar um fino texto metálico e também criar um texto de plástico. Tudo isso da maneira mais fácil possível, o que é ideal para principiantes no Photoshop. Mas o que nos chamou mais atenção nestes tutoriais é o fato de que todos eles usam apenas estilos de camadas (layer styles) para chegar ao resultado final. Isto significa que os efeitos não são destrutivos e podem ser ajustados a qualquer momento. Quando digo “não destrutivo” me refiro ao fato de que várias ferramentas e filtros no Photoshop distorcem a imagem de uma maneira irreversível, “destruindo” a informação sobre os píxeis originais da imagem. Isso nos trás a três regras importantíssimas quando se trabalha com o Photoshop:

• Sempre faça um backup da sua imagem original antes de trabalhar com o Photoshop
• Na medida do possível, use ferramentas ou filtros não-destrutivos (ex.: layer masks, layer styles e alguns filtros disponíveis no CS3 e CS4).
• Durante o trabalho no Photoshop, faça backups de camadas que já obtiveram efeitos definitivos mas que ainda receberão mais tratamento destrutivo, para que você possa voltar àquela(s) camada(s) mesmo depois de ter fechado o documento.

Dito isto, vamos aos tutoriais…

Tutorial nr. 1: Texto dourado ou “banhado a ouro”

Existem várias maneiras de fazer um texto de ouro / dourado. Este método utiliza duas camadas com exatamente o mesmo texto em cada camada (layer). Essas camadas estão sobrepostas com a camada de baixo alguns píxeis mais abaixo para que pareça que temos um texto em 3D.

A fonte que usei aqui se chama “Trajan”, uma fonte muito elegante que é perfeita para um texto dourado.

Primeiramente a camada de cima, que é feita com os estilos usuais - um “Bevel and Emboss”, um “Gradient Overlay” e poraí vai. Note o sutil “Drop Shadow” que é aplicado à camada de cima, que por sua vez cai na camada de baixo (a camada de baixo também tem seu próprio drop shadow).

Esta é a camada que dá a profundidade às nossas letras. Note que o interior não é importante já que ele será coberto pela camada de cima, que é banhada a ouro. Esta camada usa um “Outer Bevel” em cima de um grosso “Stroke” para criar os destaques. Assim que quando colocamos a outra camada por cima teremos um ótimo efeito de texto banhado a ouro.

Existem várias maneiras de fazer um texto dourado. Este método utiliza duas camadas.

Tutorial nr. 2: Texto metálico em 3D

Na verdade este efeito é somente uma variação do texto dourado. Como você pode ver abaixo, utilizei novamente as duas cópias do mesmo texto, cada camada com seus próprios estilos aplicados. Aqui usei um diferente “Gloss Contour” no texto de baixo, e é claro que em todos os lugares que usei uma nuance amarelada no tutorial anterior, usei nuances cinzentas aqui.

Para tentar algo levemente diferente, também apliquei um “text warp” com o “Warp Tool”. Você poderá fazê-lo clicando na camada do texto, selecionando a ferramenta “Horizontal Type Tool” (T) e então um ícone aparecerá no topo (como mostrado abaixo), no qual você deverá clicar. Isso lhe dará o diálogo do “Warp Text”.

Agora você poderá aplicar um efeito “Bulge” em somente uma das camadas, e você obterá um efeito bem sutil que incrementará o resultado.

Tutorial nr. 3: Dupla tipografia

Este efeito é muito mais simples e se baseia em duas versões do texto, um com estilos e outro não. Usei “Futura” como fonte aqui. Acredito ter visto este efeito num poster cinematográfico uma vez daí que usei o vermelho da mesma maneira que eles o fizeram, mas isso funciona muito bem com outras combinações de cores.

Tudo que há a fazer é aplicar dois truques em estilos de camadas:

1. Adicione 1px “Outer Stroke” usando um gradiente ao invés de uma cor. Eu usei um dos gradientes metálicos do Photoshop (veja os estilos do “Fino metal” mais abaixo para maiores detalhes). Isso dá uma qualidade brilhante às bordas, que é legal.
2. Daí a gente aplica um “Gradient Overlay” do negro ao branco ao texto, que por sua vez a gente coloca como “Overlay” à 50%. Isso significa que quando você muda a cor do texto isso se ajustará automaticamente, proporcionando uma sombra no topo.

Tutorial nr. 4: Gradient Overlay

Este efeito é realmente muito simples, você usa um texto (neste caso com a fonte “Din”) e lhe dá o efeito “Gradient Overlay”. Photoshop tem vários gradientes pré-definidos “Color Harmony” que você pode adicionar clicando naquela setinha que aponta pra direita no diálogo do “Gradient Editor” [edição: na imagem abaixo, na mesma linha do "Presets" à direita, perto do botão "OK"]. Os gradientes adicionados aparecerão no final da lista de gradientes. Se você escolhe um deles e o coloca a 59% num texto branco, use um fundo escuro.

Tutorial nr. 5: Metal fino

Esta é a maneira mais simples de fazer um efeito metálico. Ela se baseia no fato de que quando você vê um metal na vida real, geralmente o metal terá várias partes com reflexos, brilhos e sombras, especialmente no caso de metais brilhantes com uma textura parecida ao cromo. Usando duas cópias do mesmo gradiente em diferentes ângulos você poderá recriar este efeito de uma maneira bem fácil e dar ao seu texto um efeito metálico.

Este efeito é ideal para fontes finas (literalmente), pois de outra maneira o interior da fonte não terá uma boa aparência (a não ser que usemos outros estilos, mas se o fizéssemos este tutorial não seria super rápido!).

Decidi fazer com que o meu texto realmente “ficasse de pé” neste exemplo. Para fazê-lo, crie uma camada logo abaixo do texto e crie bolinhas negras nos pés de cada letra. Daí faça com que eles fiquem embaçados usando o “Filters > Blur > Gaussian Blur” e o defina a aproximadamente 2px. Então clique “Ctrl+T” e os “amasse” verticalmente. Finalmente os dê 30% “Opacity” para que eles fiquem mais sutis.

Para letras como o “a” e o “e” há uma área maior da letra “tocando o chão”, por isso dupliquei uma delas e a estiquei com a ferramenta Free Transform (Ctrl+T) para que ela ocupasse mais espaço debaixo da letra.

Finalmente dupliquei dupliquei outra bolinha e a estiquei para dar uma sobra ao longo de todo o texto.

Experimente e você poderá criar várias variações de sombra abaixo das letras.

Agora o texto é só uma combinação de um “Gradient Overlay” e um “Stroke” de 1px que usa o mesmo gradiente. O gradiente que usamos (o mesmo do quarto tutorial acima) é um gradiente metálico que já vem com o Photoshop. Você poderá adicioná-lo à pallete de gradientes, usando aquela setinha [edição: a mesma que mencionamos no tutorial anterior] no “Gradient Editor”, daí escolha “Metals” e você a verá aparecer.

O ponto chave aqui é se assegurar que o “Angle” (ângulo) do “Gradient Overlay” e do “Stroke” são diferentes. Isso é o que criará os brilhos no texto assim como você pode ver na imagem acima.

Também regulei o “Gradient Overlay” principal para apenas 14% “Opacity” no topo de um texto cinza para que ele aparecesse mais sutil, mas isso é opcional.

Tutorial nr. 6: Plástico Fantástico

Eu adoro estes estilos tipo gel, apesar de que eu devo admitir que não creio ter usado para nenhum projeto profissional. Mas quem se importa, eles são bem divertidos de fazer. Este aqui usa duas cópias do texto e dois estilos de camadas (layer styles) diferentes (similares aos dois primeiros tutoriais desta lista).

Abaixo você pode ver as duas camadas. O estilo principal é feito na camada inferior, já o segundo na camada superior é aquele que dá o efeito de brilho..

Na camada de baixo usei um bocado de efeitos “Glow”, “Drop Shadows” e “Gradient Overlay”. Você poderá ver os parâmetros na imagem abaixo.

Nesta camada eu alterei drasticamente um estilo “Bevel and Emboss” para criar aquele brilho com bordas bem definidas. Você poderá ver os parâmetros exatos logo abaixo, incluindo o contorno do gradiente.

Fonte: PSDTuts

Criar uma cabeça de abóbora para uma festa de Halloween não é tão difícil… mas no Photoshop? Também não!

Este tutorial lhe mostrará de uma maneira muito simples como criar os elementos necessários para que a abóbora adquira olhos, sombrancelhas, nariz e boca - e é claro a luz que vem de dentro da abóbora. O que é legal com uma cabeça de abóbora digital é que podemos substituir nossa própria cabeça… Hehe. Ideal para uma foto inspirada no Halloween, ou “Dia das Bruxas” como geralmente chamamos a ocasião. Assim até a Mula-sem-cabeça ganha uma no Halloween. Feliz Dia das Bruxas!!

Note que faltou um pequeno detalhe no próprio tutorial: na sétima imagem (incluindo a primeira com o fundo negro), os limites dos olhos, do nariz e da boca da abóbora deveriam aparecer selecionados. Isso você poderá fazer com a “Pen Tool” ou com o “Polygonal Lasso Tool”.

Um ótimo tutorial que ilustra muito bem a simplicidade de ilustrações avançadas que parecem ser feitas totalmente à mão. Neste tutorial o autor nos mostra que um bom uso de recursos não tão explorados como brushes customizadas pode levar seu projeto a um outro patamar, realmente definindo a linha entre projetos amadores e profissionais. Brushes para este tutorial você poderá encontrar aqui.

Este tutorial é muito fácil de seguir, mas como nem todos os passos estão ilustrados e também devido ao uso extensivo de brushes, consideramos este tutorial “avançado”. Um toque grunge / retrô ajuda a criar um cenário urbano bem legal.

Hoje é um dia muito especial para o Photoshopus, que chegou ao seu 100º post. Para coroar esta marca, chegamos ao múmero de 400 favoritos no Delicious para a página principal e 789 inscritos no nosso RSS. Essa é uma conquista da qual estamos muito orgulhosos, mas sabemos muito bem que nunca chegaríamos aqui sem o SEU apoio. Portanto gostaríamos de agradecê-los!

Apesar da maioria de nossos posts serem tutoriais para o Photoshop, também temos nossas exceções. Entre elas está nosso post mais popular, como vocês verão abaixo. Outro fato interessante é que o Photoshopus começou do zero, ou seja, não existia uma comunidade do orkut antes do lançamento do site, o que geralmente ajuda novos sites a “engrenar”.

Aqui colocamos alguns números interessantes para marcar esta “virada”, baseados em nossas estatísticas no Google Analytics entre 26/05/2008 (o dia da publicação do Photoshopus) até 12/10/2008:

Dias desde a publicação:
140

Visitas:
120.195

Visitas médias diárias:
858,5

Visitas nas últimas 7 semanas (de um total de 20 semanas):
79.408 (66% do total)

Visitas médias diarias nas últimas 7 semanas:
1.620,5

Dia com mais visitas:
4.980 (22/08/2008)

Fonte principal de tráfego:
Buscas na Google (46%)

O post mais popular:

As melhores fontes para design em Photoshop (2.120 cliques, 26 comentários)
Que por sinal não é um tutorial! Também foi o mais comentado até agora. Isso é ótimo pois foi um dos posts que me tomaram mais tempo para preparar…

O post mais votado:

Criando um cartão para o dia dos namorados (43 votos)
O pessoal do orkut contribuiu bastante com esse resultado.

Outros fatos que você talvez não saiba sobre o Photoshopus:

- Clique no “Abra este Tutorial” para abrir os tutoriais. Hehehe…
- Estamos num novo servidor desde o dia 1º de outubro, no Media Temple.
- O Photoshopus agora suporta Cool Iris (PicLens)!
- Temos uma pequena coleção de wallpapers exclusivos do Photoshop.
- Você também pode receber tutoriais por email. Inscreva-se no topo do site à direita. O serviço é prestado por Feedburner, que pertence à Google.

Esperamos ter ainda mais supresas no decorrer dos próximos meses. Fiquem ligados!

Um grande abraço para todos,
Wallace

Um dos efeitos mais procurados quando se trata de tutoriais para o Photoshop, “raios de energia” ou simplesmente raios luminosos realmente dão aquele toque original à uma imagem. Este tutorial não é uma exceção. O autor faz com que uma imagem “perfeita” se torne altamente original adicionando apenas dois raios de energia. Apesar do fato que o efeito possa ser aplicado em qualquer imagem, é importante notar que quanto maior o contraste entre o fundo e o próprio efeito de raios de energia, melhor será o resultado final, já que o efeito irá se sobresaltar. Mais um ótimo tutorial com uma tradução impecável de André Sugai.

Quem nunca precisou dar aquele toque dramático à um perfil no Photoshop? Entre profissionais do ramo, poucos. A primeira vez que vi o resultado deste tutorial a primeira coisa que veio à minha cabeça foi: como é que fizeram isto? Este tutorial lhe mostrará a criar um efeito tão dramático que seu cliente fará justamente esta pergunta…

O que me impressionou ainda mais foi a simplicidade do tutorial, que tem somente cinco passos. Note que a barba e as rugas contribuíram bastante ao drama final, mas que esses elementos não são imprescindíveis. Ótimo tutorial!

Um incrível tutorial do Chuck Anderson, que nos mostra passo a passo como adicionar vários tipos de efeitos luminosos aos nossos projetos: algo entre neon, bandas de energia, magia e eletricidade. Na medida certa, esses efeitos caem bem com qualquer tipo de foto, especialmente ao redor de pessoas. Com certeza um tutorial indispensável ao seu repertório de efeitos luminosos.

O tutorial está em formato PDF… mas há recursos na página ao qual nosso link está direcionado. Devido ao fato que os parâmetros não estão representados em imagens, demos a esse tutorial o nível de avançado.

Sem dúvida um tutorial muito útil, que nos ensina como fazer um reflexo aquático bastante convincente. O autor usou a mesma técnica que usei no meu tutorial para criar dobras na bandeira do Brasil no dia da independência, que é o uso do “displacement map” combinado com o filtro “Distort > Displace…”.

Também publicamos um outro tutorial relacionado ao reflexo aquático, neste caso um reflexo mais apropriado para paisagens já que a perspectiva do reflexo requer distância. No caso deste tutorial aqui, a água que reflete a modelo é bem mais calma, fazendo com que este reflexo seja ideal para objetos mais próximos.