[E]ste efeito é muitas vezes visto em páginas Web e bastante fácil de conseguir. O efeito final pode ser verificado na imagem à direita. Neste tutorial, demonstrarei como o conseguir.
Começa-se com um ficheiro novo no Photoshop. Para este artigo utilizei uma imagem com 320 pixels de largura e 240 de altura.
Na camada Background, preencher com um gradiente.
Desenhar um rectângulo com cantos arredondados. Renomear a camada resultante para Rectângulo.
No Menu Layer, submenu Rasterize, escolher a opção Shape. Depois, escolher a opção Select » Load Selection…; na janela que aparece, aceitar as opções por defeito e carregar em OK.
Preencher a nova selecção com outro gradiente.
Utilizar a ferramenta Horizontal Text (carregando na tecla T ou da barra de ferramentas) e escrever o texto a recortar.
Escolher novamente a opção Select » Load Selection… para criar uma selecção com a forma do texto. De seguida, mudar para a camada Rectângulo e escolher Edit » Cut (ou o atalho Cmd+X, num Mac ou Ctrl+X, em Windows). Não se notará qualquer mudança até se esconder a camada com o texto (chamada WWW, neste exemplo).
De seguida, abrir a janela Blending Options…, ou do menu de contexto, ou então do menu Layer » Layer Style » Blending Options…
Activar a opção Drop Shadow. Escolher os parâmetros desejados.
Finalmente, um último passo que foi feito para este artigo, foi activar a opção Bevel and Emboss, com um tamanho (Size) de 2.
O ficheiro PSD pode ser descarregado aqui.