Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров

Автор: sondar | Категория: Уроки Photoshop » Креатив | 7-09-2015, 20:31
Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров

(то, что мы будем создавать)

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

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

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

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


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

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 2
Для наших целей важно выделить один слой – “экран”. Это должен быть прозрачный слой с залитым сплошным цветом прямоугольником, равным размеру экрана мобильного телефона.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Для создания этого слоя можно аккуратно выделить область существующего экрана при помощи инструмента Прямоугольная область (Rectangular Marquee Tool (M)), и выполнить ее заливку на новом слое, расположенном над слоем с телефоном. Чтобы точно подогнать выделенную область под размеры экрана телефона, можно воспользоваться инструментом трансформации выделенной области (Transform Selection), расположенном в меню Выделение (Select). Для заливки можно использовать любой цвет на ваше усмотрение. Этот прямоугольник все равно не будет виден на законченном изображении.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


2. Подготовка смарт-объекта

Шаг 1
Бросьте выбранное фото на свой рабочий psd-файл. Это должно быть фото с достаточно большим разрешением, так, чтобы оно могло заполнить весь фон без ручного увеличения размера. Сместите этот слой на самый низ палитры слоев. В качестве дополнительного шага можете переименовать этот слой в “Сцену”.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 2
Преобразуйте слой со Сценой в смарт-объект. Это можно сделать несколькими способами:
1. Пройдите в меню Слои > Смарт-объект > Преобразовать в смарт-объект (Smart Objects > Convert to Smart Object)
2. Кликните по этому слою ПКМ, и выберите в контекстном меню пункт Преобразовать в смарт-объект (Convert to Smart Object).
3. Разверните выпадающее меню палитры слоев и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object)

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


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

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров

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

Шаг 4
Переместите созданную копию поверх слоя с Экраном. Активируйте свободную трансформацию (Ctrl+T), и подкорректируйте размер этого изображения так, чтобы оно слегка перекрывало границы экрана.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 5
Вытравите копию смарт-объекта Сцена на слое с экраном. Эта операция замаскирует часть изображения, выходящую за границы экрана, но фактически оно обрезано не будет. Итак, выделите сначала слой с копией Сцены, затем разверните выпадающее меню палитры слоев и выберите пункт Создать обтравочную маску (Create Clipping Mask). Вместо этого меню, так же, можно воспользоваться сочетанием клавиш Ctrl+Alt+G.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


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

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров

(наведите курсор на линию разделения слоев при нажатой клавише Alt, и как только он поменяет вид - кликайте)

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

3. Добавление и редактирование смарт-фильта
Шаг 1
Выделите смарт-объект с фоном сцены. Пройдите в меню Фильтр > Размытие > Размытие по Гауссу ( Filter > Blur > Gaussian Blur). Задайте такой Радиус размытия, чтобы фоновое изображение стало как бы расфокусированным.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 2
Когда вы применяете к смарт-объекту какой-либо фильтр, то он создается под смарт-объектом в виде смарт-фильтра со встроенной слой-маской.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 3
Чтобы изменять интенсивность эффекта фильтра, вы можете редактировать его маску, либо – непосредственно его настройки. В данном случае нам нужно сделать передний план фона чуть более резким, так как он ближе к наблюдателю.

Выделите на палитре слоев маску смарт-фильтра. Тонкая двойная линия по контуру иконки маски подскажет вам, что она стала активной. Выберите инструмент Градиент (Gradient Tool (G)) и убедитесь, что на панели опций в верхней части окна программы установлен линейный черно-белый градиент. Наложите градиент вертикально, так, чтобы черная его часть начиналась от нижнего края маски. Как и в остальных случаях работы с масками, помните: черный – скрывает, белый – проявляет.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров

(наложите черно белый градиент на маску смарт-фильтра)

Вы можете увидеть наложенный градиент на иконке смарт-фильтра на палитре слоев.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Кликнув по иконке маски при нажатой клавише Alt, вы можете увидеть на экране саму маску. Повторным кликом по маске с зажатой Alt, можно снова переключиться в обычный вид.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


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

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 5
Замечательной особенностью фильтров является то, что они недеструктивны. Вы можете бесконечное число раз менять их настройки, не изменяя при этом пиксели оригинального изображения. Допустим, вам захотелось сделать эффект размытия еще более эффективным. Для этого достаточно двойным кликом по названию смарт-фильтра на палитре слоев, вызвать окно его настроек, внести желаемые изменения, и нажать ОК.

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

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров

(двойным кликом на названию фильтра на палитре слоев можно вызвать окно его настроек, и изменять их бесконечное число раз)

Шаг 6
Так же можно изменять режимы наложения смарт-фильтров, делая их еще более интересными. Справа от названия смарт-фильтра на палитре слоев имеется иконка, напоминающая по виду два слайдера. Двойным кликом по ней, можно получить доступ к параметрам наложения.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Выберите в раскрывшемся списке режим наложения. Здесь можно так же регулировать Непрозрачность (Opacity). Большая часть этих режимов совсем не подходит для нашей сегодняшней работы, но это вовсе не мешает вам развлечься, экспериментируя с ними.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


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

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров

(чтобы изменить смарт-объект, дважды кликните по нему)

Шаг 2
Смарт-объект открывается в виде отдельного файла с расширением .psb

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 3
Здесь я поверх существующего фото набросал еще несколько пейзажей. И ничего страшного, если смарт-объект будет иметь несколько слоев. Это нормально.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 4
Сохраните и закройте .psb-файл. Теперь на экране мобильного и на фоне появилось совсем другое изображение. Это сработало потому, что смарт-объект на экране мобильного – это копия оригинального смарт-объекта.

Создание в фотошопе имитации снимка камерой мобильного телефона при помощи смарт-объектов и смарт-фильтров


Шаг 5
В зависимости от особенностей нового изображения, вы можете корректировать степень размытия или же расположения градиента на маске смарт-фильтра.

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


 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:


Просмотров: 61788 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.