Neste ponto, estou pensando em usar apenas o CSS 3, esp. desde que eu sou um programador, mas eu gostaria de fazer isso com o Photoshop porque eu acho que é mais legal já que eu estou trabalhando com imagens de qualquer maneira, entre outras razões ...
Antes de prosseguir, minha primeira pergunta é:
Existe um lugar como o SuperUser para designers (ou para o Photoshop ou perguntas)?
O que eu quero:
Eu quero que os ícones no link pareçam com os que estão em link . O About.me tem um ícone do Twitter desatualizado e não possui ícones para o GitHub , StackOverflow , etc. Então, embora eu goste da aparência de seus ícones, eu quero ser capaz de criar esses ícones em vez de usar versões.
O que eu tenho:
Eu tenho diferentes ícones do iPhone, como o ícone do iPhone do Facebook , Twitter iPhone icon , etc., que recebi de iTunes , usando o Firebug para encontrar o URL da imagem de fundo. Abri-los no Photoshop e pressione Option + Command + I para reduzir o tamanho da imagem para 32px x 32px com Bicubic Sharper (melhor para redução). Agora tenho uma camada de ícones quadrados.
Fechando a lacuna:
Além da camada de ícones, quero ter uma camada clipping-mask que aplicará os cantos arredondados de 5px, o traçado de 1px e o bisel de 1px. ( Nota: Eu só quero aplicar efeitos às bordas do ícone porque o brilho e outros efeitos já estão codificados no Imagem do iTunes . Além disso, estou apenas supondo sobre os valores de pixel, mas quero que pareça bom, como os ícones no about.me. )
Que configurações devo usar para as opções de mesclagem para que os ícones fiquem com boa aparência, como os ícones do iphone ou aqueles usados pelo about.me?
Por que uma máscara de recorte?
A razão pela qual eu quero usar uma máscara de corte é que eu quero facilidade de reprodutibilidade. Eu quero ser capaz de aplicar o mesmo estilo a outras camadas de ícones quadrados simplesmente substituindo a camada de ícone quadrado e salvando para a web. Se houver uma maneira melhor de obter essa facilidade de reprodutibilidade, por favor, sugira. Eu vi modelos de ícone do Photoshop Photoshop , mas não consegui descobrir para usá-los com minhas próprias imagens.
