Exemplos de criação de ícones de estilo Adobe com Photoshop

Este tutorial tem como objetivo orientá-lo na criação de um ícone semelhante ao estilo Adobe. Na verdade, muitos softwares hoje estão usando esse estilo de ícone. Embora não pareça muito perfeito, ainda é um bom estilo relativamente falando.

Vamos dar uma olhada nas renderizações primeiro:

Etapa 1) Primeiro crie um novo arquivo com tamanho de tela padrão de 120 × 120 PX.

Passo 2) Exclua a camada de fundo e defina uma nova camada. Adicione o fundo ao branco.

Etapa 3) Abra o estilo Wed2.0. Se não o tiver, você pode baixar um conjunto do MY486 e escolher o estilo de sua preferência.

Passo 4) Faça alguns ajustes detalhados, sendo os mais importantes os ajustes de chanfro, relevo e brilho. Para obter detalhes, você pode clicar na imagem abaixo para referência.

Etapa 5) Adicione o texto necessário, certificando-se de escolher uma fonte apropriada.


Etapa 6) Ajuste o tamanho da fonte, certificando-se de deixar uma certa quantidade de espaço para cima, para baixo, para a esquerda e para a direita.


Etapa 7) Conecte as camadas de fonte e imagem.


Etapa 8) Redimensione a imagem, reduza as bordas esquerda e superior em 2 px e as bordas direita e inferior em 8 px e adicione uma sombra projetada.


Etapa 9) Adicione uma nova camada na parte inferior da imagem, adicione um fundo branco e, em seguida, adicione um estilo Qua 2.0 adequado como plano de fundo.


Etapa 10) Agora que terminou, vamos comparar e ver quem de nós se sai melhor?