Как сделать пазл из фото: Пазлы из фото онлайн — IMG online – ФотоФания: бесплатные фотоэффекты и фильтры онлайн

alexxlab
Разное |

Делаем пазл из фотографии

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

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

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

В открывшемся окошке нажимаем «ОК». Заходим во вкладку «Фильтр», выбираем «Текстура» и далее «Текстуризатор».

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

Нажимаем далее на строчку «Загрузить текстуру». В открывшемся окошке выбираем файл с нужной текстурой и нажимаем «Открыть».

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

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

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

Пазл появился в новом слое, и теперь мы можем его передвинуть в любое место на изображении. Для этого во вкладке «Редактирование» выбираем «Трансформирование» и далее «Масштабирование».

Чтобы придать пазлу наклон или повернуть его, можно во вкладке «Редактирование» в «Трансформирование» выбрать «Поворот».

Далее с помощью инструмента «Прямолинейное лассо» вырезаем по краям несколько пазлов и не вставляем их.

Можно вырезать пазлы полностью по краям изображения, сделав его более эффектным.

Чтобы обрезанные края не выглядели острыми, то с помощью инструмента «Размытие» обрабатываем края.

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

Далее создаем новый слой нажав во вкладке «Слои» «Новый» и далее «Слой». Располагаем этот слой под изображением пазлов, для этого удерживая нажатой левую кнопку мыши и перетаскивая слой вниз под слой с пазлами в окне слоев.

С помощью инструмента «Заливка» заливаем новый слой любым цветом на собственное усмотрение.

Картинка с пазлами готова.

Из фотографии пазл? Легко! | Страна Мастеров

Здравствуйте, дорогие мастера! Приближение нашей с мужем годовщины свадьбы навеяло на меня одну задумку. Но ее я выложу позже, если осуществлю в жизнь. А пока подготовка))) Сегодня весь день посвятила созданию этого МК, заодно и сама научилась))) В фотошопе я самоучка. Поэтому строго не судите. Учусь на своих ошибках) Многих терминов я не знаю)))
Будем делать сегодня из фотографии пазлы) Вернее разделять фотографию на пазлы… Ну или как это еще можно сказать? 🙂 Вот что должно получиться:

Для начала открываем в одном окошке Фотошопа нашу фотографию, в другом — рисунок с пазлами.

Нажимаем на окошко с рисунком пазлов, работаем пока с ним.

В верхней строке программы выбираем Select — All (Выделение — Все) или на клавиатуре Ctrl+A и наш рисунок оказался выделен пунктирной линией.

Выбираем на панели инструментов (слева) первый инструмент Move Tool или можно просто нажать кнопку «V». И мышкой перетягиваем выделенный рисунок с пазлами на нашу фотографию.

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

Для удобной работы рекомендую сразу открыть окошко со слоями, нажав на F7. Должно быть 2 слоя. Работаем со вторым.

Теперь Edit — Transform — Scale (Редактировать — Трансформирование — Масштабирование) И наш второй слой (картинка с пазлами) выделится квадратиком.

Теперь перетягиваем картинку в верхний левый угол. Установили? Тянем за нижний правый уголок самой картинки с пазлами, пока она не закроет всю фотографию.

Вот так у вас получилось? Молодцы!)))

Выбираем кисть Brush Tool слева в инструментах (или просто нажимаем на «B») и в появившемся окне нажмите Apply (Так вы примите трансформацию слоя)

На вехней строчке выбираем настройки кисти. Берем самую первую кисть, выбираем размер. Зачем и какого размера брать кисть? Кистью мы закрасим выглядывающие «ушки» пазликов, которые, якобы, за пределами нашей картинки.

Основным цветом делаем белый.

И закрашиваем наши «ушки» (на фото они выделены розовым цветом), чтобы их не было видно.

Вот. Теперь у нас целая картинка, с бортиками, так сказать)

Осталось убрать белый цвет, который перекрывает нам фотографию. Для этого: Select — Color range (Выделение — Цветовой диапазон)

Значения ставим как на фото, жмем ОК

Каждый пазлик у нас оказался выделенным. Жмем Delete, и…

……белый фон исчезает!!!

Теперь убираем выделение. Для этого: Select — Deselect (Выделение — Убрать выделение) или кнопочки Ctrl+D

Воооооот)

Layer — Layer Style — Bevel and Emboss (Слой — Стиль слоя — Тиснение)

Тут двигаем «ползунки», как душе угодно. Подбираем понравившийся вариант. Далее его нужно будет корректировать еще. Нажимаем ОК

Затем в окошке настройки слоев (оно открывается кнопкой F7), ищем значение Fill и делаем его 0%

Повторяем пункт 22-23. Layer — Layer Style — Bevel and Emboss (Слой — Стиль слоя — Тиснение) и настраиваем, как нам больше нравится. и ОК

Можно оставить и так. Но мне нужно выделить лица. Посему беру ластик Eraser Tool (нажимаю «Е») , выбираю ластик с размытыми краями и подгоняю размер.

И стираем ненужные линии. Обратите внимание, везде работа идет со вторым слоем! Он в правой стороне в окне слоев, называется «Layer 1»

Чтобы сохранить работу, File — Save As… (Файл — Сохранить как…) или Shift+Ctrl+S

Выбираем имя файла, формат файла, сохранить

Для наилучшего качества все на максимум))) и ОК!

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

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

2

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

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

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

3_0

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

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

4

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

5

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

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

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

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

6

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

7

Основной эффект головоломки завершен, но давайте пойдём дальше и удалим некоторые из элементов, как будто пазл еще находится в стадии разработки. Для этого нам понадобится инструмент «Перо» (Pen Tool):

Pen Tool

С помощью «Пера» мы сделаем выделение вокруг отдельных частей головоломки, т.к. именно «Пером» легче всего построить криволинейные контуры, гораздо удобнее, чем например, инструментами группы «Лассо» (Lasso Tool или Polygonal Lasso Tool).

Выберите какой-нибудь отдельный пазл и постройте вокруг него такой контур, используйте «Перо» в режиме «Контур» (Paths):

9

После того, как вы закончили создавать контур, преобразуйте его в выделенную область, нажав Ctrl + Enter:

10

Теперь вырежем выделение на новый слой (заметьте, не скопируем, а вырежем), для этого нажимаем комбинацию Ctrl+Shift+J. Панель слоёв теперь выглядит так, обратите внимание, на слое «Pussle» появился белый участок, это вырезанный сегмент:

11

С помощью инструмента «Свободная трансформация» (Free Transform) поверните и измените положение вырезанного пазла:

12

Для того, чтобы отдельный пазл смотрелся несколько выше основного холста, придадим ему объём с помощью стиля слоя «Тень».

13

Выделим ещё один произвольный сегмент и просто удалим его, нажав клавишу Delete:

14

Уберём выделение, нажав Ctrl+D.

Таким образом можно удалить или переместить несколько пазлов головоломки.

И для завершения эффекта, сделаем границу головоломки/ очерченную краями пазлов. Для этого с помощью «Пера» очертите всю картинку, как показано на рисунке. Границы контура плохо видны на скриншоте, поэтому я обвёл контур оранжевой линией:

15

Преобразуйте контур в выделение (Ctrl+Enter), инвертируйте выделенную область (Ctrl+Shift+I) и удалите лишнее (Delete). В результате у Вас получится примерно такое изображение:

16

Теперь осталось только изменить фон по вкусу. Я применил к слою «Background color» стандартный стиль слоя «Наложение узора» (Pattern Overlay) с узором из стартового комплекта Photoshop и масштабом 50%.

Ну и для придания объема придадим слою «Puzzle» стиль слоя «Тень».

Кроме того, мне пришлось подчистить артефакты на крах слоя «Puzzle» с помощью
маски слоя.

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

эффект пазлов в Photoshop

Для лучшего понимания материала, желающие могут скачать готовый файл PSD со всеми слоями, настройками и контурами:

Как сделать пазлы своими руками из фотографий картинки фото онлайн в фотошопе