Advertisement
  1. Design & Illustration
  2. Spirit Day

Создаём сплошной узор ко Дню сильных духом в Adobe Illustrator

Scroll to top
Read Time: 11 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом году День сильных духом выпадает на 15 октября. 

Миллионы людей одеваются в фиолетовые одежды в День сильных духом, чтобы выступить против притеснения и показать свою поддержку лесбиянкам, геям, бисексуалам и трансгендерам (ЛГБТ). 
Ежегодно с 2010 года отдельные люди, школы, организации, корпорации и публичные личности носят фиолетовый цвет, что означает «дух» на радужном флаге. 

Следуйте этому руководству и создайте яркий сплошной узор с плоскими элементами, символизирующими любовь и дружбу и посвящёнными Дню сильных духом.  Мы будем использовать базовые фигуры и эффекты деформации, создавая объекты, и затем объединим их в сложную текстуру при помощи Инструмента «Узор» и некоторых других инструментов для редактирования.  Давайте начнём! 

1. Создаём стакан с кофе

Шаг 1

Начнём с создания фиолетового  фона для нашего будущего узора. 

Создайте Новый документ размером 400 х 400  пикселей.  Возьмите Инструмент «Прямоугольник» (М)  и создайте прямоугольник такого же размера, как наша монтажная область (400 х 400 пикселей), заполнив его ярким фиолетовым цветом. 

make a purple backgroundmake a purple backgroundmake a purple background

Шаг 2

Давайте начнём формировать пластиковый стакан с кофе  из прямоугольника 65 х 100 пикселей. 

make a rectangle for the cup basemake a rectangle for the cup basemake a rectangle for the cup base

Шаг 3

Нам нужно сделать нижнюю часть стакана  более узкой.  Возьмите Инструмент «Прямое выделение» (А) и выделите нижнюю левую опорную точку.  Нажмите клавишу Enter, чтобы открыть окно с  настройками Перемещения и установите Горизонтальное значение на 5 пикселей, Вертикальное значение на 0 пикселей.  Нажмите ОК, чтобы сдвинуть точку на 5 пикселей вправо. 

Повторите то же самое для нижней правой опорной точки,  но в этот раз установите значение сдвига по Горизонтали  на -5 пикселей, таким образом сдвинув  точку влево. 

use Move function to form the bottom of the cupuse Move function to form the bottom of the cupuse Move function to form the bottom of the cup

Шаг 4

Теперь давайте добавим крышку, сформировав прямоугольник 80 х 15 пикселей на верху стакана  и другой прямоугольник 70 х 10 пикселей  поверх него.  Выделите все три фигуры и перейдите на панель Выравнивания.  Выберите «Выровнять относительно ключевого объекта» и нажмите на «Горизонтальное выравнивание центр», чтобы выровнять фигуры.

add a narrow rectangles for the capadd a narrow rectangles for the capadd a narrow rectangles for the cap

Шаг 5

Давайте добавим бумажную полоску вокруг стакана.  Поместите прямоугольник поперёк стакана.  Выделив фигуру, перейдите в Эффект > Деформация > Дуга и установите значение Горизонтального сгиба на -10%, сдвинув ползунок вправо,  сделав фигуру слегка согнутой. 

add arched paper stripeadd arched paper stripeadd arched paper stripe

Шаг 6

Разберите оформление бумажной полоски (Объект > Разобрать оформление), чтобы применить  эффект Дуги.  Затем выделите дугообразную полоску  и основу стакана, возьмите Инструмент «Создание фигур» (Shift-M) и удалите ненужные части за пределами стакана,  нажав на них и удерживая клавишу   Alt.

use shape builder tool to delete the piecesuse shape builder tool to delete the piecesuse shape builder tool to delete the pieces

Шаг 7

Давайте изменим основу стакана.  Выделите его и примените эффект Дуги  со значением Горизонтального сгиба -5%.  Разберите оформление  стакана. 

apply arc effect to the cup baseapply arc effect to the cup baseapply arc effect to the cup base

Шаг 8

Отлично, теперь нижняя часть стакана  слегка изогнута, но нам нужно сделать его верхнюю часть снова прямой.  Выделите  стакан и возьмите Инструмент «Ножницы» (С).  Нажмите на верхнюю левую и правую опорные точки основы стакана, обрезав верхнюю  линию.  Затем просто удалите ненужную линию. 

use scissors tool to cut off a lineuse scissors tool to cut off a lineuse scissors tool to cut off a line

Шаг 9

Давайте добавим значок кофейного зерна на наш стакан.  При помощи Инструмента «Эллипс» (L) создайте эллипс размером 30 х 35  пикселей. Затем возьмите Инструмент «Карандаш» (N) и нарисуйте  волнистую вертикальную линию вдоль эллипса.  Выделите обе фигуры и примените функцию «Разделение» на панели Обработки контуров, чтобы отделить половинки эллипса  друг от друга.  В конце выделите правую часть фигуры и сдвиньте её на несколько пикселей  вправо при помощи клавиши «Стрелка вправо»  на клавиатуре. 

form a coffee beanform a coffee beanform a coffee bean

Шаг 10

Завершите создание стакана, разместив  кофейное зерно в центре бумажной полоски в качестве логотипа. 

Отлично! Перейдём к следующему элементу  нашего будущего узора. 

place the coffee label on the cupplace the coffee label on the cupplace the coffee label on the cup

2. Создаём конверт с любовным письмом 

Шаг 1

Начните формировать конверт, создав прямоугольник 80 х 55 пикселей и создав копию  поверх него (Control-C > Control-F).

Выделите верхнюю копию и перейдите в Объект > Контур > Добавить опорные точки, чтобы создать дополнительные опорные точки на каждой  стороне прямоугольника. 

for the envelope base from a rectanglefor the envelope base from a rectanglefor the envelope base from a rectangle

Шаг 2

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

form an upside down triangleform an upside down triangleform an upside down triangle

Шаг 3

Давайте сформируем печать в форме сердца для нашего  конверта.

Создайте круг приблизительно 20 х 20 пикселей при помощи Инструмента «Эллипс» (L)  и удерживайте клавишу Shift.  Выделите нижнюю опорную точку Инструментом «Прямое выделение» (А) и Преобразуйте её в угол при помощи функции «Преобразовать»  на верхней панели управления, сделав нижнюю часть фигуры заострённой.  

Теперь выделите верхнюю опорную точку Инструментом «Прямое выделение» (А).  Перейдите к  Инструменту «Опорная точка» (Shift-C) и перетащите опорные указатели вверх, образовав V-образную фигуру. Перетащите верхнюю опорную точку вниз, сжав фигуру и таким образом сформировав стилизованное сердце.  

make a heart from a circlemake a heart from a circlemake a heart from a circle

Шаг 4

Поставьте печать в форме  сердца на наше любовное письмо в центре конверта. 

place the heart stamp in the center of the envelopeplace the heart stamp in the center of the envelopeplace the heart stamp in the center of the envelope

Шаг 5

Используйте такую же фигуру сердца для создания дополнительных  элементов, которые позже помогут нам заполнить пустые пространства нашего узора.  Крылатое  сердце – это простая комбинация созданной фигуры и группы  скруглённых прямоугольников, созданных Инструментом «Скруглённый прямоугольник» (он находится в том же выпадающем меню, где и Инструмент «Прямоугольник» (М) на панели Инструментов). 

make additional heart elementsmake additional heart elementsmake additional heart elements

3. Создаём вкусное яблоко 

Шаг 1

Возьмите Инструмент «Эллипс» (L) и начните формировать яблоко из круга 75 х 75 пикселей.  Выделите верхнюю опорную точку Инструментом «Прямое выделение» (А) и перетащите её  вниз, сделав верх фигуры более плоским.  

form the apple from a circleform the apple from a circleform the apple from a circle

Шаг 2

При помощи Инструмента «Опорная точка» (Shift-C) расположите указатели верхней опорной точки, перетащив их вверх.  Проделайте то же самое с указателями нижней опорной точки, перетащив их вниз, создав перевёрнутую букву  V. 

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

Если хотите убедиться, что двигаете  опорные указатели симметрично, используйте Направляющие линии,  которые помогут вам выровнять кончики указателей.  Включите Линейки (Control-R) и перетащите Направляющие линии вниз от  верхней линейки на монтажную область.  Затем вы легко можете удалить ненужную направляющую линию, если выделите и  удалите её или уберёте направляющие, перейдя в Вид >  Направляющие > Удалить направляющие.   

edit the anchor handles of the apple shapeedit the anchor handles of the apple shapeedit the anchor handles of the apple shape

Шаг 3

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

Добавьте яблоку стилизованную ямку,  создав изогнутую линию Карандашом (N).

make a leaf from a circlemake a leaf from a circlemake a leaf from a circle

Шаг 4

Наконец, добавьте стебель. 

Сформируйте  маленькую вертикальную полоску Инструментом «Прямоугольник» (М) и сделайте его нижнюю часть уже, сдвинув нижние опорные точки  ближе к центру фигуры при помощи стрелок на клавиатуре. 

Присоедините стебель к яблоку и приготовьтесь к  следующему элементу нашего узора! 

make a stem from rectanglemake a stem from rectanglemake a stem from rectangle

4. Формируем сияющий бриллиант 

Шаг 1

Создайте прямоугольник 75 х 18 пикселей.  Скопируйте фигуру (Control-C > Control-F), возьмитесь за верхний край прямоугольника Инструментом «Выделение» (V), нажав и удерживая, и затем перетащите его вниз,  формируя большой прямоугольник под первым.  

start forming a diamond from rectanglesstart forming a diamond from rectanglesstart forming a diamond from rectangles

Шаг 2

Выделив большую фигуру, перейдите в Объект > Контур > Добавить опорные точки.  Выберите Инструмент «Удалить опорную точку» (-) и удалите нижнюю левую и правую опорные точки, формируя  перевёрнутый треугольник. 

turn the lower rectangle into the triangleturn the lower rectangle into the triangleturn the lower rectangle into the triangle

Шаг 3

Теперь давайте изменим верхнюю часть  бриллианта.  Выделите верхнюю левую опорную точку Инструментом «Прямое выделение» (А) и нажмите Enter, чтобы открыть меню «Перемещение».  Сдвиньте точку на 10 пикселей вправо, установив Горизонтальное значение на 10 пикселей и Вертикальное значение на 0 пикселей.  Проделайте то же самое с верхней опорной точкой, двигая её в противоположном направлении,  установив Горизонтальное значение на -10 пикселей.

move the upper anchor points closer to each othermove the upper anchor points closer to each othermove the upper anchor points closer to each other

Шаг 4

Теперь давайте изобразим грани бриллианта.  Возьмите Инструмент «Перо» (Р) и создайте короткую линию, параллельную левой стороне верхней фигуры.  Продолжите линию,  присоединив её к нижней точки бриллианта. 

Снова нажмите Р, чтобы начать новую линию. Нарисуйте прямую вертикальную линию в  середине бриллианта, удерживая клавишу Shift.

Наконец, выделите первую грань и  дважды кликните на Инструменте «Зеркальное отражение» (О). В меню настроек Зеркального отражения выберите  Вертикальную ось и нажмите на Копировать, чтобы создать зеркальную копию  линии. Поместите копию в правой части бриллианта, создав симметричную фигуру. 

add lines with pen tool for the facetsadd lines with pen tool for the facetsadd lines with pen tool for the facets

Шаг 5

Давайте сделаем наш бриллиант сияющим!  Нарисуйте три вертикальные линии поверх бриллианта и Сгруппируйте их (Control-G).  Выровняйте линии горизонтально относительно бриллианта при помощи панели Выравнивания.  

Выделите линии, возьмите Инструмент «Поворот» (R), удерживайте клавишу Alt и нажмите в центре  бриллианта, чтобы установить ось поворота.  Отпустите кнопку мыши, чтобы открыть меню Поворота.  Здесь установите Угол на 360/30.  Таким образом Adobe Illustrator автоматически рассчитает  необходимое значение угла для 30 копий, поэтому  нет необходимости устанавливать угол наугад.  Нажмите на кнопку «Копировать», чтобы создать повёрнутую копию. 

Наконец, несколько раз нажмите Control-D, чтобы создать все 30 копий, создающих стилизованный эффект сияния.  

Отличная работа!  Двигаемся дальше. 

add shine to the diamondadd shine to the diamondadd shine to the diamond

5. Рисуем винтажный ключ

Шаг 1

Давайте начнём формировать ключ с верхней  декоративной части.  Создайте круг 30 х 30 пикселей и поместите круг поменьше внутри первого, образовав кольцо.  Выделите обе фигуры и  примените функцию «Вычитание переднего» на панели Обработки контуров, чтобы вырезать внутренний круг,  проделав в кольце отверстие. Сейчас вы не заметите никакой разницы, но увидите результат этой операции несколько шагов спустя, когда мы будем  раскрашивать объекты. 

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

create the top of the key from circlescreate the top of the key from circlescreate the top of the key from circles

Шаг 2

Используйте Инструмент «Скруглённый прямоугольник», чтобы создать длинный, узкий стержень ключа.  Добавьте  два маленьких скруглённых прямоугольника в нижней части стержня, поместив их   горизонтально.  Затем выделите все скруглённые прямоугольники и Объедините их на панели Обработки контуров,  создав единую фигуру. 

С ключами мы закончили!  Давайте создадим  следующий объект! 

add a key shaftadd a key shaftadd a key shaft

6. Создаём музыкальную ноту 

Шаг 1

Возьмите Инструмент «Прямоугольник» (М) и начните формировать ноту из прямоугольника 30 х 10 пикселей для верхней горизонтальной части, которая называется «вязкой». 

Создайте тонкую вертикальную полоску для  шейки ноты. Выделите обе фигуры и нажмите на вязку, удерживая  клавишу Alt для создания Ключевого объекта. Перейдите на панель Выравнивания и выровняйте шейку по  левой стороне вязки. 

Добавьте ещё одну шейку на правой стороне  ноты, выровняв её по правой стороне вязки. 

Наконец, присоедините два круга 15 х 15 пикселей к нижней части шеек, сформировав так называемые  «головки» ноты. 

form the note from rectangles and ellipsesform the note from rectangles and ellipsesform the note from rectangles and ellipses

Шаг 2

Давайте слегка наклоним ноту.  Возьмите Инструмент «Прямое выделение» (А) и выделите всю правую сторону ноты, нажав и перетащив рамку  выделения на нужную часть объекта. 

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

Отлично!  Давайте перейдём к раскраске наших  объектов!

make the note skewedmake the note skewedmake the note skewed

7. Применяем яркие цвета к выбранным объектам 

Шаг 1

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

Примените цвета к стакану. Давайте сделаем его более детальным.  Выделите основу чашки и перейдите в Объект > Контур > Создать параллельный контур.  Установите  Параллель на -5 пикселей, создав дополнительную фигуру  внутри стакана.  Заполните её светло-жёлтым цветом, добавив объёма нашему плоскому  стакану. 

color the cup and add details with offset pathcolor the cup and add details with offset pathcolor the cup and add details with offset path

Шаг 2

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

Скопируйте верхнюю треугольную часть  конверта (Control-C > Control-F) и сдвиньте копию слегка вверх.  Затем выделите оба треугольника и используйте Инструмент «Создание фигур» (Shift-M),  удерживая клавишу Alt для удаления  ненужной части за пределами конверта. 

color the envelope and add detailscolor the envelope and add detailscolor the envelope and add details

Шаг 3

Давайте перейдём к нашему бриллианту и сделаем  линии граней слегка толще, установив толщину Обводки на 4 на верхней панели  управления.  Разберите оформление (Объект > Разобрать оформление), чтобы превратить линии в объекты.  Окрасьте основу бриллианта в жёлтые оттенки и примените очень тёмный коричневый цвет к линиям граней. Установите Режим наложения на Осветление, сделав линии граней полупрозрачными. 

color the diamondcolor the diamondcolor the diamond

Шаг 4

Раскрасьте другие объекты из нашего набора при помощи функции «Параллельный контур» и добавляя второстепенные  детали, такие как маленькие кружки бликов, сделав элементы интересными. 

color all the elementscolor all the elementscolor all the elements

8. Формируем сплошной узор 

Шаг 1

Теперь, когда все объекты готовы, давайте  объединим их в сложную, сплошную текстуру! 

Давайте на время спрячем монтажную область, перейдя в Вид > Спрятать монтажные области (Control-H),  чтобы ничего не отвлекало нас от нашего узора.  Выделите все элементы и перейдите в Объект > Узор > Создать.  

go to Object Pattern Makego to Object Pattern Makego to Object Pattern Make

Шаг 2

Теперь, когда вы вошли в режим создания  узора, перейдите в окно Настроек узора и установите Ширину и Высоту Мозаики на 400 х 400 пикселей (что равняется размеру нашей монтажной области). Оставьте все остальные опции  по умолчанию (убедитесь, что Вид мозаики  установлен на Сетку). 

Начните помещать объекты внутрь Краёв мозаики, вращая их и объединяя в хорошо сбалансированную композицию без пробелов и пустых пространств. 

use pattern tool to combine the elementsuse pattern tool to combine the elementsuse pattern tool to combine the elements

Шаг 3

Установите значение Копий на 7 х 7 в меню Настроек узора и  уменьшите масштаб, чтобы взглянуть на целый узор.  Копии с уменьшенной яркостью вокруг краёв Мозаики помогут вам найти пустые пятна и второстепенные дефекты по мере продвижения объектов по кругу.   Эти копии будут двигаться вместе с реальными элементами, обеспечивая предпросмотр. 

use dimmed copies to edit your patternuse dimmed copies to edit your patternuse dimmed copies to edit your pattern

Шаг 4

Наконец, когда композиция готова,  вернитесь в нормальный режим, дважды кликнув в любом месте вне Краёв мозаики.  Теперь вы можете найти созданный узор на панели Образцов. Давайте применим его к фигуре! 

Снова вернитесь на монтажную область, перейдя в Вид > Показать монтажные области (Control-H).  Выделите фиолетовый прямоугольник фона, который мы создали в самом первом шаге и измените его размер на 800 х 600 пикселей на верхней панели управления.  Создайте копию поверх него (Control-C > Control-F) и примените наш сплошной узор, выбрав его на панели Образцов.  

apply the created patternapply the created patternapply the created pattern

Шаг 5

Давайте сделаем несколько финальных улучшений! 

Сначала слегка уменьшим масштаб элементов.  Выделив фигуру узора, дважды кликните на Инструменте «Масштаб» (S), чтобы открыть окно  с настройками Масштаба. Установите значение Равномерности  на 75% и уберите галочки со всех пунктов, кроме Трансформирования узоров. Нажмите ОК, чтобы применить изменения.  

use the scale tooluse the scale tooluse the scale tool

Шаг 6

Теперь дважды кликните на Инструменте «Поворот» (R) и здесь установите Угол 20 градусов.  Отметьте галочкой только пункт «Трансформировать Узоры» и нажмите ОК

use the rotate tooluse the rotate tooluse the rotate tool

Добавим фиолетового в День сильных духом! 

Отличная работа!  Наш сложный сплошной узор  ко Дню сильных духом готов!  Надеюсь, вам понравилось следовать этому руководству,  и вы нашли для себя новые приёмы формирования объектов из базовых фигур и  объединения их в текстуру. 

Получайте удовольствие, будьте креативными и не забудьте  посмотреть другие руководства ко Дню сильных духом: 

spirit day purple seamless patternspirit day purple seamless patternspirit day purple seamless pattern
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads