Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Как создать золотистый жилой прицеп в Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

Как создать новый документ

Сначала нужно создать Новый документ (Файл > Новый или Control/Command-N) с этими параметрами:

  • Количество монтажных областей: 1
  • Ширина: 1200
  • Высота: 1200
  • Единицы измерения: пиксели

Во вкладке Расширенных настроек:

  • Режим цвета: RGB
  • Растровые эффекты: осветление
  • Режим предпросмотра: по умолчанию
  • Снять галочку с "Выравнивать новые объекты по пиксельной сетке"
Creating a new document

2. Как создать основу и крышу трейлера

Шаг 1

Давайте начнём формировать основу трейлера из прямоугольника 607 х 177 пикселей #eecf98, созданного при помощи Инструмента "Прямоугольник" (М).

После создания прямоугольника возьмите верхнюю правую опорную точку Инструментом "Прямое выделение" (А) и нажмите Enter, чтобы открыть окно Движения. Установите значение Горизонтали на -55 пикселей и значение Вертикали - на 0 пикселей и нажмите ОК, сдвинув опорную точку влево.

Building a rectangle

Шаг 2

Создайте ещё один прямоугольник 607 х 55 пикселей с цветом #eecf98 и поместите его под нижнюю часть нашей основной части. Инструментом "Прямое выделение" (А) выделите нижнюю правую опорную точку. Нажмите Enter, чтобы открыть окно настроек Передвижения снова, и установите значение Горизонтали на -5 пикселей и значение Вертикали на 0 пикселей, сдвинув точку влево.

Откройте это же окно для нижней левой опорной точки. Установите значение Горизонтали на 19 пикселей и значение Вертикали на 0 пикселей, сдвинув наш угол вправо.

Adding a second rectangle below

Шаг 3

Выделите обе фигуры и примените функцию Объединения на панели Обработки контуров, чтобы объединить их в одну фигуру. 

При помощи прямоугольника 583 х 8 пикселей с цветом #4f412f сформируйте полоску под низом.

Merging the rectangles and adding a stripe

Шаг 4

Создайте ещё один прямоугольник 552 х 67 пикселей на верху трейлера, использовав цвет #613d26.

Инструментом "Добавить опорную точку" (+) добавьте дополнительную опорную точку в нижней части правого края фигуры.

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

Выделите верхнюю левую угловую опорную точку коричневой фигуры при помощи Инструмента "Прямое выделение" (А). Вы увидите виджет Динамических углов внутри угла. Возьмите его и потяните к центру, сделав угол скруглённым.

Creating a roof

Шаг 5

Давайте добавим контур секции крыши.

Выделите фигуру крыши и перейдите в Объект > Контур > Параллельный контур. Введите -4.5 пикселей в поле значения Параллельности и нажмите ОК. Установите цвет Заливки внутренней фигуры на #eecf98.

Инструментом "Прямое выделение" (А) перетащите нижнюю сторону получившейся фигуры вниз, удерживая Shift, установив её на такой же уровень, как и верхний край фигуры трейлера.

Adding an outline to the roof

3. Как добавить полоски, дверь и окна

Шаг 1

Пора украсить наш трейлер полосками.

Создайте прямоугольник 750 х 113 пикселей (#c25c34), поместив его под верхний край основной фигуры трейлера.

Сформируйте вторую полоску 750 х 28.5 пикселей такого же цвета, проходящую через боковые опорные точки основы трейлера.

Forming two decorative stripes

Шаг 2

Давайте отрежем части полосок, выходящих за пределы фигуры трейлера.

Выделите полоски вместе с главной фигурой. Затем примените Инструмент "Создание фигур" (Shift-M).  Удерживая Alt, кликните и удерживайте левую кнопку мыши на пустой области возле границ нежелательной части полоски, проведите мышью вдоль выступающих частей и отпустите кнопку, чтобы удалить их. Повторите действие на другой стороне.

Cutting outstanding parts of the stripes

Шаг 3

Создайте два прямоугольника 110 х 60 пикселей (#bfa989) для окон, расположив их возле левой и правой частей большой красной полосы.

Выделите окна и перейдите в Объект > Контур > Параллельный контур. Введите значение Параллельности 3 пикселя и установите цвет Заливки контуров на #613d26.

Building two windows

Шаг 4

Начните создавать дверь, сформировав скруглённую фигуру 96 х 252 пикселей (#613d26) на левой стороне трейлера возле левого окна. Оставьте пустое пространство между дверью и правым окном для маленького окна, которое мы добавим позже.

Используйте Параллельный контур для фигуры двери, установив значение Параллельности на -4.5 пикселей. Измените цвет внутренней фигуры на #c25c34.

Создайте простую дверную ручку из круга 14 х 14 пикселей при помощи Инструмента "Эллипс" (L) (#4f412f) и скруглённый прямоугольник 28.5 х 4.5 пикселей (#664b2e).

Creating a door

Шаг 5

Добавьте горизонтальный скруглённый прямоугольник 87 х 7.5 пикселей под дверью, заполнив его цветом #45392a.

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

Добавьте ещё одну горизонтальную полосу между двух вертикальных прямоугольников. 

Forming a stair step for the door

Шаг 6

Давайте добавим маленькое окошко на пустом месте возле двери.

Сформируйте прямоугольник 65 х 65 пикселей (#613d26) и перейдите в Объект > Контур > Параллельный контур, установив значение Параллельности на -4.5 и окрасив внутреннюю фигуру в цвет #bfa989.

Создайте прямоугольник 79 х 7.5 пикселей #eecf98 над верхним краем окна.

Creating a small window

4. Как добавить колёса, стойки и мелкие детали

Шаг 1

Инструментом "Эллипс" (L) создайте круг 75.5 х 75.5 пикселей #4f412f для колеса. Добавьте два маленьких круга внутри: один круг 48 х 48 пикселей #d9b97b и один - 42 х 42 пикселей без Заливки, но с обводкой 2 пикселя #80624f.

Создайте ещё один круг 17 х 17 пикселей (#fde0a1) в середине.

Создайте маленький круг 3 х 3 пикселей (#80624f), поместив его под ранее созданным контурным кругом без заливки. Удерживая маленький круг выделенным, добавьте внутренний круг к выделенному и снова кликните на внутренней фигуре, сделав её Ключевым объектом. "Выровнять по отношению к ключевому объекту" автоматически выбрано на панели Управления и панели Выравнивания.

На панели Выравнивания (Окно > Выравнивание) или панели Управления кликните на кнопку "Горизонтальное выравнивание по центру".

Forming a wheel

Шаг 2

Выделите маленький круг, возьмите Инструмент "Поворот" (R) и кликните с зажатыми Alt/Option на середине колеса. На панели Поворота установите Угол 30 градусов и кликните "Копировать". Нажмите Control-D, чтобы повторить последнее действие, и продолжайте нажимать Control-D для добавления 12-ти кругов вокруг центра (1).

Начните создавать декоративный ободок при помощи прямоугольника 92 х 32 пикселей без Заливки с цветом обводки #fde0a1 и Шириной 9, поместив его под верх колеса и выровняв по его центру через панель Выравнивания (2).

Перетащите его верхние опорные точки горизонтально на 15 пикселей к центру (используйте панель Перемещения, как мы делали это ранее) (3).

Удалите нижнюю сторону, нажав на ней Инструментом "Прямое выделение" (А) и нажимая Delete (4).

Удалите выступающую верхнюю часть колеса (5) при помощи Инструмента "Создание фигур" (Shift-M) (5).

Инструментом "Перо" (Р) нарисуйте угловатую фигуру на границах обода и спрячьте её за колесо (6).

Сгруппируйте (Control-G) все части колеса вместе и прикрепите его к трейлеру.

Finishing the wheel

Шаг 3

Давайте создадим вентиляцию.

Создайте прямоугольник 50 х 13.5 пикселей (#222529) под маленьким окном и сформируйте контур 3 пикселя способом Параллельного контура, установив его цвет на #d9b97b. Добавьте две тонких полосы одинакового цвета внутрь фигуры и Сгруппируйте (Control-G) эти части вместе.

Скопируйте вентиляцию и поместите копию на нижнюю декоративную полосу трейлера. Сделайте цвет контуров немного темнее.

Creating vent gratings

Шаг 4

Пора добавить маленькую дверь в нижней части трейлера.

Сформируйте прямоугольник 83.5 х 34 пикселей (#c25c34) снаружи трейлера и слегка скруглите его углы. Добавьте контур 4.5 пикселей при помощи Параллельного контура, установив его цвет на #fde0a1.

Нарисуйте прямоугольник 16 х 5 пикселей (#fde0a1) под верхним краем красной внутренней части, выровняв его по середине. Растяните его нижние опорные точки слегка по направлению к центральной оси и сделайте их скруглёнными. 

Поместите круг 6 х 6 пикселей (#d9b97b) в центр угловатой фигуры и добавьте маленький скруглённый прямоугольник в середине (#4f412f), сформировав замочную скважину.

Добавьте два прямоугольника 11.5 х 5 пикселей (#4f412f) на нижнем крае контура для петлей. Сгруппируйте (Control-G) все части вместе и поместите дверь на нижней правой части трейлера.

Building a side door

Шаг 5

Далее мы создадим стойку.

Создайте прямоугольник 68 х 12 пикселей с цветом #b3532d. Выделите фигуру и перейдите в Объект > Трансформировать > Поворот. Установите значение Угла на 45 градусов и нажмите ОК.

Сформируйте прямоугольник 17 х 17 пикселей (#eecf98) на переднем плане нижней части и сделайте его верх скруглённым. Создайте фигуру 50 х 9 пикселей (#d9b97b), прикрепив её к нижнему краю скруглённого прямоугольника. Сделайте его верхние опорные точки скруглёнными.

Создайте маленькую копию красного прямоугольника и поверните его на 45 градусов влево. Измените цвет на тёмно-красный (#9c4827). Спрячьте копию за большой фигурой, поместив её верхнюю опорную точку на таком же уровне.

Сгруппируйте (Control-G) части стойки и расположите её в нижней левой части трейлера. Чтобы убедиться, что наша стойка находится на том же уровне, что и низ колеса, используйте функцию Вертикального выравнивания по низу на панели Выравнивания. Затем создайте отражённую копию стойки на правой стороне трейлера.

Making two stands

Шаг 6

Нашему трейлеру нужна сцепка - деталь, при помощи которой можно прицепить трейлер к машине.

Создайте прямоугольник 89 х 15.5 пикселей (#b3532d), перетащив его нижнюю правую опорную точку вверх на несколько пикселей.

Добавьте ещё одну вертикальную фигуру 7.5 х 13 пикселей (#eecf98) на правой стороне и два пересекающихся прямоугольника, использовав #eecf98 для более светлого цвета и #66452e - для более тёмного.

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

Сгруппируйте (Control-G) все части, расположив получившуюся сцепку за нижней правой частью трейлера.

Building a tie-down element

Шаг 7

Добавьте ещё несколько деталей трейлеру, такие как маленькие двери, ветровое стекло и парковочные фары.

Вы можете найти несколько образцов в интернете и добавить свои детали.

Adding some smaller details

5. Как добавить тени и блики на трейлере

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

Шаг 1

Начнём с добавления отражений в левом окне. Выделите его Инструментом "Прямое выделение" (А), кликните правой кнопкой мыши и выберите "Отделить выбранный контур" в выпадающем меню. Отделённое окно станет насыщенного цвета, в то время как остальная работа будет тусклой. Создайте два длинных вертикальных прямоугольника (#fef7d9) разной ширины за пределами фигуры окна.

Creating two rectangles for the highlights

Шаг 2

Выделив вертикальные прямоугольники, перейдите в Объект > Трансформировать > Поворот, чтобы повернуть их на 45 градусов. Перетащите заострённые прямоугольники на окно и отрежьте выступающие части. Нажмите Esc, чтобы выйти из режима отделения или просто дважды кликните за пределами отделённой группы.

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

Adding highlights to the windows

Шаг 3

Теперь создадим блик на крыше.

Выделите главную фигуру крыши Инструментом "Прямое выделение" (А) и Скопируйте её при помощи Control-C. Дважды нажмите Control-F, чтобы получилось две копии перед главным объектом. Сдвиньте верхнюю копию вверх, чтобы она перекрывала крышу, и затем добавьте вторую копию к выделенному.

Используйте функцию "Пересечение" на панели Обработки контуров и измените цвет получившейся фигуры на #fde5b6, образовав блик на крыше.

Making a highlight on the roof

Шаг 4

Т.к. мы закончили с бликами, пора добавить тени. 

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

Растяните копию по горизонтали, удерживая клавишу Alt и перетаскивая Инструментом "Прямое выделение" (V), сделав так, чтобы копию полностью перекрыла основу трейлера.

Добавьте вторую копию к выделенному и используйте функцию Пересечения на панели Обработки контуров. Измените цвет получившейся части на #d9b97b.

Таким же образом добавьте тень в нижней части двери.

Adding shadows

Шаг 5

Давайте создадим тень для колеса. Это будет немного сложнее.

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

Спрячьте получившуюся фигуру за верхний заострённый колёсный кожух и перейдите на панель Прозрачности, установив Режим наложения на Умножение, снизив Непрозрачность до 40%.

Сгруппируйте (Control-G) все части трейлера вместе.

Creating a shadow for the wheel

6. Как создать пустынный фон

Сейчас нам нужен фоновый пейзаж, который подойдёт нашему трейлеру. Мы добавим несколько кактусов, уровень земли и сияющую луну над пустыней, которая придаст атмосферы.

Шаг 1

Начнём с создания фоновых элементов - двух кактусов. Используйте простые прямоугольники для формирования каждой фигуры кактуса. Затем объедините их в одну фигуру при помощи функции Объединения на панели Обработки контуров и скруглите углы, перетащив круглые указатели каждой опорной точки. Установите цвет растений на #c7873e.

Drawing two cactuses

Шаг 2

Создайте скруглённый прямоугольник 830 х 132 пикселей (#d99b41) для уровня земли.

Добавьте две теневые части в нижнюю часть, создав более тёмные прямоугольники и удалив выступающие части.

Расположите трейлер на земле и разбросайте несколько маленьких скруглённых прямоугольников по поверхности земли для имитации песочной текстуры.

Forming a ground level

Шаг 3

Поместите кактусы возле трейлера.

Инструментом "Перо" (Р) нарисуйте силуэт пустынных гор. Вы можете использовать фотографии с интернета. Я вдохновлялся видами пустыни Аризоны во время создания этих гор.

Используйте #cc923d для цвета гор и добавьте квадратный фон, заполнив его #f2bc55.

Adding mountains and solid background

Шаг 4

Добавьте сияющую луну #f7ead7, спрятавшуюся за горами, при помощи Инструмента "Эллипс" (L).

Чтобы заполнить пустое пространство и добавить глубины пейзажу, создайте облакообразную форму за луной при помощи Инструмента "Перо" (Р) или "Скруглённый прямоугольник" (М), сделав углы получившейся фигуры скруглёнными.

Добавьте простой силуэт летящей птицы, расположив его на круге луны.

Adding a moon clouds and bird silhouette

Пора отдохнуть!

Поздравляю! Наша иллюстрация завершена.

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

Я надеюсь, вам понравилось создавать эту сцену со мной, и вы изучили новые приёмы использования простых инструментов Adobe Illustrator.

The resulting illustration

Теперь вы можете создавать свои сцены путешествий на основе чудесных мест со всего мира.

Эта иллюстрация с трейлером - только часть моего сета с Бунгало, коттеджем, трейлером и домом, а в моём портфолио на GraphicRiver можно найти намного больше иллюстраций на тему путешествий и развлечений. 

Full set on Graphicriver
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.