Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

184 945 чел. 379 937 работ 4 023 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Превращаем портрет в коллаж в Фотошоп

В этом уроке Вы узнаете, как портрет превратить в коллаж из вертикальных панелей. При создании этого урока я использовал версию Photoshop CS5, но Вы можете использовать любую из версий.

Финальное изображение:

Ресурсы урока:

Архив

Шаг 1

Откройте фотографию в Фотошопе и кликните по иконке добавления корректирующих слоев в нижней части палитры Слои:

Выберите корректирующий слой Цвет (Solid Color):

В открывшемся окне выбора цвета выберите белый цвет. Кликните в верхнем левом углу цветовой палитры, чтобы выбрать чистый белый цвет (#ffffff):

Кликните ОК, чтобы закрыть окно выбора цвета. Документ будет залит белым цветом.

В палитре Слои добавленный корректирующий слой (Color Fill 1) располагается над слоем с фотографией:

Кликните по фоновому слою, чтобы сделать его активным:

Теперь копируйте активный фоновый слой (Слой - Новый - Скопировать на новый слой /Layer >New>Layer via Copy) (Ctrl+J).

Дубликат фонового слоя будет располагаться над фоновым слоем:

Нужно переместить копию фонового слоя и поместить ее над корректирующим слоем. Для того, чтобы сделать это быстро, удерживайте клавишу Ctrl и нажмите кнопку закрывающейся скобки (]).

Выберите инструмент Прямоугольник (Rectangle Tool).

После того, как выбран инструмент Прямоугольник (Rectangle Tool), кликните на панели свойств в верхней части экрана по иконке слой-фигуры:

Нарисуйте вертикальную панель. Добавлять панели мы будем слева направо, и первую панель нарисуйте на левой части лица.

Добавим больше визуального эффекта, повернув панель (Ctrl + T). не поворачивайте панель сильно - нам нужен лишь легкий поворот. После поворота, нажмите клавишу Enter, чтобы применить трансформирование.

В палитре Слои слой с фигурой (Shape 1) находится над копией фонового слоя:

Измените порядок слоев: поместите слой с фигурой панели под дубликат фонового слоя. Теперь порядок слоев такой: копия фонового слоя, слой с фигурой панели, корректирующий слой.

Кликните по дубликату фонового слоя, чтобы сделать его активным:

К дубликату фонового слоя примените обтравочную маску (Слой - Создать обтравочную маску / Layer > Create Clipping Mask).

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

В палитре Слои видно, что около копии фонового слоя, к которой добавлена обтравочная маска, есть черная стрелка, направленная вниз, к нижележащему слою. Это говорит о том, что вышележащий слой (слой с обтравочной маской) помещен в контейнер нижележащего слоя.

Шаг 11

Кликните по слою с фигурой панели (Shape 1), чтобы его активировать.

Кликните по иконке стилей слоя (Layer Styles) в нижней части палитры Слои:

Из выпадающего списка стилей выберите Тень (Drop Shadow):

В открывшемся окне настройки стиля слоя установите:
непрозрачность (Opacity): 60%
угол (Angle): 120°
смещение (Distance): 10
размер (Size): 10

После добавления тени панель выглядит так:

Перейдите на вкладку Обводка (Stroke):

Кликните по цветовой палитре (Color), чтобы выбрать цвет обводки:

Выберите белый цвет:

Установите размер обводки (Size) 2 пиксела (если вы работаете с изображением большего размера, выберите размер обводки больше двух пикселов). Позицию обводки установите Внутри (Inside).

Кликните ОК, чтобы закрыть окно стилей. После применения стилей слоя панель будет выглядеть так:

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

Поместите выделенные слои в группу (Слой - Новый - Группа из слоев / Layer > New > Group from Layers).

Назовите группу "Panel".

Оба слоя, которые были выделены, теперь помещены в группу.

Кликните по слою с группой, зажмите левую кнопку мыши и перетащите ее на иконку в виде листа бумаги, чтобы дублировать (Ctrl + J).

Копия группы (Panel copy) будет располагаться над группой-оригиналом.

Поместите группу-дубликат под группу-оригинал (Ctrl + [ ).

Шаг 17

Откройте дубликат группы (нажмите на маленькую черную стрелку). Внутри группы два слоя.

Шаг 18

Внутри группы кликните по слою "Shape 1".

Поверните группу со второй панелью (Ctrl + T).

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

Нужно сделать еще несколько копий группы с вертикальной панелью. Закройте группу, кликнув на маленькую треугольную стрелку:

Сделайте копию группы, перетащив ее на иконку в виде листа бумаги в нижней части палитры Слои (Ctrl + J):

Дубликат появится прямо над той группой, которую мы копировали. По мере создания дубликатов группы, они будут иметь названия Panel copy 3, Panel copy 4 и так далее.

Поместите дубликат группы под все остальные группы (Ctrl +  [ ).

Откройте созданный дубликат группы и кликните по слою Shape 1, чтобы сделать его активным.

Поверните панель (Ctrl + T).

Закройте группу:

Повторите эти шаги, чтобы добавить все панели на фото, чтобы проявить все лицо. Если белый фон кажется Вам большим, его можно обрезать инструментом Рамка ( Crop Tool).

Финальное изображение:

Автор урока: Steve Patterson

 

Комментарии 215

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Вот делал, но чуток по другому:

Спасибо, интересно

Спасибо за очень интересный урок!

Отличный урок, огромное спасибо за превосходное разъяснение к уроку. Супер!

Спасибо, интересно!

Замечательный и очень полезный урок! Спасибо!!!

Спасибо за урок, пригодится.

Спасибо за урок!

Занимательно! Благодарю автора!

Просто и интересно.Спасибо.

Светлана, спасибо за перевод! Отличный эффект!

Еще один вариант и все)))

Не удержалась), Сделала еще парочку..

И вторая)
Спасибо за перевод!

Прикольно)) Спасибо!

Добавить комментарий / работу
Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} Жалоба

Оставить комментарий

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:

Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

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

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules