Что такое смарт объект в фотошопе. Illustrator и Photoshop работают вместе: Smart Objects
Данный урок по фотошопу посвящен описанию 10 свойств смарт-объектов, которые могут оказаться вам очень полезными при работе с данной программой.
Стоковые фотографии
1. Создание смарт-объектов
Смарт-объекты могут быть созданы несколькими различными способами, при чем тип смарт-объекта, напрямую зависит от того, каким именно способом и в каком месте вы его создаете. Например можно создать ссылочный смарт-объект или связанный смарт-объект. Смарт-объект может быть создать с палитры слоев путем вызова контекстного меню, либо его можно создать просто перетащив какое-нибудь изображение на свой холст.
2. Предпросмотр качества растрированного изображения
Сохранения качества ваших слоев – одно из самых важных свойств смарт-объектов. Работа в фотошопе со слоями, содержащими пиксельное изображение, может быть очень деструктивной. Даже простая операция поворота содержимого слоя при помощи Свободной трансформации может привести к частичной потере качества изображения. Если же вы преобразуете пиксельный слой в смарт-объект, фотошоп создает связанный или, другими словами, ссылочный файл, в котором сохраняет всю информацию об оригинальном изображении. Таким образом, обеспечивается сохранение качества оригинального изображения вне зависимости от того, сколько раз и каким образом вы изменяли слой, преобразованный в смарт-объект. Это очень похоже на работу с векторами, с той лишь разницей, что масштабирование смарт-объекта до размера, превышающего размер оригинального изображения, приводит к пикселизации и снижению качества.
3. Сохранение установок Свободной трансформации
Одно из наиболее замечательных особенностей смарт-объектов – то, как они сохраняют приименные к ним настройки Свободной трансформации. Например, если вы деформируете смарт-объект при помощи свободной трансформации, данная трансформация будет сохранена, так, чтобы вы имели возможность внести в нее коррективы, если позднее в этом возникнет необходимость.
4. Общий источник
Если вы продублируете смарт объект обычным, применяемым в фотошопе, методом то оба экземпляра будут связаны с одним общим источником. Это значит, создав несколько дубликатов, можно подкорректировать все из них за один раз, внося изменения в файл-источник.
5. Смарт-объект через копирование
Если вам нужно продублировать смарт-объект, но вы не хотите, чтобы дубликат был связан с тем же оригинальным источником, то следует воспользоваться опцией Смарт-объект через копирование (Smart Object Via Copy feature). Это позволяет отделить слой-дубликат от оригинального смарт-объекта. Существенный недостаток этого метода заключается в том, что он существенно увеличивает размер файла.
6. Замещение содержимого
Изменить содержимое смарт-объекта очень просто. Все что для этого требуется – дважды кликнуть по иконке слоя – смарт-объекта, и внести необходимые изменения в файл-источник. Вы сможете оценить удобство данной опции при деформации ваших смарт-объектов при помощи Свободной трансформации.
7. Связанные смарт-объекты
Данная опция доступна в версии Photoshop CC 14.2. Она позволяет использовать в качестве смарт-объектов внешние файлы. Это очень удобно, но самое большое преимущество, предоставляемое данной опцией – это то, что качестве связанных смарт-объектов можно использовать изображение и векторные файлы из различных фотошоп-документов. Ели вы, в последующем, модифицируете оригинальный объект, он автоматически обновит все связанные PSD-файлы. Еще одно достоинство этого принципа – он не увеличивает размера актуального документа.
8. Преобразование текстовых слоев в смарт-объекты
Текстовые слои могут быть масштабированы, повернуты и деформированы без их растрирования, однако, в обычных случаях их нельзя деформировать недеструктивно. Лучший способ сохранить текстовые слои редактируемыми – это преобразовать их в смарт-объект. Это позволяет искажать текст, с предоставлением доступа к редактированию файла источника. То же самое можно проделывать и со смарт-объектами из Illustrator-а.
9. Применение смарт-фильтров
Еще одно замечательное свойство смарт-объектов – их способность преобразовывать фильтры в недеструктивные смарт-фильтры. Эти редактируемые эффекты могут объединяться в набор, и модифицироваться в индивидуальном порядке. Существует лишь несколько фильтров, которые нельзя преобразовать в смарт-фильтры.
10. Маска смарт-фильтров
Когда вы применяете смарт-фильтр, то под иконкой слоя на палитре слоев появляется дополнительный белый прямоугольник. Это и есть маска смарт-фильтра. Она может быть использована для маскирования эффекта фильтра на данном конкретном слое.
Заключение
Смарт-объекты – очень мощный инструмент, имеющийся в фотошопе. Они позволяют значительно ускорить рабочий процесс, сохранить качество изображения, а так же уменьшить размер файла. Надеюсь, данная статься была для вас полезной, и вы сможете применить воспользоваться приведенными здесь советами при самостоятельном использовании смарт-объектов.
Финальный результат
Смарт-объекты - одна из самых мощных функций Photoshop. В этом уроке вы подготовите макет из нескольких компьютерных экранов, а затем добавите к ним слои смарт-объектов. После того, как все будет настроено, вы сможете изменить картинки на всех экранах, обновив только исходный слой. Каждый смарт-объект может состоять из множества слоев. Благодаря этому можно просто и быстро изменить вашу презентацию.
1. Подготовка макета
Шаг 1
Я начну с трех различных экранов. Вы можете найти отдельные фотографии каждого из них на PhotoDune или GraphicRiver , а также можете использовать любое количество устройств в своей композиции. Файл для этого урока разделен на слои для самих устройств, их теней и бликов.
Примечание переводчика : в качестве бесплатной альтернативы можете использовать макет с сайта 365psd.com .
Шаг 2
Подготовьте отдельный слой для каждого экрана. Выберите инструмент Прямоугольник (Rectangle Tool) и нарисуйте прямоугольник такого же размера, как и сам экран. В качестве альтернативы можно использовать инструмент Прямоугольная область (Rectangular Marquee Tool) и заполнить выделение пикселями. Не важно какой способ вы выбрали, главное, чтобы прямоугольник находился на отдельном слое.
Нарисуйте прямоугольник такого же размера, как и экран. Заполните любым изображением и поместите на отдельный слой.
Я предпочитаю использовать слои фигур, так как их проще редактировать инструментом Свободное трансформирование (Free Transform). Активировать его можно, нажав Ctrl + T .
Шаг 3
Сделайте такой же слой для каждого экрана. Формы можете заполнить любым цветом. Мы будем использовать эти фигуры в качестве масок для смарт-объектов. Сейчас у вас должен быть примерно такой результат:
Шаг 4
Сейчас неплохо было бы организовать наш макет. Переименование и организация слоев сохранят множество времени в будущем. На скриншоте ниже я пометил разными цветами слои для каждого устройства. Чтобы изменить цвет слоя кликните правой кнопкой мыши на иконке глаза и выберите необходимый цвет.
Вы также можете создавать группы слоев для каждого продукта. Выберите все слои, принадлежащие одному устройству и в выпадающем меню на панели слоев выберите Новая группа из слоев (New Group from Layers). Цвет группы задать очень просто. Кликните правой кнопкой мыши по группе и выберите необходимый цвет.
2. Настраиваем смарт-объекты
Шаг 1
В этом уроке используется скриншот сайта Tuts+. Перетяните его в документ с нашим макетом. Разместите новый слой над слоем с фигурой для экрана компьютера (прим. переводчика - на скриншоте он назван “Desktop Screen”). Конвертировать его в смарт-объект можно тремя способами:
- Перейдите в меню Слои > Смарт-объект > Преобразовать в смарт-объект (Layers > Smart Objects > Convert to Smart Object).
- Кликните по выпадающему меню в панели слоев и выберите Преобразовать в смарт-объект (Convert to Smart Object).
- Кликните правой кнопкой мыши по слою и выберите Преобразовать в смарт-объект (Convert to Smart Object).
Шаг 2
Теперь можете изменить размер смарт-объекта под размер экрана устройства. Нажмите Ctrl + T и используйте точки по краям изображения. При работе со смарт-объектами можно заметить небольшую подсказку: точки для смарт-объекта заполнены черным цветом, а при редактировании обычного изображение они пустые. Пока не трогайте нижнюю часть скриншота. Если хотите, измените имя слоя.
Шаг 3
Дублируйте смарт-объект, перетянув его на специальную иконку нового слоя в нижней части панели слоев.
Шаг 4
Перетяните копию смарт-объекта, разместив ее над экраном ноутбука. Как и в предыдущем шаге, используйте Свободное трансформирование (Free Transform), чтобы изменить размер скриншота. Здесь также не трогайте нижнюю часть фотографии.
Шаг 5
Сделайте еще одну копию и разместите ее над экраном планшета. Снова измените его размер. Не волнуйтесь об избыточной длине смарт-объекта.
Шаг 6
Теперь, когда все слои на месте, можно убрать лишнее. Это спрячет выпирающие части изображений, но не обрежет сам скриншот. Сначала выберите слой смарт-объекта, затем кликните по выпадающему меню и выберите пункт Создать обртравочную маску (Create Clipping Mask). Можно воспользоваться клавиатурным сокращением Alt + Ctrl + G .
Есть также альтернативный способ. Кликните между двух слоев, удерживая нажатой клавишу Alt . Если вы увидели, что курсор сменил вид - вы в правильной точке.
Удерживая клавишу Alt/Option, нажмите между слоями, чтобы создать обтравочную маску. Вы увидите, как курсор сменится на значок в виде двойного круга.
После того, как обтравочная маска создана, скриншот заполнит пропорции экрана. Вы также заметите, что миниатюра слоя смещена немного вправо, а рядом с ней есть небольшая стрелка. Это указывает на то, что смарт-объект "обрезан" слоем под ним. Вот зачем мы создавали специальные слои в самом начале.
У вас должен получится примерно такой макет:
3. Редактируем смарт-объект
Шаг 1
Теперь, когда смарт-объекты и их копии на месте, можно изменить изображение на всех трех экранах, обновив оригинальный слой. Дважды кликните по миниатюре смарт-объекта для его редактирования. Вы увидите следующее сообщение. После того, как вы привыкнете к работе со смарт-объектами, можно будет поставить галочку и отключить его.
Смарт-объект открывается как отдельный, специальный файл с расширением .psb :
Шаг 2
Для редактирования смарт-объекта я просто возьму новый скриншот и размещу его над существующим. Нет необходимости заменять исходное изображение, так как смарт-объекты поддерживают слои.
Шаг 3
Закройте и сохраните.psb файл. Теперь на всех трех экранах появится новый скриншот. Редактировать два других смарт-слоя нет необходимости, так как они являются копией оригинала.
Вы можете добавлять или редактировать изображение сколько угодно раз. Также можно хранить несколько скриншотов в смарт-слое, чтобы быстро презентовать различные фотографии в одном Photoshop документе.
Выводы
Подобные макеты - отличный способ презентации различных дизайнов. Благодаря тому, что смарт-слои являются копиями оригинала, все три экрана обновляются сразу. А с возможностью хранить несколько скриншотов в одном слое можно организовать все в одном аккуратном PSD файле.
Одна из важнейших особенностей смарт-объекта - это автоматическое сохранение данных о исходном размере трансформируемых пикселей и информация о состоянии размера на данный момент относительно исходных. Вы можете в любой момент нажать Ctrl+T для активации "Свободного трансформирования" и посмотреть на панели параметров данные об изменениях:
Примечание. Если Вы активируете "Свободное трансформирование" на обычном слое, то в любом случае Photoshop покажет размер 100%.
Смотреть другие материалы по Смарт-объектам:
Назначение и применение смарт-фильтров в Photoshop
Практическое применение смарт-объекта в Photoshop
Что такое смарт-объект в Photoshop
4. Связанные и несвязанные смарт-объекты
Если Вы дублируете смарт-объект обычным способом, как простой слой (с помощью Ctrl+J или перетаскиванием слоя на значок "Добавить слой" внизу панели слоёв), то Вы получите связанный
смарт-объект.
Это значит, что при любом изменении, внесённом в копию или оригинал, эти же изменения произойдут и со вторым объектом, а также с другими копиями, если они имеются. Причем количество связанных копий не ограничено, изменения произойдут на всех копиях:
Если же Вы хотите, чтобы копии смарт-объектов получались несвязанными , т.е. изменение одного объекта не затрагивало другие,воспользуйтесь методом копирования через вкладку главного меню Слои --> Смарт объект --> Создать смарт-объект путём копирования (Layer --> Smart Objects --> Nev Smart Objects via Copy).
5. Изменение содержимого смарт-объекта
Редактировать содержимое смарта очень просто. Достаточно лишь дважды кликнуть на его иконку, произвести необходимые изменения и нажать комбинацию клавиш Ctrl+S для сохранения изменений:
6. Преобразование текстовых слоёв в смарт-объекты
Текстовые слои можно масштабировать, вращать и зеркально отражать без растеризации, но для применения деформаций и фильтров, например, "Размытия по Гауссу", их необходимо растрировать, а после растеризации изменить текст уже невозможно. Вот что пишет Photoshop после того, как я попытался применить к текстовому слою "Размытие по Гауссу":
Но есть способ обойти это правило, и это - преобразование текстового слоя в смарт-объект. Теперь, после применения фильтра, для редактирования текста. мне надо зайти в смарт-объект, как рассказано в п.5 и изменить текст:
7. Использование смарт-фильтров
Другим большим преимуществом использования Smart Objects является то, что любой фильтр, применённый к нему, автоматически преобразуется в неразрушающий смарт-фильтр . Это значит, что после применения фильтр становится полностью редактируемым, кроме того, любой смарт-фильтр можно временно отключить или удалить. Ещё одно преимущество применения смарт-фильтра - это то, что у него имеется маска, т.е. фильтр может воздействовать нее на всё изображение, а только на заданную часть картинки.
Примечание. некоторые фильтры не могут быть использованы в качестве смарт-фильтром, например фильтр "Исправление перспективы" (Vanishing Point).
8. Маска для смарт-фильтра
Как я упомянул выше, при применении смарт-фильтра, к фильтру автоматически добавляется маска, аналогичная по действию слой-маске . Следовательно, закрасив какую-либо область маски чёрным, Вы убираете действие фильтра в этой области:
Недостатком является то, что сколько бы Вы не добавляли фильтров, маска будет одна на все фильтры:
Но и это правило можно обойти. Применяем один фильтр к Smart Object, затем конвертируем Smart Object с фильтром в новый Smart Object, применяем к полученному Smart Object следующий фильтр и так далее. В последствии будет не столь удобно редактировать, но, зато, у Smart Object каждый фильтр будет иметь собственную маску.
С недавним введением связанных 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% только в одном из параметров). Изображение станет такого же размера, что и было, и при этом качество изображения не ухудшится.
В этом и есть преимущество смарт-объекта перед обычными слоями. Например, если Вы работаете с несколькими изображениями сразу, при создании коллажа, Вам постоянно придется несколько раз трансформировать один и тот же фрагмент, чтобы подогнать картинки друг к другу. Если таких операций трансформирования будет много, то изображение быстро потеряет качество, и придется опять использовать оригинал. Если Вы из слоя, где находится изображения, сделаете смарт-объект, качество изображения в любом случае останется неизменным.
Смарт-объекты являются векторными изображениями. Нельзя, например, непосредственно на них применять инструменты рисования, или большинство команд коррекции. Для такого воздействия необходимо либо создать новый слой, либо делать корректирующий слой, либо добавить к смарт-объекту слой-маску.
Можно также растрировать слой: или через меню Слои — Растрировать — Смарт-объект , или нажав на слой правой клавишей на палитре Слои , и выбрав соответствующий пункт. При этом смарт-объект превращается в обычный слой.
Можно также сразу открыть изображение, как смарт-объект, через меню Файл — Открыть как смарт-объект .
Чтобы воздействовать на пиксели изображения смарт-объекта, нужно дважды кликнуть по его иконке. на палитре Слои . При этом появляется новая вкладка нового открытого документа, с этим изображением. На этом изображении можно применять команды коррекции, или рисовать, как на самом обычном слое. Затем, после сохранения, можно закрыть этот дополнительный документ, и в смарт-объекте будет находиться уже новое, сохраненное содержимое.
Смарт-объекты можно копировать. Если Вы перетащите смарт-объект на палитре Слои на иконку создания нового слоя, то у Вас будут два связанных смарт-объекта. При изменении содержимого одного смарт-объекта изменится и содержимое второго смарт-объекта.
Второй способ копирования: нажать на название смарт-объекта правой клавишей мыши, и выбрать Создать смарт-объект путем копирования. При этом способе смарт-объекты связанными не будут, и их можно редактировать независимо один от другого.