Смарт объект в фотошопе это: Smart Object в Photoshop – поможет и верстальщикам, и дизайнерам / Хабр

Smart Object в Photoshop – поможет и верстальщикам, и дизайнерам / Хабр

  1. Как уменьшить количество слоев для визуально одного объекта (кнопочки, например), сохранив возможность его редактирования?
  2. Как уменьшить количество слоев, объединив в один слой header, footer на макетах внутренних страниц, при этом снова-таки оставив возможность их изменения?
  3. Как облегчить верстальщику вырезание линий из одно- двух пиксельных линий, составляющих единую линию, теней, а так же кнопочек, иконок?
  4. Как быстро вносить изменения на все однотипные элементы на странице?
  5. Как уменьшать растровую картинку без потери качества и сохраняя правильные пропорции эффектов (тень в 5px для объекта 200*200px – смотрится совсем по-другому, нежели для этого же объекта при его размере 100*100px)

Я работаю дизайнером, и вот уже несколько последних проектов использую Smart Object. Эта функция присутствует в Photoshop давно, но идея использовать ее в веб-дизайне, лично мне, пришла недавно.

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

Smart Object – это слой, содержащий изображения из растровых или векторных слоев Photoshop, сохраняющий все стили и эффекты в редактируемом состоянии, или слои Illustrator. Слои Smart Object обозначаются специальным значком (рис. 1).


Рис.1

При двойном щелчке левой кнопкой мышки на этом значке открывается новый файл (с разрешением .psb), со всеми вложенными в этот Smart Object слоями. С ними можно работать так же, как и с обычными слоями. Размер этого файла зависит от слоев, находящихся в нем (рис.2).


Рис.2

Если к слою не применены тени или внешнее свечение – размеры Smart Object строго соответствуют размерам включенных в него слоев, если применены – то появляется отступ со всех сторон, это позволяет не обрезать случайно тень, которую не видно на плохом мониторе (рис.2). Эта функция облегчает вырезание вот таких теней (рис.3).

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


Рис.3

Здесь правда есть несколько подводных камней. Нужно учесть, если на макете масштабировать размер слоя со Smart Object – во внутреннем файле(.psb) все слои будут в 100% масштабе. У Smart Object отображается особая рамка при масштабировании (рис.4).


Рис.4

И второе, если вы включите в состав Smart Object корректирующий слой (Adjustment Layer) – размер Smart Object будет таким, как размер всего вашего макета страницы, а не нужной иконки, например.

Еще одна радость, при копировании Smart Object вы получаете несколько слоев, которые являются точной копией друг друга, и при внесении изменений в один из них – меняются все. Что это нам дает? У вас есть макет страницы каталога с 9 кнопками «Купить», заказчик посмотрел и захотел добавить на эти кнопочки иконку корзины. Это не требует значительных трудозатрат, мы заходим в один из слоев Smart Object, вносим необходимые изменения, сохраняем – и о счастье! – у нас все кнопочки имеют новый вид.

И снова полезность – включив большую растровую картинку в Smart Object, вы можете свободно ее масштабировать, не теряя качество изображения. Пример масштабирования с использование Smart Object и без – рис.5 ( здесь четче видно детали)
И в любой момент вы сможете растрировать свою картинку, если изменение масштаба уже не планируется, а смысла передавать, дальше в работу большой по весу файл – нету.


Рис.5

Как же создать этот полезный Smart Object? Все так же легко, как и легко, с ним работать. Выбираем необходимые слои. И на панели слоев нажимаем правой кнопкой на одном из выделенных слоев – выбираем Convert to Smart Object (рис.6) или можно прописать свое сочетание клавиш.


Рис.6

Выбирать нужные слои легко с помощью инструмента Move Tool при включенной функции авто выбора слоев (рис.7). То есть выбирается тот слой, на который нажали левой кнопкой мышки, но это кому как удобно — включать ее или нет.


Рис. 7

Использование Smart Object несколько увеличивает вес файла, но вам решать стоит ли оно того.
Для себя я сделала вывод – стоит!

Что такое смарт-объект в Photoshop

Автор Дмитрий Евсеенков На чтение 4 мин Просмотров 1.2к. Обновлено

Начиная с версии CS2, в редакторе Photoshop появилось такое понятие, как

смарт-объект (Smart Object).

Условно смарт-объект — это контейнер в котором хранится какая-либо информация. Мы трансформируем контейнер, а содержание при этом не меняется.

Предварительно можно выделить четыре признака смарт-объекта:

? В фотошопе смарт-объект является отдельным слоем в панели слоёв, он отмечен специальной иконкой в нижнем правом углу миниатюры слоя, двойной щелчок по миниатюре приводит к его редактированию:

? Редактирование смарт-объектов происходит как редактирование отдельного файла (создается временный файл в формате . psb). Изменение и сохранение этого файла приводит к изменению основной картинки.

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

? Конвертировать в смарт-объект можно любой слой или группу слоёв, а также векторные объекты (например вставленные из иллюстратора)

А теперь подробнее.
Вы можете преобразовать в этот формат любой слой, либо группу слоёв. Кликаем правой кнопкой мыши по слою или по заранее выделенной группе слоёв, выбираем в меню «Конвертировать в смарт-объект»(Convert to Smart Object). Слой или группа слоёв преобразуется в смарт-объект. Другими словами, в документе создается еще один документ, то есть PSD-файл. Он имеет расширение PSB, но все свойства и возможности PSD-файлов он сохраняет. При двойном клике правой кнопкой мыши по иконке на слое с объектом, он откроется в новом окне и с ним можно производить те же действия, как и с обычным документом Photoshop. Если сохранить или закрыть с сохранением этот документ, все преобразования вы сможете наблюдать на вашем слое, который вы преобразовали в смарт-объект, в основном документе.

Смотреть другие материалы по Смарт-объектам:
Назначение и применение смарт-фильтров в Photoshop
Практическое применение смарт-объекта в Photoshop
8 вещей, которые необходимо знать о Смарт-объектах в Photoshop

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

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

Если вам нужны уникальные копии этого объекта, чтобы вносить в них разные изменения, то сначала следует сделать несколько копий слоя, а потом уже преобразовывать каждый из них в смарт-объект. Однако, на практике бывает все наоборот, то есть уникальная копия объекта может понадобиться уже после преобразования. Эту проблему тоже просто решить, просто кликнув правой кнопкой мыши по слою со смарт-объектом и выбрав в меню «Создать новый объект путём копирования»(New Smart Object via Copy). В этом случае, создается уникальная копия смарт-объекта, которая уже будет хранить в себе, свои собственные изменения. Так же, в этом меню доступны и другие параметры, такие, как «Редактировать содержимое»(Edit Contents), «Экспортировать содержимое»(Export Contents) и «Заменить содержимое»(Replace Contents). То есть, вы можете редактировать содержимое смарт-объекта, экспортировать его содержимое, в формате PSB, либо заменить его любым другим файлом.

Так же, смарт-объект можно преобразовать в нормальный растровый слой, выбрав в том же меню, команду «Растрировать слой» (Rasterize Layer), в этом случае, все содержимое объекта преобразуется в растровый слой.

Ещё одно важное свойство Smart Object — любой фильтр Photoshop, применяемый к Smart Object, автоматически преобразуется в смарт-фильтр. Действие фильтра остаётся прежним, но к фильтру добавляется маска, это значит, что Вы можете применять действие фильтра не на всё изображение, а только на его нужную Вам часть, и что так же важно, Вы можете в любой момент изменить настройки фильтра. Подробнее здесь.

Кроме того, необходимо отметить, что смарт-объект можно сделать как из текущего слоя в Photoshop, так и из данных, вставляемых в него через буфер обмена. Одним из таких преобразований, является вставка векторного объекта из Adobe Illustrator. Происходит это следующим образом. Выделяете с Illustrator нужные векторные объекты, нажимаете Ctrl+C, а в Photoshop нажимаете Ctrl+V, и он вас спрашивает, в каком формате вставить данные. Если в диалоговом окне выбрать «Smart Object», то вы получите новый слой, со смарт-объектом, в котором будут содержаться векторные данные из Illustrator.

работать с таким объектом можно так-же, как и с растровым, только открываться для редактирования он будет в родительской программе, то есть в Adobe Illustrator.

Работа со смарт-объектами в Photoshop

Руководство пользователя Отмена

Поиск

  1. Руководство пользователя Photoshop
  2. Знакомство с Photoshop
    1. Мечтай. Сделай это.
    2. Что нового в Photoshop
    3. Отредактируйте свою первую фотографию
    4. Создание документов
    5. Фотошоп | Общие вопросы
    6. Системные требования Photoshop
    7. Перенос предустановок, действий и настроек
    8. Знакомство с Photoshop
  3. Photoshop и другие продукты и услуги Adobe
    1. Работа с иллюстрациями Illustrator в Photoshop
    2. Работа с файлами Photoshop в InDesign
    3. Материалы Substance 3D для Photoshop
    4. Photoshop и Adobe Stock
    5. Использование встроенного расширения Capture в Photoshop
    6. Библиотеки Creative Cloud
    7. Библиотеки Creative Cloud в Photoshop
    8. Используйте сенсорную панель с Photoshop
    9. Сетка и направляющие
    10. Создание действий
    11. Отмена и история
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочим пространством
    3. Системные требования | Фотошоп на iPad
    4. Создание, открытие и экспорт документов
    5. Добавить фото
    6. Работа со слоями
    7. Рисовать и раскрашивать кистями
    8. Сделать выделение и добавить маски
    9. Ретушь ваших композитов
    10. Работа с корректирующими слоями
    11. Отрегулируйте тональность композиции с помощью Кривых
    12. Применить операции преобразования
    13. Обрезка и поворот композитов
    14. Поворот, панорамирование, масштабирование и сброс холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получить отсутствующие шрифты в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление настройками приложения
    20. Сенсорные клавиши и жесты
    21. Сочетания клавиш
    22. Измените размер изображения
    23. Прямая трансляция во время создания в Photoshop на iPad
    24. Исправление недостатков с помощью Восстанавливающей кисти
    25. Создание кистей в Capture и использование их в Photoshop
    26. Работа с файлами Camera Raw
    27. Создание смарт-объектов и работа с ними
    28. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
  5. Photoshop в Интернете, бета-версия
    1. Общие вопросы | Photoshop в Интернете, бета-версия
    2. Введение в рабочее пространство
    3. Системные требования | Photoshop в Интернете, бета-версия
    4. Сочетания клавиш | Photoshop в Интернете, бета-версия
    5. Поддерживаемые типы файлов | Photoshop в Интернете, бета-версия
    6. Открытие и работа с облачными документами
    7. Сотрудничать с заинтересованными сторонами
    8. Применение ограниченных правок к вашим облачным документам
  6. Облачные документы
    1. Облачные документы Photoshop | Общие вопросы
    2. Облачные документы Photoshop | Вопросы рабочего процесса
    3. Управление и работа с облачными документами в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Невозможно создать или сохранить облачный документ
    6. Устранение ошибок облачного документа Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Делитесь доступом и редактируйте свои облачные документы
    9. Делитесь файлами и комментируйте в приложении
  7. Рабочее пространство
    1. Основы рабочего пространства
    2. Настройки
    3. Учитесь быстрее с помощью Photoshop Discover Panel
    4. Создание документов
    5. Разместить файлы
    6. Сочетания клавиш по умолчанию
    7. Настройка сочетаний клавиш
    8. Инструментальные галереи
    9. Параметры производительности
    10. Использовать инструменты
    11. Предустановки
    12. Сетка и направляющие
    13. Сенсорные жесты
    14. Используйте сенсорную панель с Photoshop
    15. Сенсорные возможности и настраиваемые рабочие области
    16. Превью технологий
    17. Метаданные и примечания
    18. Сенсорные возможности и настраиваемые рабочие области
    19. Поместите изображения Photoshop в другие приложения
    20. Правители
    21. Показать или скрыть непечатаемые дополнения
    22. Укажите столбцы для изображения
    23. Отмена и история
    24. Панели и меню
    25. Позиционные элементы с привязкой
    26. Положение с помощью инструмента «Линейка»
  8. Дизайн веб-сайтов, экранов и приложений
    1. Photoshop для дизайна
    2. Артборды
    3. Предварительный просмотр устройства
    4. Копировать CSS из слоев
    5. Разделение веб-страниц
    6. Опции HTML для фрагментов
    7. Изменить расположение фрагментов
    8. Работа с веб-графикой
    9. Создание фотогалерей в Интернете
  9. Основы изображения и цвета
    1. Как изменить размер изображения
    2. Работа с растровыми и векторными изображениями
    3. Размер изображения и разрешение
    4. Получение изображений с камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Недопустимая ошибка маркера JPEG | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов
    10. Изображения с высоким динамическим диапазоном
    11. Подберите цвета на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стереть части изображения
    15. Режимы наложения
    16. Выберите цвет
    17. Настройка индексированных таблиц цветов
    18. Информация об изображении
    19. Фильтры искажения недоступны
    20. О цвете
    21. Цветовые и монохромные настройки с использованием каналов
    22. Выберите цвета на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим или Режим изображения
    25. Цветной оттенок
    26. Добавить условное изменение режима к действию
    27. Добавить образцы из HTML CSS и SVG
    28. Битовая глубина и настройки
  10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выбрать, сгруппировать и связать слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои-маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты слоя и стили
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Отображение слоев с помощью обтравочных масок
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого других слоев
    26. Слой
    27. Выпрямление
    28. Композит
    29. Фон
  11. Выборки
    1. Рабочая область выбора и маски
    2. Сделать быстрый выбор
    3. Начало работы с выборками
    4. Выберите с помощью инструментов выделения
    5. Выберите с помощью инструментов лассо
    6. Выберите диапазон цветов в изображении
    7. Настройка выбора пикселей
    8. Преобразование между путями и границами выделения
    9. Основы канала
    10. Перемещение, копирование и удаление выбранных пикселей
    11. Создать временную быструю маску
    12. Сохранить выделение и маски альфа-канала
    13. Выберите области изображения в фокусе
    14. Дублировать, разделять и объединять каналы
    15. Расчет канала
    16. Выбор
    17. Ограничительная рамка
  12. Настройки изображения
    1. Деформация перспективы
    2. Уменьшить размытие изображения при дрожании камеры
    3. Примеры лечебных кистей
    4. Экспорт таблиц поиска цветов
    5. Настройка резкости и размытия изображения
    6. Понимание настроек цвета
    7. Применение регулировки яркости/контрастности
    8. Настройка деталей теней и светлых участков
    9. Регулировка уровней
    10. Настройка оттенка и насыщенности
    11. Настройка вибрации
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая настройка тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшите изображение с помощью настройки цветового баланса
    16. Изображения с высоким динамическим диапазоном
    17. Просмотр гистограмм и значений пикселей
    18. Подберите цвета на изображении
    19. Как обрезать и выпрямить фотографии
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Регулировка кривых
    23. Режимы наложения
    24. Целевые изображения для прессы
    25. Настройка цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Настройка экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветлить или затемнить области изображения
    30. Выборочная настройка цвета
    31. Заменить цвета объектов
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Что нового в Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Эффекты виньетирования, зернистости и удаления дымки в Camera Raw
    7. Сочетания клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Как сделать неразрушающее редактирование в Camera Raw
    10. Радиальный фильтр в Camera Raw
    11. Управление настройками Camera Raw
    12. Открытие, обработка и сохранение изображений в Camera Raw
    13. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    14. Поворот, обрезка и настройка изображений
    15. Настройка цветопередачи в Camera Raw
    16. Обзор функций | Adobe Camera Raw | 2018 выпусков
    17. Обзор новых функций
    18. Версии процесса в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Content-Aware Patch and Move
    3. Ретушь и исправление фотографий
    4. Исправить искажение изображения и шум
    5. Основные действия по устранению неполадок для устранения большинства проблем
  15. Преобразование изображений
    1. Преобразование объектов
    2. Настройка кадрирования, поворота и размера холста
    3. Как обрезать и выровнять фотографии
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, форм и путей
    6. Точка схода
    7. Используйте фильтр «Пластика»
    8. Контентно-зависимое масштабирование
    9. Преобразование изображений, форм и контуров
    10. Деформация
    11. Трансформация
    12. Панорама
  16. Рисунок и живопись
    1. Симметричные узоры красками
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Наборы кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов «Перо»
    16. Создание шаблонов
    17. Создание рисунка с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками шаблонов и пресетами
    20. Рисовать или рисовать на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    25. Краска с рисунком
    26. Синхронизация пресетов на нескольких устройствах
  17. Текст
    1. Добавить и отредактировать текст
    2. Единый текстовый движок
    3. Работа со шрифтами OpenType SVG
    4. Символы формата
    5. Формат абзацев
    6. Как создавать текстовые эффекты
    7. Редактировать текст
    8. Интервал между строками и символами
    9. Арабский и еврейский шрифт
    10. Шрифты
    11. Устранение неполадок со шрифтами
    12. Азиатский тип
    13. Создать тип
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Виндовс 8
  18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактировать слои видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Красить кадры в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
  19. Фильтры и эффекты
    1. Использовать фильтр «Пластика»
    2. Использовать галерею размытия
    3. Основы фильтра
    4. Ссылка на эффекты фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Эффекты слоя и стили
    9. Применить определенные фильтры
    10. Размазать области изображения
  20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранять файлы в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  21. Печать
    1. Печать 3D-объектов
    2. Печать из фотошопа
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Дуотоны
    8. Печать изображений на коммерческой типографии
    9. Улучшение цветных отпечатков из Photoshop
    10. Устранение проблем с печатью | Фотошоп
  22. Автоматизация
    1. Создание действий
    2. Создание графики, управляемой данными
    3. Сценарий
    4. Обработать пакет файлов
    5. Воспроизведение и управление действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
  23. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Документы с управлением цветом для онлайн-просмотра
    6. Управление цветом документов при печати
    7. Импортированные изображения с управлением цветом
    8. Пробные цвета
  24. Подлинность контента
    1. Узнайте об учетных данных содержимого
    2. Идентичность и происхождение для NFT
    3. Подключить учетные записи для атрибуции креативов
  25. 3D и техническое изображение
    1. Photoshop 3D | Общие вопросы о снятых с производства 3D-функциях
    2. Creative Cloud 3D-анимация (предварительная версия)
    3. Печать 3D-объектов
    4. 3D живопись
    5. Усовершенствования 3D-панели | Фотошоп
    6. Основные концепции и инструменты 3D
    7. 3D-рендеринг и сохранение
    8. Создание 3D-объектов и анимации
    9. Стопки изображений
    10. Рабочий процесс 3D
    11. Измерение
    12. DICOM-файлы
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Настройка экспозиции и тонирования HDR
    18. Настройки панели 3D

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

В Photoshop можно вставлять содержимое изображения в документ Photoshop. В Photoshop вы также можете создавать связанные смарт-объекты, на содержимое которых ссылаются внешние файлы изображений. Содержимое связанного смарт-объекта обновляется при изменении исходного файла изображения.

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

Преимущества смарт-объекта

С помощью смарт-объектов вы можете:

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

  • Работа с векторными данными, такими как векторные иллюстрации из Illustrator, которые в противном случае были бы растеризованы в Photoshop.

  • Выполнение неразрушающей фильтрации. Вы можете редактировать применяемые фильтры к смарт-объектам в любое время.

  • Редактировать один смарт-объект и автоматически обновлять все связанные с ним экземпляры.

  • Применить маску слоя, связанную или не связанную с Слой смарт-объекта.

  • Попробуйте различные дизайны с изображениями-заполнителями с низким разрешением которые вы позже замените окончательными версиями.

Вы не можете выполнять операции, изменяющие пиксельные данные, такие как рисование, осветление, прожигание или клонирование, непосредственно со слоем смарт-объекта, если только он не будет предварительно преобразован в обычный слой, который будет растрирован. Для выполнения операций, которые изменяют данные пикселей, вы можете редактировать содержимое смарт-объекта, клонировать новый слой над слоем смарт-объекта, редактировать дубликаты смарт-объекта или создавать новый слой.

При преобразовании смарт-объекта, к которому применен смарт-фильтр, Photoshop отключает эффекты фильтра на время выполнения преобразования. Эффекты фильтра снова применяются после завершения преобразования. См. Применение смарт-фильтров.

Обычный слой и смарт-объект на панели «Слои». Значок в правом нижнем углу миниатюры указывает на смарт-объект. (Photoshop) Связанный смарт-объект на панели «Слои»

Встроенные смарт-объекты можно создавать несколькими способами: с помощью команды «Открыть как смарт-объект»; размещение файла (Photoshop CS6) или размещение файла как встроенного (Photoshop и Photoshop CS6), вставка данных из Illustrator; или преобразование одного или нескольких слоев Photoshop в смарт-объекты.

  1. Делать любой из следующих:

    • (Photoshop) Выберите «Файл» > «Поместить встроенный», чтобы импортировать файлы как смарт-объекты в открытый документ Photoshop.
    • Выберите «Файл» > «Открыть как смарт-объект», выберите файл и нажмите «Открыть».
    • (Photoshop CS6) Выберите «Файл» > «Поместить», чтобы импортировать файлы как смарт-объекты в открытый документ Photoshop.

    Хотя вы можете размещать файлы JPEG, лучше размещать файлы PSD, TIFF или PSB, поскольку вы можете добавлять слои, изменять пиксели и повторно сохранять файл без потери. (Сохранение измененного файла JPEG требует выравнивания новых слоев и повторного сжатия изображения, что приводит к ухудшению качества изображения).

    • Выберите «Слой» > «Смарт-объект» > «Преобразовать в смарт-объект», чтобы преобразовать выбранный слой в смарт-объект.
    • В программе Bridge выберите «Файл» > «Поместить» > «В Photoshop», чтобы импортировать файл как смарт-объект в открытый документ Photoshop.
    • Выберите один или несколько слоев и выберите «Слой» > «Смарт-объекты» > «Преобразовать в смарт-объект». Слои объединены в один смарт-объект.

    • Перетащите слои или объекты PDF или Adobe Illustrator в документ Photoshop.

    • Вставьте иллюстрацию из Illustrator в документ Photoshop и выберите «Смарт-объект» в диалоговом окне «Вставить». Для максимальной гибкости включите PDF и AICB (без поддержки прозрачности) в разделе «Обработка файлов и буфер обмена» диалогового окна «Настройки» в Adobe Illustrator.

Функция связанных смарт-объектов доступна в Photoshop CC версии 14.2 (январь 2014 г.) и более поздних версиях.

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

Чтобы создать связанный смарт-объект, выполните следующие действия:

  1. Выберите «Файл» > «Поместить связанный».
  2. Выберите подходящий файл и нажмите «Поместить».

Связанный смарт-объект создан и отображается на панели «Слои» со значком связи ().

Вы также можете создать связанный смарт-объект в открытом документе, перетащив соответствующий файл, удерживая нажатой следующую клавишу:

(Windows) Клавиша Alt
(Mac OS) Клавиша выбора

Чтобы изменить это поведение по умолчанию, отключите «Установки» > «Основные» > «Всегда создавать смарт-объекты при размещении».

Экономия размера файла с помощью связанных смарт-объектов

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

Если внешний исходный файл изменяется, когда документ Photoshop, ссылающийся на него, открыт, соответствующий связанный смарт-объект автоматически обновляется. Однако, когда вы открываете документ Photoshop, содержащий несинхронизированные связанные смарт-объекты, вы можете обновить смарт-объекты:

  • Щелкните правой кнопкой мыши слой связанного смарт-объекта и выберите «Обновить измененное содержимое».
  • Выберите «Слой» > «Смарт-объекты» > «Обновить измененное содержимое».

Связанные смарт-объекты, исходные изображения которых изменились, визуально выделяются на панели «Слои»:

Несинхронизированные связанные смарт-объекты выделяются на панели «Слои».

Вы можете обновить все связанные смарт-объекты в текущем документе Photoshop, выбрав «Слой» > «Смарт-объекты» > «Обновить все измененное содержимое».

Связанные смарт-объекты с отсутствующими внешними исходными файлами выделяются на панели «Слои».

При обнаружении изменений в связанных смарт-объектах или обновлении связанного смарт-объекта Photoshop просматривает только непосредственно связанный файл. Ссылки, вложенные в смарт-объекты, не обновляются.

Устранение неработающей ссылки смарт-объекта

Чтобы разрешить связанный смарт-объект с отсутствующим внешним источником, выполните следующие действия:

  1. Щелкните правой кнопкой мыши значок слоя связанного смарт-объекта и выберите «Исправить неработающую ссылку».
  2. Перейдите к новому местоположению пропавшего объекта.
  3. Щелкните Разместить.

Когда на панели «Слои» выбран слой «Связанный смарт-объект», выберите «Окно» > «Свойства».

Отображаются следующие свойства:

  • Путь к внешнему исходному файлу для связанного смарт-объекта
  • Размер связанного смарт-объекта и позиционные координаты (X, Y)

Следующие действия можно выполнять непосредственно на панели свойств:

  • Редактировать содержимое внешнего файла изображения. При необходимости Photoshop открывает внешнее приложение, которое может обрабатывать исходный файл изображения. Например, Photoshop открывает Adobe Illustrator, если внешнее исходное изображение представляет собой файл .ai.
  • Встроить связанный смарт-объект в текущий документ.

Выполните одно из следующих действий:

  • Щелкните правой кнопкой мыши слой связанного смарт-объекта на панели «Слои» и выберите «Встроить связанный».
  • Выберите «Слой» > «Смарт-объекты» > «Встроить связанные».
  • На панели «Свойства» нажмите «Внедрить».

Выберите «Слой» > «Смарт-объекты» > «Встроить все связанные», чтобы встроить все связанные смарт-объекты в документ Photoshop.

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

  1. Выберите «Файл» > «Пакет».
  2. Выберите место, куда вы хотите поместить исходные файлы и копию документа Photoshop.

Любые аудио- или видеосвязанные смарт-объекты в документе также упаковываются.

Перед упаковкой содержащихся в нем связанных смарт-объектов необходимо сохранить файл.

Photoshop всегда ищет связанные файлы в последнем известном относительном расположении. Если связанный файл не найден в этом месте, Photoshop ищет его:

  • В последнем известном абсолютном местоположении
  • Использование сохраненного псевдонима (только для Mac OS)
  • В той же папке, что и содержащий документ

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

В диалоговом окне «Решить отсутствующие ресурсы» всегда отображается последний известный абсолютный путь к отсутствующим исходным файлам.

Встроенный смарт-объект можно преобразовать в связанный смарт-объект. Преобразования, фильтры и другие эффекты, примененные к внедренному смарт-объекту, сохраняются при его преобразовании.

Выполните следующие действия:

  1. Выберите встроенный слой смарт-объекта в документе Photoshop.
  2. Выберите «Слой» > «Смарт-объект» > «Преобразовать в связанный».
  3. Выберите место на вашем компьютере, где вы хотите сохранить исходный файл. Введите имя файла, включая поддерживаемое расширение. Например, link_file.jpg.
  1. На панели «Слои» выберите «Смарт-объект» во всплывающем меню фильтрации.
Фильтровать слои по смарт-объектам
  1. Щелкните один из следующих значков:
  •     Фильтр для актуальных связанных смарт-объектов
  •     Фильтр несинхронизированных связанных смарт-объектов
  •     Фильтр для отсутствующих связанных смарт-объектов
  •     Фильтр для встроенных смарт-объектов

Вы можете использовать переключатель () для отключения фильтрации слоев.

  1. На панели «Слои» выберите Smart слой объекта и выполните одно из следующих действий:

    • Чтобы создать дубликат смарт-объекта, связанного с оригиналом, выберите «Слой» > «Создать» > «Слой через копирование» или перетащите слой смарт-объекта на значок «Создать новый слой» в нижней части панели «Слои». Изменения, которые вы вносите в оригинал, влияют на копию и наоборот.

    • Чтобы создать дубликат смарт-объекта, не связанного с оригиналом, выберите «Слой» > «Смарт-объекты» > «Создать смарт-объект с помощью копирования». Изменения, которые вы вносите в оригинал, не влияют на копию.

    На панели «Слои» появляется новый смарт-объект с то же имя, что и оригинал, и «копия» в качестве суффикса.

При редактировании смарт-объекта исходное содержимое открывается либо в Photoshop (если это растровые данные или необработанный файл с камеры), либо в приложении, которое по умолчанию обрабатывает размещенный формат (например, Adobe Illustrator или Adobe Acrobat) . Когда вы сохраняете изменения в исходном содержимом, изменения отображаются во всех связанных экземплярах смарт-объекта в документе Photoshop.

  1. Выберите смарт-объект на панели «Слои», и выполните одно из следующих действий:

    • Выберите «Слой» > «Смарт-объекты» > «Редактировать содержимое».
    • Дважды щелкните миниатюру смарт-объектов на панели «Слои».
    • На панели «Свойства» нажмите «Редактировать содержимое».
  2. Нажмите OK, чтобы закрыть диалоговое окно.

  3. Внесите изменения в исходный файл контента, затем выберите «Файл» > Сохранять.

    Photoshop обновляет смарт-объект, чтобы отразить внесенные вами изменения. (Если вы не видите изменений, сделайте документ Photoshop, содержащий смарт-объект, активным.)

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

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

  1. Выбрать смарт-объект и выберите «Слой» > «Смарт-объекты» > Заменить содержимое.

  2. Перейдите к файлу, который хотите использовать, и нажмите «Поместить».

  3. Нажмите OK.

    Новый контент помещается в смарт-объект.

Представлено в Photoshop 21.0 (выпуск за ноябрь 2019 г.)

Вы можете преобразовать встроенный или связанный смарт-объект обратно в составные слои непосредственно в документ Photoshop. Если в смарт-объекте несколько слоев, слои распаковываются в новую группу слоев на панели «Слои». Преобразования и смарт-фильтры для смарт-объектов, содержащих более одного слоя, не сохраняются при распаковке.

Преобразование смарт-объекта обратно в составные слои
  1. Выберите слой смарт-объекта на панели «Слои».

  2. Выполните любое из следующих действий:

    • Щелкните правой кнопкой мыши (Win) / щелкните, удерживая нажатой клавишу Control (Mac), слой смарт-объекта и выберите «Преобразовать в слои» в контекстном меню.
    • В строке меню выберите «Слой» > «Смарт-объекты» > «Преобразовать в слои».
    • На панели «Свойства» нажмите «Преобразовать в слои».
    • В меню параметров панели «Слои» выберите «Преобразовать в слои».
  3. Слои распакованы в группу слоев на панели «Слои».

Вы можете растрировать содержимое смарт-объекта в обычный слой, если вам больше не нужно редактировать данные смарт-объекта. Преобразования, деформации и фильтры, примененные к смарт-объекту, больше нельзя редактировать после растрирования смарт-объекта.

Выберите смарт-объект и выберите «Слой» > «Смарт-объекты» > «Растрировать».

Если вы хотите заново создать смарт-объект, повторно выберите исходные слои и начните с нуля. Новый смарт-объект не сохранит преобразования, примененные к исходному смарт-объекту.

  1. Выберите смарт-объект на панели «Слои» и выберите «Слой» > «Смарт-объекты» > «Экспорт содержимого».

  2. Выбрать место для содержимого смарт-объекта, затем нажмите «Сохранить».

    Photoshop экспортирует смарт-объект в исходном виде. помещенный формат (JPEG, AI, TIF, PDF или другие форматы). Если умный Объект создан из слоев, экспортируется в формате PSB.

Если вы преобразовали смарт-объект, вы можете сбросить все ранее примененные преобразования, выполнив одно из следующих действий:

  • Щелкните правой кнопкой мыши слой смарт-объекта и выберите «Сбросить преобразование»
  • Выберите «Слой» > «Смарт-объекты» > «Сбросить преобразование»

Больше похоже на это

  • Связанные смарт-объекты
  • Поместить файл в Photoshop
  • Вставить рисунок Adobe Illustrator в Photoshop
  • Неразрушающее редактирование

Купите Adobe Photoshop или начните бесплатную пробную версию .​

Войдите в свою учетную запись

Войти

Управление учетной записью

Что такое смарт-объект? Как использовать смарт-объект в Photoshop?

АвторAlyssa Walker

Часы

Обновлено

Что такое смарт-объект Photoshop?

Смарт-объект Photoshop никогда не потеряет качество любого векторного объекта или изображения, даже если мы масштабируем или передискретизируем его, меняем его положение или поворачиваем его в нашем документе, как мы хотим.

Каждый дизайнер должен знать о пользе «умного объекта».

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

Давайте рассмотрим пример, чтобы вы могли получить фактическое представление об «умном объекте».

Вот у меня есть векторный объект в иллюстраторе.

Я копирую этот объект, нажав CTRL + C. Затем захожу в фотошоп и нажимаю CTRL + V, чтобы вставить.

Когда я вставляю его в Photoshop, он дает 4 различных варианта выбора, таких как «смарт-объект», «пиксель», «контур» и «слой формы».

На этот раз я собираюсь выбрать смарт-объекты фотошопа.

Нажмите ок.

Вот наш векторный объект хорошего качества.

Посмотрите там на панели слоев, у слоя есть маленький значок в нижнем углу. этот маленький значок указывает, что это смарт-объект.

Теперь нажмите CTRL + T и уменьшите масштаб объекта.

Снова нажмите CTRL + T, увеличьте масштаб и нажмите Enter.

Здесь вы можете видеть, что качество и резкость объекта такие же, как до того, как мы уменьшили его. он не потерял даже 1% качества.

Теперь переключитесь на этот слой и нажмите CTRL + V, чтобы снова вставить его.

Но на этот раз я выберу пиксели.

Объект теперь в исходном качестве.

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

Давайте посмотрим, почему объект не потерял свою информацию при преобразовании в смарт-объект и почему он потерял их все, когда был обычным слоем.

Возьмите слой смарт-объекта и уменьшите его масштаб, а затем увеличьте.

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

А теперь давайте поговорим об объекте, который мы импортировали как пиксель.

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

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

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *