Примечание.

Функция Extract на основе веб-интерфейса будет удалена в марте 2019 года. Однако функция Extract в приложениях Photoshop и Dreamweaver для настольных ПК останется доступной даже после марта 2019 года. Для получения дополнительной информации см. раздел Creative Cloud Assets: отказ от Extract на базе веб-интерфейса.

extract_logo

Функция Creative Cloud Extract позволяет упростить преобразование проектов Photoshop в программный код. Функция Extract упрощает рабочий процесс как для веб-дизайнеров, так и для веб-разработчиков, и значительно повышает эффективность преобразования веб-проекта в рабочий код.


Композиции Photoshop широко используются для создания спецификаций проекта, которые затем передаются веб-разработчикам, а они в свою очередь преобразуют замысел проекта в код HTML и CSS. В ходе типичного рабочего процесса дизайнеры создают композиции Photoshop для веб-сайтов или мобильных приложений. Дизайнеры проекта после этого готовят для разработчиков файл PSD, в котором они распределяют ресурсы и создают отредактированные спецификации. Задача веб-разработчиков — превратить эти ресурсы и проектные элементы в код.

Функция Extract кардинально меняет технологический процесс, позволяя веб-дизайнерам экспортировать оптимизированные ресурсы в кратчайшие сроки в Photoshop и делиться своими PSD-файлами с разработчиками, в то время как те пишут код в Dreamweaver.

Технологический процесс функции Extract

Функция Extract доступна на различных этапах рабочего процесса по преобразованию проекта PSD в код.

  • Дизайнеры могут работать в знакомой среде Photoshop для определения и экспорта графических ресурсов из слоев или групп слоев.
  • Веб-дизайнеры и разработчики могут использовать функцию Extract из Dreamweaver — комплексного автономного решения, которое поддерживает контекстную подсказку для кода, извлечение ресурсов и многие другие возможности прямо в среде разработки.
Adobe_Photoshop_CC_mnemonic_RGB_128px_no_shadow

Экспорт ресурсов в Photoshop

Дизайнеры, создающие композиции Photoshop, могут быстро определять и включать в пакет графические ресурсы из отдельных слоев или групп слоев, используя простой визуальный интерфейс. Данная возможность значительно увеличивает скорость создания ресурсов, поэтому дизайнеры могут уделить больше времени проектированию.  


Adobe_Dreamweaver_CC_mnemonic_RGB_64px

Функция Extract в Dreamweaver

Веб-дизайнеры и разработчики теперь могут просматривать файлы PSD в Dreamweaver и использовать контекстную подсказку для кода, чтобы легче назначать шрифты, цвета и градиенты в таблицах стилей CSS. Также можно перетаскивать оптимизированные изображения в режиме интерактивного просмотра, копировать текст; доступны и многие другие возможности.



Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет