В этом уроке Фотошоп вы узнаете, как создать из абсолютно любого изображения головоломку с эффектом паззлов. Используя стили слоя, обтравочные маски и инструменты создания векторных фигур, мы воплотим оригинальную идею в реальность.Давайте начнем!

Превью финального результата:


 

Шаг 1.

Создаем в Фотошоп новый документ (Ctrl+N) размером 560×400 px в режиме RGB разрешением 72 рх/дюйм и белым фоном.


 

Шаг 2.

Сразу создаем новую группу, нажав снизу панели слоев иконку папки (Create a new group Icon).


 

Шаг 3.

Выбираем инструмент Прямоугольник (Rectangle Tool) в режиме слой-фигуры (иконка рамки в верхнем меню) и вызываем линейки (Ctrl+R). Нажав по линейкам пр.кн.мыши, выбираем единицы измерения – пиксели. Рисуем квадрат размером 50х50 рх по центру документа, удерживая клавишу Shift. Цвет для фигуры можете установить любой, это не имеет значения.


 

Шаг 4.

Растрируем слой с квадратом, нажав пр.кн.мыши по его миниатюре и выбираем из меню - Rasterize Layer (Растрировать слой).

Теперь выбираем инструмент Эллипс (Ellipse Tool) и рисуем круг размером 20х20 рх, удерживая Shift. Цвет круга должен быть тот же, как и цвет квадрата.

Поместите круг над верхней гранью квадрата так, чтобы 15 рх круга выходили за пределы квадрата, а остальные 5 рх соприкасались с квадратом.


 

Шаг 5.

Дублируем слой с кругом (Ctrl+J), и перемещаем дубликат на нижнюю грань квадрата инструментом Перемещение(Move Tool) так, чтобы нижние 5 рх круга выходили за пределы квадрата, а верхние 15 рх остались на плоскости квадрата. Для наглядности примера, я обозначил дубликат круга красным цветом.


 

Шаг 6.

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


 

Шаг 7.

Объединяем слои с последними двумя кругами, предварительно выделив их в панели слоев (Ctrl+клик по миниатюрам слоев, затем Ctrl+E). Переходим на слой с квадратом и загружаем выделение объединенного слоя с кругами(Ctrl+клик по и иконке этого слоя).
Удаляем на слое с квадратом выделенные области, нажав Delete. Снимаем выделение (Ctrl+D). Объединяем квадрат со слоями верхнего и нижнего кругов в одну фигуру (Ctrl+клик по миниатюрам слоев, затем Ctrl+E).


 

Шаг 8.

Приступаем к самой трудоемкой части урока. Вы должны дублировать множество раз нашу фигуру паззла (Ctrl+J) и распределить дубликаты по всему документу. Выступы одних паззлов должны находиться внутри вырезов других фигур.


 

Шаг 9.

Теперь, открываем любую фотографию и вставляем ее в наш документ (Ctrl+A, Ctrl+C (копировать), Ctrl+V(вставить)).


 

Шаг 10.

Переходим на первый слой с фигурой паззла и добавляем на него эффект Тиснения (Bevel and Emboss), открыв Стили слоя (Layer-Layer Style- Bevel and Emboss). Выполняем настройки со скриншота ниже.


 

Шаг 11.

Копируем стиль со слоя паззла с тиснением клик пр.кн.мыши по миниатюре слоя с паззлом и выбираем из меню - Copy Layer Style, затем переходим на миниатюры других слоев с паззлами и снова нажимаем пр.кн.мыши по ним, выбирая - Paste Layer Style (вставить стиль слоя).
 

Шаг 12.

Теперь, копируем слой с изображением города столько раз, сколько у вас слоев с паззлами (Ctrl+J). Распределяем копии над каждым слоем с фигурой. Вы можете ускорить процесс копирования, удерживая Alt и перетаскивая в панели слоев оригинал изображения над слоями с паззлами.


 

Шаг 13.

Далее, мы поместим на каждый паззл часть изображения города. Для этого, на каждом слое с городом создаем Обтравочную маску (Clipping Mask). Просто, удерживая Alt, наведите курсор между слоем с городом и слоем с паззлом. При появлении иконки двух колец, сделайте клик, чтобы создать обтравочную маску.


 

Шаг 14.

В результате ваших действий получится панно-головоломка.


 

Шаг 15.

Теперь, объедините каждый отдельный слой города с его обтравочной маской вместе, нажав Ctrl+E.

Выберите некоторые фигуры из панно и сдвиньте их в сторону инструментом Перемещение (Move Tool). Используя Трансформирование (Edit-Transform или Ctrl+T), поверните выбранные паззлы в любом направлении, имитируя их свободное положение поверх картинки. Добавьте тень на каждую сдвинутую фигурку, используя в Стилях слоя (Layer-Layer Style) параметр Тень (Drop Shadow).


 

Шаг 16.

Все паззлы у нас находятся в группе. Дублируем группу клик пр.кн.мыши по миниатюре группы и выбираем из меню – Создать дубликат группы (Duplicate Group). В диалоговом окне дубликата вы можете не водить его название, просто нажмите Ок. Объединяем все слои дубликата группы, нажав на ее миниатюре Ctrl+E, а затем перетягиваем этот слой под слой с оригиналом группы, нажав Сtrl+[. Добавляем Тень (Drop Shadow) к изображению, открыв Стили слоя (Layer Layer Style- Drop Shadow) и выполняем настройки со скриншота ниже:



Получаем вот такой финальный результат:



Этот простой и оригинальный эффект добавит вашим снимкам неповторимую изюминку. Удачи!
 

Используемые материалы:

К сожалению, автор урока не предоставил исходного фото, но вы можете найти подобные изображения на любых бесплатных сток-ресурсах, например Stock.xchng. Я могу предложить для работы следующее изображение высотных зданий в Сиднее