Финальный результат
Смарт-объекты - одна из самых мощных функций 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 файле.
- Как уменьшить количество слоев для визуально одного объекта (кнопочки, например), сохранив возможность его редактирования?
- Как уменьшить количество слоев, объединив в один слой header, footer на макетах внутренних страниц, при этом снова-таки оставив возможность их изменения?
- Как облегчить верстальщику вырезание линий из одно- двух пиксельных линий, составляющих единую линию, теней, а так же кнопочек, иконок?
- Как быстро вносить изменения на все однотипные элементы на странице?
- Как уменьшать растровую картинку без потери качества и сохраняя правильные пропорции эффектов (тень в 5px для объекта 200*200px – смотрится совсем по-другому, нежели для этого же объекта при его размере 100*100px)
Smart Object – это слой, содержащий изображения из растровых или векторных слоев Photoshop, сохраняющий все стили и эффекты в редактируемом состоянии, или слои Illustrator. Слои Smart Object обозначаются специальным значком (рис. 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 несколько увеличивает вес файла, но вам решать стоит ли оно того.
Для себя я сделала вывод – стоит!
Данный урок по фотошопу посвящен описанию 10 свойств смарт-объектов, которые могут оказаться вам очень полезными при работе с данной программой.
Стоковые фотографии
1. Создание смарт-объектов
Смарт-объекты могут быть созданы несколькими различными способами, при чем тип смарт-объекта, напрямую зависит от того, каким именно способом и в каком месте вы его создаете. Например можно создать ссылочный смарт-объект или связанный смарт-объект. Смарт-объект может быть создать с палитры слоев путем вызова контекстного меню, либо его можно создать просто перетащив какое-нибудь изображение на свой холст.
2. Предпросмотр качества растрированного изображения
Сохранения качества ваших слоев – одно из самых важных свойств смарт-объектов. Работа в фотошопе со слоями, содержащими пиксельное изображение, может быть очень деструктивной. Даже простая операция поворота содержимого слоя при помощи Свободной трансформации может привести к частичной потере качества изображения. Если же вы преобразуете пиксельный слой в смарт-объект, фотошоп создает связанный или, другими словами, ссылочный файл, в котором сохраняет всю информацию об оригинальном изображении. Таким образом, обеспечивается сохранение качества оригинального изображения вне зависимости от того, сколько раз и каким образом вы изменяли слой, преобразованный в смарт-объект. Это очень похоже на работу с векторами, с той лишь разницей, что масштабирование смарт-объекта до размера, превышающего размер оригинального изображения, приводит к пикселизации и снижению качества.
3. Сохранение установок Свободной трансформации
Одно из наиболее замечательных особенностей смарт-объектов – то, как они сохраняют приименные к ним настройки Свободной трансформации. Например, если вы деформируете смарт-объект при помощи свободной трансформации, данная трансформация будет сохранена, так, чтобы вы имели возможность внести в нее коррективы, если позднее в этом возникнет необходимость.
4. Общий источник
Если вы продублируете смарт объект обычным, применяемым в фотошопе, методом то оба экземпляра будут связаны с одним общим источником. Это значит, создав несколько дубликатов, можно подкорректировать все из них за один раз, внося изменения в файл-источник.
5. Смарт-объект через копирование
Если вам нужно продублировать смарт-объект, но вы не хотите, чтобы дубликат был связан с тем же оригинальным источником, то следует воспользоваться опцией Смарт-объект через копирование (Smart Object Via Copy feature). Это позволяет отделить слой-дубликат от оригинального смарт-объекта. Существенный недостаток этого метода заключается в том, что он существенно увеличивает размер файла.
6. Замещение содержимого
Изменить содержимое смарт-объекта очень просто. Все что для этого требуется – дважды кликнуть по иконке слоя – смарт-объекта, и внести необходимые изменения в файл-источник. Вы сможете оценить удобство данной опции при деформации ваших смарт-объектов при помощи Свободной трансформации.
7. Связанные смарт-объекты
Данная опция доступна в версии Photoshop CC 14.2. Она позволяет использовать в качестве смарт-объектов внешние файлы. Это очень удобно, но самое большое преимущество, предоставляемое данной опцией – это то, что качестве связанных смарт-объектов можно использовать изображение и векторные файлы из различных фотошоп-документов. Ели вы, в последующем, модифицируете оригинальный объект, он автоматически обновит все связанные PSD-файлы. Еще одно достоинство этого принципа – он не увеличивает размера актуального документа.
8. Преобразование текстовых слоев в смарт-объекты
Текстовые слои могут быть масштабированы, повернуты и деформированы без их растрирования, однако, в обычных случаях их нельзя деформировать недеструктивно. Лучший способ сохранить текстовые слои редактируемыми – это преобразовать их в смарт-объект. Это позволяет искажать текст, с предоставлением доступа к редактированию файла источника. То же самое можно проделывать и со смарт-объектами из Illustrator-а.
9. Применение смарт-фильтров
Еще одно замечательное свойство смарт-объектов – их способность преобразовывать фильтры в недеструктивные смарт-фильтры. Эти редактируемые эффекты могут объединяться в набор, и модифицироваться в индивидуальном порядке. Существует лишь несколько фильтров, которые нельзя преобразовать в смарт-фильтры.
10. Маска смарт-фильтров
Когда вы применяете смарт-фильтр, то под иконкой слоя на палитре слоев появляется дополнительный белый прямоугольник. Это и есть маска смарт-фильтра. Она может быть использована для маскирования эффекта фильтра на данном конкретном слое.
Заключение
Смарт-объекты – очень мощный инструмент, имеющийся в фотошопе. Они позволяют значительно ускорить рабочий процесс, сохранить качество изображения, а так же уменьшить размер файла. Надеюсь, данная статься была для вас полезной, и вы сможете применить воспользоваться приведенными здесь советами при самостоятельном использовании смарт-объектов.
Для многих пользователей фотошопа, особенно для начинающих, инструмент смарт-объекты является большой загадкой. Этому способствуют небольшое наличие информации в интернете и в учебниках, а также сложный процесс осваивания инструмента методом «тыка». Теперь это в прошлом, в этой статье я расскажу все, что нужно знать про смарт-объекты в фотошопе .
Этот инструмент относится к палитре слоев и представляет из себя особый вид слоя. Вспомните-ка, что отображается в этой палитре? — Главным образом, изображения, которые мы редактируем. Смарт-объекты — это те же изображения, но они обладают важными и полезными особенностями.
Смарт-объекты — это контейнеры, которые копят в себе всю информацию по их редактированию. Они бесконечно долго надуваются от этого потока данных в отличии от простых слоев-изображений.
Что это дает? Если обычное изображение, например, при изменении размера в сторону уменьшения безвозвратно теряет свои пиксели (их недостаток отчетливо виден, если мы вдруг решим вернуть такое изображение в исходный размер), то смарт-объекты ничего не теряют. Они отображает те пиксели, что нужны для корректного отображения уменьшения, но если мы увеличим в исходное, то недостающие пиксели будут восстановлены из такого контейнера. А это значит изображение будет вновь четким без единого искажения.
Таким образом, эти контейнеры хранят в себе все изменения и готовы в любой момент вернуть все в прежнее состояние без потери качества. Это очень нужно, когда пользователь, например, занимается . В такой работе требуется использовать много исходных изображений, которые то и дело нужно менять в размерах и применять разные эффекты и фильтры.
Здесь сразу виден очевидный минус — такие контейнеры будут расти в своем весе, что влияет на итоговый размер файла.
Любое изображение можно сделать как смарт-объект. На палитре слоев такое изображение-слой отображается с маленьким значком в нижнем правом углу миниатюры:
Основные полезные свойства смарт-объектов фотошопа
1. Изменение размеров без потери качества
В примере выше разобрано часто используемое свойство, связанное с изменением размера изображения без потери качества. Давайте посмотрим как это выглядит на примере. Проведем стандартную операцию, с которой сталкивался любой пользователь фотошопа: уменьшим изображение, а затем попытаемся обратно его увеличить.
Сначала проделаем эту операцию с обыкновенным слоем-изображением:
Как видите, после попытки вернуть рисунок в исходный размер, он сильно испортился (стал размытым). Это произошло из-за того, что при уменьшении, фотошоп потерял пиксели, которые ему не нужны в уменьшенном виде. А когда мы растянули обратно, то фотошоп не может сам нарисовать недостающего, поэтому он просто растягивает то, что осталось, вот и появился эффект размытия.
Теперь преобразуем изображение в смарт-объект и повторим эксперимент:
После увеличения изображение совершенно не изменилось и осталось прежним. Это произошло благодаря тому, что в контейнере смарт-объекта сохранились те пиксели, что фотошоп потерял при уменьшении, а когда потребовалось увеличить, программа все восстановила на прежние места.
2. Умные фильтры
К обыкновенным изображениям-слоям можно применять фильтры. Однако, если речь идет о смарт-объектах, тогда и фильтры становятся не совсем обыкновенными, а умными!
Опять обратимся к сравнениям для наглядности. Когда мы применяем фильтры, то слой необратимо изменяется. Например, использовали Размытие по Гауссу — изображение стало размытым и точка. Если что-то не так получилось мы только можем . А если мы осознали свою ошибку слишком поздно, когда уже успели много чего другого добавить к изображению? Как исправить этот фильтр? — Никак. Все переделывать заново.
Другое дело, если мы используем умные фильтры. Вспомните-ка, что я говорил, что такое смарт-объекты? — Это контейнеры, которые хранят в себе всю информацию. Значит они будут хранить и информацию об изображении до применения фильтра, а значит к этой информации можно безболезненно вернуться.
Когда вы применяете любой фильтр, слой со смарт-объектом на палитре будет отображать значок видимости фильтра. Таким образом, его можно в любое время отключить.
3. Редактирование содержимого
При редактировании смарт-объектов есть определенные ограничения. Мы говорили, что можно изменить размер, применить умные фильтры, еще можно трансформировать, деформировать и выделять. Остальные действия, например, рисовать кисточкой, пользоваться ластиком и тому подобное делать нельзя .
А если все-таки очень хочется, тогда нужно перейти в режим Редактирование содержимого .
Кликните правой кнопкой мыши по слою со смарт-объектом, в появившемся меню выберите команду либо кликните 2 раза по миниатюре слоя. В итоге это изображение откроется отдельно в новой вкладке. Там оно будет как самое обыкновенное изображение, которое можно редактировать как хотите.
Самое важное , что после того, как вы сохраните все изменения, изменится и то изображение, что вы назначали смарт-объектом.
Вот, что произошло : когда вы создаете смарт-объект, фотошоп создает из него отдельный файл, который хранится в системных папках программы. Такой файл имеет расширение PSB. То есть смарт-объект — это отдельный файл (это важно).
Выбрав команду Редактирование содержимого , вы перешли к редактированию самого файла в расширении PSB. Поэтому, все изменения сначала записываются в этот файл. А поскольку другие вкладки с документами содержат в себе этот файл, они автоматически обновляются и всегда показывают актуальное содержимое файла.
Этот механизм можно применить как к одному смарт-объекту, так и к группе. Выберите два и более слоя на палитре, кликните правой кнопкой по ним и выберите команду Преобразовать в смарт-объект . В итоге вы получите только один слой, которой как бы их , но на самом деле, если перейти в режим редактирования содержимого, то вы увидите все эти слои в отдельности.
4. Создание связанных копий
Механизм работы файла PSB я не зря расписал. По сути, все свойства работают отталкиваясь именно от этого. Если вы поняли как он работает, то не составит труда понять и принцип действия очередного свойства — создание связанных копий.
Фотошоп позволяет сделать копии смарт-объекта на палитре слоев и, когда вы будете редактировать содержимое оригинала, все изменения будут автоматически отображаться на ваших копиях. Такие копии создаются комбинацией клавиш Ctrl+J или путем перетаскивания слоя на маленькую иконку Создать новый слой .
Также можно сделать несвязанные копии, то есть на таких не будут отображаться все вносимые изменения в оригинал. Чтобы это сделать, нажмите правой кнопкой по слою со смарт-объектом и выберите команду Создать смарт-объект путем копирования .
5. Экспорт и импорт содержимого
Чтобы мы не делали, но содержимое смарт-объекта — это всегда картинка. Так вот эту картинку отдельно от всего целикового изображения можно сохранить в файл. Выберите команду Экспортировать содержимое , появится окно, в котором вам предложат выбрать в хотите сохранить картинку и в каком месте на вашем компьютере.
Еще есть команда, которая действует наоборот — Заменить содержимое . Выберите ее, чтобы вместо одного изображения вставить совсем другое. Причем все настройки, фильтры, коррекции и так далее останутся неизменными.
Фотографы таким образом создают шаблон-контейнер с настройками коррекции, в который только подгружают новые фотографии.
Когда вы больше не нуждаетесь в особенностях смарт-объектов или хотите просто перейти в привычный режим редактирования изображения, выберите команду — Растрировать слой .
Как создать смарт-объекты в фотошопе
Смарт-объекты очень просто создать. Существует несколько способов как это можно сделать.
1 Способ
Нажмите правой кнопкой мыши по слою, содержащему нужную картинку. Появится меню, в котором выберите команду Преобразовать в смарт-объект .
2 Способ
Можно открыть любую картинку как смарт-объект через меню Файл — Открыть как смарт-объект…
3 Способ
В случаях, когда нужно к уже открытому изображению добавить еще одно, можно воспользоваться командой меню Файл — Поместить . Откроется окно, в котором укажите путь до картинки. Эта картинка добавится как смарт-объект, причем фотошоп сразу предложит отредактировать ее размер, наклон и местоположение.
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!
В данном уроке мы изучим Смарт Обьекты и рассмотрим некоторые из удивительных преимуществ использования смарт-объектов в программе Photoshop.
Смарт-объекты являются неотъемлемой, и в то же время независимой частью процесса редактирования слоя в Photoshop. По своему существу Смарт-объекты можно представить как отдельный файл Фотошопа, который размещается в текущем файле. Т.е. они являют собой «группирующий» слой, который может содержать другие растровые или векторные изображения. И который позволяет сохранить исходное изображения со всеми его начальными характеристиками.
Использование смарт-объектов, например в веб-дизайне, позволяет легко вставлять содержимое, обновлять его, и не нарушать при этом отдельный макет или весь дизайн.
Преимущества «Умных Объектов»
Есть несколько преимуществ от использования смарт-объектов, а самые основные следующие три:
- Простота обновления содержимого
Если вы трансформируете Смарт-Обьект, например, и применяете преобразование, оригинал преобразования будет по-прежнему доступен, если вам нужно настроить трансформацию позже. При замене содержимого смарт-объекта все операции масштабирования, деформации и эффекты, примененные к первому смарт-объекту, сохраняются.
Если вы дублируете Смарт-объекты обычным способом в документе Photoshop, то связка будет затрагивать исходный файл. Это означает, что вы можете дублировать смарт-объект несколько раз, и вы сможете обновить позже их все вместе, просто изменив один исходный файл. Это называется «Связанные Смарт-объекты». Они особенно удобны, когда исходники нужно повторно использовать в других проектах.
Заменить содержимое смарт-объекта довольно просто. Все, что вам нужно сделать, это дважды кликнуть на иконке слоя и отредактировать исходный файл.
- Редактирование изображения без потери исходных данных или качества.
Работа с растровыми изображениями в Фотошоп довольно сложная, поскольку даже самые простые манипуляции, такие как использование инструмента «Свободное Трансформирование », могут привести к потере качества исходника. Когда же вы «переключаете» растровый слой в Smart Object, Фотошоп сохраняет встроенный или связанный файл, в котором он хранит информацию, необходимую для исходного изображения. Таким образом, будет сохранено первоначальное качество изображения, которое не будет зависеть от того, сколько раз вы применяли трансформации к слою. Это похоже на работу с векторами, но с той разницей, что масштабирование Смарт-объектов больше за их оригинальный размер, по-прежнему будет приводить к некоторой пикселизации и потере качества. Но если вы будете работать в пределах оригинального размера – потеря качества вам не грозит!
- Умные фильтры
Использование Smart Filters (Умных фильтров) в смарт-объектах гораздо лучше обычных, «разрушающих», Фильтров. Эти редактируемые эффекты могут суммироваться и регулироваться индивидуально. При применении фильтра к смарт-объекту, смарт-фильтр (с маской) будет встроен. Фильтры сами по себе могут быть изменены и отредактированы.
Создание смарт-объектов
Смарт-объект можно создать из слоя несколькими способами: например, из панели слоев правой кнопкой мыши на слое и выбрав “Convert to Smart Object ” («Преобразовать в Смарт-объект»), или через меню Слой — Смарт-объекты — Преобразовать в Смарт-объект, или при импорте файла выбрав команду «Открыть как смарт-объект». Индикатором того, что данный слой является Смарт-объектом, выступает небольшой прямоугольник в правом нижнем углу на иконке слоя.
Преобразование текстовых слоев в смарт-объектах
Текстовые слои можно масштабировать, искажать и поворачивать без их растеризации, и лучшим способом для этого будет превращение их в смарт-объекты. Это позволит манипулировать их и не потерять доступ к редактируемому тексту внутри источника Смарт-объекта.
Небольшой пример: Создаем макет-презентацию респонсивного дизайна
Наша задача состоит в том, чтобы представить вновь созданный сайт с помощью небольшого макета-презентации, на котором мы визуализируем отображение сайта на различных устройствах. Другими словами, покажем, что наш сайт респонсивный и он хорошо отображается на разных девайсах.
Для этой цели мы решили использовать скриншоты макета сайта и задействовав Смарт-объекты в Фотошопе. Также нам понадобится мок-ап (муляж, заготовка) с изображением этих самых девайсов (мы решили использовать Mock-Up ноутбука). Изучите статью , чтобы самостоятельно найти себе мок-ап.
- Откройте макет устройства и с помощью удобных вам инструментов (например, Прямоугольное выделение – горячая клавиша M) выделите его экран и скопируйте его на новый слой. Поскольку наш экран не совсем прямоугольный, мы воспользовались инструментом Перо (P). Позже мы будем использовать слой с экраном в качестве маски для Смарт-объекта.
- Откройте скриншот сайта. Перетащите скриншот в макет PSD. Поместите его над слоем с экраном. Нажмите на слое правой кнопкой и выберите пункт «Преобразовать в Смарт-объект». Важно: Не изменяйте размер слоя до его преобразования в Smart Object.
- Теперь вы можете изменить размер скриншота так, чтобы он соответствовал ширине экрана рабочего стола. Используйте инструмент «Свободное трансформирование» — Ctrl+T. Или, если экран девайса находится не под прямым углом, инструмент Наклон (Редактирование – Трансформация – Наклон ).
- Теперь обрежем скриншот так, чтобы он полностью соответствовал размеру экрана. Для этого мы воспользуемся слоем с экраном в качестве маски. Зажмите клавишу Alt и наведите курсор мышки между слоями Экран и Скриншот. Когда появится стрелочка с квадратом, кликните левой кнопкой – так вы создадите обтравочную маску и все, что выходит за размеры слоя Экран, будет скрыто. Обтравочную маску вы можете также создать Alt+Ctrl+G .
Вот и все! Если в вашем макете-презентации несколько устройств, использование Смарт-объектов позволит сохранить качество исходного скриншота и трансформировать его неограниченное количество раз.
Смарт-объекты являются невероятно мощным инструментом в Фотошопе. Они могут быть использованы для ускорения рабочего процесса, сохранения исходного качества изображений, а также уменьшения размера итогового файла.
Надеемся, что данный урок был вам полезен и вы узнали что-то новое для себя.