Как сделать пазл на компьютере самому

Как сделать

МУНИЦИПАЛЬНОЕ ОБРАЗОВАНИЕ ГОРОД НОЯБРЬСК

Муниципальное автономное дошкольное образовательное учреждение «Лукоморье»

муниципального образования город Ноябрьск

«Создание пазлов из изображений

Подготовила: старший воспитатель,

Тандалова Анна Николаевна

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

Рассмотрим ДВА способа создания пазлов с помощью :

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

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

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

Выберем ВСТАВКА – ФИГУРЫ – ПРЯМОУГОЛЬНИК.

Размещаем прямоугольник поверх изображения.

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

Выделим изображение и на вкладке ФОРМАТ обращаем внимание на высоту и ширину изображения

По горизонтали и по вертикали мы будем размещать по два прямоугольника. Поэтому необходимо, чтобы прямоугольники составляли ровно половину как по вертикали, так и по горизонтали. Соответственно в моём примере прямоугольники будут иметь высоту 5,5 см., ширину 4,4 см. Выделяем прямоугольник – вкладка ФОРМАТ и устанавливаем параметры.

Затем копируем прямоугольник и вставляем.

Выравниваем прямоугольник по верхнему правому углу. И опять же получаются пунктирные линии.

Снова вставляем копию прямоугольника и выравниваем по нижнему левому углу.

И также располагаем прямоугольник в нижнем правом углу.

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

И теперь мы будем создавать сами пазлы из изображения.

На вкладке ГЛАВНАЯ выбираем ВЫДЕЛИТЬ – ОБЛАСТЬ ВЫДЕЛЕНИЯ.

В области ВЫДЕЛЕНИЕ мы видим все те фигуры, которые расположены на данном слайде.

Выделяем РИСУНОК – нажимаем Ctrl и выбираем ПРЯМОУГОЛЬНИК 3 (первый прямоугольник, который построили).

Затем копируем и вставляем. Переносим в свободную левую часть, таким образом, чтобы изображение слева не накладывалось на область справа.

Затем выбираем средства рисования ФОРМАТ – ОБЪЕДИНИТЬ ФИГУРЫ – ПЕРЕСЕЧЕНИЕ. Таким образом мы получаем первую часть наших пазлов.

Затем копируем и вставляем. Переносим влево.

Выбираем средства рисования ФОРМАТ – ОБЪЕДИНИТЬ ФИГУРЫ – ПЕРЕСЕЧЕНИЕ. Таким образом мы получаем вторую часть наших пазлов.

Копируем, вставляем. Переносим влево. Выбираем средства рисования ФОРМАТ – ОБЪЕДИНИТЬ ФИГУРЫ – ПЕРЕСЕЧЕНИЕ. Таким образом мы получаем четвёртую часть пазлов.

Заготовку можно удалить, она нам не понадобится.

Теперь можно разместить пазлы на слайде и собирать.

Переходим на пустой слайд. В сети Интернет большое количество готовых слайдов с пазлами. Мы будем использовать готовый шаблон с 4мя элементами.

Нажимаем Правой кнопкой мыши по фону – ФОРМАТ ФОНА – РИСУНОК И ТЕКСТУРА – ФАЙЛ – в качестве файла выбираем то изображение, которое мы будем создавать.

Чтобы изображение не занимало всё место, устанавливаем смещение 20 %.

Таким образом мы получили фон.

Выделяем пазлы, открывается ФОРМАТ ФИГУРЫ – выбираем ЗАЛИВКА ФОНА

Затем выбираем ФОРМАТ – ГРУППИРУЕМ ПАЗЛЫ. Для того, чтобы можно было изменить их размер.

Далее размещаем пазлы над изображением.

Снова выбираем ФОРМАТ – ГРУППИРОВАТЬ – РАЗГРУППИРОВАТЬ.

ЗАТЕМ НЕОБХОДИМО КАЖДЫЙ ПАЗЛ СОХРАНИТЬ В ВИДЕ РИСУНКА.

Когда сохранили все 4 пазла, создаём пустой слайд (макет)

ВСТАВКА – РИСУНКИ – И ВЫБРАТЬ РИСУНКИ, КОТОРЫЕ СОХРАНИЛИ.

Таким образом получается ПАЗЛ.

Номер материала: ДБ-629800

Не нашли то что искали?

Вам будут интересны эти курсы:

Содержание
  1. Оставьте свой комментарий
  2. Как сделать пазл самостоятельно при минимальных затратах времени и сил
  3. Создаем пазлы онлайн
  4. Сервисы создания пазлов онлайн: краткий обзор возможностей
  5. Если вы хотите установить онлайн пазл на своем сайте — сервис Jigsaw Planet
  6. Русский сервис создания пазлов Puzzle It
  7. Другие сервисы создания пазлов
  8. Админу.Ру
  9. Библиотека вебмастера по созданию и продвижению сайта
  10. Онлайн-сервисы для создания пазлов
  11. Jigsaw Planet — Сервис создания пазлов
  12. Как получить ссылку на созданный пазл?
  13. Размещение кода пазла на внешнем сайте или блоге
  14. Как сделать пазл из фотографии? Урок Photoshop
  15. Шаг 1: Создаем копию слоя Background
  16. Шаг 2: Назовем новый слой «Puzzle».
  17. Шаг 3: Под слоем «Puzzle» добавляем новый пустой слой
  18. Шаг 4: Зальем новый слой черным цветом
  19. Шаг 5: Снова переходим в слой «Puzzle»
  20. Шаг 6: Открываем диалоговое окно «Texturizer»
  21. Шаг 7: Загружаем текстуру «Puzzle»
  22. Шаг 8: Настраиваем опции текстуры
  23. Шаг 9: Выбираем инструмент Pen Tool
  24. Шаг 10: В панели опций выбираем «Paths»
  25. Шаг 11: Обводим контур вокруг какого-нибудь кусочка пазла
  26. Шаг 12: Превращаем контур в выделение
  27. Шаг 13: Переносим выделенный кусочек в отдельный слой
  28. Шаг 14: Перемещаем и поворачиваем кусочек пазла при помощи Free Transform
  29. Шаг 15: Добавляем тень
  30. Шаг 16: Снова переходим в слой «Puzzle»
  31. Шаг 17: С помощью Pen Tool рисуем контур вокруг другого кусочка пазла
  32. Шаг 18: Превращаем контур в выделение
  33. Шаг 19: Удаляем выделенный участок
  34. Шаг 20: Обводим контур по краю пазла (по желанию)
  35. Шаг 21: Превращаем контур в выделение
  36. Шаг 22: Инвертируем выделение
  37. Шаг 23: Удаляем края
  38. Шаг 24: Добавим тень от всего пззла (по желанию)

Оставьте свой комментарий

✅ На балансе занятий — 1

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

Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.

Источник

Как сделать пазл самостоятельно при минимальных затратах времени и сил

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

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

Итак, резюмируем. Нам нужно хорошее качество при минимальных затратах времени и сил.

В этом вопросе нам поможет онлайн конструктор пазлов Пазлодром. Почему именно он? Дело в том, что в нём есть функция подготовки пазла к печати, которая и позволит нам получить полноценный продукт. Останется только вырезать элементы и наш пазл готов.

Создаем пазлы онлайн

Итак, приступим. Находим в сети симпатичную нам картинку, к примеру, вот такую:

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

Читайте также:  Как сделать брови толще в домашних условиях

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

Теперь нам остаётся только найти в нашем браузере функцию печати. Скорректировать наш пазл на странице печати и распечатать пазл.

В сухом остатке мы имеем:

Думаю, этот вариант создания пазла будет оптимальным ответом на ранее поставленную задачу.

Источник

Сервисы создания пазлов онлайн: краткий обзор возможностей

Многие дети и взрослые любят собирать пазлы (puzzle, по-русски мозаика). Суть этой игры-гололомки в том, что нужно собрать картинку из ее кусочков разного размера. Традиционно пазлы покупаются в магазинах, но сейчас у любителей этой игры появилась возможность играть онлайн, а также создавать пазлы самостоятельно из любых картинок.

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

Если вы хотите установить онлайн пазл на своем сайте — сервис Jigsaw Planet

На этом сайте вы можете без регистрации создать свой пазл из любого изображения. Его можно собирать как на самом сайте Jigsaw Planet, так и вставить код пазла на свой сайт, чтобы поиграть могли ваши посетители.

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

На этой странице кнопки русифицированы: можно развернуть рабочее поле на весь экран, показать собираемое издображение, перемешать пазлы, сменить фон, начать заново и т.д.

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

Русский сервис создания пазлов Puzzle It

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

Другие сервисы создания пазлов

Также ранее я встречалась с программой, устанавливаемой на компьютере, которая позволяла не просто создать пазл из своей картинки, но и сохранить игру в формате Flash для передачи на другие компьютеры. К сожалению, среди онлайн-сервисов я такой возможности не нашла. А знаете ли вы такой сервис?

Источники фото:
http://fotopirogi.ru/menyu-2/nachinka/page_1.html
http://www.dostup1.ru/society/society_29910.html

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

Источник

Админу.Ру

Библиотека вебмастера по созданию и продвижению сайта

Онлайн-сервисы для создания пазлов

Одной из наиболее занимательных головоломок являются пазлы. Они любимы и взрослыми, и детьми. Сегодня Админу.ру рассмотрит несколько онлайн-сервисов (генераторов) пазлов с возможностью экспорта кода для вставки на сайт или блог.

Jigsaw Planet — Сервис создания пазлов

Jigsaw Planet — Сервис создания пазлов

Если вы планируете регулярно создавать пазлы с помощью Jigsaw Planet, рекомендуем зарегистрироваться на сайте. Однако, для разовых генераций можно обойтись и без регистрирования. Для любителей иностранных языков в правом нижнем углу страницы (не заметно, если не обратить внимание) есть выпадающий список с поддержкой целого списка языков:

Jigsaw Planet поддерживает много языков

Создаём пазл, нажимая на третью кнопку меню «Создать»:

Jigsaw Planet: создание пазла

Загружаем картинку, вводим название, задаём количество частей (на которые разобъётся картинка), выбираем форму частей, задаём ключевые слова (для поиска внутри сайта). Далее нажимаем кнопку «Создать».

Jigsaw Planet: готовый пазл

Получаем готовый пазл.

Как получить ссылку на созданный пазл?

Справа-сверху видим кнопку «Поделиться», по нажатию на которую выпадает список вариантов публикации созданного пазла в социальных сервисах и возможность встроить пазл на сайт или блог. Выбираем пункт «Эл.почта».

Jigsaw Planet: поделиться пазлом

Откроется новая форма:

Jigsaw Planet: ссылка на пазл

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

Размещение кода пазла на внешнем сайте или блоге

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

Jigsaw Planet: поделиться пазлом

Появляется страница с большим количеством текста и несколькими вариантами кода вставки:

Jigsaw Planet: Код вставки пазла на сайт

Jigsaw Planet: Код вставки пазла на сайт (продолжение)

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

Далее вставляем код на свой сайт (или блог) в режиме HTML (режим «Текст» в WordPress, как в нашем случае):

Вставка кода на сайт

В итоге получам масштабируемый пазл на своём сайте:

Код пазла на сайте

И, собственно, итог работы: пазл на сайте. Можете попробовать сложить:

Источник

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

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

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

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

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

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

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

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

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

При работе в Photoshop вам не помешает привычка давать слоям говорящие имена. Пока у вас всего несколько слоев, это может казаться не особенно нужным, но иногда в работе накапливается слоев или даже больше, так что если все они будут называться «Слой 1», «Слой 56», «Слой 83 Копия 4», вы можете запутаться. Поскольку в «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)

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

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

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

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

Fill» src=»http://www.rosphoto.com/images/u/articles/1401/photoshop-puzzle_7.gif» style=»width: 265px; height: 155px; margin-left: 200px; margin-right: 200px;» title=»Откройте Edit > Fill»/>

Откройте Edit > Fill

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

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

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

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

Мы только что рекомендовали переименовывать слои, так что после двойного щелчка по названию слоя «Layer 1» мы введем новое имя — «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, где можно выбрать текстуру. Нужная нам текстура «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

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

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

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

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

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

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

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

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

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

Читайте также:  Как сделать подошву ног мягкой и гладкой

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

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

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

New > Layer via Cut» src=»http://www.rosphoto.com/images/u/articles/1401/photoshop-puzzle_21.gif» style=»width: 472px; height: 149px; margin-left: 120px; margin-right: 120px;» title=»Открываем Layer > New > Layer via Cut»/>

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

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

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

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

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

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

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

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

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

Чтобы вырезанный кусочек выглядел более объемным и казалось, что он парит в воздухе над пазлом, можно добавить тень. Нажмите на иконку Layer Style в нижней части панели слоев и выберите из появившегося списка вариант 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»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Inverse» src=»http://www.rosphoto.com/images/u/articles/1401/photoshop-puzzle_35.gif» style=»width: 198px; height: 163px; margin-left: 200px; margin-right: 200px;» title=»Инвертируем выделение, открыв 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»

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

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

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

Источник

Оцените статью
Как сделать своими руками
Добавить комментарий
Adblock
detector