Como copiar um botão com efeito de sombra de PSD para PNG

Question

Eu tenho um design de site no arquivo PSD de um web-designer. Todos os elementos se encaixam nos guias, o que é útil quando faço uma seleção para copiar um elemento do design para um arquivo PNG: os guias fazem a minha seleção precisa.

Um botão tem dois estados: normal e pairar. Ambos os estados contêm várias camadas. Então eu estou tentando copiar os dois estados como arquivos PNG, a fim de fazer um bom botão em html.

O problema é que os dois estados têm efeitos de sombra, que vão além das bordas das camadas, ou seja, quando tento selecionar um botão, minha seleção (encaixada nas guias) não inclui uma parte externa da sombra.

Como faço uma seleção precisa do estado do botão em tal situação?

    

Answer 1

Aqui está um método que eu uso para extrair elementos de PSDs:

1) Certifique-se de que apenas as camadas do botão estejam visíveis. Esconda todos os outros.
2) Verifique se não há fundo ou qualquer outra cor indesejada ou pixels semitransparentes "escondidos" ou se isso não funcionará.
3) No menu, selecione "Imagem" - > "Aparar" e selecione todas as caixas de seleção. Clique em "OK".

Agora você deve ter apenas as camadas desejadas visíveis, incluindo os efeitos (se estiverem visíveis). Agora você pode usar "Salvar para web e dispositivos" para salvar o arquivo.