Створюємо суцільний візерунок до Дня сильних духом в Адобе Ілюстратор
() translation by (you can also view the original English article)



У цьому році День
сильних духом
випадає на 15 жовтня.
Мільйони людей одягаються в фіолетовий одяг в День сильних духом, щоб виступити проти утисків і показати свою підтримку лесбіянкам, геям, бісексуальності і трансгендерам (ЛГБТ).
Щорічно з 2010 року окремі люди, школи, організації, корпорації та публічні особи носять фіолетовий колір, що означає «дух» на райдужному прапорі.
Дотримуйтесь
цього уроку та створіть
яскравий
суцільний візерунок з плоскими елементами, що символізують любов і дружбу і
присвячені
Дню сильних духом. Ми
будемо використовувати базові фігури і ефекти викривлення, створюючи об'єкти, і
потім об'єднаємо їх в складну текстуру за допомогою інструменту Візерунок та деяких інших інструментів для редагування. Давайте почнемо!
1. Створюємо склянку з кавою
Крок 1
Почнемо зі створення фіолетового фону для нашого майбутнього візерунка.
Створіть Новий документ розміром 400 х 400 px . Візьміть Прямокутник (М) і створіть прямокутник такого ж розміру, як наша монтажна область (400 х 400 px), заповнивши його яскравим фіолетовим кольором.



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



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



Крок 4
Тепер давайте додамо кришку, сформувавши прямокутник 80 х 15 px на верху стаканчика і інший прямокутник 70 х 10 px . поверх нього. Виділіть всі три фігури і перейдіть на панель Вирівняти. Виберіть Вирівняти за ключовим об'єктом і натисніть на Горизонтальне вирівнювання, центр, щоб вирівняти фігури.



Крок 5
Давайте додамо паперову смужку навколо склянки. Помістіть прямокутник поперек склянки. Виділивши фігуру, перейдіть в Ефект> Викривлення> Дуга і встановіть значення Горизонтального згину на -10%, зсунувши повзунок вправо, зробивши фігуру злегка зігнутою.



Крок 6
Розберіть оформлення паперової смужки (Об'єкт> Розібрати вигляд), щоб застосувати ефект Дуги. Потім виділіть дугообразную смужку і основу склянки, візьміть Інструмент Створення фігур (Shift-M) і видаліть непотрібні частини за межами стаканчику, натиснувши на них і утримуючи клавішу Alt .



Крок 7
Давайте змінимо основу склянки. Виділіть її та застосуйте ефект Дуги зі значенням Горизонтального згину -5%. Розберіть оформлення стаканчика.



Крок 8
Дуже добре, тепер нижня частина склянки злегка вигнута, але нам потрібно зробити його верхню частину знову прямою. Виділіть стакан і візьміть Інструмент Ножиці (С). Натисніть на верхню ліву і праву опорні точки основи склянки, обрізавши верхню лінію. Потім просто видаліть непотрібну лінію.



Крок 9
Давайте додамо значок кавового зерна на наш стакан. За допомогою Еліпсу (L) створіть овал розміром 30 х 35 px. Потім візьміть Олівець (N) і намалюйте хвилясту вертикальну лінію уздовж еліпса. Виділіть обидві фігури і застосуйте функцію Поділити в панелі Обробка контурів, щоб відокремити половинки еліпса один від одного. В кінці виділіть праву частину фігури і посуньте її на кілька пікселів вправо за допомогою клавіші Стрілка вправо на клавіатурі.



Крок 10
Завершіть створення склянки, розмістивши кавове зерно в центрі паперової смужки в якості логотипу.
Відмінно! Перейдемо до наступного елементу нашого майбутнього візерунка.



2. Створюємо конверт з любовним листом
Крок 1
Почніть формувати конверт, створивши прямокутник 80 х 55 px і створивши копію поверх нього (Control-C> Control-F).
Виділіть верхню копію і перейдіть в Об'єкт> Контур> Додати опорну точку, щоб створити додаткові опорні точки на кожній стороні прямокутника.



Крок 2
Візьміть Видалення опорних точок (-) і видаліть нижню ліву і праву опорні точки, залишивши одну в центрі, сформувавши таким чином перевернутий трикутник. Виділіть нижню опорну точку трикутника інструментом Часткове виділення (А) і перетягуйте вгору, стискаючи фігуру.



Крок 3
Давайте сформуємо друк в формі серця для нашого конверта.
Створіть коло приблизно 20 х 20 px за допомогою Еліпсу (L) і утримуючи Shift. виділіть нижню опорну точку Часткове виділення (А) і Перетворіть її в кут за допомогою функції Перетворити в панелі управління угорі, зробивши нижню частину фігури загостреною.
Тепер виділіть верхню опорну точку інструментом Часткове виділення (А). Перейдіть до інструменту Додавання опорних точок (Shift-C) і перетягніть опорні ручки вгору, утворивши V-образну фігуру. Перетягніть верхню опорну точку вниз, стиснувши фігуру і таким чином сформувавши стилізоване серце.



Крок 4
Поставте штамп в формі серця на наш любовний лист по центру конверта



Крок 5
Використовуйте таку ж фігуру серця для створення додаткових елементів, які пізніше допоможуть нам заповнити порожні простори нашого візерунка. Крилате серце - це проста комбінація створеної фігури і групи округлених прямокутників, створених Прямокутником з закругленими кутами (він знаходиться в тому ж меню, що випадає, де і інструмент Прямокутник (М) в панелі інструментів).



3. Створюємо смачне яблуко
Крок 1
Візьміть Еліпс (L) і почніть формувати яблуко з кола 75 х 75 px. Виділіть верхню опорну точку інструментом Часткове виділення (А) і перетягніть її вниз, зробивши верх фігури більш плоским.



Крок 2
За допомогою Створенння опорних точок (Shift-C) розташуйте ручки верхньої опорної точки, перетягнувши їх вгору . Виконайте те ж саме з ручками нижньої опорної точки, перетягнувши їх вниз, створивши перевернуту букву V.
Нарешті, виділіть обидві бічні опорні точки і посуньте їх злегка вгору за допомогою клавіші Стрілка вгору, зробивши таким чином нижню частину яблука більш вузькою.
Якщо хочете переконатися, що рухаєте опорні покажчики симетрично, використовуйте Напрямні лінії, які допоможуть вам вирівняти кінчики ручок. Увімкніть Лінійки (Control-R) і перетягніть Напрямні лінії вниз від верхньої лінійки на монтажну область. Потім ви легко можете видалити непотрібну направляючу лінію, якщо виділити і видаліть її або приберете напрямні, перейшовши в Перегляд > Напрямні> Сховати напрямні.



Крок 3
Тепер давайте сформуємо листок з маленького, рівного кола. Виділіть верхню і нижню опорні точки кола і Перетворіть їх в кути за допомогою функції Перетворити на верхній панелі управління. Стисніть фігуру, зробивши її тоншою, і поверніть листок, помістивши його поверх лівої частини яблука.
Додайте яблуку стилізовану ямку, створивши вигнуту лінію Олівцем (N) .



Крок 4
Нарешті, додайте стебло.
Сформуйте маленьку вертикальну смужку Прямокутником (М) і зробіть його нижню частину вже, зсунувши нижні опорні точки ближче до центру фігури за допомогою стрілок на клавіатурі.
Приєднайте стебло до яблука і приготуйтеся до наступного елементу нашого візерунка!



4. Формуємо сяючий діамант
Крок 1
Створіть прямокутник 75 х 18 px. Скопіюйте фігуру (Control-C> Control-F), візьміться за верхній край прямокутника інструментом Виділення (V), натиснувши та утримуючи, і потім перетягніть його вниз, формуючи великий прямокутник під першим.



Крок 2
Виділивши велику фігуру, перейдіть в Об'єкт> Контур > Додати опорну точку. Оберіть Видалити опорну точку (-) і видаліть нижню ліву і праву опорні точки, формуючи перевернутий трикутник.



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



Крок 4
Тепер давайте покажемо грані діаманта. Візьміть Перо (Р) і створіть коротку лінію, паралельну лівій стороні верхньої фігури. Продовжіть лінію, приєднавши її до нижньої точки діаманта.
Знову натисніть Р, щоб почати нову лінію. Намалюйте пряму вертикальну лінію в середині діаманта, утримуючи клавішу Shift.
Нарешті, виділіть першу грань і двічі клікніть на Дзеркальному відображенні (О). В меню налаштувань Дзеркального відображення виберіть Вертикальну вісь і натисніть на Копіювати, щоб створити дзеркальну копію лінії. Помістіть копію в правій частині діаманта, створивши симетричну фігуру.



Крок 5
Давайте зробимо наш діамант сяючим! Намалюйте три вертикальні лінії поверх діаманта і Згрупуйте їх (Control-G). Вирівняйте лінії горизонтально щодо діаманта за допомогою панелі Вирівняти.
Виділіть лінії, візьміть Поворот (R), утримуйте клавішу Alt і натисніть в центрі діаманта, щоб встановити вісь повороту. Відпустіть кнопку миші, щоб відкрити меню Повороту. Тут встановіть Кут на 360/30. Таким чином Адобе Ілюстратор автоматично розрахує необхідне значення кута для 30 копій, тому немає необхідності встановлювати кут навмання. Натисніть на кнопку Копіювати, щоб створити повернену копію.
Нарешті, кілька разів натисніть Control-D, щоб створити всі 30 копій, які створюють стилізований ефект сяйва.
Відмінна робота! Рухаємося далі.



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



Крок 2
Застосуйте Прямокутник з округленими кутами, щоб створити довгий, вузький стрижень ключа. Додайте два маленьких округлених прямокутника в нижній частини стрижня, помістивши їх горизонтально. Потім виділіть все округлені прямокутники і Об'єднайте їх в панелі Обробка контурів, створивши єдину фігуру.
З ключами ми закінчили! Давайте створимо наступний об'єкт!



6. Створюємо музичну ноту
Крок 1
Візьміть Прямокутник (М) і почніть формувати ноту з прямокутника 30 х 10 px для верхньої горизонтальної частини, яка називається «beam».
Створіть тонку вертикальну смужку для шийки ноти. Виділіть обидві фігури і натисніть на в'язку, утримуючи клавішу Alt для створення Ключового об'єкта. Перейдіть на панель Вирівняти і вирівняйте шийку по лівій стороні beam.
Додайте ще одну шийку на правій стороні ноти, вирівнявши її по правій стороні beam.
Нарешті, надішліть два кола 15 х 15 px до нижньої частини шийок, сформувавши так звані «головки» ноти.



Крок 2
Давайте злегка нахилимо ноту. Візьміть Часткове виділення (А) і виділіть всю праву сторону ноти, натиснувши та потягнувши рамку виділення на потрібну частину об'єкта.
Утримуйте ліву кнопку миші і перетягніть обрану частину ноти вгору, створивши нахил фігури.
Відмінно! Давайте перейдемо до розфарбовування наших об'єктів!



7. Застосуємо яскраві кольори до вибраних об'єктів
Крок 1
Ми будемо використовувати обмежену палітру кольорів, що складається тільки з фіолетового і жовтого кольорів і їх більш світлих
і темних відтінків. Застосуйте кольори до стакана. Давайте зробимо його більш детальним. Виділіть основу стакана і перейдіть в Об'єкт> Контур > Зсув контуру. Встановіть Зсув на -5 px, створивши додаткову фігуру всередині склянки. Заповніть її світло-жовтим кольором, додавши обсягу нашому плоскому стакану.



Крок 2
Тепер давайте розфарбуємо конверт за допомогою тієї ж техніки, щоб зробити його більш детальним. Застосуйте функцію Зсув контуру, щоб створити додаткові фігури всередині прямокутника і всередині штампа.
Скопіюйте верхню трикутну частину конверта (Control-C> Control-F) і зруште копію злегка вгору. Потім виділіть обидва трикутника і застосуйте Створення фігур (Shift-M), утримуючи клавішу Alt для видалення непотрібної частини за межами конверта.



Крок 3
Давайте перейдемо до нашого діаманту і зробимо лінії граней трохи товщими, встановивши товщину Обведення на 4 pt в панелі управління угорі. Розберіть оформлення (Об'єкт> Розібрати вигляд щоб перетворити лінії в об'єкти. Розфарбуйте основу діаманта в жовті відтінки і застосуйте дуже темний коричневий колір до ліній граней. Встановіть Режим змішування на Екран, зробивши лінії граней напівпрозорими.



Крок 4
Розфарбуйте інші об'єкти з нашого набору за допомогою функції Зсув контуру і додаючи другорядні деталі, такі як маленькі гуртки відблисків, зробивши елементи цікавими.



8. Формуємо суцільний візерунок
Крок 1
Тепер, коли всі об'єкти готові, давайте об'єднаємо їх в складну, суцільну текстуру!
Давайте на час сховаємо монтажну область, перейшовши в Перегляд> Приховати монтажні області (Control-H), щоб нічого не відволікало нас від нашого візерунка. Виділіть всі елементи і перейдіть в Об'єкт> Візерунок> Створити.



Крок 2
Тепер, коли ви увійшли в режим створення візерунка, перейдіть у вікно Параметрів візерунка і встановіть Ширину і Висоту Плитки на 400 х 400 px (що дорівнює розміру нашої монтажної області). Залиште всі інші опції за замовчуванням (переконайтеся, що Тип мозаїки встановлено на Плитку).
Почніть розміщувати об'єкти всередину країв Плитки, обертаючи їх і об'єднуючи в добре збалансовану композицію без прогалин і порожніх просторів.



Крок 3
Встановіть значення Копій на 7 х 7 в меню Параметрів візерунка та зменште масштаб, щоб поглянути на цілий візерунок. Копії зі зменшеною прозорістю навколо країв Мозаїки допоможуть вам знайти порожні плями і другорядні дефекти в міру просування об'єктів навколо. Ці копії рухатимуться разом з реальними елементами, забезпечуючи попередній перегляд.



Крок 4
Нарешті, коли композиція готова, поверніться в нормальний режим, двічі клацнувши в будь-якому місці поза межами Плитки. Тепер ви можете знайти створений візерунок в панелі Зразки. Давайте застосуємо його до фігури!
Знову поверніться на монтажну область, перейшовши в Перегляд > Показати монтажні області (Control-H). Виділіть фіолетовий прямокутник фону, який ми створили в найпершому кроці і змініть його розмір на 800 х 600 px в панелі керування угорі. Створіть копію поверх нього (Control-C> Control-F) і застосуйте наш суцільний візерунок, вибравши його у панелі Зразки.



Крок 5
Давайте зробимо кілька фінальних поліпшень!
Спочатку злегка зменшимо масштаб елементів. Виділивши фігуру візерунка, двічі клікніть на інструменті Масштаб (S), щоб відкрити вікно з налаштуваннями. Встановіть значення рівномірно на 75% і приберіть галочки з усіх пунктів, крім Трансформування візерунків. Натисніть ОК, щоб застосувати зміни.



Крок 6
Тепер двічі клацніть інструмент Поворот (R) та встановіть Кут 20 градусів. Поставте галочки для тільки для пункту Трансформувати Візерунки та натисніть ОК.



Додамо фіолетового в День сильних духом!
Чудова робота! Наш складний суцільний візерунок до Дня сильних духом готовий! Сподіваюся, вам сподобалося слідувати цьому уроку, та ви знайшли для себе нові прийоми формування об'єктів з базових фігур і об'єднання їх в текстуру.
Отримуйте задоволення, будьте креативними і не забудьте подивитися інші уроки до Дня сильних духом:
- Transform a Stock Photo Into an Airbrushed and Stenciled Illustration in Adobe Photoshop
- Create a Purple Monochrome Portrait for Spirit Day in Adobe Illustrator



