CSS3 Ps - CSS diretamente das layers do seu Layout

Fabio.Godoy

Fabio.Godoy Publicado 22/06/2014 


A dica de hoje é esse F***dástico site //css3ps.com Baixe o plugin dele em (//css3ps.com/Download/) disponível a partir da versão CS3 até a mais recente versão do Photoshop que é a CC. Abaixo os passos para instalação: 1. Feche seu Photoshop caso esteja aberto. 2. Duplo clique no "CSS3Ps.zpx" que você acabou de baixar. 3. No gerenciador de extensões da Adobe clique em no botão "Aceitar", assim que a instalação for concluída, feche a tela do gerenciador de extensões do Photoshop. 4. Abra seu Photoshop e um Layout 5. Vá em Window (Janela) -> Extensions (Extensões) -> CSS3 Ps, deverá abrir uma nova janela dentro do seu Photoshop. 6. Clique em qualquer camada do Layout que contenha algum estilo aplicado, por exemplo uma com que tenha uma fonte aplicada, tamanho, cor, text shadow e etc... 7. Após isso para gerar o CSS desse arquivo, clique na janela citada no passo 5. O Photoshop irá direcionar você para o site do CSS3 Ps, onde após 5 segundos seu código CSS será gerado automaticamente, bastando apenas você as classes no seu HTML e no CSS. Bacana não? Espero que gostem da dica. Abraços!

Voltar ao topo