Дополнения

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

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

наш канал

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

Camera Raw 10.3. Что нового?

3 апреля вышло очередное большое обновление пакета программ Creative Cloud. Это коснулось, в том числе, и Adobe Photoshop, особенно Adobe Camera Raw.

3 комментария 3918 просмотров 91817 апреля 2018

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

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

Хотите сделать крутой 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
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
Income Gaming25 марта 201814

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

J.P.Monk19 марта 201818

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

Goglmogl19 марта 201815

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

Евгения Черей01 марта 201810

Спасибо! Хороший урок :)

Анна01 февраля 201822

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

Fotinoulita31 января 201828

Мне очень понравился урок! Спасибооо! Ещё один вариант!

Fotinoulita30 января 201825

Спасибо Сергей за перевод и классный урок!

Lex Lutor14 января 201810

Как-то так)

Sinistra2529 декабря 201721

Спасибо))

sevantiikarmanovich22 декабря 2017

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

Георгий Весёлов17 декабря 201723

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

pinkchmo15 декабря 201716

У меня не очень получилось, но всё ранвно спасибо;3

excision09 декабря 201714

увлекательный процесс :)

*Wladimir07 декабря 201716

У меня получилась такая иконка

NiChi802 декабря 201711

тов

Mr.Evil30 ноября 201724

Спасибо! получил огромное удовольствие!

salva_lawrense30 ноября 201718

Несмотря на кажущуюся простоту урока, он оказался довольно сложен :/ Не знаю, чего именно не хватало больше всего - качественных ресурсов или подробного описания. Пришлось делать отсебятину. Как говорится, исходя из холопского розума.

Я немного отошёл от задания

NellyGrace26 ноября 201731

Спасибо

Самая крутая работа!

STAMP23 ноября 201716

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

Наталья Д21 ноября 201717

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

Ирина (anonimus)21 ноября 201723

Спасибо за урок:)

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

svetlanchik11619 ноября 201719

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

veneraina19 ноября 201723

Спасибо

speyses19 ноября 201724

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

speyses19 ноября 201731

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

Лариса17 ноября 201728

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

Лариса17 ноября 201732

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

Faraon6216 ноября 201715

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

Авторизация


Регистрация

Наверх