3D карта в Photoshop

В этом уроке я покажу вам процесс создания 3D-карты в Photoshop, используя различные 2D и 3D модели (автомобиль, облака, дерево, дорога и т.д.). Так же для этого урока я использовал текстуры травы и воды.

Итоговый результат:

3D карта в Photoshop

Для начала создайте основу для карты, выберите инструмент Лассо (L), в виде выделения создайте поверхность для карты и заполните её серым цветом. Основу для карты так же можно создать при помощи инструмента Перо (P) или воспользоваться готовыми векторными картами. Назовите этот слой Map.

3D карта в Photoshop

К поверхности карты мы добавим текстуру травы. Для этого откройте изображение с текстурой травы в Photoshop и перейдите в меню Edit > Define Pattern (Редактирование - Определить узор), дайте название узору и нажмите OK. Перейдите на слой Map, откройте окно стилей и примените стили Тиснение и Наложение узора. В качестве узора выберите текстуру травы.

3D карта в Photoshop

3D карта в Photoshop

3D карта в Photoshop

Выше этого слоя создайте новый слой. Загрузите выделение для основы карты, нажав Ctrl + клик по миниатюре слоя Map, цвет переднего плана измените на белый, а фоновый - на чёрный. Перейдите во вкладку Filter > Render > Clouds (Фильтр - Рендеринг - Облака) и примените фильтр облака к выделенной области. Для слоя с облаками используйте режим смешивания Overlay (Перекрытие) и уменьшите уровень Opacity (Непрозрачность) до 65%.

3D карта в Photoshop

На новом слое Water Surface создайте два круглых выделения, любым удобным для вас инструментом. Загрузите текстуру воды, откройте её в Photoshop и наложите её на выделенные области. Перейдите в меню Select > Inverse (Выделение - Инверсия) и нажмите Delete (Удалить). Мы создали два озера на карте.

3D карта в Photoshop

К слою Water Surface примените стили Внутренняя тень и Тиснение.

3D карта в Photoshop

3D карта в Photoshop

После этого выберите все слои, кроме фонового слоя, и объедините их Ctrl + E. Полученный слой переименуйте на Shape 1.

3D карта в Photoshop

Теперь нам понадобится специальный экшен, чтобы создать 3D-карту. Я использовал этот 3D action. Загрузите его в Photoshop и примените его для слоя Shape 1.

3D карта в Photoshop

У полученных слоёв удалите стили слоя. Первый слой переименуйте на Grass Surface, а второй слой на Ground Surface. Для слоя Ground Surface добавьте текстуру земли. Добавьте её подобно текстуре воды для озёр и примените к ней стиль Внутренняя тень, чтобы придать объём.

3D карта в Photoshop

Продублируйте слой Ground Surface и для копии загрузите выделение (Ctrl + клик по миниатюре слоя Ground Surface copy). Выделение переместите немного вверх, инвертируйте его и нажмите удалить.

Таким образом мы получили слоистую поверхность. Убедитесь, что у вас выбран слой Ground Surface copy, перейдите к коррекции Brightness/Contrast (Яркость/Контрастность) и установите такие настройки:

3D карта в Photoshop

К двум слоям с землёй примените стиль Тень. Теперь мы добавим дополнительные элементы на карту, а затем перейдём к общей коррекции.

3D карта в Photoshop

Пришло время, чтобы создать фон для 3D-карты. Для этого создайте новый слой Gradient и примените к нему градиент при помощи стиля Наложение градиента. Цвета для градиента #559abf и #ffffff.

3D карта в Photoshop

Чуть выше фонового слоя с градиентом добавьте новый слой Water Surface , откройте в Photoshop изображение с текстурой воды, наложите её на фон и подгоните по размеру. Для этого слоя измените режим смешивания на Перекрытие и непрозрачность понизьте до 50%.

3D карта в Photoshop

Теперь нам нужно чтобы 3D-карта сочеталась с поверхностью воды. Для этого к слою Grass Surface добавьте Внутреннюю тень.

3D карта в Photoshop

Для слоя Ground Surface внесите изменения в стиль Тень. Опирайтесь на изображение ниже.

3D карта в Photoshop

Используйте мягкую круглую кисть белого цвет, чтобы нарисовать пену от воды по краям слоя Ground Surface.

3D карта в Photoshop

На новом слое добавьте несколько копий дерева, измените размер каждого дерева и расположите их, как показано ниже.

3D карта в Photoshop

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

3D карта в Photoshop

Я использовал такие кисти облака, чтобы добавить облака над 3D-картой. Кистью с теми же настройками подрисуйте тень для облаков.

3D карта в Photoshop

Для того, чтобы все добавленные элементы сочетались друг с другом добавьте корректирующий слой Photo Filter (Фотофильтр), установив красивый жёлтый оттенок.

3D карта в Photoshop

Так же я добавил на 3D-карту автомобиль и дорогу. Но вы можете добавить и другие элементы, главное не переборщите.

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

3D карта в Photoshop

По желанию в интернете вы можете найти другие значки или 3D-модели, вот например 3D Map Generator.

Итоговый результат:

3D карта в Photoshop

Ссылка на источник урока.