В этом уроке мы будем учиться трансформировать обычную фотографию в паззл. Этот урок подойдет для начинающих и очень легкий для исполнения. Однако он требует знаний о работе инструмента Pen Tool, поэтому если вы не умеете с ним работать, то ознакомьтесь для начала с этим уроком
Предварительный просмотр результата
Источники
Шаг 1
Открываем изображение «Пляж». Давайте создадим слой, на котором мы будем размещать наш паззл. Создаем новый слой, нажав Ctrl + Shift + Alt + N, и заливаем его светло-серым цветом (#a2a2a2). Называем это слой “background”.
Шаг 2
Выбираем инструмент Brush Tool (B) и черный цвет в качестве цвета переднего плана. Снижаем непрозрачность кисти до 10% и слегка прикасаемся по краям нашего вновь созданного слоя несколько раз, чтобы добавить некоторые изменения.
Шаг 3
Нажимаем дважды на фоновом слой и нажимаем ОК на окне New Layer, которое появится, чтобы конвертировать фон в обычный слой. (фоновые слои – особые слои в Photoshop, которые создаются каждый раз при создании нового изображения. Они по умолчанию заблокированы и имеют несколько ограничений – например, невозможность разместить их выше других слоев)
Перемещаем этот слой над слоем “background”, нажав Ctrl + ] (скобка) или просто перетащив слой с помощью мышки.
Шаг 4
Теперь нам необходимо добавить текстуру паззла на наше изображение. Photoshop, начиная с версии CS6, не поддерживает некоторые предустановки, поэтому нам необходимо загрузить её вручную. Переходим по этой ссылке
И загружаем папку плагинов.
Открываем архив (она заархивирована, поэтому вам нужно использовать Winrar или Winzip) и открываем папку Presets. Внутри папки будет папка Textures – открываем её. Здесь вы увидите файл под названием Puzzle.psd. Перетаскиваем файл в какое-то место на своем компьютере – например на Рабочий стол – и запоминаем, куда мы его положили.
Шаг 5
Возвращаемся к нашему изображению в Photoshop и, убедившись, что фотография пляжа все ещё выделена, переходим в Filter > Filter Gallery, чтобы открыть галерею фильтров. Здесь переходим в Texture > Texturizer и нажимаем на маленьком значке со стрелкой вниз, чтобы загрузить текстуру. Выбираем файл “Jigsaw.psd”, который мы сохранили в предыдущем шаге.
Выбираем следующие настройки и нажимаем ОК. У вас должен получиться такой результат:
Шаг 6
Давайте начнём делать наш паззл более реальным, скрыв некоторые кусочки. Для начала давайте скроем все кусочки из верхнего и левого рядов. Обычные инструменты выделения (Quick Selection Tool, Lasso Tool) будут неэффективны, так как частички паззла имеют размытые края, поэтому нам нужно использовать более продвинутый метод выделения. Этот продвинутый метод включает инструмент Pen Tool (если вы не знаете, как пользоваться этим инструментом, прочитайте этот урок). Выбираем инструмент Pen Tool (P) и создаем путь, как показано ниже:
Шаг 7
Нажимаем Ctrl + Enter, чтобы трансформировать путь в выделение.
Нажимаем на слое Beach в наборе слоев, чтобы сделать его активным, и добавляем маску слоя с помощью Layer > Layer Mask > Reveal All.
Шаг 8
Нажимаем D, чтобы установить цвета по умолчанию, и нажимаем на маске слоя, чтобы сделать её активной. Теперь нажимаем Ctrl + Backspace, чтобы залить выделение черным цветом. Вы увидите, что левая часть слоя пропала (чтобы посмотреть урок по слоям и маскам слоя, перейдите сюда)
Шаг 9
Создаем пусть в верхней части изображения и используем шаги 7 и 8, чтобы замаскировать выделенную область в маске слоя. Теперь вы уже знаете, как создавать выделение из пути и маскировать слой, поэтому я не буду повторять эти инструкции в следующих шагах.
Шаг 10
Давайте скроем несколько кусочков паззла на изображении, чтобы сделать его более реалистичным. Используем инструмент Pen tool, чтобы создать выделение, и заливаем его в маске слоя (шаги 7 и 8), чтобы скрыть некоторые части, как показано на изображении ниже.
Шаг 11
Уже выглядит намного лучше! Но мы ещё немного улучшим изображение. Давайте возьмем кусочек паззла и расположим его над нашей картинкой с паззлом. Берем инструмент Pen Tool и создаем выделение кусочка паазла.
Шаг 12
Трансформируем путь в выделение с помощью Ctrl + Enter.
Шаг 13
Нажимаем на слое с пляжем в наборе слоев, чтобы сделать его активным, и нажимаем Ctrl + J, чтобы создать новый слой из выделения. Эта операция создаст новый слой с нашим выделенным кусочком паззла. Называем слой “puzzle 1”.
Шаг 14
Теперь у нас есть кусочек паззла на новом слое, мы скрыли весь слой с пляжем, но так и не достигли нужного нам эффекта. Нажимаем на слое “beach”, чтобы выделить его, и нажимаем на маске слоя, чтобы сделать её активной. Теперь нажимаем Ctrl + Backspace, чтобы залить маску слоя фоновым цветом (это должен быть черный цвет, если это не так, то вам необходимо нажать D, чтобы восстановить цвета по умолчанию).
Кажется, что ничего не произошло, потому что, хотя мы и скрыли кусочек паззла на слое “puzzle1”, он все ещё виден. Если вы отключите видимость слоя “puzzle1” (нажав на значке глаза слева от иконки слоя), вы увидите, что наша маска слоя работает. Включаем видимость слоя “puzzle1”.
Шаг 15
Создаем ещё 3 кусочка паззла (используя методику из шагов 12-14) и даем им подходящие названия (puzzle2, puzzle3, puzzle4). Не забываем скрывать кусочки паззла в маске слоя на слое “beach” (нажав Ctrl + Backspace на слое с маской, когда черный цвет выбран в качестве фонового цвета). Вот как должен выглядеть ваш набор слоев:
Шаг 15
Давайте разбросаем поверх паззла кусочки, которые мы создали. Нажимаем на слой “puzzle1”, чтобы сделать его активным, и нажимаем Ctrl + T, чтобы войти в режим Free Transform. Поворачиваем и размещаем этот слой так, как показано на изображении ниже.
Повторяем этот шаг с остальными тремя кусочками. Располагаем их так, как показано на изображении ниже.
Шаг 16
Мы почти закончили. Паззл выглядит неплохо, но мы упустили важную вещь: тень. Давайте добавим тени на наш паззл. Удерживаем Ctrl и нажимаем на маске слоя “beach”, чтобы создать выделение маски.
Создаем новый слой (Ctrl + Shift + Alt + N) и нажимаем Ctrl + Backspace, чтобы залить выделение цветом переднего плана (неважно, какой цвет выбран цветом переднего плана, у нас был черный цвет). Называем слой “shadow”.
Нажимаем дважды на слое “shadow”, чтобы войти в настройки режима смешивания и добавить эффект Drop Shadow. Снижаем заливку до 0%, чтобы скрыть конкретные пиксели, но оставить эффект.
Шаг 17
Добавляем такой же эффект на каждый из 4х кусочков паззла. Вы можете сделать это нажав дважды на каждом слое и применяя этот эффект снова и снова, или просто зажать Ctrl и перетащить эффект со слоя “shadow” на каждый слой с кусочком паззла. Удерживая Ctrl и перетаскивая эффект, вы применяете его к слою, когда отпускаете кнопку мыши, находясь над нужным слоем.
Результат
Мы закончили с паззлом. Если хотите, можете заменить серый цвет деревянной текстурой, имитируя поверхность стола. Просто удалите (или отключите видимость) серого фонового слоя и откройте деревянную текстуру, которая вам больше нравится (мы давали ссылку на красивую текстуру в списке Источников). Выделяем все (Ctrl + A) и копируем (Ctrl + C). Переходим назад на наш паззл и вставляем (Ctrl + V). Теперь перетаскиваем этот слой ниже всех слоев.
И мы закончили!
Перевод: http://www.4webmaster.ru/
Рекомендуем почитать:
• Учимся создавать эффект быстрого движения в Photoshop (Часть 1)
• Учимся создавать эффект быстрого движения в Photoshop (Часть 2)
• Учимся создавать эффект акварели
Оставить комментарий: