Use o Creative Cloud Extract para facilitar o fluxo de trabalho do design até o código do Photoshop. O Extract simplifica o processo para os Web designers e desenvolvedores da Web e aumenta muito a eficiência na transformação de um design da Web em código executável.


As composições do Photoshop são um método amplamente usado para compartilhar especificações de design com desenvolvedores da Web, que precisam então converter a intenção de design em HTML e em CSS. Em um fluxo de trabalho típico, os designers criam composições do Photoshop para um design da Web ou para dispositivos móveis. Os designers de produção então preparam o arquivo PSD para desenvolvedores, onde eles extraem ativos e criam especificações de redline. A tarefa dos desenvolvedores da Web é pegar esses elementos e ativos de design e transformá-los em código.

O Extract reinventou esse fluxo de trabalho, permitindo que os Web designers exportem ativos otimizados em tempo recorde no Photoshop CC e compartilhem seus PSDs com desenvolvedores conforme programam no Dreamweaver CC.

Fluxo de trabalho do Extract

O Extract está disponível em vários locais no fluxo de trabalho de design até o código do PSD.

  • Os designers podem trabalhar no ambiente familiar do Photoshop CC para definirem e exportarem ativos de imagem de camadas ou de grupos de camadas.
  • Os Web designers e os desenvolvedores da Web podem usar o Extract direto do Dreamweaver, uma solução completa que oferece dicas de código contextuais e extração de ativos, e de forma mais direta no ambiente de codificação.

Exportar ativos no Photoshop

Os designers que criam composições do Photoshop podem definir e empacotar ativos de imagem rapidamente de camadas individuais ou de grupos de camadas, usando uma interface visual simples. Isso acelera consideravelmente o tempo de produção, de forma que os designers possam passar mais tempo em sua função de design.  


Adobe_Dreamweaver_CC_mnemonic_RGB_64px

Extract no Dreamweaver

Os Web designers e desenvolvedores da Web agora podem exibir PSDs no Dreamweaver e usar dicas de código contextuais para definir com facilidade fontes, cores e gradientes no CSS. Eles também podem arrastar e soltar imagens otimizadas na superfície da Visualização dinâmica, copiar texto e muito mais.



Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online