Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

17 ноября 2017

Друзья! На сайте опубликованы интервью с победителем и призёрами конкурса «Портрет героя по роману «Три мушкетёра».

Кликните по ссылке, чтобы перейти на страницу с интервью

Создаем изометрическую иконку ландшафта в Фотошоп

10 ноября 2017 4 734 просмотра | Сложность:

Хотите сделать крутой 3D-дизайн? В этом уроке вы научитесь создавать изометрическую иконку ландшафта, используя только программу Photoshop.

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока

Шаг 1

Создайте новый документ размером 800х500 px. С помощью инструмента Заливка (Paint Bucket Tool) (G), залейте фоновый слой серым цветом (примечание переводчика: цвет #858585). Затем выберите на панели инструментов Кисть (Brush Tool) (B) и нарисуйте большое пятно в центре изображения (примечание переводчика: жесткость кисти 0%, размер 725 px. цвет # cccccc).

Шаг 2

Используя инструмент Перо  (Pen Tool (P)), создайте первую изометрическую фигуру, которая состоит из двух вертикальных линий и двух наклонных линий под углом 30º. После этого залейте фигуру черным цветом и продублируйте её один раз Ctrl+J. Затем отразите по горизонтали продублированную фигуру, для этого перейдите в Редактирование – Трансформирование – Отразить по горизонтали (Edit> Transform> Flip Horizontal), после этого залейте ее серым цветом и расположите, как показано на изображении.

Примечание переводчика: также есть другой более практичный способ создания изометрии. Создайте один прямоугольник размером 270х70 px, (после трансформирования и дублирования этот прямоугольник будет левой и правой стороной изометрической фигуры).

Выполните свободное трансформирование контура (Ctrl+T) и вверху введите такие данные:

  • Масштабирование по вертикали:86,602 %
  • Поворот: 30
  • Наклон по горизонтали:30

Нажмите Enter

Затем продублируйте левую сторону изометрической фигуры Ctrl+J и отобразите ее по горизонтали. После этого переместите правую сторону изометрической фигуры вправо.

Создайте квадрат размером 270*270 px. Выполните свободное трансформирование контура (Ctrl+T) и вверху видите такие значения:

  • Масштабирование по вертикали:86,602 %
  • Поворот: 30
  • Наклон по горизонтали: -30

Нажмите Enter

Шаг 3

Выберите инструмент Перо (Pen Tool) (P) и создайте верхнюю часть для изометрической фигуры. Затем залейте её светло-серым цветом. После этого выделите всю фигуру и измените размер (сделайте фигуру короче и шире) с помощью свободного трансформирования контура (Ctrl+T).

Шаг 4. Создание ландшафта

Вставьте в документ текстуру земли, которую вы скачали. Поверните текстуру на 30 ° и уменьшите Непрозрачность (Opacity) до 30 %. Используя инструмент Прямоугольное лассо (Polygonal Lasso Tool) (L), выделите определенный участок фигуры.

Скопируйте и вставьте выделенный участок земли на новый слой и увеличьте непрозрачность до 100%. Продублируйте новый слой (выделенный участок земли) и отразите его по горизонтали (примечание переводчика: уменьшите непрозрачность копии до 84 %). Затем удалите исходное изображение с текстурой земли.

Шаг 5

Теперь вставьте текстуру с травой. Примените к текстуре Свободное трансформирование (Free Transform Tool) (Ctrl+T), выберите опцию Перспектива (Perspective) и измените перспективу текстуры.

Используя инструмент Прямоугольное лассо (Polygonal Lasso Tool) (L), удалите перекрывающие разделы фигуры. После этого изображение должно выглядеть приблизительно так:

Для того чтобы создать тень под фигурой, необходимо скопировать слой с травой и переместить его под изометрическую фигуру. Затем перейдите в Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue & Saturation) и уменьшить яркость до -100.

После этого перейдите в Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur) радиус 5 px.

Шаг 6

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

Для того чтобы очистить края и удалить часть камня, используйте Ластик (Eraser Tool) (E) или добавьте слой маску к изображению с камнем и черной кистью пройдитесь по слой – маске.

Шаг 7. Добавление воды и деревьев

Поместите текстуру с водой поверх всех слоев, уменьшите Непрозрачность (Opacity) до 50%, выберите инструмент Овальная область (Elliptical Marquee Tool) (M) и выделите определенную область воды.

Затем скопируйте выделенную область воды Ctrl+C и вставьте на новый слой Ctrl+V. Переместите слой с водой под слой с камнем.

Продублируйте слой Ctrl+J. Затем перейдите в Редактирование – Свободное трансформирование (Edit > Free Transform) (Ctrl+Т), немного уменьшите и переместите влево - вниз выделенную область. После этого перейдите на нижний выделенный слой с водой и выберите Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue & Saturation), уменьшите насыщенность до -100% и яркость до -50%.

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

Шаг 8

Создайте новый слой, установите режим наложения Умножение (Multiply), и нарисуйте мягкую тень при помощи Кисти (Brush Tool) (B), это придаст изображению реалистичный вид. Пройдитесь при необходимости Ластиком (Eraser Tool) (E) для корректировки цвета.

Шаг 9

Закончим рисовать нашу иконку добавлением бликов! Создайте новый слой, установите режим наложения Перекрытие (Overlay), непрозрачность установите до 60 % и белой мягкой кистью (примечание переводчика: непрозрачность кисти 17 %) пройдитесь по дереву, скале, траве, фону для добавления бликов. Продолжайте улучшать ваше изображение, пока не получите желаемый результат.

Вот мы и закончили рисовать изометрическую иконку!

Автор: 123RF

Понравилось? Поделитесь с друзьями!
Источник: blog.123rf.com Переводчик: Юрьев Сергей
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
speyses9 часов назад15

Спасибо огромное

speyses9 часов назад15

Урок просто супер.

Лариса1 день назад8

Царица Египта.

Лариса1 день назад17

Сергей, спасибо за перевод!

Faraon6216 ноября 20179

Спасибо за урок!

Спасибо!!!

Il_Chuvasova15 ноября 201712

спасибо!!! очень понравилось)))

stervameri15 ноября 201710

Спасибо огромное,мой первый урок ))))

Затягивает:)

Taggir15 ноября 201714

Спасибо!

Ольга (anonimus)14 ноября 201715

Спасибо!

guniorster14 ноября 201717

Спасибо!

Antalja13 ноября 201715

Спасибо большое! Очень интересный урок! Правда, на его выполнение убила 2 дня, но он того стоил, по-моему)))

Толя Марченко13 ноября 2017

Спасибо! Интересный урок

Очень хороший и полезный урок, спасибо!

Manush12 ноября 201720

японский ландшафт получился

Mariy77711 ноября 201744

Благодарю автора и переводчика за урок!

Larissa18411 ноября 201717

Спасибо.

Viktoriiusvik11 ноября 201713

Немного импровизации.. Спасибо за урок..

physik11 ноября 201722

Спасибо за урок.

спасибо

Наталья Хопта11 ноября 201728

Спасибо!

Тайна1510 ноября 201731

Спасибо, было интересно!

Bukca10 ноября 201729

Создаем изометрическую иконку ландшафта в Фотошоп. Спасибо.

Авторизация


Регистрация

Наверх