Используем смарт-объекты в фотошоп. Смарт-объекты в программе Adobe Photoshop CS5

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

Стоковые фотографии

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

2. Предпросмотр качества растрированного изображения
Сохранения качества ваших слоев – одно из самых важных свойств смарт-объектов. Работа в фотошопе со слоями, содержащими пиксельное изображение, может быть очень деструктивной. Даже простая операция поворота содержимого слоя при помощи Свободной трансформации может привести к частичной потере качества изображения. Если же вы преобразуете пиксельный слой в смарт-объект, фотошоп создает связанный или, другими словами, ссылочный файл, в котором сохраняет всю информацию об оригинальном изображении. Таким образом, обеспечивается сохранение качества оригинального изображения вне зависимости от того, сколько раз и каким образом вы изменяли слой, преобразованный в смарт-объект. Это очень похоже на работу с векторами, с той лишь разницей, что масштабирование смарт-объекта до размера, превышающего размер оригинального изображения, приводит к пикселизации и снижению качества.

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

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

5. Смарт-объект через копирование
Если вам нужно продублировать смарт-объект, но вы не хотите, чтобы дубликат был связан с тем же оригинальным источником, то следует воспользоваться опцией Смарт-объект через копирование (Smart Object Via Copy feature). Это позволяет отделить слой-дубликат от оригинального смарт-объекта. Существенный недостаток этого метода заключается в том, что он существенно увеличивает размер файла.

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

7. Связанные смарт-объекты
Данная опция доступна в версии Photoshop CC 14.2. Она позволяет использовать в качестве смарт-объектов внешние файлы. Это очень удобно, но самое большое преимущество, предоставляемое данной опцией – это то, что качестве связанных смарт-объектов можно использовать изображение и векторные файлы из различных фотошоп-документов. Ели вы, в последующем, модифицируете оригинальный объект, он автоматически обновит все связанные PSD-файлы. Еще одно достоинство этого принципа – он не увеличивает размера актуального документа.

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

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

10. Маска смарт-фильтров
Когда вы применяете смарт-фильтр, то под иконкой слоя на палитре слоев появляется дополнительный белый прямоугольник. Это и есть маска смарт-фильтра. Она может быть использована для маскирования эффекта фильтра на данном конкретном слое.

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

Добавлено: 2012-09-10; Измененено: 2012-09-14;

Говорят, что две головы лучше, чем одна. Illustrator и Photoshop доказывают это при работе со смарт-объектами (Smart Objects).

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

Давайте посмотрим, как это работает.

У меня есть фотография фона из Лас-Вегаса в Photoshop и векторная иллюстрация Элвиса в Illustrator. В Photoshop (предполагается, что фон Лас-Вегаса уже открыт – прим. пер.), поместим векторный файл Элвиса на фон – заходим в меню File Place, выбираем файл и нажимаем кнопку Ok.

Векторное изображение будет помещено в центр документа Photoshop, в рамке Transform. Если вы нажмете клавишу ввода, объект становится смарт-объект. Взгляните на слой в панели Layers. Он имеет маленький значок на его эскизе, давая вам знать, что этот слой действительно «умный».

На данный момент можно перемещать и изменять размер этого смарт-объекта. Он не выглядит как вектор – не видны точки и пути. Не волнуйтесь. Векторный объект встроен в Photoshop, и отображается таким образом, чтобы Photoshop мог его понять. Попробуйте его увеличить - сделать огромным - и изображение все равно останется четким и резким. Если бы это был пиксельный объект, вы бы увидели каждый пиксел при таком увеличении.

Теперь давайте посмотрим, что делает этот слой таким «умным». Дважды щелкните на значке превью, или выберите Edit Contents из всплывающего меню слоя. Photoshop покажет сообщение, напоминающее о необходимости сохранить файл в Illustrator, как только вы внесли изменения. Если вы используете "Save as…" или переместите векторный файл в другое место, связь векторного файла с Photoshop будет нарушена.

После нажатия кнопки Ok векторный файл откроется в Illustrator. Этот файл можно редактировать и потом обязательно сохранить. В этом примере были изменены цвета в векторе и файл был сохранен. Переходим обратно в Photoshop и видим все изменения векторного файла.

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

В следующем примере к смарт-объекту применен фильтр Twirl, вектор перекрашен в Illustrator, а при возвращении в Photoshop действия фильтра Twirl сохраняются, но цвет меняется.

«Живые» (Live) типы объектов также могут использоваться как смарт-объекты. Это может быть очень полезно, когда, используется одинаковый дизайн для публикации в печати и в Интернете. Введите текст в Illustrator, а затем поместить его в Photoshop, как было показано раньше. Вы можете изменить шрифт, добавлять эффекты, исправлять текст – объект остается полностью редактируемым.

Что нельзя делать?

Вы не можете использовать Paint, Dodge, Burn, Clone – любые операции, которые изменяет пиксельные данные непосредственно на слое смарт-объекта. Вы должны сначала преобразовать его в обычный слой и растеризовать его. Как вариант - можно дублировать слой смарт-объекта и растеризовать его, или можно дублировать слой смарт-объекта и изменить его в Illustrator.

Что еще?

Вместо того чтобы поместить векторный файл в Photoshop, вы можете вставить его.

Это дает вам некоторый дополнительный выбор:

Smart Object - если вы дочитали до этого места, вы знаете, что это дает;

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

Path – будет вставлен как путь, который может быть отредактирован с помощью инструментов Pen tools, Path Selection tool или Direct Selection tool. Путь будет вставлен в текущий выбранный слой в палитре Layers. Так что если вы хотите поместить его на отдельный слой – сначала создайте новый слой;

Shape Layer – будет вставлен как новый слой, содержащий путь, заполненный цветом переднего плана. Вы можете использовать этот слой как маску.

В Illustrator и Photoshop есть много «умных» функций. По отдельности они просто Smart Guides, Smart Punctuation, Smart Filters и т. п. Но когда они работают вместе с помощью смарт-объектов - это гениально!

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

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

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

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

С недавним введением связанных Smart Objects (SO) в Photoshop (PS) стали намного мощнее, полезнее. Мы поделимся с вами 10 вещами, о которых вы должны знать, работая с SO в PS. Начнем!

1. Создание Smart Objects (SO) . Они могут создаваться несколькими путями, как правило, тип SO зависит в значительно степени от того, как и где вы их разрабатываете. К примеру, вы можете создать связанные Linked Smart Objects или Embedded Smart Objects (встроенные). Это можно сделать с помощью панели слоев, или с помощью простого перетаскивания элементов на холсте.

2. Сохранение растровых изображений. Сохранение качества слоев – очень важное свойство SO. Работа со слоями пиксельных изображений очень сложная и требует осторожности. Даже простые вещи как вращающийся слой с Free Transform Tool может привести к потере качества. Когда вы включаете пиксельный слой в SO, PS сохраняет встроенный или связанный файл, где хранится информация, необходимая для исходного изображения. Поэтому он не может сохранить первоначальное качество изображения независимо от того, сколько раз вы измените размер слоя смарт-объекта. Это похоже на работу с векторами, но разница в том, что масштабирование SO больше, чем их оригинальный размер. Это все равно приведет к потере качества и пикселизации.

3. Сохраненные Free Transform Settings (Свободно трансформируемые настройки). Если вы искажаете SO, применяя трансформацию, оригинальное приобразование будет доступно, если вам потребуется настроить его позже.

4. Общий источник. Если вы копируете SO обычным путем в документе PS, те же встроенные первоначальные файлы будут использоваться в обеих случаях. Это значит, что вы можете делать копии SO несколько раз и обновлять все одной лишь заменой их первоначального файла.

5. Smart Objects Via Copy. Если вам нужно дублировать Smart Objects, и вы хотите убедиться, что два примера не связаны и исходным файлом, вы должны использовать функцию Smart Objects Via Copy, с помощью которого можно отделить дубликат слоя от первоначального SO. Единственный недостаток в этом – увеличение размера файла.

6. Замена контента. Замена содержимого в SO очень проста. Все, что вы должны сделать – щелкнуть на кнопку слоя и отредактировать исходник. Здесь очень пригодится инструмент Free Transform для искажения и вращения SO.

7. Связанные Smart Object. Эта функция PS позволила использовать внешние исходные исходные файлы для смарт-объектов. У этого есть преимущества, и одно из можно использовать изображения или векторный файл в нескольких документах PS как связанных SO. Если вы измените исходный объект позже, он будет автоматически обновляться во всех ваших PSD-файлах. Еще одно большое достоинство – это то, что связанные SO не будут увеличивать размер файлов.

8. Преобразование текстовых слоев в смарт-объекты. Текстовые слои можно масштабировать, вращать, искажать без их растризации, но они не могут быть искажены без разрушения по умолчанию. Лучший метод сохранить слои для редактирования – преобразовать их в SO. Это поможет с умом их искажать, предоставляя доступ к редактируемому тексту внутри источника SO. Та же техника может использоваться для Illustrator Smart Objects.

9. Использование фильтров (Smart Filter). Другим преимуществом для SO является то, что они преобразовывают фильтры в не изменяющихся Smart Filter. Эти редактируемые эффекты могут суммироваться и контролироваться каждый отдельно. Но существуют такие фильтры, которые не могут быть использованы в качестве Smart Filters. Один из них – Vanishing Point.

10. Smart Filter Mask. В начале использование смарт-фильтров вы заметите дополнительный белый прямоугольник ниже миниатюры слоя в палитре слоев – это и есть Smart Filter Mask. Его используют для маскировки эффектов фильтров, применяемых для конкретного слоя.

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

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

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

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

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

Теперь попробуйте проделать ту же операцию со смарт-объектом.: нажмите Ctrl + T , затем в панели свойств этой команды поставьте значение ширины и высоты 10%, и нажмите Enter . Изображение уменьшится в 10 раз. Затем опять нажмите Ctrl + T , поставьте значение ширины и высоты 100% (можно нажать на значок Сохранить пропорции между этими параметрами, и набрать значение 100% только в одном из параметров). Изображение станет такого же размера, что и было, и при этом качество изображения не ухудшится.

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

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

Можно также растрировать слой: или через меню Слои — Растрировать — Смарт-объект , или нажав на слой правой клавишей на палитре Слои , и выбрав соответствующий пункт. При этом смарт-объект превращается в обычный слой.

Можно также сразу открыть изображение, как смарт-объект, через меню Файл — Открыть как смарт-объект .

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

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

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