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


Создаём эффект пазлов в 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 со всеми слоями, настройками и контурами:

rugraphics.ru

Как сделать пазл из фотографии? Урок Photoshop — Российское фото

В этом уроке мы рассмотрим простой способ создания пазла из фотографии в Photoshop. Полезно знать, что в Photoshop имеется специальный фильтр Texturizer с бесплатной текстурой, созданной специально для этих целей. В нашем уроке мы будем пользоваться инструментом Pen Tool.

Мы будем обрабатывать эту фотографию:

Оригинальный снимок

А вот как он будет выглядеть в виде пазла:

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

Давайте начнем!

Шаг 1: Создаем копию слоя Background

Открыв фотографию в Photoshop, первым делом создадим копию слоя Background, в котором сейчас находится наш снимок. На данный момент, это единственный слой. Создав его копию, мы сможем производить любые действия, не нанося вреда оригиналу, который будет храниться в слое Background, к которому можно будет вернуться при необходимости. Простейший способ сделать копию — нажать Ctrl+J (Win) / Command+J (Mac). После этого в панели слоев у нас появился второй слой. Слой Background с оригиналом находится внизу, а копия, автоматически названная «Layer 1», располагается выше:

Панель слоев с новым слоем “Layer 1″ над слоем Background.

Панель слоев с новым слоем «Layer 1» над слоем Background.

Шаг 2: Назовем новый слой «Puzzle».

При работе в Photoshop вам не помешает привычка давать слоям говорящие имена. Пока у вас всего несколько слоев, это может казаться не особенно нужным, но иногда в работе накапливается 50-100 слоев или даже больше, так что если все они будут называться «Слой 1», «Слой 56», «Слой 83 Копия 4», вы можете запутаться. Поскольку в «Layer 1» мы будем создавать пазл, то, щелкнув прямо по имени слоя, назовем его «Puzzle»:

Меняем название слоя с “Layer 1″ на “Puzzle”

Меняем название слоя с «Layer 1» на «Puzzle»

Нажмите Enter (Win) /Return (Mac), чтобы ввести новое имя.

Шаг 3: Под слоем «Puzzle» добавляем новый пустой слой

Теперь добавим под слоем «Puzzle» новый слой (он будет размещаться между «Puzzle» и Background). В настоящий момент в панели слоев выбран слой «Puzzle». Об этом говорит его синяя подсветка. Обычно при добавлении нового слоя в Photoshop он автоматически располагается над выделенным слоем, так что если щелкнуть по иконке New Layer, которая находится в нижней части панели слоев, сейчас, то новый слой окажется выше слоя «Puzzle». Нажмите на иконку New Layer, удерживая Alt (Win) /Option (Mac):

Нажимаем на иконку New Layer, удерживая Alt (Win) /Option (Mac)

Нажимаем на иконку New Layer, удерживая Alt (Win) /Option (Mac)

Клавиши Ctrl/Command дают команду добавлять новый слой под тем, который активен в настоящий момент. Новый пустой слой отобразился в панели слоев. Он опять получил название «Layer 1» и располагается между «Puzzle» и Background layer:

Между "Puzzle" и Background появился новый пустой слой

Между «Puzzle» и Background появился новый пустой слой

Шаг 4: Зальем новый слой черным цветом

Этот слой станет фоном для нашего спецэффекта, и в качестве цвета фона мы зададим черный. По крайней мере, на ближайшее время. Иными словами, зальем слой черным цветом. В Photoshop для этого есть специальная команда, она называется Fill. Ее можно найти в меню Edit в верхней части экрана. Открыв его, выберите Fill:

Откройте Edit > Fill

Откройте Edit > Fill

Появится диалоговое окно Fill. В опции Contents в верхней части этого окна выберите черный цвет (Black) и нажмите OK, оно закроется.

В опции Contents выбираем Black

В опции Contents выбираем Black

Пока вы не видите изменений, потому что слой «Puzzle» в данный момент скрывает из вида все остальное, но на миниатюре слоя «Layer 1» в панели слоев видно, что он теперь залит черным цветом:

Миниатюра слоя “Layer 1″ залита черным

Миниатюра слоя «Layer 1» залита черным

Мы только что рекомендовали переименовывать слои, так что после двойного щелчка по названию слоя «Layer 1» мы введем новое имя — «Background color»:

Назовем новый слой “Background color”

Назовем новый слой «Background color»

Шаг 5: Снова переходим в слой «Puzzle»

Теперь мы займемся рисованием самого пазла, но для этого нужно выбрать соответствующий слой. У нас сейчас активен слой «Background color», а нужен «Puzzle», так что щелкнем по его названию в панели слоев:

Выберите «Puzzle» в панели слоев

Теперь мы готовы к созданию пазла!

Шаг 6: Открываем диалоговое окно «Texturizer»

Как мы уже сказали в начале урока, благодаря наличию в Photoshop специальной текстуры нам практически ничего не придется делать. Хотя эта текстура уже есть на вашем жестком диске, в Photoshop она еще не загружена, по крайней мере, по умолчанию. Нам придется сделать это самим, но сначала надо открыть фильтр Photoshop Texturizer, для чего в меню Filter в верхней части экрана выберите Texture, а затем Texturizer:

Открываем Filter > Texture > Texturizer

Шаг 7: Загружаем текстуру «Puzzle»

Откроется большое диалоговое окно Texturizer: слева будет окно предварительного просмотра, а справа — опции фильтра. Надо загрузить текстуру «Puzzle», которая появилась у вас на жестком диске при установке Photoshop. Для этого нажмите на стрелочку справа от окошка выбора текстуры — появится меню с единственной опцией: Load Texture (загрузка текстуры). Выберите ее:

Нажимаем на стрелочку справа от окошка выбора текстуры и выбираем опцию “Load Texture”

Нажимаем на стрелочку справа от окошка выбора текстуры и выбираем опцию «Load Texture»

Откроется диалоговое окно Load Texture, где можно выбрать текстуру. Нужная нам текстура «Puzzle» находится в директории Photoshop — там, куда вы его устанавливали. На PC (Windows) по умолчанию это диск C. Откройте его, а потом — папку Program Files. В ней вы найдете папку Adobe, а в ней — папку Photoshop. Конкретное название папки зависит от вашей версии Photoshop. Если вы работаете в Photoshop CS3, установив его в папку по умолчанию, то папка с программой будет находиться по адресу C:\Program files\Adobe\Photoshop CS3.

Если у вас Mac, все немного проще. Папка Photoshop находится на жестком диске в директории Applications. Но, опять же, конкретное название папки зависит от версии Photoshop.

Найдите и откройте эту папку. Внутри нее есть папка Presets. Откройте ее и найдите папку Textures. В ней находятся все установленные текстуры Photoshop. Выбор довольно большой, но для нашего спецэффекта понадобится лишь текстура Puzzle. Щелкните по ней и загрузите, нажав кнопку Load.

Находим папку Texture в директории Photoshop и выбираем текстуру Puzzle

Находим папку Texture в директории Photoshop и выбираем текстуру Puzzle

Шаг 8: Настраиваем опции текстуры

После загрузки текстуры Puzzle в опции Texture диалогового окна Texturizer должно быть выбрано Puzzle. Если этого по какой-либо причине не произошло, выберите текстуру Puzzle из списка. Затем, ориентируясь на окно предварительного просмотра, расположенного слева, отредактируйте опции текстуры. Настройки в первую очередь зависят от оригинальной фотографии и от желаемого размера кусочков пазла. Мы хотим сделать элементы пазла как можно больше, так что опцию Scaling увеличим до 200%. Опция Relief, которая находится ниже, определяет рельефность кусочков пазла. Установим значение 6. Опять же, вы можете сделать и по-другому. И, наконец, опция Light, определяющая местоположение источника света на вашем паззле. Выберем правый верхний угол (Top Right):

Регулируем настройки текстуры, ориентируясь на окно предварительного просмотра

Регулируем настройки текстуры, ориентируясь на окно предварительного просмотра

Когда вы нажмете OK, диалоговое окно закроется, и на вашей фотографии появится текстура. Вот что получилось у нас:

Снимок стал похож на собранный пазл

Снимок стал похож на собранный пазл

Главное мы сделали, но предлагаем убрать несколько элементов, чтобы казалось, будто сборка еще в процессе.

Шаг 9: Выбираем инструмент Pen Tool

Мы дошли до той части урока, в которой важно умение пользоваться инструментом Pen Tool в Photoshop. Это связано с тем, что нам предстоит обводить отдельные кусочки паззла, а они очень рельефные. Можно попробовать выделить их с помощью другого инструмента, например, Lasso Tool или Polygonal Lasso Tool, но выглядеть это будет, скорее всего, небрежно. А инструмент Pen Tool специально предназначен для рисования кривых линий, и результат будет куда лучше.

Если вы уже хорошо освоили Pen Tool, то этот урок не представит для вас труда, поскольку поняв, как работает этот инструмент, работать с ним очень просто. Прежде чем воспользоваться инструментом Pen Tool, его нужно выбрать, так что либо возьмите его с панели инструментов, либо просто нажмите букву P на клавиатуре:

Выбираем инструмент Pen Tool

Выбираем инструмент Pen Tool

Шаг 10: В панели опций выбираем «Paths»

Выбрав инструмент Pen Tool, проверьте, выбрана ли в панели опций в верхней части экрана опция Paths, поскольку мы будем рисовать контур, а не векторную фигуру и не фигуру на основе пикселей:

В панели опций выбираем “Paths”

В панели опций выбираем «Paths»

Шаг 11: Обводим контур вокруг какого-нибудь кусочка пазла

С помощью Pen Tool обведем любой кусочек пазла. Мы как будто вырежем его из картинки, создав ощущение, будто он завис в воздухе над картинкой и вот-вот встанет на место. Выбирайте любой кусочек. Возьмем тот, который находится над правым глазом мальчика (для зрителя он слева). Обводите его, добавляя опорные точки и маркеры направления, пока не получите целый контур. Можно увеличить масштаб, нажав Ctrl+пробел (Win) /Command+пробел (Mac) — временно активизируется инструмент Zoom Tool, и, сделав несколько щелчков по кусочку, вы можете увеличить его до удобного размера. Возможно, на скриншоте контур виден не слишком хорошо, так что мы обведем его кружочком:

Вокруг одного из элементов пазла теперь нарисован контур

Вокруг одного из элементов пазла теперь нарисован контур

Шаг 12: Превращаем контур в выделение

Нарисовав контур вокруг одного кусочка, нажмите Ctrl+Enter (Win) / Command+Return (Mac). Теперь сплошной контур превратился в контур выделения:

Нажав “Ctrl+Enter” (Win) / “Command+Return” (Mac) мы сделали из контура выделение

Нажав «Ctrl+Enter» (Win) / «Command+Return» (Mac) мы сделали из контура выделение

Шаг 13: Переносим выделенный кусочек в отдельный слой

Вырежем выделенный кусочек пазла из слоя «Puzzle» и перенесем его в отдельный слой, после чего на его месте в слое «Puzzle» останется дырка. В панели слоев до сих пор должен быть выбран слой «Puzzle». В меню Layer в верхней части экрана выберите New и Layer via Cut:

Открываем Layer > New > Layer via Cut

Открываем Layer > New > Layer via Cut

Выделение вырезается из слоя «Puzzle» и переносится в собственный слой, который появился в панели слоев над «Puzzle». Кусочек теперь располагается в верхнем слое, который Photoshop снова назвал «Layer 1». Мы дадим ему новое имя — «First puzzle piece»:

Обведенный кусочек паззла теперь находится в отдельном слое, расположенном над слоем “Puzzle”

Обведенный кусочек паззла теперь находится в отдельном слое, расположенном над слоем «Puzzle»

Шаг 14: Перемещаем и поворачиваем кусочек пазла при помощи Free Transform

Расположим кусочек пазла так, словно он вот-вот встанет на место. Запустите инструмент Photoshop Free Transform, нажав Ctrl+T (Win) / Command+T (Mac), и вокруг кусочка пазла появится прямоугольник с манипуляторами. Щелкнув снаружи этого прямоугольника, поверните его. Потом нажмите внутри прямоугольника и с помощью мыши переместите его в другое место. Поскольку зрителю должно оставаться понятно, где этому кусочку место, не поворачивайте его слишком сильно и не отодвигайте чересчур далеко.

Обратите внимание, что участок, где этот кусочек находился раньше, теперь залит черным. Это связано с тем, что мы проделали в слое «Puzzle» дыру, сквозь которую проступает черный слой «Background color»:

Мы повернули и сдвинули кусочек пазла при помощи Free Transform

Мы повернули и сдвинули кусочек пазла при помощи Free Transform

Завершив работу, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из Free Transform.

Шаг 15: Добавляем тень

Чтобы вырезанный кусочек выглядел более объемным и казалось, что он парит в воздухе над пазлом, можно добавить тень. Нажмите на иконку Layer Style в нижней части панели слоев и выберите из появившегося списка вариант Drop Shadow:

В списке стилей слоев выбираем “Drop Shadow”

В списке стилей слоев выбираем «Drop Shadow»

Откроется диалоговое окно Layer Style, опции Drop Shadow находятся в средней колонке. Снизим значение Opacity для тени примерно до 60%, чтобы она была не слишком темной. Уберите галочку перед Use Global Light и установите угол (Angle) 120°. Увеличьте показатель Distance примерно до 16 пикселей, и Size — тоже примерно до 16 пикселей. Как обычно, в каждом конкретном случае эти показатели могут варьироваться:

Меняем опции, обведенные красным кружочком

Меняем опции, обведенные красным кружочком

Закончив, нажмите OK, и диалоговое окно Layer Style закроется. Вот как выглядит наша фотография после того, как мы сделали тень:

Создается ощущение, что один кусочек находится как бы над пазлом

Шаг 16: Снова переходим в слой «Puzzle»

Один кусочек мы вырезали и как бы вынули его из пазла. Другой предлагаю убрать целиком. У нас должен быть выбран слой «Puzzle» — щелкните по его названию в панели слоев:

Выбираем слой “Puzzle”

Выбираем слой «Puzzle»

Шаг 17: С помощью Pen Tool рисуем контур вокруг другого кусочка пазла

Точно также обведите инструментом Pen Tool еще один кусочек на выбор:

С помощью Pen Tool рисуем контур вокруг другого кусочка пазла

С помощью Pen Tool рисуем контур вокруг другого кусочка пазла

Шаг 18: Превращаем контур в выделение

Как и в прошлый раз, нажимаем «Ctrl+Enter» (Win) / «Command+Return» (Mac) и делаем из контура выделение:

Превращаем контур в выделение

Превращаем контур в выделение

Шаг 19: Удаляем выделенный участок

Этот кусочек пазла мы просто удалим, нажав Delete на клавиатуре. Кусочек исчезнет, а в слое «Puzzle» образуется еще одна дыра, сквозь которую виден черный цвет фона:

С помощью кнопки Delete удаляем кусочек пазла из фотографии

С помощью кнопки Delete удаляем кусочек пазла из фотографии

Чтобы убрать контур выделения, нажмите Ctrl+D (Win) / Command+D (Mac). Вот что получилось у нас после удаления одного кусочка:

С помощью кнопки Delete удаляем кусочек пазла из фотографии

С помощью кнопки Delete удаляем кусочек пазла из фотографии

Удалите еще несколько кусочков, либо оставив их парить над фотографией (Шаги 11-15), либо же убрав их полностью (Шаги 16-19). Вырезая или удаляя каждый новый кусочек, всегда возвращайтесь в слой «Puzzle».

Так выглядит наш пазл без нескольких деталей:

Для полноты картины вырезаем или убираем еще несколько элементов пазла

Для полноты картины вырезаем или убираем еще несколько элементов пазла

Шаг 20: Обводим контур по краю пазла (по желанию)

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

Рисуем рельефный контур по краям пазла, используя Pen Tool

Рисуем рельефный контур по краям пазла, используя Pen Tool

Шаг 21: Превращаем контур в выделение

Закончив, нажимаем «Ctrl+Enter» (Win) / «Command+Return» (Mac) и делаем из контура выделение:

Нажав “Ctrl+Enter” (Win) / “Command+Return” (Mac) мы сделали из контура выделение

Нажав «Ctrl+Enter» (Win) / «Command+Return» (Mac) мы сделали из контура выделение

Шаг 22: Инвертируем выделение

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

Инвертируем выделение, открыв Select > Inverse

Инвертируем выделение, открыв Select > Inverse

Теперь выделены все кусочки, лежащие по краю:

Теперь выделен не центр, а края кадра

Теперь выделен не центр, а края кадра

Шаг 23: Удаляем края

Теперь у нас выделены те элементы пазла, что проходят по краю. Убедившись, что в панели слоев выделен слой «Puzzle», удалите их с помощью кнопки Delete. Чтобы убрать контур выделения, нажмите Ctrl+D (Win) / Command+D (Mac).

Края пазла пропали

Края пазла пропали

Если вам кажется, что белый фон будет лучше черного, выберите слой «Background color» и в меню Edit в верхней части экрана выберите Fill. Откроется диалоговое окно. В опции Contents вместо черного цвета выберите белый (White) и закройте окно, нажав ОК.

Чтобы сменить цвет фона на белый, открываем слой «Background color» и выбираем команду Fill в меню Edit, а в открывшемся окне выбираем White в опции Contents

Фон становится белым:

Делаем белый фон

Делаем белый фон

Шаг 24: Добавим тень от всего пззла (по желанию)

Это необходимо только в том случае, если вы поменяли цвет фона с черного на белый. Предлагаем добавить легкую тень от пазла. Если фон у вас остался черным, тень на нем не будет видна, так что этот шаг можно пропустить. Чтобы сделать тень, в панели слоев выбираем «Puzzle», потом щелкаем по иконке Layer Style, которая находится в нижней части панели слоев, и в списке выбираем Drop Shadow:

Переходим в слой “Puzzle”, нажимаем на иконку Layer Styles и выбираем “Drop Shadow”

Переходим в слой «Puzzle», нажимаем на иконку Layer Styles и выбираем «Drop Shadow»

Снова откроется диалоговое окно Layer Style, где опции Drop Shadow находятся в средней колонке. Opacity понижаем до 60%, чтобы тень была не слишком броской, убираем галочку перед Use Global Light, а значение Angle задаем 120°. Остальные опции можно оставить, как есть:

Меняем опции тени, которую будет отбрасывать пазл

Меняем опции тени, которую будет отбрасывать пазл

Закончив, нажмите OK, и диалоговое окно Layer Style закроется. Вот и все! Добавив к пазлу тень, мы закончили работу над спецэффектом:

Пазл, созданный в Photoshop

Пазл, созданный в Photoshop

Готово!

Источник — photoshopessentials.com

rosphoto.com

Как сделать фото на пазлах в Photoshop? Photoshop

Создание фото на пазлах вещь увлекательная. В сети некоторые специалисты предлагают сделать фотопазлы из представленных изображений. Данная услуга пользуется популярностью. Сегодня мы сами научимся нехитрым операциям. Делает пазлы программа Adobe Photoshop.

1. Откройте изображение для создания пазла в Photoshop.

2. Нажмите “F7” или перейдите в меню «Окно» -> «Слои» (Window -> Layers), чтобы открыть панель «Слои». Нажмите кнопку «Создать новый слой» и перенесите на него исходное изображение.

3. Установите белый в качестве цвета переднего плана, а затем нажмите сочетание клавиш «Alt + Del», чтобы заполнить новый слой белым.

4. Выберите оригинальный слой с фото. Перейдите в меню «Фильтр» -> «Текстуры» -> «Текстуризатор» (Filter -> Texture -> Texturizer) и нажмите на маленькую черную стрелку рядом со списком текстур и выберите текстуру Puzzle.psd из папки \Adobe Photoshop\Presets\Textures (Если у вас нет этого файла, просто скачайте его отсюда).

5. Измените масштаб и рельеф при помощи ползунков. Я предпочитаю устанавливать масштаб — 84%, рельеф — 11 и Свет — Вверху слева. Затем нажмите кнопку «ОК», чтобы применить этот эффект.

6. Выберите инструмент «Перо» и используйте его для обводки по контуру одного пазлика. После выделения, нажмите «Ctrl + Enter».

7. Нажмите «Ctrl + X», чтобы вырезать элемент, а потом нажмите «Ctrl + V», чтобы вставить его на новый слой.

8. Затем нажмите «Ctrl + T», чтобы трансформировать пазл. Вы можете изменить его расположение, размер или повернуть его, как хотите. Нажмите «Enter», чтобы применить трансформацию.

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

10. Установите Прозрачность = 89%, Угол = 120°, Смещение и Размер = 5 пикс., Стягивание = 0% и оставьте другие настройки по умолчанию. Нажмите кнопку «ОК», чтобы применить эффект.

11. Повторите шаги 6-10 столько раз, пока не получите такое изображение, как это:

12. Теперь мы, наконец, создали фото на пазлах в программе Adobe Photoshop.

www.simpletutorials.ru

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

Октябрь 15th, 2013 3Dfox

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

Шаг 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 2

на Ваш сайт.

3dfox.ru

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

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

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

1

Ресурсы для урока:—Пляж—Текстура дерева

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

2

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

3

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

4

5

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

6

7

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

8

9

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

10

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

11

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

12

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

13

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

14

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

15

16

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

17

18

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

19

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

20

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

21

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

22

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

23

24

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

25

26

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

27

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

28

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

29

30

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

31

32

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

33

34

35

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

36

37

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

38

39

Ссылка на оригинал урока.

basmanov.photoshopsecrets.ru

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

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

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

puzzle из фотографии

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

puzzle-01

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

puzzle-02

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

puzzle-03

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

puzzle-04

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

puzzle-05

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

puzzle-06

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

puzzle-07

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

puzzle-08

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

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

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

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

puzzle-09

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

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

puzzle-10

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

puzzle-11

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

Puzzle

www.fotokomok.ru

Создаем пазл из фото в Фотошопе

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

пазл

фото ребенкакопируем слойпереименование слоя

Шаг 1. Открываем фото в Фотошопе (Ctrl+N) и дублируем слой с фотографией на Панели Слоев, нажав Ctrl+J (это один из возможных вариантов получения копии слоя). Появившийся слой автоматически будет называться “Layer 1”, переименовываем его для удобства в “Puzzle”.

новый слойnew layer

Шаг 2. Создаем новый слой, для этого нажимаем на соответсвующую кнопочку на Панели Инструментов (см. рисунок), удерживая Ctrl (чтобы слой появился под тем на которым сейчас мы находимся).

заливаем слойfillчерная заливкаbackground color

Шаг 3. Заливаем новый слой черным цветом. Для этого переходим на этот слой и идем Edit>Fill (Редактировать>Залить). В появившемся окне выставялем значения, как на рисунке внизу (цвет заливки делаем черным). После чего переименовываем его в “Background color”.

texturizerзагрузить текстурутекстура пазлапараметры фильтрапазл

Шаг 4. Переходим на слой “Puzzle”. И идем Filter>Texture>Texturizer, а в появившемся окне выбираем пункт Load Texture (Загрузить текстуру), кликнув по стрелочке. Далее идем в папку с соответствующей текстурой (обычно в Windows она находится по такому пути: для начала C:\Program files\Adobe\Photoshop CS3 (для этой версии фотошопа), далее находим папку Presets, а в ней Textures, где уже и кликаем по файлу Puzzle. psd). Параметры для фильтра установите, как на рисунке внизу.

pen toolpathперовыделение

Шаг 5. Выбираем инструмент Pen Tool (Перо (P)) в режиме “Paths”(Контуры) и обводим подходящий пазл. После этого нажимаем Ctrl+Enter, чтобы перевести контур в выделение.

layer via cutновый слой

Шаг 6. Теперь идем Layer>New>Layer via Cut (Слой>Новый>Посредством вырезания). В результате чего получаем новый слой, который для удобства переимновываем в “First puzzle piece”.

free transform

Шаг 7. Находясь на слое с пазлом, нажимаем Ctrl+T, чтобы вызвать инструмент Free Transform (Свободная Трансформация) и перемещаем этот пазл, как нам того захочется, по окончании нажимаем Enter.

drop shadowтеньпазл

Шаг 8. Для красоты добавляем тень. Идем в соответствующий Стиль Слоя (см. рисунок) и задаем параметры примерно, как на рисунке внизу.

Шаг 9. Добавляем еще сдвинутых или удаленных пазлов схожим образом.

выделение перомвыделениеinverseselect

Шаг 10. Пришло время обрезать лишнее. Выделяем Пером по периметру подходящую форму и, нажав Ctrl+Enter, получаем выделение. Инвертируем его (Select>Inverse) и удаляем лишнее (Delete). После этого снимаем выделение (Ctrl+D).

снимаем выделениезаливаем белымпазл

Шаг 11. После этого снимаем выделение (Ctrl+D). Переходим на слой “Background color” и заливаем его белым (или не заливаем, как хотите): Edit>Fill.

drop shadowтеньпазл

Шаг 12. Осталось только добавить общую тень, но это уже по желанию. Делаем точно также, как и для отдельного пазла. Наш пазл готов!

3pix.ru


Смотрите также