Строим лабиринт в Фотошоп
Строим лабиринт в Фотошоп
В этом уроке Вы узнаете, как создать огромный лабиринт, выстроенный из объемных геометрических блоков.Сложность урока: Средний
Если вы любите создавать абстрактные, причудливые работы в Фотошоп, то этот урок для вас. Изучите, как создать огромный лабиринт, выстроенный из геометрических объемных блоков.
Вы познакомитесь с разными видами техник, такими как работа с перспективой, перенос текстуры и света и другими.
Давайте начинать!
Что вы будете создавать:
Вот наглядный пример того, что у вас должно получиться в конце урока:
Материалы, необходимые для урока:
Шаг 1
Начнем с создания нового документа (Ctrl+N), в котором мы будем рисовать лабиринт. Размер документа – 2500 пикселей в ширину и 1681 пикселей в высоту. Сначала заполните поле файла черным цветом (Shift+F5).
Затем перейдите в пункт строки меню «Просмотр» (View) в верхней части экрана и убедитесь, что раздел «Вспомогательные элементы» (Extra) отмечен галочкой. Далее, выберите раздел «Показать» (Show), чтобы перейти к его всплывающему окну, и удостоверьтесь, что пункт «Направляющие» (Guide) отмечен галочкой.
Теперь создайте две перекрещивающиеся направляющие линии, как показано на рисунке ниже:
Шаг 2
Приступим к рисованию других линий, которыми вы будете пользоваться как направляющими при создании лабиринта из блоков. Чтобы это сделать, выберете инструмент «Линия» (Line tool) на панели инструментов и установите размер ее толщины - 3 пикселя.
Начните рисовать направляющие, как показано на рисунке ниже. Для черчения линий я использовал красный цвет
После создания линий в левой части рисунка объедините их в один слой. Сделайте копию слоя (Ctrl+J) и отразите его по горизонтали. Передвиньте линии в правую часть рисунка, чтобы получить недостающие направляющие, как показано на рисунке ниже. Объедините два слоя с линиями в один. Я назвал получившийся слой «Линии».
Уменьшите непрозрачность (Opacity) слоя с линиями приблизительно до 40%
Шаг 3
Теперь мы готовы создавать фигуры. Создайте новый слой (Shift+Ctrl+N). Я назвал этот слой «Форма 1». Возьмите инструмент «Перо» (pen tool) и с его помощью нарисуйте прямоугольный контур на вновь созданном слое. Убедитесь, что вы не сходите с направляющих линий для создания фигуры правильной формы. Нажмите правой кнопкой мыши на нарисованном контуре, чтобы открыть окно параметров. Выберите команду «Выполнить заливку контура» (fill path).
Выполните заливку контура цветом #9a9a9b.
Вот, что у нас получилось:
Шаг 4
Далее мы создадим еще одну прямоугольную форму с левой стороны. Для этого добавьте две направляющие линии, пересекающие крайние левые углы фигуры (линия 1 и 2), и еще одну направляющую линию (линия 3), пересекающую две созданных линии.
Создайте новый слой под слоем «Форма 1». Я назвал его «Форма 2». Следуя по ранее созданным направляющим, с помощью инструмента «Перо» , нарисуйте прямоугольную форму, как мы делали в предыдущем шаге (шаг 3). Я залил форму более светлым цветом, как показано на рисунке ниже:
Шаг 5
Закончите фигуру, создав еще две прямоугольных формы. Не забывайте о направляющих линиях, чтобы сохранить правильные пропорции фигуры. Я создал формы на двух разных слоях, которые назвал соответственно «Форма 3» и «Форма 4».
Вот, что у меня получилось в итоге:
Шаг 6
Приступим к приданию форме некоторого объема. Для этого создайте новый слой над слоем «Форма 3». Убедитесь, что выбран параметр «Использовать предыдущий слой для создания обтравочной маски» (use previous layer to create a clipping mask).
Выберите инструмент «Градиент» (gradient) на панели инструментов с типом «Линейный» (linier) и установите его непрозрачность около 15%. Удостоверьтесь, что в качестве цвета переднего плана выступает черный. Откройте палитру градиентов и выберите градиент с названием «От основного к прозрачному» (foreground to transparent).
Начните накладывать тень на слой «Форма 3», удерживая нажатой клавишу мыши и протягивая градиент от вершины изображения немного вниз.
При необходимости затемните также и изображение слоя «Форма 4».
Шаг 7
Теперь нам надо добавить немного линий на форму 1. Выберите снова слой «Форма 1». Когда слой станет активным, перейдите в пункт меню «Слои», далее – «Стиль слоя» и «Обводка» (layer > layer style > stroke).
Вот, что получилось в итоге. Выделите все слои с формами и объедините их в единый слой (Ctrl+E). Я назвал этот слой «Передний правый блок».
Шаг 8
Создайте еще один передний блок слева, используя ту же последовательность действий, как и при создании правого блока.
Шаг 9
Затем создайте передний блок в центре. Выделите все слои с блоками и нажмите сочетание клавиш Ctrl+G для группировки слоев в папку. Я дал ей название «Передний блок».
Шаг 10
Используя ту же последовательность действий, как и в предыдущих шагах, создайте несколько задних блоков с левой стороны. Вот первые три блока, которые я создал и назвал соответственно блоки 1,2 и 3.
Я закончил создавать левую часть лабиринта, добавив еще несколько блоков:
Шаг 11
Приступите к созданию задних блоков с правой стороны. Для этой стороны я добавил 7 блоков
Шаг 12
Далее мы добавим немного белого цвета в проходы между блоками. Давайте начнем с проходов за правым передним блоком. Чтобы добавить цвет, создайте новый слой за правым передним блоком. Возьмите очень мягкую круглую кисть с непрозрачностью 20-30% и на новом слое закрасьте белым цветом пространство, отмеченное синими стрелками.
Также добавьте белого цвета в проходы за левым передним блоком.
Вот, что получилось, когда я добавил немного света в проходы между задними левыми блоками.
Шаг 13
Таким же образом добавьте немного света в проходы между задними правыми блоками. После окончания работы выделите все слои с блоками и объедините их в один слой. Я назвал этот слой «Лабиринт».
Шаг 14
Теперь мы готовы создать задний фон для нашего лабиринта. Снова выберите линейный градиент. Убедитесь, что в качестве цвета переднего плана выступает черный, а в качестве цвета фона – белый. В палитре градиентов выберите градиент перехода от цвета переднего плана к цвету фона (foreground to background):
Далее, замените исходный черный фон изображения на градиентную заливку с переходом от черного к белому. Вот, что получилось у меня:
Шаг 15
Откройте изображение с текстурой в окне документа. Разместите слой с текстурой над слоем заднего фона. Выберите инструмент «Свободное трансформирование» (free transform tool) и измените размер текстуры так, чтобы она закрывала задний фон.
Переместите текстуру вниз так, чтобы она казалась основанием лабиринта.
Уменьшите непрозрачность слоя с текстурой до 65%.
Шаг 16
Добавьте на текстуру слой-маску, нажав мышкой на иконку слоя-маски (Layer Mask) в нижней части панели слоев.
Возьмите очень мягкую круглую кисть с непрозрачностью около 15-20%. Черным цветом закрасьте области около текстуры тем самым, выполнив маскирование. Вот маска, которую я создал на текстуре.
А вот как выглядит текстура с выполненным маскированием:
Сделайте копию слоя с текстурой и измените его режим наложения на «Мягкий свет» (Soft light) с непрозрачностью около 50%.
Шаг 17
Откройте в окне документа изображение неба. Поместите его над слоем с текстурой, приведя в соответствие размер и положение.
Добавьте на слой с небом слой-маску и выполните маскирование отдельных частей неба.
Шаг 18
При выбранном слое с небом перейдите в раздел строки меню «Слои», далее – «Новый корректирующий слой» и «Цветовой тон/Насыщенность» (layer > new adjustment layers > hue/saturation). Убедитесь, что выбран параметр «Использовать предыдущий слой для создания обтравочной маски»
Вот, что у меня получилось:
Шаг 19
Создайте новый слой и поместите его над слоем с небом. Опять возьмите очень мягкую круглую кисть размером около 800-900 пикселей и с ее помощью добавьте немного белого света позади лабиринта. Я назвал этот слой «Свет» Мы можем сделать копию этого слоя и изменить его режим наложения на «Мягкий свет», чтобы усилить яркость света.
Шаг 20
Продолжите работать над лабиринтом. Выберите слой «Лабиринт» и выполните маскирование его отдельных частей, как показано в местах обводки на рисунке ниже.
Вот как выглядит лабиринт после выполнения выборочного маскирования.
Шаг 21
Сделайте копию слоя «Лабиринт» и поместите ее над исходным слоем с добавлением обтравочной маски. Выполните маскирование отдельных частей копии слоя и измените режим наложения на «Умножение» (multiply) с непрозрачностью 75%.
Затем, снова сделайте копию слоя с текстурой, использованной для заднего фона. Поместите копию слоя над копией слоя «Лабиринт» с добавлением обтравочной маски и отрегулируйте его размер.
При выбранном слое с текстурой перейдите в раздел строки меню «Фильтр» - «Другое» - «Цветовой контраст» (filter > other > high pass). Затем измените режим наложения слоя на «Мягкий свет» с непрозрачностью 70%.
Вот, что получилось. Выделите все слои «Лабиринт» и сгруппируйте их в папку. Я назвал папку «Лабиринт»
Шаг 22
Создайте новый слой над папкой «Лабиринт». На этом слое нарисуйте мягкий белый свет впереди центрального блока, как показано в месте обводки на рисунке ниже.
Вот, что получилось:
Шаг 23
В завершение работы, мы изменим цветовой тон всей картины. Для этого мы просто создадим новые корректирующие слои – «цветовой баланс» и «фото-фильтр» и разместим их в самом верху на панели слоев.
Изменим режим наложения слоя «цветовой баланс» на «Нормальный» (Normal) с непрозрачностью 100%, а слоя «фото-фильтр» - на режим «Нормальный» с непрозрачностью 50%.
Примите поздравления! Мы закончили!!!
Потрясающая получилась работа! Вы должны гордиться тем, что сделали. Покажите этот лабиринт друзьям и коллегам и дождитесь их комментариев
Вы также можете показать свою версию получившейся картины нам или задать вопрос по поводу использованных техник. Мы с удовольствием посмотрим вашу работу, ответим на вопрос или дадим совет, который поможет вам улучшить вашу технику.
Автор: Дек Вид (Dek Wid)
Перевод: Ксения Руденко
Источник: psd.fanextra.com
Комментарии 8
Спасибо, очень интересный урок
Спасибо за урок и перевод, но это был кошмар
Спасибо !
Ксения, спасибо за урок!
Сто лет пролежал в сундуке незаконченным и вот вытащила и доделала.
Спасибо за урок!
Трудоёмкий, но интересный урок! Спасибо!))
Спасибо, очень понравился урок!
Отличный урок, спасибо!