Как сделать пазл в фотошопе

Создаём эффект пазлов в Photoshop

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

Как мы увидим далее, большая часть работы по созданию эффекта пазлов уже сделана для нас благодаря штатному фильтру Photoshop “Текстуризатор” (Texturizer) и бесплатным текстурам, которые Вы можете загрузить самостоятельно, подробнее о загрузке добавочных текстур и фильтров рассказывается здесь.

Но мы сделаем несколько больше, чем просто добавление фильтра, правда, для этого придётся немного поработать инструментом “Перо” (Pen Tool) для вырезания отдельных фрагментов мозаики.

Для работы в этой статье я буду использовать фотографию автомобиля mazda CX5:

И вот что я получу в итоге:

Итак, давайте приступим.

Открываем фотографию в Photoshop, и, первое, что нам нужно сделать, это создать копию фонового слоя этой фотографии, для того, чтобы всегда иметь под рукой незатронутый изменениями оригинал. Для этого надо всего-лишь нажать комбинацию клавиш Ctrl+J. Если теперь мы посмотрим в панель слоёв, то увидим в ней два имеющихся слоя, фон и копию:

Хорошим тоном при работе в Photoshop считается придание слоям названий с описательными именами. Имена слоёв, дающие информацию о слое, могут быть не столь важным, когда вы работаете не более, чем с несколькими слоями, но не редко бывают ситуации, когда в одном документе Photoshop используются 50, 100 и более слоёв, и если все ваши слои имеют названия типа “Layer 1”, “Слой 56” или “Слой 83 Копия 4”, то вы будете испытывать некоторые затруднения.

В моём случае, я переименую “Слой 1” в “Puzzle”.

Далее нам необходимо добавить новый пустой слой ниже “Puzzle”. В настоящее время в панели слоёв у нас выбран “Puzzle” (подсвечен синим цветом). Как правило, всякий раз, когда мы добавляем новый слой, Photoshop автоматически ставит его выше слоя, активного на данный момент. Для добавления нового слоя ниже активного, зажмите клавишу Ctrl и кликните по кнопке добавления нового слоя:

Зальём новый слой чёрным. Для этого сперва нажмём клавишу клавиатуры “D”, чтобы цвета на палитре цветов стали дефолтными (чёрный – основной, белый – фоновый), а затем нажмём комбинацию клавиш Alt+Delete, чтобы залить слой основным. т.е. чёрным цветом.

Заодно переименую его в “Background color”, т.к. этот слой будет отображать цвет фона. В окне рабочего документа никаких изменений не отобразится. т.к. видимость слоя “Background color” перекрывается верхним слоем с фотографией, но в панели слоёв сразу видны изменения:

Теперь необходимо выбрать слой, к которому мы будем добавлять текстуру пазлов, для этого кликаем по слою “Puzzle”:

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

Для картинки размером 900 на 600 пикселей я применил следующие настройки:

Текстура (Texture) – Puzzle
Масштаб (Scaling) – 100%
Рельеф (Relief) – 9
Свет (Light) – Вверху справа (Top Right)

Параметры показаны на картинке:

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

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

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

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

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

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

Узнайте, как создать эффект пазла в Photoshop

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

Шаг 1

Откройте любое изображение в нашем случае будет девушка на пляже. Сначала создадим слой, на который мы разместим наш пазл. Создайте новый слой, нажав Ctrl + Shift + Alt + N и залейте его светло-серым цветом (# a2a2a2). Назовите этот слой “фон”.

Шаг 2

Выберите инструмент Brush Tool (B) и выберите черный цвет – как цвет переднего плана. Опустите непрозрачность кисти до 10% и DAB по краям нашего недавно созданного слоя несколько раз для того, чтобы добавить некоторые вариации.

Шаг 3

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

Переместите этот слой над слоем “Background”, нажав Ctrl +] или просто перетащив слой с помощью мыши.

Шаг 4

Теперь нам нужно применить пазл текстуру к нашему изображению. В Photoshop CS6 Adobe нет определенных установок, поэтому мы должны загрузить и установить их вручную. По этой ссылке можно скачать папку плагинов. Откройте архив (это архив, нужно иметь Winrar или Winzip) и откройте папку Presets. Внутри этой папки будет папка текстуры – откройте ее. В ней есть файл с именем “Puzzle.psd”. Перетащите его на рабочий стол и запомните его место расположение.

Шаг 5

Возвращаемся к нашему изображению “девушка на пляже”, выберите Фильтр > Галерея фильтров, далее Текстура> Texturizer и нажмите на иконку со стрелкой, указывающей вниз для загрузки пользовательских текстур. Выберите “Jigsaw.psd” файле который вы скачали выше.

Выберите следующие настройки и нажмите кнопку ОК. У Вас должно получиться что-то похожее на результаты ниже.

Шаг 6

Далее сделаем наш пазл более реальным, скрывая определенные части. Для того, чтобы скрыть часть нашего слоя нам необходимо, сделать выделение нужной области. Стандартные инструменты выделения (Quick Selection Tool,, Lasso Tool) будут крайне неэффективными, поскольку кусочки головоломки имеют размытые края поэтому, мы должны использовать более продвинутый способ выбора, будем использовать Pen Tool, выберите Pen Tool (P) и сделайте как показано ниже:

Шаг 7

Нажмите Ctrl + Enter, чтобы преобразовать путь в выделение.

Нажмите на картинку слоя в палитре слоев, чтобы сделать его активным и добавьте маску слоя, выбрав Layer> Layer Mask> Reveal All.

Шаг 8

Нажмите D, чтобы сбросить цвета по умолчанию и кликните по маске слоя, чтобы сделать его активным. Теперь нажмите Ctrl + Backspace, чтобы залить выделение черным цветом.

Шаг 9

Далее повторяем тоже самое на остальной части нашей картинки, смотрите как это сделано внизу.

Шаг 10

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

Фотоэффект пазла для вашей фотографии

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

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

Шаг 1.
Откройте изображение “Пляж”. Давайте создадим слой, на котором будем размещать наш пазл. Создайте новый слой, нажав Ctrl+Shift+Alt+N и залейте его светло-серым цветом #a2a2a2. Назовите этот слой “Задний фон”.

Шаг 2.
Выберите Инструмент Кисть, черный цвет. Понизьте непрозрачность кисти до 10% и немного добавьте темного цвета по краям изображения (на слое, который был создан в 1 шаге).

Шаг 3.
Дважды кликните по слою с пляжем, нажмите ОК. Это сделано для того, чтобы вы смогли легко перемещать все слои между собой. (Фоновый слой создается по умолчанию программой Photoshop. Этот слой является закрытым и имеет некоторые ограничения, например, помещать этот слой выше или ниже других).

Поместите слой с пляжем над слоем “Задний фон”.

Шаг 4.
Теперь нам нужно добавить текстуру пазла в Фотошоп. Adobe Photoshop CS6 не предоставляет нам эти текстуры, поэтому нужно загрузить их вручную. Пройдите по этой ссылке и загрузите плагин. Откройте архив (для этого у вас на компьютере должен быть установлен WinRAR) и откройте папку Presets. Внутри этой папки расположена папка Textures – откройте ее. Внутри вы увидите файл, названный “Puzzle.psd”. Переместите этот файл на рабочий стол.

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

Настройте эту текстуру так, как показано ниже и нажмите ОК.

Шаг 6.
Теперь нужно сделать так, чтобы наш пазл выглядел реальным. Для этого мы “оторвем” несколько кусочков. Прежде всего, давайте полностью скроем пазлы в левом ряду. Для этого создадим выделение этих частей. Использование инструментов Быстрое выделение или Лассо будем неэффективным. Мы должны использовать более профессиональный Инструмент – это Перо. Выберите Инструмент Перо (P), и создайте путь, который показан ниже.

Шаг 7.
Нажмите Ctrl+Enter, чтобы создать выделение.

Создайте маску для слоя с пляжем. Для этого Перейдите в Слои- Слой-маска – Показать все.

Шаг 8.
Нажмите D, чтобы сбросить цвета, и кликните один раз по маске слоя, чтобы сделать ее активном. Теперь нажмите Ctrl+ Backspace, чтобы залить выделение черным цветом. Таком образом, мы полностью скроем левую часть пазла.

Шаг 9.
Повторим шаги 7-8 для верхней части пазла, чтобы также скрыть их с помощью слой-маски. Наберитесь терпения, ведь процесс выделения действительно очень сложный.

Шаг 10.
Давайте скроем еще несколько кусочков. Выберите Инструмент Перо, чтобы создать выделение, и повторите шаги 7-8.

Шаг 11.
Выглядит очень неплохо. Но можно сделать еще лучше. Давайте возьмем кусочек пазла и поместим его в другое место на изображении. Выделите нужный пазл с помощью Пера.

Шаг 12.
Не забудьте нажать Ctrl+Enter.

Шаг 13.
Кликните на слое с пляжем, чтобы активировать его. Затем нажмите Ctrl+J, так вы создадите новый слой с выделением, который сделали в предыдущем шаге. Назовите этот слой “Пазл 1”.

Шаг 14.
У нас есть кусочек пазла на новом слое, но этот кусочек еще есть на другом слое, и нам нужно его скрыть. Нажмите на слое с пляжем, и активируйте маску слоя. Теперь нажмите Ctrl+Backspace, чтобы залить выделение на маске черным цветом. Ничего не случилось, но мы можем убедиться, чтобы этот кусочек действительно скрыт, для этого нужно сделать слой “Пазл 1” невидимым, нажав на иконку, которая показана ниже.

Шаг 15.
Повторите шаги 12-14 еще с несколькими кусочками пазла. Слои называйте соответственно “Пазл 2”, “Пазл 3”, “Пазл 4”. Не забывайте скрывать эти кусочки на маске слоя. Ниже можете увидеть мой результат.

Шаг 16.
Теперь нужно “разбросать” эту кусочки. Активируйте слой Пазл 1 и с помощью Инструмента Трансформирование (Ctrl+T), перетащите пазл в любое место. Вот, что сделал я:

Повторите это действие и с другими кусочками.

Шаг 17.
Мы почти закончили. Наш пазл выглядит отлично, но не хватает тени. Давайте добавим ее. Сначала зажмите Ctrl и кликните по маске слоя, чтобы выделить маску.

Создайте новый слой (Ctrl+Shift+Alt+N), затем нажмите Ctrl+Backspace, чтобы залить выделение (не важно каким цветом, у меня получился черный). Назовите этот слой “Тень”.

Шаг 18.
Дважды щелкните на слое “Тень”, чтобы открыть окно стилей слоя. Настройте эффект следующим образом:

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

Шаг 20.
Ура, мы закончили! Если вы хотите, можете добавить текстуру дерева под ваш пазл. Так вы сможете создать иллюзию, что пазл лежит на столе.

Источники:

https://rugraphics.ru/photoshop/sozdayom-effekt-pazlov-v-photoshop
https://3dfox.ru/photoshop-puzzle/
https://basmanov.photoshopsecrets.ru/fotoehffekt-pazla-dlya-vashejj-fotografii/