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

Обновлено: 03.07.2024

В этом посте мы увидим, как превратить наше изображение в кусочки головоломки. Легко превращайте изображение в пазл в Photoshop.

Вот так:

Визуальный шаг за шагом, чтобы превратить изображение в головоломку.
Вы можете вдохновиться созданием видео на Youtube по одной из этих ссылок
Охват зрителей, история успеха

Photoshop не только создает текстуру головоломки, но и фактически разрезает изображение на части головоломки в разных слоях с помощью бесплатного конструктора пазлов Free Puzzle Pieces. Это дает вам полную свободу при работе с кусочками пазла. Итак, вы можете легко превратить изображение в Пазл в Photoshop

Во-первых, вам необходимо скачать дополнение по следующей ссылке

Нажмите бесплатную синюю кнопку в правом верхнем углу.
Вам будет предложено войти в свою учетную запись Photoshop cc
Затем вы приобретете дополнение или снова нажмете бесплатно
Файл будет загружен в вашу папку загрузки.
Это заархивированный файл с именем: "Puzzle_Pieces_Free.zip"
Разархивируйте этот файл в любое место, которое вы можете вспомнить, например,

Adobe Free Puzzle Maker

Во-вторых, настройте его в Photoshop

В строке меню Photoshop выберите «Файл» > «Открыть».
Перейдите в папку, в которую вы распаковали загруженный файл.
Вам нужно найти файл с именем «Puzzle.atn»
Вы найдете его в папке D:\Photoshop\\puzzle_pieces_free\Puzzle Pieces, где D:\Photoshop — это место, где вы распаковали загруженный файл «Puzzle_Pieces_Free.zip»
Нажмите «Открыть». Добавление действий по созданию головоломки в меню действий займет несколько секунд.

В-третьих, попробуйте

Перейдите в меню>Windows>Действия или Alt+F9
Откроется панель "Действия".

Прокручивайте до тех пор, пока не найдете головоломки разных размеров.
Каждая группа кусочков головоломки соответствует соотношению сторон исходного изображения.
Чтобы узнать соотношение сторон изображения, перейдите в меню>Изображение>Размер изображения
Если вы выберете любую головоломку, все будет хорошо, но не идеально в отношении размера отдельных частей.

menu>windows>actions Выберите количество частей пазла

В-четвертых, запустите головоломку

Нажмите «Играть» под боковым меню выбора количества частей головоломки.
Действие головоломки запустится в новом окне и создаст ряд слоев, соответствующих выбранным вами фрагментам головоломки.

Он будет работать в течение нескольких секунд в зависимости от количества выбранных вами фрагментов.
Затем вы сможете настроить параметры Bevel и Drop Shadow для всех слоев одновременно.
Это поможет вам установить границу и эффект каждой части головоломки.
Во время настройки он покажет вам эффект на левой верхней части.

самая верхняя левая часть — демо

Шаг 1. Откройте изображение миньона

Откройте изображение миньона (сначала загрузите изображения, если вы не используете свои собственные фотографии) в Photoshop.

Файл > Открыть > выберите изображение > Открыть

(необязательно) Затем продублируйте изображение, щелкните правой кнопкой мыши слой изображения на панели «Слой» и выберите «Дублировать слой» или используйте сочетание клавиш CTRL + J (CMD для Mac).

Шаг 2. Импортируйте шаблон головоломки

Перейти к файлу > Поместить встроенный > выбрать изображение головоломки > Поместить

Шаг 3. Измените размер изображения головоломки

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

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

Шаг 4. Добавьте режим наложения

Измените режим наложения изображения головоломки с обычного на затемненный.

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

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

Шаг 5: Результат

Поделиться первым

Вы сделали этот проект? Поделитесь с нами!

4 комментария

Действительно четкие инструкции по созданию пазлов из фотографий онлайн! Отличная работа!
Обычно я использую Illustrator, а не PhotoShop, так как чувствую, что у меня больше контроля над линиями разреза. "Одно и то же семейство" программного обеспечения.

Ответить 1 год назад

Я рад, что вам нравится, дети любят такие вещи. Сам я никогда не пользовался Illustrator, хотя он у меня есть, и я даже записался на курс Illustrator Udemy, но у меня просто нет времени даже начать его.

более забавным будет дублировать слой головоломки, а не изменять его размер. Таким образом, у вас будет тонна "границы", которая не будет границей *дьявольский смех*

Ответить 1 год назад

Как я упоминал ранее, шаг для дублирования слоя необязателен. Хорошей практикой является дублирование основного изображения, чтобы вы могли вернуться к нему для справки. Это необязательно, можно пропустить. Однако граница взята из шаблона головоломки. Это не происходит от дубликата. Инструмент обрезки обрезает части со всех слоев, а не только с верхнего. После этого пазл нужно распечатать, а затем вручную вырезать все части, так что «граница», которую вы там видите, все равно будет обрезана.

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

Попутно вы научитесь пользоваться инструментом «Перо», несколькими техниками стилизации слоев и применением фильтров. Я также покажу, как вы можете создать свой собственный шаблон головоломки, выполнив несколько простых шагов. Итак, приступим!

Ресурсы:

Конечный результат:

Шаг 1

Откройте фотографию в Photoshop.

Шаг 2

Дублируйте слой изображения, выбрав «Слой» > «Дублировать слой». Мы применим эффект головоломки к этому дублированному изображению и сохраним исходное изображение под ним в качестве резервной копии.

Шаг 3

Перед тем как продолжить, мы внесем некоторые коррективы в цвет изображения. Щелкните значок «Создать новый слой-заливку или корректирующий слой» в нижней части панели слоев и выберите параметр «Цветовой баланс». Примените следующие настройки для полутонов, теней и бликов. Когда вы закончите, объедините дублированное изображение и слои цветового баланса. Для этого выберите оба слоя и нажмите Ctrl + «E».

Шаг 4

Далее мы придадим изображению текстуру. Нажмите на слой изображения, чтобы выбрать его, перейдите в «Фильтр» > «Галерея фильтров» > «Текстура» > «Текстуризатор» и примените следующие настройки. Назовите этот слой как «Текстурированный».

Шаг 5

Сейчас я покажу вам, как сделать шаблон головоломки. Создайте новый слой, выбрав «Слой» > «Новый слой». Выберите инструмент «Перо» (режим «Инструмент»: «Форма»), установите для заливки значение «нет» и обводку на 0,5 пункта чисто черного цвета на верхней панели свойств. Нарисуйте штрих, показанный ниже.

Шаг 6

Растрируйте слой с обводкой, выбрав «Слой»> «Растрировать»> «Форма». Дублируйте слой с обводкой и отразите его по горизонтали, выбрав «Правка» > «Трансформировать контур» > «Отразить по горизонтали». Соедините оба слоя с обводкой друг над другом с помощью инструмента «Перемещение» («V»). Теперь выберите оба слоя с обводкой и объедините их, нажав Ctrl+ «E».

Шаг 7

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

Шаг 8

Дублируйте слой с обводкой, отразите его по горизонтали и расположите, как показано ниже.

Объедините эти два слоя с обводкой, продублируйте и перетащите их вправо. Повторяйте ту же технику, пока не покроете весь холст. Когда вы закончите, объедините все слои с обводкой и назовите объединенный слой «Вертикальные обводки».

Шаг 9

Дублируйте слой «Вертикальные штрихи» и поверните его на 90⁰, выбрав «Редактировать» > «Трансформировать» > «Повернуть на 90⁰». Расположите его, как показано ниже, чтобы завершить шаблон головоломки. Таким образом, из простого сегмента можно составить полную головоломку.

Шаг 10

Я сделал пустой шаблон головоломки, используя ту же технику, что и выше. Вы можете пропустить шаги 5-9, если хотите использовать вместо этого шаблон. Загрузите файл PNG из учебных ресурсов, перейдите в «Файл»> «Поместить» и выберите файл PNG с пустым шаблоном головоломки. Это поместит головоломку в документ, над которым вы работаете. Вы можете настроить размер головоломки в соответствии с вашим изображением, используя инструмент свободного преобразования (Ctrl + «T»).

Шаг 11

Далее нажмите Ctrl +, чтобы выбрать его. После этого перейдите в «Выбор»> «Инверсия». Теперь щелкните слой с текстурой, пока выделение еще активно, и нажмите Ctrl + «C», чтобы скопировать его. Нажмите Ctrl + «V», чтобы вставить выделение на новый слой. Назовите этот слой «Photo Puzzle». Скройте остальные слои, кроме этого.

Шаг 12

Дважды щелкните слой «Фотоголоволомка» и примените следующие настройки для «Скос и тиснение» и «Тень».

Шаг 13

Наша головоломка пока выглядит довольно аутентично. Тем не менее, мы можем улучшить его еще больше. Выберите инструмент «Перо» (режим «Инструмент»: «Форма»), установите для заливки любой желаемый цвет и обводку на «нет». Нарисуйте форму кусочка головоломки, который вы хотите переместить.

Шаг 14

Нажмите Ctrl +, чтобы выбрать его. Теперь нажмите на слой «Photo Puzzle» и выберите «Edit» > «Clear». Создайте новый слой под слоем «Фотоголоволомка» и залейте его чистым белым цветом с помощью инструмента «Ведро с краской».

Шаг 15

Еще раз выделите слой с кусочком головоломки. Теперь сделайте слой с текстурой видимым, нажмите Ctrl + «C», чтобы скопировать на него выделение, и нажмите Ctrl + «V», чтобы вставить его на новый слой. Поместите этот вырезанный фрагмент пазла над слоем «Фотопазл».

Шаг 16

Щелкните правой кнопкой мыши слой «Фотопазл», выберите параметр «Копировать стиль слоя», затем щелкните правой кнопкой мыши слой фрагмента пазла и выберите «Вставить стиль слоя», чтобы применить к нему те же эффекты. Дважды щелкните и измените настройки тени на части головоломки.

Немного поверните этот фрагмент с помощью инструмента свободной трансформации (Ctrl + «T») и расположите его так, как вам нравится.

Шаг 17

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

Все, ребята. Надеюсь, вы узнали что-то интересное. Делитесь своими мыслями!

Превращение фотографии в мозаику не должно вызывать головоломок. Самое сложное — нарисовать дизайн мозаики в Illustrator, но, к счастью, я сделал это за вас — и вы можете скачать файл здесь. Все, что вам нужно сейчас, это начальное изображение; вы можете выбрать один с крупным основным элементом, таким как лицо, или пейзаж со значительным зданием или особенностью, которую вы можете выделить.

Шаг 1. Выберите изображение

Для этого упражнения подойдет практически любой портрет. Я использовал фотографию Леонардо ди Каприо, предоставленную Тором Зибрандсом в рамках Creative Commons.

Шаг 2. Разместите мозаику

Используйте «Файл» > «Поместить», чтобы поместить файл Illustrator поверх иллюстрации. Он не обязательно должен быть точно такого же размера — если вам нужно нарезать его, вы можете просто вырезать выступы на этой стороне, когда делаете выбор.

Ещё больше после прыжка!Продолжить чтение можно ниже↓
Подписчики Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите сегодня.

Шаг 3. Затемните графику

Чтобы понять, как выбирать фрагменты мозаики, вам понадобится изображение ниже, поэтому уменьшите непрозрачность слоя мозаики примерно до 50%. Самый простой способ сделать это — использовать один из инструментов «Выделение» (или инструмент «Перемещение») и нажать 5 на клавиатуре.

Шаг 4. Сделайте выбор

Используя инструмент «Волшебная палочка», щелкните внутри первой части головоломки, которую хотите сохранить, затем, удерживая клавишу Shift, щелкните дополнительные части. В любой момент вы можете переключиться в режим быстрой маски (сочетание клавиш: Q), чтобы увидеть, как формируется выделенная область.

Шаг 5. Создайте слой из выделения

Пока выделение активно, переключитесь на слой изображения и добавьте маску слоя, выбрав «Слой» > «Маска слоя» > «Показать выделение». Теперь вы можете скрыть исходный слой мозаики, показывая только изображение. Я добавил фон из зеленого сукна, созданный с помощью Gaussian Noise и небольшого количества Gaussian Blur.

Шаг 6. Добавьте скос

Используйте диалоговое окно «Стили слоя», чтобы добавить к новому слою внутренний скос, а также небольшую тень. Это то, что действительно делает детали объемными, подчеркивая пространство между ними.

Шаг 7. Добавьте несколько фрагментов

Снова откройте изображение мозаики и выберите еще несколько фрагментов. Переключитесь на слой с изображением и используйте Command+J / Ctrl+J, чтобы создать новый слой из этих частей — и они будут отображаться вместе с уже добавленными вами скосом и тенью. Все, что вам нужно сделать сейчас, это перемещать и вращать эти части по отдельности, чтобы они парили в пространстве.

Читайте также: