Advertisement
  1. Design & Illustration
  2. Spirit Day

Створюємо суцільний візерунок до Дня сильних духом в Адобе Ілюстратор

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 px . Візьміть Прямокутник (М) і створіть прямокутник такого ж розміру, як наша монтажна область (400 х 400 px), заповнивши його яскравим фіолетовим кольором.

make a purple backgroundmake a purple backgroundmake a purple background

Крок 2

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

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

Крок 3

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

Повторіть те ж саме для нижньої правої опорної точки, але в цей раз встановіть значення зсуву По Горизонталі на -5 px, таким чином зсунувши точку вліво.

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 px на верху стаканчика і інший прямокутник 70 х 10 px . поверх нього. Виділіть всі три фігури і перейдіть на панель Вирівняти. Виберіть Вирівняти за ключовим об'єктом і натисніть на Горизонтальне вирівнювання, центр, щоб вирівняти фігури.

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 px. Потім візьміть Олівець (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 px і створивши копію поверх нього (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 px за допомогою Еліпсу (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 px. Виділіть верхню опорну точку інструментом Часткове виділення (А) і перетягніть її вниз, зробивши верх фігури більш плоским.

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 px. Скопіюйте фігуру (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 px вправо, встановивши Горизонтальне значення на 10 px і Вертикальне значення на 0 px. Виконайте те ж саме з верхньої опорною точкою, рухаючи її в протилежному напрямку, встановивши Горизонтальне значення на -10 px.

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. Таким чином Адобе Ілюстратор автоматично розрахує необхідне значення кута для 30 копій, тому немає необхідності встановлювати кут навмання. Натисніть на кнопку Копіювати, щоб створити повернену копію.

Нарешті, кілька разів натисніть Control-D, щоб створити всі 30 копій, які створюють стилізований ефект сяйва.

Відмінна робота! Рухаємося далі.

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

5. Малюємо вінтажний ключ

Крок 1

Давайте почнемо формувати ключ з верхньої декоративної частини. Створіть коло 30 х 30 px і помістіть коло поменше всередині першого, утворивши кільце. Виділіть обидві фігури і застосуєте функцію Мінус передній план в панелі Обробка контурів, щоб вирізати внутрішній круг, створивши в кільці отвір. Зараз ви не помітите жодної різниці, але побачите результат цієї операції кілька кроків по тому, коли ми будемо розфарбовувати об'єкти.

Створіть ще дві копії кільця і об'єднайте їх в складну композицію, помістивши один коло поверх двох інших і зробивши так, щоб вони перетиналися.

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 px для верхньої горизонтальної частини, яка називається «beam».

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

Додайте ще одну шийку на правій стороні ноти, вирівнявши її по правій стороні beam.

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

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 px, створивши додаткову фігуру всередині склянки. Заповніть її світло-жовтим кольором, додавши обсягу нашому плоскому стакану.

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 pt в панелі управління угорі. Розберіть оформлення (Об'єкт> Розібрати вигляд щоб перетворити лінії в об'єкти. Розфарбуйте основу діаманта в жовті відтінки і застосуйте дуже темний коричневий колір до ліній граней. Встановіть Режим змішування на Екран, зробивши лінії граней напівпрозорими.

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 px (що дорівнює розміру нашої монтажної області). Залиште всі інші опції за замовчуванням (переконайтеся, що Тип мозаїки встановлено на Плитку).

Почніть розміщувати об'єкти всередину країв Плитки, обертаючи їх і об'єднуючи в добре збалансовану композицію без прогалин і порожніх просторів.

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 px в панелі керування угорі. Створіть копію поверх нього (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