Як зробити градієнт в ілюстратора

Володимир Незнамов

За замовчуванням в Adobe Illustrator залити текст градієнтом за допомогою Gradient Tool можна — спочатку символи доведеться перевести в криві, а вже потім застосовувати заливку. Такий текст уже не можна відредагувати, і дизайнеру доведеться витрачати час на набір нового. Виходу із ситуації два — накладення маски і додаткові заливки.

Текстовий градієнт за допомогою накладення маски

У цього способу дві варіації. В одній маска закриває об’єкт, залитий простим лінійним градієнтом, у другій — об’єкт з градієнтної сіткою, її створює Mesh Toll. В обох випадках порядок такої:

  1. Набраний текст поміщається поверх об’єкта з градієнтом.
  2. Виділяються і текст, і об’єкт.
  3. Створюється відсічні маски (вибрати в меню Object> Clipping Mask> Make або натиснути Ctrl + 7).

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

Текстовий градієнт за допомогою додаткової заливки

У другому способі знадобиться палітра Appearance (Оформлення). Вона включається за допомогою меню Window> Appearance або натисканням Shift + F6.

Порядок дій:

  1. Виділяємо текстовий об’єкт, який належить залити градієнтом.
  2. В низу палітри Appearance натискаємо Add New Fill (Додати нову заливку).
  3. У палітрі з’явиться пункт Fill c чорним квадратом. Вибираємо цей рядок.
  4. Викликаємо панель роботи з градієнтами (Ctrl + F9) і налаштовуємо потрібний градієнт.

Обидва способи підходять як до тексту введеному з точки, так і до тексту в області.

verovski

Як в Ілюстраторі зробити градієнт

У цьому огляді я розповім вам все що знаю про градієнтах в Ілюстраторі. Ми навчимося створювати градієнт, зберігати градієнт, додавати градієнт в палітру фарб і багато іншого. Ілюстратор не найпростіша з програм. Мої перші спроби роботи з ним викликали шквал обурення, настільки все інакше влаштовано місцями. Однак перемога над ілюстратор зробить вас непереможним в графіку і дизайні. У цій статті ви знайдете більш ніж достатня кількість відомостей про градієнтах і роботі з ними в програмі Adobe Illustrator.

Gradient Tool

Як і в Фотошопі за градієнт відповідає старий добрий Gradient Tool. Підозрюю, ви вже намалювали квадратик і поспішайте вибрати інструмент градієнта, щоб провести їм по прямокутнику і задати градієнт так, як це відбувається в Фотошопі. Не поспішайте. Градієнт в Ілюстраторі трохи інакше. Спочатку градієнт потрібно «поставити», а потім налаштувати. Виберіть інструмент Gradient Tool і клікніть один раз по об’єкту.

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

Правий хвостик смужки градієнта дозволяє обертати і змінювати довжину смужки. Лівий хвостик, як і вся інша поверхня, дозволяє переміщати градієнт в просторі.

Як змінити колір градієнта в Ілюстраторі?

Коли я відкрив Ілюстратор в перший раз і спробував задати об’єкту градієнт я не зміг це зробити самостійно. Відповідь довелося шукати в інтернеті, а на дворі стояв 2005 рік. Сьогодні з градієнтами в ілюстратора все значно простіше.

Зробіть подвійний клік по якоря з кольором на смужці градієнта. У випадаючому меню вибирайте будь-який колір.

У випадає панелі 2 вкладки: Color і Swatches. у вкладці Color ми заважаємо колір на основі колірної моделі в якій працюємо на даний момент. у вкладці Swatches вибираємо колір зі збережених палітр.

Якщо на панелі Color перед вами лише чорно біла смужка, то це тому що в панелі працює колірна модель Grayscale. Щоб змінити її на іншу, клікніть по верхній правій іконці панелі, і з меню виберіть іншу колірну модель, CMYK, RGB або HSB

Як додати кольору в градієнт?

Як зробити градієнт складніше? Це просто. Виберіть інструмент Gradient Tool. Задайте об’єкту градієнт і підведіть курсор до смужці градієнта. Коли курсор перетвориться в покажчик з плюсом (+) клікніть. Це додасть на смужку градієнта додатковий колір. Далі ви можете задати якоря свій колір способом описаним вище.

Панель градієнта Gradient

Дивно якби у ілюстратор не було спеціальної панелі для роботи з градієнтом. Така панель є і щоб відкрити її зайдіть в Windows> Gradient. У Верхній частині цієї панелі розташовується превью градієнта у вигляді іконки і меню, що випадає різновидів градієнтів. Різновидів всього дві: градієнт лінійний, і градієнт кулястий (Linear і Radial)

Іконка превью відображає загальний вигляд градієнта. Градієнт з превью можна перетягнути мишкою на будь-який об’єкт. Це ще один спосіб привласнення градієнта.

Прев’ю можна перетягнути і на панель Swatches. В цьому випадку градієнт буде збережений в панелі Swatches.

Поруч з превью невелика стрілка. У випадаючому меню знаходиться список всіх градієнтів доданих в панель Swatches. Наприклад, якщо в панелі Swatches немає жодного градієнта, то меню, що випадає порожнє. Якщо це так, то в цьому ж меню клікніть по іконці дискети. Вона зберігає налаштований градієнт на панель Swatches. Зробіть це і у вас з’явиться перший градієнт.

Наступні настройки панелі Gradient відповідають за місцезнаходження і градус нахилу градієнта по відношенню до об’єкта. Звичайно значно простіше і наочніше змінювати подібне інструментом Gradient Tool, замість того щоб змінювати циферки на панелі.

  • Reverse Gradient — розгортає градієнт навпаки.
  • Angle — змінює кут градієнта
  • Aspect Ratio — змінює стискає кулястий градієнт. Це значення не працює з лінійним градієнтом.

У нижній частині панелі градієнтів знаходиться сама смужка градієнта, її вузлики і значення. Смужка працює так само як смужка градієнта на об’єкті. Вузлики з кольором можна додати клацнувши по смужці і видалити, «стягнувши» їх з смужки. Колір вузлика можна вибрати подвійним кліком по вузлику. Крім того залишилися в силі і старі методи: колір вузлика можна налаштувати перетягнувши на нього з панелі Swatches зразок з кольором, виділити конкретний вузлик і налаштувати колір на панелі Color.

  • Оpasity — ступінь невидимості конкретного вузлика з кольором.
  • Location — розташування вузлика на смужці градієнта. Смужка градієнта має 100 умовних пунктів, де 0 — лівий кінець смужки а 100 — правий.

овальний градієнт

У Ілюстраторі всього два різновиди градієнта. Лінійний і овальний (Linear, Radial). Овальний градієнт налаштовується на панелі градієнта про яку йшлося вище і формально він ні чим не відрізняється від лінійного градієнта, не рахуючи, звичайно, того що спрямований з центру на всі боки.

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

Окружність чорного кольору дозволяє стискати овальний градієнт, перетворюючи його в супер овал або в маленьку галактику. Ця ж настройка відображена на панелі Gradients як Aspect Ratio. Однак це ще не все. Наведіть курсор на центральну частину градієнта поки курсор перетвориться на чорну стрілку з зірочкою. Тепер перетягніть градієнт в сторону, зміщуючи його джерело світла в сторону.

Градієнт і кілька об’єктів

Припустимо ви створили кілька об’єктів. відкриваємо панель Gradient і клацаємо по превью градієнта. Якщо задати градієнт декількох об’єктів, то кожна фігура отримає свій власний індивідуальний градієнт.

Щоб зробити градієнт загальним для декількох фігур, виберіть інструмент Gradient Tool і задайте новий градієнт виділеним фігурам.

Градієнт і панель Tools

Мабуть перша думка при спроби змінити кольори градієнта — це клікнути по іконці на панелі Tools. На жаль але це ні до чого не приведе. Іконка градієнта на панелі Tools, позначає лише те, що об’єкту присвоєно градієнт. Не більше того. Міняти колір градієнта через неї не можна.

Градієнт і шрифт

Більш ранні версії ілюстратор не дозволяли привласнювати шрифту градієнт, що мало певний сенс. Цілі градієнта спочатку були дещо іншими, а застосування його на об’ємних блоках тексту в стократ утяжеляли фаил. Прогрес не може стояти на місці, особливо якщо в конкуруючої програмою Corel Draw задавати градієнт шрифтів можна давним давно. Однак при спробі застосувати градієнт до тексту навіть в самому останньому Ілюстраторі візуально нічого не станеться. І ось чому.

Illustrator використовує просунуту панель оформлення Appearance. Виберіть інструмент Type Tool і напишіть текст. Виберіть інструмент Gradient Tool і клікніть по напису. Подивимося що відбувається на панелі Appearance. Відкрийте її через Windows> Appearance

Як бачите градієнт доданий. Однак він знаходиться під значенням Characters. Що це? Будь-яка напис складається з двох складових.

  • Type — грубо кажучи вся напис цілком, як об’єкт.
  • Characters — конкретна буква шрифту в режимі редагування.

За замовчуванням Type не має кольору, а Characters залитий чорним. панель оформлення Appearance влаштована подібно панелі шарів. І градієнт знаходиться нижче «шару» Characters, яка залита чорним кольором. Щоб стало ясно що відбувається, зробіть подвійний клік по Characters і ви все зрозумієте. Рішення?

Виправити положення можна двома способами:

  • Перемістіть градієнт вище Characters в панелі оформлення Appearance
  • Зробіть подвійний клік по Characters, ви потрапите в оформлення букв. Вимкніть чорний колір.

І це все, що вам потрібно знати про градієнтах в Ілюстраторі.

Градієнт в «Ілюстраторі»: інструкція по роботі, поради, рекомендації

Градієнт — це плавний перехід від одного кольору до іншого. У сучасному дизайні популярні ілюстрації, що поєднують в собі стиль Flat, різні прийоми по роботі з кольором, ефекти текстурирования і градієнти. Adobe Illustrator — програма, найчастіше використовувана художниками для створення таких зображень.

За допомогою градієнта в «Ілюстраторі» можна створювати абстрактні композиції, а також надавати обсяг різних предметів. Його можна накладати на будь-які об’єкти — прості фігури або форми, намальовані за допомогою пера. Для тексту градієнт в «Ілюстраторі» також застосовується часто, особливо при створенні логотипів.

Будь-яке зображення, що володіє будь-яким кольором, може бути забарвлене з його допомогою. Прості або базові градієнти допомагають краще зрозуміти колір і основи роботи з ним.

золотий градієнт для ілюстратора

Особливості роботи з палітрами

Для того щоб зрозуміти, як зробити градієнт в «Ілюстраторі», спочатку потрібно більше дізнатися про панелях та особливості роботи з ними в Adobe Illustrator. Названий плавний перехід створюється на основі базових квітів, з яких складається зображення. При цьому стандартна палітра зазвичай використовується тільки як допоміжна — з неї можна брати чисті і яскраві кольори. Для більш складних відтінків знадобиться інша, викликати яку можна за допомогою клавіші Shift. Альтернативну палітру також можна знайти над панеллю інструментів, в лівому верхньому кутку.

градієнт тексту в ілюстратора

Як працювати з палітрою кольору на панелі властивостей

Інший варіант створення колірної схеми для градієнта — використовувати палітру кольорів на панелі властивостей об’єкта. У ній є додатковий пункт, що дозволяє редагувати зображення по каналах. Ця палітра змінюється в залежності від формату, тобто для RGB і CMYK в ній будуть присутні різні набори квітів і різну кількість каналів, кожен з яких також можна налаштовувати.

В системі RGB — три канали, значення яких змінюються від 0 до 255. Логіка роботи палітри проста: чим сильніше вліво зміщені повзунки, тим менше конкретного кольору буде на кінцевому зображенні.

Перед налаштуванням відтінку в панелі властивостей найзручніше вибрати якийсь чистий колір в стандартній палітрі. Потім, змінюючи положення повзунків, можна отримати більш складний тон. Він присутній і в базовому наборі квітів, але на панелі властивостей набагато зручніше задавати різні налаштування. Знайдений колір легко додається в зразки, тому він не загубиться серед інших відтінків. Саме тому цією панеллю користуються більшість дизайнерів для створення і редагування градієнта в «Ілюстраторі».

як зробити градієнт в ілюстратора

Як підібрати кольори для градієнта

Працюючи з палітрою, неможливо отримати одночасно кілька відтінків і додати їх у зразки. Але для створення градієнта в «Ілюстраторі» знадобиться мінімум два кольори. У цьому випадку нам допоможе такий інструмент, як «Каталог квітів». В англійській версії він називається Color Guide.

Цей інструмент можна включити через меню «Вікно». «Каталог квітів» працює за принципом колірного кола і підбирає до поточного тону гармонійні відтінки. Якщо розгорнути панель, в ній можна побачити різні принципи, які використовуються для створення колірних поєднань. Наприклад, за принципом компліментарності підбираються самі контрастні відтінки, які знаходяться на протилежному боці колірного кола.

градієнт в ілюстратора

Збереження зразків кольору

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

Для того щоб працювати одночасно з усіма палітрами, їх найзручніше розмістити один над одним. Зразки для градієнта в «Ілюстраторі» створюються за допомогою піпетки. Підібравши потрібний поєднання, його можна зберегти за допомогою спеціальних іконок в каталозі квітів. Тоді всі вибрані відтінки з’являться в окремій папці в панелі зі зразками. А для тих, хто знайомий з теорією кольору і вміє працювати з колірним кругом, більш зручною може здатися палітра «Зміна кольору графіки» (Recolor Artwork).

сітчастий градієнт в ілюстратора

Як створити градієнт

Перед тим як залити градієнтом в «Ілюстраторі» якийсь об’єкт, потрібно його створити. Це можна зробити декількома способами. Перший з них — використовувати палітру властивостей об’єкта. На ній повинна бути вкладка «Градієнт». У «Ілюстраторі» її можна відкрити через меню «Вікно».

Ця палітра найчастіше використовується для настройки геометричного градієнта. Тут можна змінювати конкретні значення, а для того щоб застосувати отриманий результат, потрібно натиснути на спеціальну іконку в панелі інструментів. Знайти її можна внизу, поруч зі стандартною палітрою.

У названій вище вкладці легко вибрати і інші стандартні установки, а також збережені раніше градієнти. За замовчуванням, вони також знаходяться в зразках. Найчастіше нові градієнти створюються шляхом редагування стандартних. Це дуже зручно і займає менше часу, ніж робота з нуля.

Особливості лінійного і радіального градієнта

У програмі Adobe Illustrator існує ще два важливих типу градієнта — лінійний і радіальний:

  1. Лінійний градієнт — це перехід зліва направо.
  2. Радіальний — з центру кола до його краях.

Для кожного типу є свої унікальні налаштування. Наприклад, для 100% радіального градієнта не працює кут повороту, тому що він ідеально круглий. Ця функція спрацює тільки при зміні форми на еліпс. А для лінійного ця настройка буде міняти напрямок лінії, на якій відбувається перехід.

Функція «Зворотний градієнт» дозволяє дзеркально відобразити розподіл кольору, а інструмент «Сітчастий градієнт» в «Ілюстраторі» — створювати фотореалістичні зображення з ефектом об’ємності. Спеціальна сітка дає можливість змінювати контури об’єкта, імітувати відблиски і світлотінь.

До речі, вже готові переходи, наприклад золотий градієнт для «ілюстратор», можна скачати в Інтернеті і встановити в програму.

як залити градієнтом в ілюстратора

структура градієнта

По суті, будь-який градієнт — це плавний перехід від одного кольору до іншого. Розглянемо, з чого він складається, вибравши для прикладу стандартний чорно-білий.

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

Видалити зайву можна, якщо натиснути на точку і перетягнути її вниз. Редагувати базові кольори найпростіше за допомогою стандартної палітри або палітри «Колір». Якщо при створенні градієнта потрібно отримати плавний перехід, контрольна точка відсувається далі від маркера. Більш різкий і чіткий перехід створюється при їх зближенні.

За допомогою градієнтів можна швидко і просто створювати цікаві ефекти, в тому числі надавати обсяг. Це допомагає дизайнерам при створенні ілюстрацій, тому програма Adobe Illustrator так популярна серед художників.

Ссылка на основную публикацию