1. Design & Illustration
  2. Graphic Design

Создаём Старинную Карту Мира в Photoshop

Scroll to top
Read Time: 5 min

() translation by (you can also view the original English article)

Вы когда-нибудь хотели себя почувствовать картографом? Нет больше невозможного! С помощью этого урока вы сможете быстро создать уникальную редактируемую карту. Начиная с нуля, вы создадите старинную карту, подходящей для охотника за сокровищами! Итак, давайте приступим. Arghhhh!

Шаг 1

Откройте программу Photoshop, а затем создайте новый документ. Нажмите клавишу (D), чтобы выставить цвета переднего и заднего плана по умолчанию, далее, идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds).

A basic cloud renderA basic cloud renderA basic cloud render

Шаг 2

Далее, примените постеризацию к изображению, идём Изображение- Коррекция - Постеризация (Image > Adjustments > Posterize), установите Уровень (level) на 2. Поздравляю! Вы только что создали свой фрагмент суши за 2 простых шага. Также, я переименовал этот слой в "landmass" для аккуратности.

Using postarize to create landmassesUsing postarize to create landmassesUsing postarize to create landmasses

Шаг 3

Далее, с помощью инструмента Волшебная палочка (Magic Wand Tool (W), щёлкните по белой области, чтобы выделить её, а затем удалите её. Не забудьте убрать галочку в окошке смежные пиксели (Contiguous) в настройках инструмента, а также установите Допуск (Tolerance) на 0, чтобы выделить все участки с белым тоном.

The landmassThe landmassThe landmass

Шаг 4

Теперь создайте задний фон. Временно отключите видимость слоя с фрагментами суши, чтобы легче было работать, а затем создайте новый слой ниже предыдущего. Далее, с помощью инструмента Заливка (Paint Bucket Tool (K), залейте новый слой тёмно-коричневым оттенком. В данном случае, я использовал следующий цветовой оттенок #5C4D2B.

Creating the backgroundCreating the backgroundCreating the background

Шаг 5

Добавьте немного жизни на зданий фон. С помощью инструмента Градиент (Gradient Tool (G), цвета градиента от светло-коричневого (#AB9E67) до прозрачного, добавьте светлое пятно на холст. Не забудьте установить Радиальный (Radial) градиент.

A light in the cornerA light in the cornerA light in the corner

Шаг 6

Теперь, когда у нас есть базовая основа заднего фона, возвращаемся к слою с фрагментами суши. Включите видимость данного слоя, а затем поменяйте цвет суши с чёрного на тёмно-коричневый (#2A2415). Для этого, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с сушей, чтобы загрузить активное выделение, а затем идём Редактирование – Выполнить заливку (Edit > Fill).

with the landmasswith the landmasswith the landmass

Шаг 7

Используя встроенные фигуры Photoshop, добавьте значок компаса серовато-коричневого цвета (#7E735B) в углу карты на новом слое. Чтобы найти данную фигуру, выберите инструмент Произвольная фигура (Custom Shape Tool (U), а затем найдите значок компаса. Если вы не можете найти его, тогда щёлкните по маленькой стрелочке в правом верхнем углу выпадающего меню, чтобы выбрать опцию Все Элементы и Фигуры (All Elements and Shapes). Не забудьте удерживать клавишу (Shift) при создании фигуры компаса, чтобы создать равномерное увеличение.

Adding a compassAdding a compassAdding a compass

Шаг 8

Создайте новый слой поверх слоя с компасом. Далее, создайте несколько белых полосок вдоль всей карты. Для этого, используйте инструмент Прямоугольная область (Rectangular Marquee Tool (M), чтобы создать вытянутый прямоугольник, который бы пересекал холст по вертикали. Далее, залейте выделенную область прямоугольника белым цветом (#FFFFFF), для этого идём Редактирование – Выполнить заливку (Edit > Fill). Создайте столько прямоугольников, сколько необходимо, чтобы покрыть полностью холст. Постарайтесь расположить их, как можно более равномерно.

White stripesWhite stripesWhite stripes

Шаг 9

Далее, примените искажение к полоскам, чтобы создать эффект лучей света, для этого идём Изображение – Трансформация – Искажение (Image > Transform > Distort). Чтобы исказить полоски, переместите угловые «узелки» в нечто близкое к треугольнику (область трансформации должна по-прежнему иметь 4 точки). Затем поверните полоски, направив их в сторону угла. Не забудьте совместить полоски, для этого, с помощью большого мягкого круглого Ластика (Eraser (E), создайте затенение на кончиках полосок, чтобы создать эффект рассеивания света.

warped stripeswarped stripeswarped stripes

Шаг 10

Теперь, чтобы совместить полоски с нашей сценой, поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до, примерно 5%.

Lowering the opacity of the lightLowering the opacity of the lightLowering the opacity of the light

Шаг 11

Создайте новый слой поверх слоя с лучами света, а затем ещё раз примените фильтр Облака (cloud). На этот раз, вместо чёрно-белого цвета, используйте тёмно-коричневые и свело-коричневые цвета.

Create another cloud layerCreate another cloud layerCreate another cloud layer

Шаг 12

Далее, поменяйте режим наложения для слоя, который вы только что создали на Осветление основы (Color Dodge), а также уменьшите Непрозрачность (Opacity) слоя до 42%, чтобы добавить текстуры и света.

Change the layer settingsChange the layer settingsChange the layer settings

Шаг 13

Теперь мы создадим сетку. Вначале сверните свой рабочий документ с картой, а затем создайте новый документ. В настройках нового документа, установите задний фон Прозрачный (Transparent) в строке Содержимое (Contents). Для данного урока я использовал большие размеры сетки, поэтому, я установил следующие размеры данного документа 100x100 px, но вы можете использовать любые размеры на своё усмотрение. Теперь с помощью инструмента Карандаш (Pencil Tool (N), толщина линии 1px, нарисуйте линию горизонтальную линию внизу и вертикальную линю справа. Далее, выделите весь холст (Ctrl+A), чтобы превратить линии в узор, для этого идём Редактирование – Определить узор (Edit > Define Pattern).

creating the grid

Шаг 14

Теперь, когда вы создали узор сетки, нарисуйте эффект сетки на новом слое. Для этого, выберите инструмент Заливка (Paint Bucket Tool (K), в настройках данного инструмента установите заливку Узором (Pattern), а не цветом переднего плана. Далее, в появившемся окне, выберите узор, который вы только что создали. После этого, чтобы сетка выглядела более утончённо, уменьшите Непрозрачность (opacity) слоя с сеткой до 10%.

Place a grid on the documentPlace a grid on the documentPlace a grid on the document

Шаг 15

Далее, мы можем затемнить углы карты, чтобы добавить чувство старины. Для этого, создайте новый слой и с помощью большой круглой чёрной кисти, равномерно прокрасьте углы. Не забудьте, что прокрашивать необходимо только углы, противоположные к направлению лучам света. Далее, уменьшите Непрозрачность (opacity) нового слоя до, примерно 80%, чтобы сделать эффект более нежным. Вы можете остановиться здесь и получить карту в этом виде. Или вы можете выполнить следующий шаг, чтобы усилить эффект.

Create a dark shadow in the cornerCreate a dark shadow in the cornerCreate a dark shadow in the corner

Шаг 16

Данный шаг является выборочным. Объедините все слои (Ctrl+Shift+E), а затем примените фильтр Зерно (Grain Filter), для этого идём Фильтр – Текстура- Зерно (Filter > Texture > Grain). Установите тип зерна на Пятна (Speckle). Вы можете установить значение Интенсивности (intensity) и Контрастности (contract) зерна на своё усмотрение. В данном случае, я использовал значение 35 для интенсивности и 68 для контрастности. Поздравляю! Вы только что создали свою первую карту с нуля.

Your finished mapYour finished mapYour finished map

Шаг 17

Результаты урока могут варьироваться, а вы можете настроить его в соответствии с вашими потребностями или предпочтениями. Надеюсь, что этот урок был полезным для вас. Желаю удачи и приятно провести время за выполнением этого урока.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads