Спецэффект разделения фото на полоски

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

Вот изображение, которое я буду использовать для этого урока:

1

В вот что получится в результате:

эффект разделения фото на независимые полосы

Итак, начнём.

Шаг 1: Добавляем корректирующий слой сплошной цвет (Solid Color)

Нажмите на значок добавления корректирующего слоя (Adjustment Layer) и добавьте слой "Цвет" (Solid Color):

2

В результате откроется цветовая палитра, где Вы выберите белый цвет:

4

Нажмите OK, чтобы закрыть окно выбора цвета. Теперь Ваш документ заполнится белым цветом.

В панели слоёв мы видим вновь появившийся белый цвет заливки:

3

Шаг 2: создаём дубликат фонового слоя и поднимаем его наверх

Перейдём на фоновый слой и создадим его дубликат, нажав комбинацию Ctrl+J:

4

Сейчас у нас активен дубликат фонового слоя. Поднимите его наверх в панели слоёв, для этого нажмите комбинацию Ctrl+] (правая квадратная скобка), теперь панель выглядит так:

5

Шаг 3: Работа с инструментом "Прямоугольник" (Rectangle Tool)

На инструментальной палитре выбираем инструмент "Прямоугольник" (Rectangle Tool)

rectangle tool

А затем в панели параметров выбираем для него опцию "Фигура" (Shapes):

6

Шаг 4: Создаём первую вертикальную полосу

С помощью инструмента "Прямоугольник" создайте вертикальную полосу, как показано на рисунке. Далее мы собираемся добавлять подобные полосы слева направо по всему изображению. Сейчас я нарисую полосу на левой стороне лица человека (пока не беспокойтесь о цвете полосы):

7

Шаг 5: Немного развернём полосу с помощью "Свободной трансформации" (Free Transform)

Активируем bycnhevtyn "Свободную трансформацию", нажав на Ctrl+T и поворачиваем полоску:

8

Шаг 6: Перемещаем слой-копию лица на верх панели слоёв

Если мы посмотрим на панели слоёв, то заметим, что наш добавленный слой с фигурой (у меня он назван "Прямоугольник 1), находится на самом верху панели:

9

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

10

Шаг 7: Создаём обтравочную маску

Кликните по верхнему слою для его выбора, затем зажмите клавишу Alt и подведите курсор мыши между верхним слоем и слоем с полоской, при этом курсор изменится:

11

Нажмите на курсор, после чего верхний слой превратится в обтравочную маску, а окно рабочего документа будет выглядеть так:

12

Шаг 8: Добавляем несколько простых стилей слоя к слою с полоской

К слою с полоской добавьте стиль слоя "Тень" и "Обводку" с настройками по вкусу, только у обводки нужно заменить чёрный цвет на белый и увеличить размер (Size) до двух пикселей.

Вот что получилось в результате:

13

Шаг 9: Выбираем оба верхних слоя и создаём из них группу

Зажмите клавишу Ctrl и кликните по обеим верхним слоям, при этом они подсветятся синим:

14

Теперь нажмите комбинацию Ctrl+G, и эти слои будут объединены в группу:

15

Итак, мы сейчас имеем две группы слоёв:

16

Шаг 10: Откройте верхнюю группу слоёв и выберите в ней слой с фигурой

17

Активируйте "Свободную трансформацию, переместите фигуру вправо, и несколько наклоните её. У вас должно получиться что-то вроде этого:

18

Попробуйте поставить вторую панель либо чуть выше или чуть ниже, чем оригинальная панель, чтобы добавить больше визуального интереса. Кроме того, можно повернуть панель в противоположном направлении, Здесь я поместил мою вторую панель немного выше первой, и повернул по часовой стрелке. Когда вы закончите, нажмите Enter чтобы принять изменения и выйти из "Трансформации":

19

Надеюсь, принцип понятен? Таким образом, продолжайте дальше. пока на получится что-то вроде этого:

эффект разделения фото на независимые полосы

На этом всё, надеюсь, урок был интересен.

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

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