Изучаем Смарт Обьекты (Smart Objects) в Фотошопе

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

 

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

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

 

Преимущества «Умных Объектов»

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

  • Простота обновления содержимого

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

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

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

 

  • Редактирование изображения без потери исходных данных или качества.

Работа с растровыми изображениями в Фотошоп довольно сложная, поскольку даже самые простые манипуляции, такие как использование инструмента «Свободное Трансформирование», могут привести к потере качества исходника. Когда же вы «переключаете» растровый слой в Smart Object, Фотошоп сохраняет встроенный или связанный файл, в котором он хранит информацию, необходимую для исходного изображения. Таким образом, будет сохранено первоначальное качество изображения, которое не будет зависеть от того, сколько раз вы применяли трансформации к слою. Это похоже на работу с векторами, но с той разницей, что масштабирование Смарт-объектов больше за их оригинальный размер, по-прежнему будет приводить к некоторой пикселизации и потере качества. Но если вы будете работать в пределах оригинального размера – потеря качества вам не грозит!

  • Умные фильтры

Использование Smart Filters (Умных фильтров) в смарт-объектах гораздо лучше обычных, «разрушающих», Фильтров. Эти редактируемые эффекты могут суммироваться и регулироваться индивидуально. При применении фильтра к смарт-объекту, смарт-фильтр (с маской) будет встроен. Фильтры сами по себе могут быть изменены и отредактированы.

 

 

Создание смарт-объектов

Смарт-объект можно создать из слоя несколькими способами: например, из панели слоев правой кнопкой мыши на слое и выбрав “Convert to Smart Object” («Преобразовать в Смарт-объект»), или через меню Слой — Смарт-объекты — Преобразовать в Смарт-объект, или при импорте файла выбрав команду «Открыть как смарт-объект». Индикатором того, что данный слой является Смарт-объектом, выступает небольшой прямоугольник в правом нижнем углу на иконке слоя.

 

Преобразование текстовых слоев в смарт-объектах

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

 

Небольшой пример: Создаем макет-презентацию респонсивного дизайна

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

Для этой цели мы решили использовать скриншоты макета сайта и задействовав Смарт-объекты в Фотошопе. Также нам понадобится мок-ап (муляж, заготовка) с изображением этих самых девайсов (мы решили использовать Mock-Up ноутбука). Изучите статью Где искать бесплатные изображения, чтобы самостоятельно найти себе мок-ап.

  1. Откройте макет устройства и с помощью удобных вам инструментов (например, Прямоугольное выделение – горячая клавиша M) выделите его экран и скопируйте его на новый слой. Поскольку наш экран не совсем прямоугольный, мы воспользовались инструментом Перо (P). Позже мы будем использовать слой с экраном в качестве маски для Смарт-объекта.

  1. Откройте скриншот сайта. Перетащите скриншот в макет PSD. Поместите его над слоем с экраном. Нажмите на слое правой кнопкой и выберите пункт «Преобразовать в Смарт-объект». Важно: Не изменяйте размер слоя до его преобразования в Smart Object.
  2. Теперь вы можете изменить размер скриншота так, чтобы он соответствовал ширине экрана рабочего стола. Используйте инструмент «Свободное трансформирование» — Ctrl+T. Или, если экран девайса находится не под прямым углом, инструмент Наклон (Редактирование – Трансформация – Наклон).
  3. Теперь обрежем скриншот так, чтобы он полностью соответствовал размеру экрана. Для этого мы воспользуемся слоем с экраном в качестве маски. Зажмите клавишу Alt и наведите курсор мышки между слоями Экран и Скриншот. Когда появится стрелочка с квадратом, кликните левой кнопкой – так вы создадите обтравочную маску и все, что выходит за размеры слоя Экран, будет скрыто. Обтравочную маску вы можете также создать комбинацией клавиш Alt+Ctrl+G.

Вот и все! Если в вашем макете-презентации несколько устройств, использование Смарт-объектов позволит сохранить качество исходного скриншота и трансформировать его неограниченное количество раз.

 

 

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

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

 

Recent Posts

Али Апшерони

Умный не говорит и половины из того, что знает, глупый не ведает и половины из… Read More

01/08/2021

Какие бесплатные конструкторы сайтов будут лучшими для разработки сайта

Начинающим веб-мастерам бывает сложно выбрать конструктор сайтов, который бы полностью устроил их по соотношению удобства… Read More

28/07/2021

Владимир Высоцкий

Я понимаю, как смешно Искать в глазах ответ, В глазах, которым все равно, Я рядом… Read More

25/07/2021

Брюс Ли

Нет такой фразы "Я не могу!" Сумел один, смогут и другие. Не смог никто -… Read More

21/07/2021

Иоганн Вольфганг фон Гете

К чему душе беззлобье, широта уму, Руке готовность действовать и воля, Когда в горячке зла… Read More

12/07/2021

Какой бойлер использовать для кухни

Незаменимым устройством при отключении горячей воды является бойлер для кухни, позволяющий с комфортом мыть посуду… Read More

08/07/2021