Adobe extract: Функция Adobe Creative Cloud Extract — Независимое театральное объединение "Зрительские симпатии"

Содержание

План прекращения обслуживания Extract для CC Assets и Brackets

Что объявляется?

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

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

Когда мы делаем объявление?

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

Когда я смогу сообщить клиентам?

Можно обмениваться этой информацией с клиентами с 14 апреля.

Свяжитесь с Rich Lee ([email protected]), если у вас возникли вопросы.

В течение какого срока я смогу использовать вкладку «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 не относится к системам с открытым исходным кодом.

Что такое Adobe Extract — и почему это должно вас волновать?

Эта статья была спонсирована Adobe . Спасибо за поддержку спонсоров, которые делают возможным SitePoint!

фото: Чанхай Трэвис

Формат PSD лежит в основе современного дизайна. Он родился в 1980-х годах и в течение большей части времени являлся отраслевым стандартом для изображений. Фактически, этот формат настолько гибок и повсеместен, что часто даже служит в качестве формата обмена для других приложений, не связанных с фотошопом, таких как Premiere и Illustrator.

Оглядываясь назад, на самом деле был только один недостаток формата PSD: поделиться своими файлами с соавторами и клиентами, которые не имеют прямого доступа к копии Photoshop, может быть сложно.

Мы все понимаем проблемы:

PSD не отображаются автоматически в стандартном браузере
Не существует широко распространенного средства просмотра PSD (то есть аналога Adobe Reader для PDF)
Элементы управления слоями обычно теряются в любом приложении, которое отображает PSD.

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

В конце концов, большинство из нас прибегают к созданию JPEG-копий наших PSD-композиций для отправки нашим клиентам, но в конечном итоге это просто «моментальные снимки», а не фактические файлы, над которыми мы работаем. Убедиться, что отзывы клиентов об этих JPEG-файлах по-прежнему связаны с правильным версионированием, — это отдельная проблема.

Так что ты можешь сделать?

Возможно, сейчас Adobe предложит решение.

Что такое Creative Cloud Extract?

Creative Cloud Extract (под кодовым названием Project Parfait во время его бета-тестирования) представляет собой веб-приложение, предназначенное для ускорения, удобства, гибкости и обмена документами Photoshop, обсуждения и совместной работы над документами Photoshop.

Как это работает?

Extract встроен в онлайн-сервисы Adobe и полностью запускается как веб-приложение через ваш браузер. Чтобы получить к нему доступ, вам понадобится только Adobe ID (думаю, у меня есть мой с 2002 года). Если у вас нет учетной записи Adobe, она бесплатна и безболезненна.

Войдите в систему, и вы увидите опцию «Файлы» слева — это перенесет вас в интерфейс управления файлами, в котором находится Extract.

Выберите «Файлы» из меню

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

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

Вы МОЖЕТЕ загрузить другие форматы изображений — я успешно загрузил AI и PNG — но в настоящее время вы определенно получите максимальную функциональность от использования PSD.

Управление файлами

Этот онлайн-менеджер файловых файлов предоставляет вам множество опций, доступ к которым обычно осуществляется через всплывающее меню на каждой миниатюре (см. Ниже).

Выберите файлы для обмена, совместной работы, перемещения или архивирования.

Если вы используете Behance — сайт онлайн-портфолио Adobe, купленный в 2012 году — вы можете поделиться и показать свою работу там одним щелчком мыши.

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

Стили и изображения

Нажмите на миниатюру, и все станет интересно. При первой загрузке любого нового PSD-файла вы заметите, что происходит большая обработка, поэтому вам, возможно, придется подождать 10-20 секунд, прежде чем вы увидите такой интерфейс.

Извлечение: выберите элементы в вашем PSD для экспорта.

Как видите, я загрузил набор иконок PSD из SitePoint. Если я щелкну по любому элементу страницы (или по нажатию клавиши SHIFT, чтобы выбрать несколько элементов), вы заметите две вещи.

1). Рядом с каждым выбранным элементом появится всплывающее меню голубого цвета, отображающее координаты страницы X и Y, высоту и ширину и значок стрелки. Нажмите на стрелку, и вы получите доступ к диалоговому окну экспорта изображения, чтобы экспортировать этот элемент в предпочитаемый вами формат изображения:

PNG8 Alpha
png32
JPG

SVG (впечатляюще)

2). С правой стороны вы видите панель «Стили», которая предоставляет код стиля для выбранного элемента (ов) для копирования и вставки. Несмотря на то, что CSS по-разному является форматом по умолчанию, раскрывающийся список предлагает варианты для тех, кому нужен код препроцессора.

Впечатляет, варианты включают в себя:

Сасс + Бурбон
Sass + Compass
Меньше + шляпа
Стилус + перо

Довольно круто.

Прокрутите дальше вниз по панели, и вы найдете полную разбивку всех цветов, градиентов и шрифтов, используемых в выделении.

Слои

Нажмите на вкладку «Слои» рядом с этой вкладкой «Стили», и вы увидите упрощенную версию классической панели слоев Photoshop с папками и значком «глаз». Эта панель позволяет отображать и скрывать слои, а также выбирать элементы для экспорта через их слой.

активы

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

Панель активов

Для кого предназначен Экстракт?

Извлечение, кажется, является видом приложения, которое понравится многим людям.

Разработчики

Команды разработчиков найдут Extract полезным в качестве центральной точки для управления внутренними активами изображений — своего рода сервис типа Github для изображений.

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

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

Внешние сотрудники

У групп, имеющих удаленных работников, есть много преимуществ — как для работника, так и для команды, — но всегда важно следить за изменениями, запросами и демонстрациями.

Extract предлагает полезное «общее пространство» для обсуждения и обмена файлами и идеями.

клиенты

Хотя большинство веб-команд, вероятно, уже используют систему управления версиями (возможно, Git), очень маловероятно, что это будет тот интерфейс, которым вы бы хотели поделиться напрямую с клиентами.

С другой стороны, Извлечение выглядит действительно хорошим вариантом для обмена, обсуждения и управления вашей работой с вашими клиентами. Он гибкий и достаточно мощный, чтобы быть полезным, но управляемым для любого клиента, имеющего хотя бы элементарные навыки работы с Facebook.

Извлечение имеет хорошо продуманный пользовательский интерфейс, и в каждом из этих вариантов использования все, что требуется пользователю, это логин Adobe и приличный веб-браузер. Нет загрузок. Никаких дополнительных расходов. Нет проблем с форматом.

Резюме

Трудно не любить то, что Adobe делает с Extract. Можно утверждать, что это смелое решение, которое может стоить им нескольких продаж Photoshop, но также помогает зафиксировать центральную важность формата PSD.

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

Устойчивое развитие их веб-платформы продолжается, и я думаю, что Extract является действительно полезным дополнением к предложению.

Возьми это за спин — бесплатно — и дай мне знать, что ты думаешь.

Урок 4. Фильтр Extract (Извлечь)

Для просмотра видеоурока нажмите на миниатюрный экран.

Вы узнаете:

Как отделить волосы и деревья от фона фильтром Extract (Извлечь).

Как параметр Force Foreground (Окраска объекта) поможет выделить
объекты со сложной структурой.
Как создать новый фон для вырезанного объекта.
Как нарисовать тень от объекта на новом фоне.

Для чего применяется фильтр Extract ( Извлечь )

В основном, фильтр применяется для отделения волос и деревьев от сложного фона.

Если вы работаете в Photoshop CS, CS2 или CS3, то найдете его в меню фильтр.

Однако его нет в Photoshop CS4, CS5 и CS6. Разработчики посчитали его устаревшим и не включили в основную комплектацию. Возможно, они правы, но для новичков он может оказаться полезным. Чтобы установить его пройдите по ссылке:

для CS4 (английский) http://www.adobe.com/support/downloads/detail.jsp?ftpID=4048 или (русский) http://www.adobe.com/support/downloads/detail.jsp?ftpID=4281

для CS5 http://www.adobe.com/support/downloads/detail.jsp?ftpID=4844

Для CS6 этот плагин больше не поддерживается разработчиками. Возможно позже, что-то изменится, но пока нет обновлений для следующих фильтров и плагинов:(Variations, Picture Package (ContactSheetII), ExtractPlus, PatternMaker, PhotomergeUI, Web Photo Gallery, (WebContactSheetII) plus presets, Script for Layer Comps to Web Photo Gallery, Texture presets for Texturizer ). Более подробная информация здесь: http://helpx.adobe.com/photoshop/kb/plug-ins-photoshop-cs61. html#id_18512

Скачайте архив, распакуйте и скопируйте ExtractPlus 8BF и все остальные плагины из папки (для 32 битной версии):

PHSPCS4_Optional_Plug-Ins\English\Goodies\Optional plug-ins\Plug-ins 32-bit\Filters в папку:

\Program Files\Adobe\Adobe Photoshop CS4\Plug-ins. При следующей загрузке Photoshop они появятся в меню Filtr (Фильтр).

В этом архиве в папках Automate и Extensions находятся дополнительные модули, которые вы тоже можете распаковать в соответствующие им папки.

По ссылке для CS5 вы скачаете несколько дополнительных модулей.

Прочитайте содержимое файла «Важное о Дополнительные внешние модули.pdf». Из него вы узнаете как установить не вошедшие модули в программу и что разработчики предлагают использовать взамен устаревших функций PhotoShop. Перезапустите фотошоп. Учтите, фильтр Extract (Извлечь) справляется с выделением не лучшим образом, возможно использование масок и инструментов выделения приведет к более точному результату, тем не менее, в некоторых случаях он выполнит работу быстрее других.

Если вы решили изучить возможности фильтра Extract (Извлечь), то нижеследующий текст для вас. Если считаете его не нужным, то переходите к следующему уроку.

Порядок работы в окне фильтра Extract ( Извлечь )

Создайте копию слоя, перетащив фон на значок Create New Layer (Создать новый слой). Выберете меню – Filter (Фильтр) – Extract ( Извлечь ).

Приблизьте изображение лупой или комбинацией клавиш CTRL + , выберите подходящий диаметр кисти BrushSize (Размер кисти), удобнее выбирать диаметр при помощи клавиш [ и ] причем не только здесь и сейчас, а везде и всегда в Photoshop.

Начните аккуратно обводить при помощи инструмента EdgeHighlighter ( Подсветка краев ) .

Цвет обводки, при необходимости, можно изменить, выбрав другой цвет в поле Highlight ( Подсветка ). Старайтесь подобрать такой диаметр кисти, чтобы линия ложилась как на объект, так и на фон. Обводите как можно ближе к краю объекта. Во время работы меняйте диаметр. Передвигайте изображение с помощью HandTool (Рука) или, зажав клавишу пробел, что гораздо удобнее. Используйте CtrlZ для отмены или Alt + кнопка Cancel (Отмена) – кнопка переименуется в Reset (Сбросить). Ни в коем случае не нажимайте просто на Cancel (Отмена) – иначе придется начинать все заново.

Неверно нарисованную обводку можно стереть инструментом Eraser (Ластик).

Если граница контура четкая, отметьте галочкой SmartHighlighting ( Быстрая обводка ), чтобы инструмент автоматически следовал вдоль границ. Не следует включать эту функцию для выделения неконтрастных объектов со смазанными краями.

Textured Image (Текстурированное изображение). Отметьте этот параметр галочкой, если объект или фон содержит большое количество текстур (близких по восприятию, неоднородных элементов).

Smooth (Сглаживание) изменяет плавность контура. Начните с нуля или единицы для того, чтобы избежать размытия деталей. Если результат получится с браком, увеличьте значение параметра, чтобы в следующий раз получить более сглаженный вариант.

Channel (Канал) Не доступен, если в изображении нет альфа-канала. Для того чтобы активировать этот пункт в файле изображения нужно предварительно создать альфа-канал. Чтобы это сделать вы должны прочитать уроки про Маски и Альфа-Каналы и создать его. Затем выберите созданный альфа-канал из списка Channel (Канал). Альфа-канал должен быть создан из выделения края. При изменении границ обводки, имя канала изменится на Custom (Пользовательский).

Когда контур замкнется, залейте выделение при помощи FillTool (Заливка) . Цвет заливки можно изменить в поле Fill (Заливка).

Нажмите Preview (Просмотр). Очень редко бывает точный результат с первого раза. Для исправления ошибок в режиме Previw (Просмотр) служат два инструмента это Cleanup(Очистка краев), он удаляет лишний фон (делает маску прозрачной), а зажав Alt, восстанавливает фон.

Нажатие цифр от 1 до 9 на клавиатуре одновременно с движением мышки меняет степень прозрачности.

EdgeTouchup ( Обработка краев ) – подчищает края. Инструмент увеличивает резкость по краям и соединяет соседние пиксели. Цифры от 1 до 9 на клавиатуре изменяют степень воздействия. Переключайте фон Display (Отображение) для улучшения качества выделения. Посмотрите, как будет выглядеть объект на Black Matte (черном), Gray Matte (сером), None (прозрачном) или Other (цветном) фоне. А так же, не выходя из режима Preview можно вернуться к исходному изображению, если выбрать в поле Show (Показать) пункт Original (Исходное) для сравнения. Если результат вас устраивает, нажмите OK.

Как перенести выделенный объект на новый фон и нарисовать от него тень.

Слишком четкий край обработайте инструментом Blur (Размытие) – размытие кистью с мягкими краями и небольшим значением параметра Strength (Интенсивность).

Сделаем более подходящий фон, создадим новый слой, зальем белым цветом, щелкнем по нему два раза левой кнопкой мыши или щелчок правой кнопкой мыши – параметры наложения, выберем PatternOverlay (Наложение узора), Gradient Overlay (Наложение градиента), уменьшив прозрачность, ColorOverlay (Наложить цвет) так же уменьшив прозрачность. OK. Добавим тень: новый слой, черная кисть с размытым краем, уменьшим непрозрачность. Выполним сведение слоев (Flatten Image), выбрав соответствующий пункт в контекстном меню правой кнопки мыши при нажатии на один из слоев.

Параметр Force Foreground (Окраска объекта) для выделения объектов со сложной структурой.

Force Foreground ( Окраска объекта ) этот параметр используется, если нужно вырезать объект со сложной внутренней структурой (пена, брызги, трава, одуванчик…). Сначала обведите объект инструментом Edge Highlighter (Подсветка краев) и им же закрасьте внутреннюю часть. Поставьте галочку рядом с Force Foreground (Окраска объекта). Инструментом Eyedropper (Пипетка) выберите с изображения светлый цвет, который должен остаться после выхода из фильтра. Нажмите Previw (Просмотр). В меню Display (Отображение) установите Black Matte (Черный), чтобы лучше рассмотреть результат. Отметьте Smooth (Сглаживание), если в выделении присутствуют угловатости и передвиньте ползунок вправо. Снова нажмите Previw (Просмотр). Подкорректируйте обводку. Если все устраивает, нажмите OK. Объект будет вырезан с фона.

Устроим котам банный день. Выделите изображение вырезанной воды, нажав Ctrl + A. Скопируйте его Ctrl + C. Вставьте в новый документ Ctrl + V. Режим наложения данного слоя выберите Linear Light (Линейный свет). Уменьшите непрозрачность. Ластиком сотрите лишние края (или кистью черного цвета по маске слоя).

В данном примере к вставленному изображению применена деформация и отражение по горизонтали.

Вопросы:

(Правильный ответ вы можете узнать из викторины в конце видеоурока)

http://fotiy.com/videouppod/video/4/3_extract_new.swf
1. Инструмент EdgeHighlighter (Подсветка краев) по умолчанию делает обводку зеленым цветом. Можно ли изменить цвет обводки?

a) – Нет

b) – Да, на любой цвет в палитре цветов.

c) – Да, только на синий цвет.

d) – Да, только на синий и красный цвета.

2. Что делает инструмент Cleanup (Очистка краев)?

a) – Делает маску прозрачной, удаляет фон.

b) – Подчищает края.

c) – Передвигает край.

3. Что нужно сделать, чтобы активировать инструменты Cleanup (Очистка краев) и Edge Touchup (Обработка краев)?

a) – Поставить галочку напротив Show Highlight (Показать обводку).

b) – Поставить галочку напротив Fill (Заливка).

c) – Нарисовать замкнутый контур инструментом Edge Highlighter (Подсветка краев), выполнить заливку Fill Tool (Заливка), и нажать предварительный просмотр.

d) – Поставить галочку напротив Smart Highlighting (Быстрая обводка).

4. Функция Smart Highlighting (Быстрая обводка) нужна для…

a) – для автоматического выделения малоконтрастных объектов.

b) – для автоматического выделения высококонтрастных объектов.

Домашнее задание:

Скачать файлы домашнего задания можно здесь: Вы должны войти или зарегистрироваться чтобы увидеть скрытый текст.

Откройте файл dog.jpg. Создайте дубликат фонового слоя. Примените к нему фильтр Extract (Извлечь). Отделите щенка Бернского Зенненхунда от фона, используя знания, полученные из материалов видео урока. Перенесите его в другой документ или добавьте слой с новым фоном, используя стили слоя.

Что такое Adobe Extract — и почему это должно вас волновать?

Эта статья спонсируется Adobe. Спасибо за поддержку спонсоров, которые сделали возможным использование SitePoint!

фото: Changhai Travis

Формат PSD лежит в основе современного дизайна. Он появился на свет в 1980-х годах и большую часть того времени был отраслевым стандартом для изображений. Фактически, это настолько гибкий и повсеместный формат, что он часто даже служит форматом обмена для других приложений, не связанных с фотошопом, таких как Premiere и Illustrator.

Оглядываясь назад, можно сказать, что у формата PSD был только один недостаток: совместное использование файлов с соавторами и клиентами, у которых нет прямого доступа к копии Photoshop, может быть сложной задачей.

Мы все понимаем проблемы:

PSD не обрабатываются автоматически в стандартном браузере
Нет широко распространенной программы просмотра PSD (т.е. эквивалента Adobe Reader для PDF).
Элементы управления слоями обычно утрачиваются в любом приложении, которое выполняет рендеринг PSD-файлов .

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

В конце концов, большинство из нас прибегают к созданию копий наших PSD-файлов в формате JPEG для отправки нашим клиентам, но в конечном итоге это просто «моментальные снимки во времени», а не сами файлы, над которыми мы работаем. Отдельная проблема — убедиться, что отзывы клиентов об этих JPEG-файлах по-прежнему связаны с правильным управлением версиями.

Итак, что вы можете сделать?

Возможно, Adobe сейчас предложит решение.