Создать оживленную городскую сцену в Illustrator

Sep 11, 2025

Инструкции

Лучший город - это оживленный город, но эта занятая атмосфера не легкая вещь успешно запечатлеть. Однако с некоторыми простыми как рисовать Советы Вы можете принести свои городские сцены в жизнь, наполнить архитектуру деталь ... и вам не придется проводить недели на нем.

100 удивительных учебных пособий Adobe Illustrator

В этом руководстве мы рассмотрим собирать шумную уличную сцену в Illustrator - часть Adobe's Творческое облако Отказ Мы будем строить архитектуру, добавляя цифры, размещая уличную мебель и вывеску и экспериментирую с моей любимой вещью: цвет.

Шаг 01.

Linework for a store – note how much of it is copy and pasted for efficiency (click image to enlarge) — LineWork для магазина - Обратите внимание, насколько она является копированием и вставлена на эффективность (нажмите на изображение, чтобы увеличить)

Как вы начинаете, ваша работа зависит от вас. Вы можете начать начать с карандашного эскиза, нарисуйте прямо в планшет или идите прямо в Illustrator и постройте его в векторы с нуля. Я начал с карандашного эскиза и проследил линейную работу, используя инструмент ручки и фигуры в AI.

Шаг 02.

This is a great way to learn how to get spacing and proportions correct before starting to draw (click image to enlarge) — Это отличный способ узнать, как исправить интервал и пропорции, прежде чем начать рисовать (нажмите на изображение, чтобы увеличить)

Если вы не увлекаетесь на рисунке - или вы ищете быстрый ярлык - тогда идите вперед и отследите фотографию. Используйте инструменты формы, чтобы построить его от спины к фронту, поэтому слои в AI находятся в правильном порядке. Итак, во-первых, основная стена (самый дальний объект), затем детали на стену, и так далее, работая вперед к оконным рамам и дверям.

Шаг 03.

Repeated windows, frames and fire escape (click image to enlarge) — Повторные окна, кадры и пожарные (нажмите на изображение, чтобы увеличить)

Городские сцены могут иметь тысячи окон. Не векторуйте их один за другим, просто иллюстрируйте один в первую очередь в линейной работе, затем добавьте цвета. Группировать все элементы вместе, выбрав каждую часть и нажав CMD + G. Отказ Я действительно эффективно работаю, копируя и вставляя это одно окно.

Выберите группу окон, удерживайте Shift + Alt. и переместить его в направлении, который вам нужно использовать клавиши со стрелками. Затем выпустить alt. ключ и продолжать щелчок Shift + arrow Key пока следующее окно не будет на месте. Повторите, пока вы не сформируете строку Windows, затем группируйте все эти окна вместе и создайте новую строку ниже. Держите копирование, пока вы не наполнили свое здание с одинаковыми окнами.

Шаг 04.

I've included three key landmarks, which are spread across the illustration (click image to enlarge) — Я включил три ключевых ориентира, которые распространяются по иллюстрации (нажмите на изображение, чтобы увеличить)

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

Я начну строить свой город с вершины артборда и работать, поэтому слои построены снизу (или дальше, если вы используете перспективу) до верхнего слоя (передний план).

Шаг 05.

Space out the roads and try playing with diagonal shapes (click image to enlarge) — Космируйте дороги и попробуйте играть с диагональными формами (нажмите на изображение, чтобы увеличить)

Если вы не создаете сцену «крыши», убедитесь, что вы создаете какое-то местоное пространство на всей территории, места, чтобы положить людей, автомобили и так далее. Я рекомендую отрываться от любого реализма в составе / перспективе здесь - я сложу здания с блоками цвета спереди и позади, чтобы создать дороги и стены. Это может быть так же просто, как вам нравится (базовые прямоугольники работают отлично), поскольку вы будете добавлять множество элементов сверху, чтобы принести сцену в жизнь.

Шаг 06.

The colour palette can completely change the atmosphere of a city scene (click image to enlarge) — Цветовая палитра может полностью изменить атмосферу городской сцены (нажмите на изображение, чтобы увеличить)

Со всеми зданиями «построены», давайте добавим немного цвета. Первый совет: не используйте реалистичные цвета. Большинство зданий похожи на серые и коричневые, и это никого не волнует. Вы можете создать палитру, которая «чувствует себя», как город, не используя точные оттенки, которые вы найдете в реальной жизни.

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

Шаг 07.

These simple assets will bring a lot of extra interest to the scene (click image to enlarge) — Эти простые активы приведут много дополнительных интересов к сцене (нажмите на изображение, чтобы увеличить)

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

Шаг 08.

Note how easy it is to change hairstyle, skin and clothing colours to make new people (click image to enlarge) — Обратите внимание, насколько легко изменять прическу, кожи и цвета одежды, чтобы сделать новые люди (нажмите на изображение, чтобы увеличить)

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

Не стесняйтесь скопировать и вставлять фигуры и перекоснуть несколько вариаций каждой фигуры. Это эффективный способ наращивать множество разных людей для сцены.

Шаг 09.

The details bring it all to life (click image to enlarge) — Детали приносят все это в жизнь (нажмите на изображение, чтобы увеличить)

Расположите свои активы по всей сцене своей городской. Рассмотрим, как эти активы могут быть размещены реально - например, не размещайте два одинаковых светофора или знаки рядом друг с другом, и повторные уличные фонари на равных расстояниях (используйте технику копирования и вставки с шага 3). Уличная мебель, вероятно, будет найдена в живописном месте, рядом с парком или ориентиром.

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

Шаг 10.

Set the scene, add little details for people to find (click image to enlarge) — Установите сцену, добавьте мало деталей для людей, чтобы найти (нажмите на изображение, чтобы увеличить)

Чтобы закончить, бросьте некоторые специальные детали определения деталей. Если вы иллюстрируете фактический город, иллюстрируйте некоторые плакаты, знаки или флаги, которые подчеркивают место. Или если вы иллюстрируете общий город, но хотите, чтобы конкретная атмосфера, получите несколько лозунги или рекламные объявления, которые помогают передать ваше сообщение. Сцена города, как это застроена из многих, многочисленных деталей, от оконных кадров для собак ходунки, но каждый из них приносит что-то в динамичной, занятой атмосфере вашего города.

Статьи по Теме:

Обзор: Цветные ручки Chameleon Color Tone
Как иллюстрировать детские книги: 7 лучших советов
Создайте низкие поли обои в C4D

Создать оживленную городскую сцену в Illustrator

Шаг 01.

Шаг 02.

Шаг 03.

Шаг 04.

Шаг 05.

Шаг 06.

Шаг 07.

Шаг 08.

Шаг 09.

Шаг 10.

Инструкции - Самые популярные статьи

Как остановить очки запотевать при ношении маски для лица

Как создать суперреалистичное существо фантазий

Как создать 3D оборотень в нереальном двигателе

Как нарисовать замок с помощью Sketchup

Создание и анимирование полигонов SVG

Как создать стилизованные игровые изображения

Как получить больше из цифровых текстур

Как создать мангу с диким Западом Twist

Категории