Adobe assets extract не работает

Обновлено: 07.07.2024

Служба Extract помогает дизайнерам и разработчикам разрабатывать сайты на базе композиций PSD
. Этот документ описывает план прекращения обслуживания для двух из четырех точек интеграции Extract
:

Вкладка Extract в интернет-сервисе CC Assets
Расширение Extract для Brackets

14 апреля мы объявляем, что вкладка Extract в интернет-сервисе CC Assets и расширение Brackets будут деактивированы в течение трех месяцев не затрагивая интеграции с Photoshop и Dreamweaver. Он будет опубликован в следующих блогах:

за пределами Dreamweaver или Photoshop. Мы сознаем, что это изменение может привести к
изменениям в ваших технологических процессах и искренне извиняемся за любые неудобства».

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

Это изменение вступает в силу с 28 июня. Существующие файлы Photoshop не затронуты и служба будет доступна для использования в рамках Photoshop (через панель «Экспорт ресурсов») и Dreamweaver

Объявление запланировано на 14 апреля в блогах Creative Cloud и Brackets.

В течение какого срока я смогу использовать вкладку «Extract» в сетевой службе CC Assets или расширение Extract для Brackets?

Оба будут доступны до 28 июня.

Что произойдет 28 июня? Extract просто перестанет работать?

Будет удалена вкладка «Extract» в сетевой службе Creative Cloud Assets, а расширение Extract для
Brackets перестанет работать.

Почему Adobe удаляет Extract из CC Assets и Brackets?

Мы узнали, что клиенты находят Extract наиболее полезным в Photoshop и Dreamweaver на этапах дизайна и производства.

Где можно использовать Extract сейчас?

Вы сможете использовать функционал Extract здесь:

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

Dreamweaver CC: Панель Extract позволяет извлекать из этих файлов информацию о дизайне, такую как цвета, градиенты и шрифты, тексты и CSS, проводить измерения между элементами и экспортировать ресурсы профессионального качества из файлов PSD.

Вы планируете прекратить поддержку Extract в Photoshop или Dreamweaver?

Поскольку приложение Extract важно для клиентов Photoshop и Dreamweaver, мы
не планируем прекращать поддержку Extract в обоих этих
программах.

Останутся ли по прежнему доступными файлы PSD, выгруженные на Creative Cloud Assets?

Останутся ли по прежнему доступными файлы PSD, к которым у меня был доступ через Brackets?

Поскольку Brackets – это проект с открытым исходным кодом, будет ли расширение Extract для Brackets также с открытым кодом?

Нет, сама технология Extract не относится к системам с открытым исходным кодом.

устанавливала brackets версию 1.0 , 1.7 и 1.8 и ни в одной не было плагина extract . подскажи что делать

Мария, сегодня обнаружил что extract больше не работает на brackets - Extract for Brackets service is no longer available. If you wish to continue using Extract, download Adobe Dreamweaver CC. Так что забей.

Максим, а альтернативу extractу не знаешь случайно, если она есть

Максим, спс,
просто в екстракте и брекетсе нравилось то, что открыта одна программа, а там и код и псд-макет, не нужно прыгать то в фотошоп, то назад в редактор

Ребята подскажите почему не работает плагин автопрефиксер? И есть ли плагин который удаляет не нужные или не используемые стили CSS в html

Нажал вид-развернуть все. Теперь не могу убрать треугольники сворачивания/ разворачивания тега. Что делать?

автопрефиксы не работают у меня не на версии 1,6 ни на новых

У меня в brackets когда я открою скобку, напишу тег, а потом снова закрою - автоматически закрывается весь тег. Это очень мешает работать. Я пробовал выключить авто - закрытие скобок - не помагает. В чем может быть проблема?

В июне 2014 года была написана статья, посвященная прекрасному инструменту для извлечения кода из PSD-макета - проекту компании Adobe под названием Project Parfait. Это был бесплатный online-инструмент, цель которого состояла в создании процесса преобразования PSD-макетов в код для команд разработчиков, использующих Photoshop как основной инструмент при создании различных дизайнов.

Компания Adobe произвела реинкарнацию проекта Project Parfait, добавив в него поддержку бесплатного дискового пространства и сервиса обмена Creative Cloud Assets, а также переименовав его в Extract:

Проект Extract сохранил всю существующую функциональность Project Parfait, а интеграция с CC Files наряду с новой возможностью обмена файлами позволила улучшить и ускорить взаимодействие между веб-дизайнерами и веб-разработчиками.

Ниже представлен пример работы в Extract.

Загрузка или синхронизация файлов

Загрузить файлы на сервер можно двумя способами. Первый способ заключается в использовании web-интерфейса , доступного через любой web-браузер. Второй способ основан на использовании специального desktop-приложения, с помощью которого можно автоматически синхронизировать файлы на локальном компьютере с файлами в облачном сервисе Creative Cloud:

Второй способ является наиболее простым и надежным, поэтому в дальнейших шагах этой статьи будет использоваться именно этот способ.

Первым делом, необходимо скачать приложение и установить его в системе, а затем авторизоваться в нем с помощью личного Adobe ID. Открыв приложение, необходимо в нем перейти на вкладку Assets, а внутри этой вкладки перейти в еще одну вкладку Files. Должно получиться примерно следующее:

В этом окне опускаемся вниз и нажимаем кнопку Open Folder, что приведет к автоматическому открытию папки Creative Cloud Files на локальном компьютере. Находясь внутри этой папки, необходимо скопировать PSD-файл из другого источника сюда, что автоматически запустит синхронизацию с облачным пространством Creative Cloud.

Когда операция загрузки на сервер Creative Cloud будет успешно завершена, на миниатюре PSD-файла появиться маленькая зеленая галочка, как в данном случае:

Если теперь снова вернуться назад, в web-интерфейс Creative Cloud, то обнаружим там миниатюру только что загруженного PSD-файла, готового для открытия в Extract:

Работа в Extract

Для того, чтобы открыть загруженный в Creative Cloud файл Photoshop, нужно щелкнуть мышью по миниатюре этого файла, затем снова щелкнуть мышью на этот раз по вкладке Extract (на изображении ниже она помечена как Preview). PSD-файл тотчас же отобразится в окне приложения Extract, готовый для извлечения из него CSS-кода:

Процесс извлечения кода из PSD-файла в Extract остался неизменным, каким он был в приложении Project Parfait, о чем было подробно описано в предыдущей статье "Конвертирование файлов Photoshop с помощью Project Parfait". Однако, с того момента в Extract были добавлены несколько новых возможностей, которые будут рассмотрены ниже.

Новые возможности Extract

Некоторые из новых возможностей приложения Extract были унаследованы им от Project Parfait спустя некоторое время после опубликования ранее упоминавшейся статьи-обзора "Конвертирование файлов Photoshop с помощью Project Parfait". Другие же новшества появились в Extract благодаря его интеграции с сервисом Creative Cloud.

Прозрачность тени

Ранее тени на CSS генерировались без поддержки прозрачности, значениями в формате HEX. Теперь имеется поддержка прозрачности теней в сгенерированном CSS-коде, значениями в формате RGBA:

Настройки шрифта

Теперь нет необходимости работать только с пикселями (px) в качестве размера шрифтов в сгенерированном CSS-коде. В Extract добавлена поддержка единиц измерения em и rem для шрифтов:

Также добавлена возможность установки базового шрифта для всей страницы в целом. Размеры шрифтов всех остальных элементов страницы будут расчитываться на основе этого базового размера, в тех единицах измерения ( em или rem ), которые были выбраны ранее:

Препроцессоры и миксины

В Extract была добавлена поддержка препроцессоров Sass(SCSS) и LESS совместно с библиотеками миксинов для этих препроцессоров. Таким образом, теперь можно выбрать - генерировать код не в чистом CSS, а в SCSS + Bourbon или LESS + LESSHat . Такая возможность дает большие преимущества для тех веб-разработчиков, которые используют какой-либо из этих препроцессоров:

Я надеюсь, что в дальнейшем в Extract будет добавлена поддержка препроцессора Stylus (поклонником которого являюсь), совместно с библиотеками миксинов под этот препроцессор - Nib и Kuoto Swiss . Этого было бы более чем достаточно в плане поддержки препроцессоров в Extract.

Примечание переводчика: на момент перевода данной статьи в Extract добавлена поддержка препроцессора Stylus и его библиотеки миксинов Nib ; поддержка библиотеки Kuoto Swiss отсутствует; помимо этого, добавлена поддержка супер-популярной библиотеки Compass под препроцессор Sass .

Действия

В результате интеграции сервиса Creative Cloud в Extract добавилось новое меню Actions, в котором можно выбрать действия над редактируемым PSD-файлом: скачать файл, переименовать файл, архивировать файл или переместить файл:

Общий доступ

Также благодаря интеграции Creative Cloud в Extract появилась возможность предоставления общего доступа к файлам с помощью меню Share, откуда можно выложить выполненную работу прямо в своем портфолио на Behance.

Веб-разработчику даже нет необходимости иметь учетную запись в Creative Cloud для того, чтобы пользоваться инструментом Extract. Это означает, что любой из членов команды разработчиков, который специализируется на создании кода, теперь совсем не обязан иметь дело с такими программами для рисования графики, как Photoshop:

Timeline

Приложение Extract абсолютно бесплатно для использования. Проект Project Parfait все еще остается доступным вплоть до октября 2014 года, с целью предоставить достаточно времени всем разработчикам, использующим его, чтобы своевременно перейти на проект Extract.

У вас нет никакой необходимости быть платным подписчиком, чтобы иметь возможность использовать приложение Extract; поэтому, даже если вы являетесь платным подписчиком программы Photoshop, вы можете свободно отправлять свои дизайнерские наработки другим веб-разработчикам для кодинга. С другой стороны, веб-разработчик, который получил от вас ссылку на вашу наработку, совсем необязательно должен быть платным подписчиком, чтобы открыть эту ссылку. И даже больше - этот разработчик может вообще не иметь учетной записи в Creative Cloud, чтобы пользоваться приложением Extract.

Я приглашаю всех читателей этой статьи воспользоваться сервисом Adobe Extract и высказать свои пожелания по поводу использования этого ресурса.

Читайте также: