A última vez que apresentei os detalhes do aprimoramento de web design no Photoshop, muitos amigos acharam que eu não falei o suficiente e alguns amigos queriam saber como criar alguns efeitos especiais de texto no Photoshop. Na verdade, no web design atual, não há muitos efeitos de texto comumente usados e os métodos de implementação também são muito simples. Portanto, espero que o conteúdo a seguir seja útil para iniciantes em web design.
Este meu tutorial se concentrará em 2 palavras-chave: "gradiente" e "sombra".
1. Palavras com mais textura
Vejamos primeiro o LOGOTIPO na imagem. Ele parece mais texturizado. O texto se estende para fora e não está rigidamente anexado à página da web. Sim, a cor do texto não é um preenchimento de cor única, mas sim um “gradiente”. Por que o “gradiente” fica mais texturizado Isso porque simula o efeito da iluminação natural, ou seja, a parte de destaque fica acima do? texto, e a pouca luz está abaixo. Ao mesmo tempo, não ignore outro detalhe, que é a “sombra” do texto.
Então, como fazer isso?
Preste atenção aos números 2 e 3 na imagem. Se você ainda não sabe como adicionar um gradiente, clique duas vezes no espaço em branco à direita de “Nome da camada” no painel de camadas ou clique no segundo botão. a imagem abaixo (no painel de camadas abaixo) para abrir o painel Estilos.
"Gradient Overlay" e, em seguida, defina conforme mostrado abaixo. Para a cor do gradiente, escolha duas cores da mesma cor, mas com "contraste escuro e claro". simular o efeito de iluminação.
Ok, tudo o que resta é a sombra. Clique em "Sombra" no lado esquerdo do painel de estilo, como de costume, e defina-a conforme mostrado abaixo:
Vejamos outros designs de sites que usam esse método:
