1. Design & Illustration
  2. Illustration

Створюємо ілюстрацію деталізованого ключа в Адобе Ілюстратор

by
Read Time:20 minsLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

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

У наступних кроках я навчу вас, як створити деталізований ключ в Адобе Ілюстратор, з романтичним посланням, ідеальним для Дня Валентина.

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

1. Створимо новий документ та настроїмо сітку

Натисніть Control-N, щоб створити новий документ. Оберіть Пікселі як Одиниці з випадного меню, введіть 600 у полі ширина та висота і натисніть кнопку Додатково. Виберіть Колірний режим RGB, Екран (72ppi), та запевніться, що немає прапорця на Вирівняти нові об'єкти за піксельною сіткою, перш ніж натиснути ОК.

Увімкніть Сітку (Перегляд > Показати сітку) та прив'яжіть до сітки (Перегляд > Прив'язати до сітки). Для початку, вам потрібна сітка кожні 5 px, тож просто йдіть в меню Редагувати > Параметри> Напрямні та сітка, введіть 5 px у графічному рядку Лінія сітки через кожне поле та 1 у полі Підрозділи. Не відмовляйтеся від цієї сітки, оскільки це значно полегшить роботу. І майте на увазі, що ви можете легко ввімкнути або вимкнути її за допомогою комбінації клавіш Ctrl-".

Також відкрийте панель Інформація (Вікно> Інформація) для живого перегляду в реальному часі розміру та розташування ваших фігур. Не забудьте встановити одиницю вимірювання в пікселях за допомогою пункту меню Редагування> Параметри> Одиниці виміру > Загальні. Всі ці параметри значно збільшать вашу швидкість роботи.

new document setup gridnew document setup gridnew document setup grid

2. Створимо основні форми

Крок 1

Виберіть інструмент Еліпс (L) та сфокусуйтеся на панелі інструментів. Видаліть колір заливки, а потім виберіть обведення і встановіть його колір на R=255 G=166 B=28. Перейдіть на свою монтажну область і просто створіть коло шириною 55 px - функція Прив'язати до сітки повинна полегшити вашу роботу.

Переконайтеся, що ваша фігура залишається обраною та перейдіть на панель Вигляд (в меню Вікно> Вигляд). Виберіть існуюче обведення і збільште його Товщину до 6 px. Повторно виберіть інструмент Еліпс (L), створіть коло 10 px і розмістіть його, як показано на другому зображенні. Переконайтеся, що ця нова фігура залишається виділеною, поверніться на панель Вигляд і додайте те ж оранжеве обведення 6 px.

Крок 2

Повторно виберіть два кола, зроблені до цього, і перейдіть в Об'єкт> Розгорнути вигляд, переконайтеся, що отримані фігури залишаються обраними, відкрийте панель Обробка контурів (в меню Вікно> Обробка контурів) та натисніть кнопку Об’єднати. Перейдіть на панель Шари, відкрийте існуючий шар і просто двічі клацніть ім'я вашої форми. Перейменуйте шар на «rightRing» і натисніть кнопку ОК.

create main shapescreate main shapescreate main shapes

Крок 3

Виберіть інструмент Еліпс (L), перейдіть до своєї монтажної області, створіть коло 55 px і розташуйте його, як показано на першому зображенні. Переконайтеся, що ця нова форма залишена обраною та зосередьтеся на панелі Вигляд. Видаліть колір заливки, а потім виділіть обведення. Встановіть колір на R=255 G=166 B=28 і збільште Товщину до 6 px. Повторно виберіть інструмент Еліпс (L), створіть коло 20 px, розмістіть його, як показано на другому зображенні, залийте його тим же оранжевим кольором та переконайтеся, що обведення без кольору.

Візьміть Перо (P), створіть горизонтальний шлях 120 px і розташуйте його, як показано на третьому зображенні. Переконайтеся, що його обрано та зосередьтеся в панелі Вигляд. Спочатку видаліть колір заливки, а потім зосередьтеся на обведенні.  Скористайтеся тим же оранжевим кольором, а потім натисніть на цю частину тексту «Обведення», щоб відкрити випадне меню Обведення. Збільште Щільність до 6 px і натисніть кнопку Округлені кінці.

create main shapescreate main shapescreate main shapes

Крок 4

Для цього кроку вам знадобиться сітка кожні 1 px, тому перейдіть в меню Редагувати> Параметри> Напрямні та сітка і введіть 1 у поле Лінія сітки через кожне поле.

Зосередьтеся на лівому кінці горизонтального шляху та оберіть інструмент Прямокутник (M). Створіть дві форми розміром 10 x 15 px і розмістіть їх точно так, як показано на першому зображенні. Залийте ці нові прямокутники тим же оранжевим кольором, а потім перетворіть їх в складений шлях за допомогою поєднання клавіш Control-8.

Виберіть інструмент Еліпс (L), створіть коло 5 px і два кола розміром 6 px, розмістіть їх, як показано на другому зображенні, і встановіть їх колір заливки на R=96 G=56 B=19. Виберіть ці три кола та перетворіть їх у новий складений шлях, користуючись тим же поєднанням клавіш Control-8.

create main shapescreate main shapescreate main shapes

Крок 5

Повторно виділіть два складених шляхи, зроблені на попередньому кроці, та натисніть кнопку Мінус передній план на панелі Обробка контурів. Виберіть отримані фігури та перетворіть їх у новий складений шлях Control-8.

create main shapescreate main shapescreate main shapes

Крок 6

Продовжте фокусуватися на своєму складеному шляху та виберіть інструмент Часткове виділення (A). Спочатку виберіть чотири опорні точки, виділені зеленою анотацією, зосередьтеся на верхній панелі і введіть 3 px в поле Кути. Потім виберіть вісім опорних точок, виділених фіолетовими анотаціями, поверніться до верхньої панелі і на цей раз введіть 1 px в поле Кути. У підсумку ваш складений шлях повинен виглядати як на другому зображенні.

Динамічні кути доступні тільки для користувачів CC, тож найкращим рішенням для заміни цього ефекту буде сценарій Round Any Corner (Закруглити будь-який кут), який можна знайти в цій статті: 20 безкоштовних та корисних скриптів Адобе Ілюстратор. Збережіть файл на жорсткому диску, поверніться в Ілюстратор і виберіть Часткове виділення (A). Знову одна за одною виділіть опорні точки, підкреслені в наступному зображенні і перейдіть в Файл> Сценарії> Інший сценарій. Відкрийте сценарій Round Any Corner Script (Закруглити будь-який кут), введіть значення в це поле Кути та натисніть кнопку ОК. Кінцевий результат може відрізнятися в деяких випадках. Не соромтеся спробувати інше значення радіуса. У деяких випадках вам доведеться збільшити / зменшити значення, вказане в цьому полі Кути.

create main shapescreate main shapescreate main shapes

Крок 7

Повернемося до команди Лінія сітки через кожне поле 5 px, так що просто перейдіть в меню Редагувати> Параметри> Напрямні та сітка і введіть 5 у полі Лінія сітки через кожне поле. Повторно виділіть горизонтальний шлях і коло, виділені на першому зображенні, і перейдіть в Об'єкт> Контур> Перетворити обведення в криві. Виділіть отримані фігури разом з вашим складним шляхом та колом 20 px, а потім натисніть кнопку Об’єднати на панелі Обробка контурів. Перейдіть на панель Шари та перейменуйте цю нову створену форму на «leftRing».

create main shapescreate main shapescreate main shapes

Крок 8

Оберіть інструмент Еліпс (L), створіть коло 55 px і розмістіть його, як показано на першому зображенні. Переконайтеся, що цю нову форму виділено та зосередьтеся в панелі Вигляд. Видаліть колір заливки, а потім виділіть обведення. Встановіть колір R=255 G=166 B=28 та збільште Товщину до 6 px. Коли ви закінчите, перейдіть в Об'єкт> Контур> Перетворити обведення в криві. Перейдіть в панель Шари і перейменуйте цю новостворену форму на «topRing».

create main shapescreate main shapescreate main shapes

Крок 9

Виберіть інструмент Еліпс (L), створіть коло 55 px і розмістіть його, як показано на першому зображенні. Переконайтеся, що ця нова форма виділена і зосередьтеся в панелі Вигляд. Видаліть колір заливки, а потім виберіть обведення. Встановіть колір R=255 G=166 B=28 і збільште Товщину до 6 px. Коли ви закінчите, перейдіть в Об'єкт> Контур> Перетворити обведення в криві. Перейдіть в панель Шари та перейменуйте цю нову створену форму на «bottomRing».  

create main shapescreate main shapescreate main shapes

3. Додамо ніжне світло

Крок 1

Повернемося до команди Лінія сітки через кожне поле 1 px, так що просто перейдіть в меню Редагувати> Параметри> Напрямні та сітка і введіть 1 у поле Лінія сітки через кожне поле.

Переконайтеся, що форма «bottomRing» виділена та створіть копію попереду (Control-C> Control-F). Користуючись інструментом Прямокутник (M), створіть фігуру розміром 67 x 1 px, зробіть її чорною (R=0 G=0 B=0) та розмістіть, як показано на першому зображенні. Виділіть цей тонкий прямокутник разом з копією, зробленою кілька хвилин тому, та натисніть кнопку Перетин в панелі Обробка контурів.

Перетворіть отриману групу фігур в складений шлях (Control-8), переконайтеся, що він залишається обраним, і перейдіть в панель Вигляд. Збавте Непрозорість до 30% та змініть Режим змішування на Розсіяне світло.

add subtle highlightsadd subtle highlightsadd subtle highlights

Крок 2

Переконайтеся, що форма «bottomRing» виділена і створіть копію попереду (Control-C> Control-F). Використовуючи інструмент Прямокутник (M), створіть фігуру розміром 67 x 1 px, зробіть її білою (R=255 G=255 B=255) та розташуйте її, як показано на першому зображенні.

Виділіть цей тонкий прямокутник разом з копією, створеною трохи раніше, і натисніть кнопку Перетин в панелі Обробка контурів. Перетворіть отриману групу фігур в складений шлях (Control-8), переконайтеся, що він залишається виділеним, та перейдіть в панель Вигляд. Зменште Непрозорість до 50% та змініть Режим змішування на Розсіяне світло.

add subtle highlightsadd subtle highlightsadd subtle highlights

Крок 3

Переконайтеся, що форма «bottomRing» виділена і створіть нову копію попереду (Control-C> Control-F). Використовуючи Прямокутник (M), створіть білу форму розміром 67 x 1 px, і розмістіть її, як показано на першому зображенні.

Виділіть цей тонкий прямокутник разом з копією, створеної раніше, і натисніть кнопку Перетин в панелі Обробка контурів. Перетворіть отриману групу фігур в складений шлях (Control-8), переконайтеся, що він залишається обраним, і перейдіть в панель Вигляд. Зменште Непрозорість до 25% та змініть Режим змішування на Розсіяне світло. Тепер виберіть складений шлях, зроблений на цьому кроці, разом з двома іншими складеними шляхами, зробленими за останні два кроки, та просто натисніть комбінацію клавіш Control-G щоб Згрупувати їх.

Перейдіть в панель Шари, знайдіть нову групу і просто перейменуйте її на «subtleSeparator».

add subtle highlightsadd subtle highlightsadd subtle highlights

Крок 4

Дублюйте вашу групу «subtleSeparator» (Control-C> Control-F), виділіть копію і розмістіть її, як показано на наступному зображенні.

Крок 5

Знову, дублюйте свою групу «subtleSeparator» (Control-C> Control-F), виберіть копію, поверніть її на 90 градусів і розмістіть, як показано на першому зображенні. Дублюйте цю повернену групу (Control-C> Control-F), виділіть копію і розмістіть її, як на другому зображенні.

add subtle highlightsadd subtle highlightsadd subtle highlights

4. Додамо тіні та світло до наших основних форм

Крок 1

Вимкніть прив’язку до сітки (Shift-Control- '), а потім перейдіть в меню Редагування> Параметри> Загальні та введіть 1 px в поле Приріст клавіатурою.

Переконайтеся, що ваша форма «rightRing» обрана і зробіть дві копії попереду (Control-C> Control-F> Control-F). Виберіть верхню копію і перемістіть її на 1 px вниз, використовуючи кнопку зі стрілкою вниз на клавіатурі. Повторно виділіть обидві копії, зроблені на цьому кроці, і натисніть кнопку Мінус передній план в панелі Обробка контурів. Переконайтеся, що обрана група фігур виділена і перетворіть її в складений шлях (Control-8).

shading highlightsshading highlightsshading highlights

Крок 2

Переконайтеся, що форму «rightRing» виділено і перейдіть в Об'єкт> Контур> Зсув контуру. Введіть Зсув -1 px і натисніть ОК. Переконайтеся, що отримана форма обрана і зробіть копію попереду (Control-C> Control-F). Виділіть цю копію і перемістіть її на 1 px вниз. Повторно виберіть обидві фігури, зроблені в цьому кроці, і натисніть кнопку Мінус передній план в панелі Обробка контурів.

Перетворіть отриману групу в простій складений шлях (Control-8), переконайтеся, що він залишається обраним та зосередьтеся на панелі Вигляд. Замініть існуючий колір заливки на звичайний білий колір (R=255 G=255 B=255), зменште його Непрозорість до 75% та змініть Режим змішування на Перекриття.

shading highlightsshading highlightsshading highlights

Крок 3

Переконайтеся, що ваша форма «rightRing» обрана та зробіть дві копії попереду (Control-C> Control-F> Control-F). Виберіть верхню копію і перемістіть її на 1 px вгору, використовуючи кнопку зі стрілкою вгору на клавіатурі. Повторно виберіть обидві копії, зроблені на цьому кроці, і натисніть кнопку Мінус передній план на панелі Обробка контурів.

Перетворіть отриману групу фігур в простій складений шлях, переконайтеся, що його виділено і сфокусуйтеся на панелі Вигляд. Виберіть заливку і замініть існуючий колір на R=231 G=120 B=17.

shading highlightsshading highlightsshading highlights

Крок 4

Переконайтеся, що форма «rightRing» обрана і перейдіть в меню Об'єкт> Контур> Зсув контуру. Введіть Зсув -1 px і натисніть ОК. Переконайтеся, що отриману форму виділено та зробіть копію попереду (Control-C> Control-F). Виділіть цю копію і перемістіть її на 1 px вгору, використовуючи стрілку вгору на клавіатурі. Повторно виділіть обидві фігури, зроблені на цьому кроці, і натисніть кнопку Мінус передній план в панелі Обробка контурів.

Перетворіть отриману групу в простій складений шлях (Control-8), переконайтеся, що він залишається виділеним та зосередьтеся в панелі Вигляд. Замініть існуючий колір заливки на простий білий і змініть його Режим змішування на Розсіяне світло.

shading highlightsshading highlightsshading highlights

Крок 5

Запевніться, що форму «rightRing» виділено і перейдіть в меню Об'єкт> Контур> Зсув контуру. Введіть Зсув -1 px і натисніть ОК. Переконайтеся, що отримана форма обрана та зробіть копію попереду (Control-C>Control-F). Виберіть цю копію і перемістіть її на 2 px вгору, використовуючи стрілку вгору на клавіатурі. Повторно виділіть обидві фігури, зроблені на цьому кроці, і натисніть кнопку Мінус передній план на панелі Обробка контурів.

Перетворіть отриману групу в простій складений шлях (Control-8), переконайтеся, що він залишається виділеним і сфокусуйтеся в панелі Вигляд. Замініть існуючий колір заливки на R=145 G=67 B=25 та змініть його Режим змішування на Розсіяне світло.

shading highlightsshading highlightsshading highlights

Крок 6

Переконайтеся, що ваша форма «rightRing» залишається обраною, сфокусуйтеся на панелі Вигляд та перейдіть до існуючого обведення. Встановіть колір на R=145 G=67 B=25, збільште Товщину до 2 px, вирівняйте обведення з внутрішньої сторони та  потім зменште його Непрозорість до 50% та змініть Режим змішування на Розсіяне світло. Переконайтеся, що ця обведення виділено та дублюйте його за допомогою кнопки Дублювати виділений елемент. Оберіть недавно додане обведення та просто зменште його Товщину до 1 px.

shading highlightsshading highlightsshading highlights

Крок 7

Тепер зосередьтеся на своїй формі «leftRing» та повторіть техніку, використану для форми «rightRing». В кінці все повинно виглядати як на першому зображенні.

Перейдіть до форми «topRing» і зробіть те ж саме. Як тільки ви закінчите, все повинно виглядати в другому зображенні. Нарешті, зосередьтеся на своїй формі «bottomRing», повторіть ті ж самі техніки, та ми отримаємо вигляд з третього зображення.

shading highlightsshading highlightsshading highlights

Крок 8

Повторно виберіть форму «leftRing», сфокусуйтеся на панелі Вигляд і додайте другу заливку за допомогою кнопки Додати нову заливку. Виділіть цю нову заливку, замініть існуючий колір простим білим, змініть її Режим змішування на Розсіяне світло, а потім перейдіть до Ефект> Контур> Зсув контуру. Введіть Зсув -4 px, натисніть OK і перейдіть в Ефект> Розмиття> Гаусове розмиття. Введіть Радіус 1 px та натисніть OK.

shading highlightsshading highlightsshading highlights

5. Додамо крихітний діамант

Крок 1

Увімкніть Показати сітку (Control- '). Використовуючи Еліпс (L), створіть коло 10 px, заповніть його лінійним градієнтом, показаним нижче, та розташуйте його, як показано на наступному зображенні.

tiny diamondtiny diamondtiny diamond

Крок 2

Переконайтеся, що крихітне коло виділено та зробіть дві копії попереду (Control-C> Control-F> Control-F). Виберіть верхню копію та пересуньте її на 1 px вниз. Повторно виберіть обидві фігури, зроблені на цьому кроці, і натисніть кнопку Мінус передній план на панелі Обробка контурів. Переконайтеся, що отримана форма залишається обраною та сфокусуйтеся на панелі Вигляд. Замініть існуючий колір заливки на R=145 G=74 B=29, зменште його Непрозорість до 50% та змініть Режим змішування на Розсіяне світло.

tiny diamondtiny diamondtiny diamond

Крок 3

Повторно виділіть ваше крихітне коло і перейдіть в Ефект> Стилізувати> Тінь. Введіть властивості, показані на наступному зображенні, натисніть ОК, поверніться на панель Вигляд та перейдіть до існуючого обведення. Встановіть його колір на R=145 G =74 B=29, переконайтеся, що Товщина на 1 px, вирівняйте його з внутрішньої сторони, а потім зменште Непрозорість до 30% та змініть Режим змішування на Розсіяне світло.

tiny diamondtiny diamondtiny diamond

Крок 4

Користуючись інструментом Еліпс (L), створіть чорне коло розміром 6 px, розмістіть його, як показано на наступному зображенні, та перейдіть в Ефект> Стилізація> Тінь. Введіть атрибути, показані на наступному зображенні, та натисніть ОК.

tiny diamondtiny diamondtiny diamond

Крок 5

Використовуючи Еліпс (L), створіть червоне коло розміром 6 px і розмістіть його, як показано на наступному зображенні. Перейдіть до інструменту Перо (P), створіть вертикальний контур 10 px та розташуйте його, як показано на другому зображенні. Додайте біле обведення тільки для цього контуру, щоб зробити його більш помітним. Переконайтеся, що цей шлях залишається обраним і перейдіть в меню Об'єкт>Трансформувати> Обернути. Встановіть Кут на 90 градусів, потім натисніть кнопку Копіювати. Це повинно створити горизонтальний шлях, як показано на третьому зображенні.

tiny diamondtiny diamondtiny diamond

Крок 6

Виберіть горизонтальні та вертикальні контури разом з червоним колом і натисніть кнопку Поділити в панелі Обробка контурів. Виберіть отримані форми по одній і просто замініть існуючий колір заливки на кольори, показані на другому зображенні.

tiny diamondtiny diamondtiny diamond

Крок 7

Використовуючи Еліпс (L), створіть коло 6 px, розмістіть його, як показано на першому зображенні, та сфокусуйтеся в панелі Вигляд. Переконайтеся, що заливка без кольору, а потім виберіть обведення. Зробіть його чорним, переконайтеся, що Товщина дорівнює 1 px, вирівняйте його з внутрішньої сторони, а потім змініть Режим змішування на Розсіяне світло. Повторно оберіть інструмент Еліпс (L), створіть білий круг 2 px, змініть його Режим змішування на Перекриття та розташуйте його, як показано на другому зображенні.  

tiny diamondtiny diamondtiny diamond

6. Додамо додаткові тіні і відблиски

Крок 1

Дублюйте (Control-C> Control-F) форми, зроблені раніше, виділіть ці копії і натисніть кнопку Об’єднати на панелі Обробка контурів. Переконайтеся, що ця нова форма залишається виділеною, перемістіть її назад (Shift-Control- [), а потім сфокусуйтеся в панелі Вигляд.

Видаліть колір заливки, а потім виберіть обведення. Встановіть колір R=231 G=132 B=23, переконайтеся, що Товщина дорівнює 1 px і вирівняйте її з зовнішньої сторони. Перейдіть на панель Шари, знайдіть форму, зроблену в цьому кроці, і перейменуйте її на «Тінь».

extra shading and highlightsextra shading and highlightsextra shading and highlights

Крок 2

Переконайтеся, що ваша форма «Тінь» залишається виділеною, зосередьтеся на панелі Вигляд і додайте друге обведення за допомогою кнопки Додати нове обведення. Виберіть це нове обведення, переконайтеся, що Товщина дорівнює 1 px, вирівняйте її зовні, змініть Режим змішування на Перекриття а потім замініть існуючий колір лінійним градієнтом, показаним на наступному зображенні. Майте на увазі, що жовті цифри на зображенні Градієнт означають відсоток Непрозорості.

extra shading and highlightsextra shading and highlightsextra shading and highlights

Крок 3

Знову виберіть форму «Тінь», зосередьтеся в панелі Вигляд, переконайтеся, що обраний весь контур та перейдіть в Ефект> Стилізувати> Тінь. Введіть атрибути, показані у верхньому лівому вікні (на наступному малюнку), натисніть ОК, а потім додайте інші чотири ефекти Тінь, показані на наступному зображенні.

extra shading and highlightsextra shading and highlightsextra shading and highlights

7. Додамо червону стрічку

Крок 1

Відкрийте панель Пензлі (в меню Вікно> Пензлі) і натисніть кнопку Новий пензль. Виберіть Каліграфічний пензль та натисніть ОК. Назвіть новий пензль Червоний пензль, введіть всі атрибути, показані на наступному зображенні, та натисніть кнопку ОК. Візьміть інструмент Пензль (B), виберіть Червоний пензль в панелі Пензлі, перейдіть на свою монтажну область і намалюйте простий шлях, як показано на наступному малюнку. Не забудьте встановити його колір на R=237 G=28 B=36.

red ribbonred ribbonred ribbon

Крок 2

Поверніться до Лінія сітки через кожне поле 5 px, для цього просто перейдіть в меню Редагувати> Параметри> Напрямні та сітка та введіть 5 у полі Лінія сітки через кожне поле. Переконайтеся, що ваша форма «Тінь» обрана та зробіть копію попереду (Control-C> Control-F). Використовуючи інструмент Прямокутник (M), створіть чорну форму розміром 15 x 10 px та розмістіть її, як показано на першому зображенні. Виділіть цей прямокутник разом з копією, зробленою на початку кроку, і натисніть кнопку Перетин в панелі Обробка контурів.

red ribbonred ribbonred ribbon

Крок 3

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

red ribbonred ribbonred ribbon

Крок 4

Переконайтеся, що ваша форма «Тінь» виділена та зробіть копію попереду (Control-C> Control-F). Використовуючи інструмент Прямокутник (M), створіть форму розміром 15 x 10 px, встановіть колір заливки на R=57 G=181 B=74 та розташуйте її, як показано на першому зображенні. Виділіть цей зелений прямокутник разом з копією, зробленою на початку кроку, та натисніть кнопку Перетин в панелі Обробка контурів.

Вимкніть Показати сітку (Control-'), візьміть Перо (P) і намалюйте простий контур, як показано на третьому зображенні. Додайте зелене обведення 1 px для цього контуру та переконайтеся, що заливку виключено.

red ribbonred ribbonred ribbon

Крок 5

Повторно виберіть червоний контур маски і зробіть копію попереду (Control-C> Control-F). Виділіть її та перейдіть в Об'єкт> Розгорнути Вигляд. Переконайтеся, що отриману групу вибрано і натисніть кнопку Об’єднати на панелі Обробка контурів.

red ribbonred ribbonred ribbon

Крок 6

Тепер виділіть форму, зроблену в попередньому кроці, разом із зеленою фігурою і зеленим контуром, сфокусуйтеся на панелі Обробка контурів і натисніть кнопку Поділити. Переконайтеся, що отриману групу обрано, та просто натисніть Shift-Control-G, щоб Розгрупувати її.

Перейдіть на панель Шари та зосередьтеся на наборі форм і контурів, зроблених в цьому кроці. Видаліть крихітні, а потім виберіть три основні форми одну за одною і замініть існуючий колір заливки на кольори, вказані на другому зображенні.

red ribbonred ribbonred ribbon

Крок 7

Виділіть оранжеву форму, складаючу вашу стрічку, та сфокусуйтеся в панелі Вигляд. Виберіть заливку, зменште її Непрозорість до 20%, а потім замініть існуючий колір лінійним градієнтом, показаним на наступному зображенні. Не забудьте, що жовтий нуль на зображенні Градієнт означає відсоток Непрозорості, в той час як синє число позначає відсоток Місця.

red ribbonred ribbonred ribbon

Крок 8

Виділіть зелену форму, яка складає вашу стрічку, і зосередьтеся в панелі Вигляд. Виділіть заливку, зменште її Непрозорість до 30%, а потім замініть існуючий колір на правий лінійний градієнт, показаний на наступному зображенні. Додайте другу заливку для цієї форми, зменште її Непрозорість до 20% та використайте лівий лінійний градієнт, показаний на наступному зображенні.

red ribbonred ribbonred ribbon

Крок 9

Виділіть синю форму, складаючу вашу стрічку, і сфокусуйтеся в панелі Вигляд. Виберіть заливку, зменште її Непрозорість до 10%, а потім замініть існуючий колір на правий лінійний градієнт, показаний на наступному зображенні. Додайте другу заливку для цієї фігури, зменште її Непрозорість до 30% та застосуйте лівий лінійний градієнт, показаний на наступному зображенні.

red ribbonred ribbonred ribbon

Крок 10

Повторно виберіть свій маскуючий контур, зосередьтеся в панелі Вигляд, переконайтеся, що контур обраний цілком, та просто додайте п'ять ефектів Тінь, показані на наступному зображенні.

red ribbonred ribbonred ribbon

Крок 11

Повторно виберіть свій маскуючий контур, зробіть копію попереду (Control-C> Control-F) та перемістіть його на передній план (Shift-Control-]).

Переконайтеся, що ця копія залишається виділеною, візьміть інструмент Текст за контуром та просто клацніть по вибраному контуру. Додайте текст, зробіть його білим, потім відкрийте панель Символ (в меню Вікно> Текст> Символ). Виберіть шрифт Ignis et Glacies Extra Sharp Bold та застосуйте інші атрибути, зазначені на наступному зображенні.

red ribbonred ribbonred ribbon

Мої вітання! Ви закінчили!

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

final productfinal productfinal product
One subscription.
Unlimited Downloads.
Get unlimited downloads