Професія Векторний ілюстратор: Повний курс з Adobe Illustrator

Що ви зможете після курсу

• Працювати в Illustrator усвідомлено: монтажні області, шари, панелі, власний профіль робочого середовища та створення документа під друк, веб або екран телефону
• Будувати фігури точно — за розмірами, з центру, з модифікаторами і Smart Guides — і складати їх панелями Pathfinder і Shape Modes
• Малювати пером: трьома методами розставляти опорні точки, правити їх і напрямні, вести плавні форми Curvature Tool
• Оживляти лінію профілями обведення, інструментом Width і переведенням обведення у фігуру
• Намалювати персонажа повністю: контури, заливка основними кольорами, потрійна палітра «колір — тінь — відблик» і світлотінь
• Верстати текст: панель Character, викривлення конвертом Warp і за довільною формою, текст по кривій, набірна колонка, переведення шрифтів у криві
• Працювати з растром усередині вектора: зв’язування і вбудовування, кольорові профілі, обтравна маска, усі п’ять груп режимів накладання і подвійна експозиція
• Переводити растр у вектор трасуванням і доводити результат руками — від рукописного бейджа до фотографії
• Будувати за сітками: піксельна сітка, панель Align, сітка третин, полярна та ізометрична сітки, діаграми Bar Graph Tool
• Керувати кольором: палітри підбору, градієнти і градієнтне обведення, панель Appearance, плашкові та глобальні кольори, CMYK
• Робити безшовні патерни обох типів — у межах модуля і з переходом на сусідні сторони — і перетворювати їх на Pattern Brush
• Налаштовувати пензлі: каліграфічний з відгуком на натискання, текстурні з шумом, бібліотеки крейди, туші й акварелі, типи Scatter, Art і Bristle
• Збирати об’єм і ефекти: світіння, тіні, розмиття країв, блендинг зі спайном, 3D-ефекти Extrude and Bevel, Rotate і Revolve, накладання текстури через Map Art, сітка перспективи
• Малювати реалістично сітчастим градієнтом Mesh Tool і стилізувати в Low Poly
• Розробляти логотипи: летеринг за напрямними, побудова за сіткою кіл з діаметрами ряду Фібоначчі, Shape Builder Tool, об’єм і правила передачі файлів клієнту
• Готувати макети до друку: вильоти й мітки під обріз, висічка, криві, PDF — і до вебу: Asset Export і повні налаштування SVG
• Анімувати ілюстрацію в After Effects: ключові кадри, зв’язки Parent, шейпові шари і маски, нульовий об’єкт, рендер і експорт GIF
• Спроєктувати інтерфейс і сайт-портфоліо: схеми, UIKit, макет, збірка на Tilda з якорями, попапами, доменом, поштою і Яндекс.Метрикою

Кому підійде

Як проходить навчання

• Кожен розділ закінчується готовою роботою — інструменти освоюються не в порожнечу: набір іконок, персонаж, плакат, обкладинка альбому, презентація, упаковка, логотип — усе це залишається в портфоліо
• Усередині два самостійних курси — основний веде від перших фігур до анімації, бонусний проходить той самий шлях іншою рукою і додає своє: стікери, інтерфейси, ізометрію через Actions, мікростоки і сайт на Tilda
• Уроки короткі, кожен — одна дія — зручно повторювати за екраном і повертатися до потрібного місця, не переглядаючи годину запису
• Підготовка файлів іде поряд із малюванням — вильоти, мітки під обріз, криві, кольорові профілі, SVG і Asset Export розбираються там, де робота реально йде в друк або на сайт
• Показані й обхідні прийоми — окремі уроки розбирають, як повернути випадково відкріплені панелі, чим оживити безживну лінію і як правити конверт-викривлення по точках, коли воно лягло криво
• Матеріали і відео залишаються у вас — доступ не згорає, а до важких тем на кшталт сітчастого градієнта, патернів і 3D можна повертатися

Чому самому зазвичай не виходить

Перша причина — перо. Це головний інструмент вектора, і освоюють його зазвичай навмання: точки ставляться як попало, напрямні тягнуть форму не туди, контур доводиться переробляти цілком. Методів розстановки точок декілька, і різниця між ними видно тільки тоді, коли їх показують поруч на одній формі.

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

Третя — розрізненість. Ролики в мережі вчать одному прийому: сьогодні градієнт, завтра патерн, післязавтра трасування. Зібрати з них закінчену роботу — обкладинку, упаковку, логотип — не виходить, бо ніде не показано порядок: від ескізу до контурів, від контурів до кольору й світлотіні, від світлотіні до підготовки макета.

Четверта — глибокі інструменти. Сітчастий градієнт, блендинг зі спайном, 3D з накладанням текстури через Map Art, сітка перспективи, Pattern Brush — їх обходять стороною, бо наскоком вони не даються, а пояснювати їх треба на живій роботі.

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

Що зміниться

Як влаштований шлях

1. Освоюєте програму інтерфейс і монтажні області, шари й панелі, свій профіль робочого середовища, документ під друк і веб
2. Набиваєте руку прості фігури і Pathfinder, перо та опорні точки, обведення з характером, персонаж зі світлотінню
3. Робите макети текст і летеринг, робота з растром і трасування, сітки, презентація, обкладинка, флаєр із висічкою
4. Берете глибину колір і градієнти, фірмова палітра, безшовні патерни, пензлі, ефекти, блендинг, 3D і перспектива
5. Виходите в роботу реалістична ілюстрація, логотипи від брифу до передачі клієнту, анімація в After Effects, портфоліо і сайт

Програма курсу

90 уроків · 2 модулі · 35 годин 31 хвилина відео · два самостійних курси з Illustrator в одному: перший веде від перших фігур до анімації ілюстрації, другий проходить той самий шлях наново і додає стікери, інтерфейси і вихід на замовлення

• Основний курс: від перших фігур до анімації 76 уроків

  Наскрізний шлях векторного ілюстратора. Програма освоюється з нуля, а далі кожен розділ — закінчена робота: набір іконок з експортом у SVG, намальований пером персонаж, плакат-летеринг, обкладинка альбому, презентація, упаковка з безшовним патерном, логотипи. Закінчується тим, що готова ілюстрація оживає в After Effects.

  • Розбираєтеся, як влаштована програма 4 уроки
    • Можливості Illustrator: вектор і растр13:46

      Розбирається різниця між векторною та растровою графікою: векторний об’єкт перераховується за математичним описом і не втрачає чіткості при масштабуванні, растровий розпадається на пікселі. Показано, для яких завдань потрібен вектор — іконки, логотипи, висічка упаковки, фірмовий стиль, — а для яких растр: реалістичні зображення з відблисками і тінями. Розбираються сфери застосування програми: поліграфія, леттерінг, дизайн інтерфейсів, лазерне різання, експорт в After Effects для анімації.

    • Інтерфейс: області, шари і панелі30:50

      Розбирається триярусна структура документа: робоча область навколо полотна, монтажні області заданого розміру і шари з об’єктами. Показано призначення основних панелей — інструментів, Control Panel і Floating Palette з вкладками Layers і Artboards, — а також заливка, обведення і масштаб через Zoom Tool і Status Bar. Окремо розбирається робота з монтажними областями: створення, зміна розміру і те, що не потрапляє в експорт за їхніми межами.

    • Налаштування інтерфейсу під себе17:58

      Розбирається відновлення випадково відкріплених панелей через меню Window і збирання робочої області під свої завдання: групування палітр перетягуванням, закріплення біля країв екрана. Налаштоване розташування зберігається як окрема робоча область, між якою і стандартними пресетами можна перемикатися. Окремо розбираються режими перегляду Preview і Outline, повноекранний режим і налаштування Preferences — одиниці виміру, колір напрямних і інтерфейсу.

    • Створення файлу: друк і веб13:46

      Розбирається створення нового файлу під друк, веб і мобільні пристрої через інтерфейс Create New: вибір шаблону, розміру і кольорового режиму. Налаштовуються виліт під обріз і роздільна здатність растрових ефектів для друку (300 ppi), CMYK і RGB, щільність пікселів для звичайних і Retina-екранів. Показано, як задати нестандартний розмір вручну на прикладі візитки 90×50 мм з двома монтажними областями.

  • Збираєте перший набір іконок і віддаєте його в SVG 12 уроків
    • Огляд глави і перша іконка21:50

      Створюється файл із сімома монтажними областями 50×50 пікселів під іконки для веба. Інструментами Rectangle Tool і Line Segment Tool малюється перша іконка — діаграма з трьох прямокутників і лінії — з налаштуванням заливки, обведення і його скруглень у Stroke Panel. Розбирається перенесення властивостей піпеткою Eyedropper Tool і точне зміщення об’єктів стрілками клавіатури для рівних відступів.

    • Скруглений прямокутник і еліпс12:41

      Інструментами Rounded Rectangle Tool і Ellipse Tool малюються іконки монітора і фотоапарата Instagram. Розбирається створення фігури за точними числовими параметрами, малювання з центру клавішею Alt і розумні напрямні Smart Guides. Окремо показані Shape Properties — скруглення кожного кута окремо — і відсутність заливки для прозорого фону.

    • Багатокутник і дублювання10:19

      Polygon Tool створюються іконки Play і файлу: фігури з будь-якою кількістю кутів, вписані в радіус, поворот і масштабування через Bounding Box. Розбирається дублювання об’єктів затиснутою клавішею Alt — при перетягуванні і стрілками клавіатури на рівні кроки — і скруглення кутів клавішею A. Показано збереження вихідника у форматі .ai через File → Save As з вибором версії програми.

    • Зірка і властивості фігур11:29

      Star Tool малюється іконка рейтингу: зовнішній і внутрішній радіус задають розмір зірки і глибину променів, кількість променів змінюється параметром Points. Детально розбираються Shape Properties усіх простих фігур — сегменти діаграми у кола через Pi Start Angle і Pi End Angle, Make Sides Equal у багатокутника, скруглення у прямокутника. Збирається друга іконка — діаграма з двох кіл з протилежними налаштуваннями сегментів.

    • Шари і експорт SVG12:24

      Розбирається панель Layers: структура об’єктів усередині шару, видимість через іконку ока, блокування і перенесення між шарами перетягуванням. Сім готових іконок розкладаються по семи іменованих шарах командою Collect to New Layer, а Layer Options задає колір маркера і захист шару від правок. Показано базовий експорт у SVG через File → Export → Export As зі збереженням монтажної області.

    • Збереження SVG для вебу14:03

      Іконки підганяються під загальний розмір 50×50 панеллю Transform: вирівнюються пропорції, товщина обведення доводиться до 3 пікселів у всіх об’єктів разом. Розбирається панель Asset Export: перетягування об’єктів, імена файлів, формат PNG або SVG і масштаб. Детально показані налаштування SVG-коду — Internal CSS, Inline і Presentation Attributes, конвертація шрифтів у криві і вбудовування зображень — під завдання верстки.

    • Pathfinder і Shape Modes10:48

      На прикладі еліпса і прямокутника розбираються всі режими палітр Pathfinder і Shape Modes: Divide, Unite, Minus Front і Minus Back, Trim, Intersect, Exclude, Crop і Outline. Показано, чим група редагованих частин відрізняється від єдиного злитого контуру, і як виділяти окремий об’єкт усередині групи інструментом Direct Selection Tool. Створено новий файл з п’ятьма монтажними областями 500×500 px під майбутню обкладинку.

    • Іконка морозива13:24

      Збирається флет-іконка морозива: ріжок — повернутий трикутник Polygon Tool, поверхня — скруглений прямокутник, кульки — еліпси, обрізані і об’єднані режимами Pathfinder. Розбирається робота по шарах (фон, ескізи, обкладинка), порядок об’єктів гарячими клавішами і побудова тіні дублюванням з обрізкою Intersect. Готова іконка групується і перейменовується для використання в композиції.

    • Іконка кавуна7:36

      Збирається іконка кавуна в розрізі: оболонка отримана вирізкою Minus Front з кола, насінини розставлені дублюванням зі зсувом у шаховому порядку. Розбирається інструмент Reshape Tool: вигин лінії в дугу, дублювання дуги з Alt і правка форми вже готових смужок оболонки. Краї дуг обрізаються режимом Outline з подальшим відбором потрібних контурів.

    • Іконка лайма9:53

      Збирається іконка лайма з листочком: половина еліпса відображається інструментом Reflect Tool, часточки і відблиски дублюються з поворотом навколо центру Rotate Tool. Розбирається зміщення центру обертання клавішею Alt, точний кут через панель налаштувань і команди Transform в контекстному меню. Черешок вигинається Reshape Tool, а тінь будується дублюванням з обрізкою Minus Front.

    • Іконки пляшки й упаковки12:08

      Збираються іконки пляшки і упаковки фастфуду: горлечко пляшки формується викривленням Perspective Distort із трьох скруглених прямокутників, об’єднаних у контур режимом Unite. Розбирається Free Transform Tool і нахил об’єктів інструментом Shear Tool — візуально і точним кутом через панель налаштувань. Показано варіант обведення зовні об’єкта (Align Stroke) на прикладі зірки в центрі упаковки.

    • Обкладинка ВКонтакте і експорт6:29

      З п’яти готових іконок збирається обкладинка для групи ВКонтакте: монтажна область збільшується до 2700 px зі збереженням пропорцій, іконки дублюються, повертаються і розподіляються по фону. Розбираються два способи експорту в PNG — через Export As з прив’язкою до монтажної області і через застарілий Save for Web — і різниця між форматами PNG-24 і JPEG за артефактами стиснення.

  • Берете перо і малюєте персонажа 8 уроків
    • Структура простих фігур10:26

      Розбирається будова простих фігур: прямокутник, еліпс, полігон і зірка складаються з опорних точок і напрямних, що утворюють криві Безьє. Direct Selection Tool показує точки, а Anchor Point Tool перемикає між гострим і скругленим кутом, витягуючи або прибираючи напрямні. Показано, як інструменти Add і Delete Anchor Point додають і видаляють точки на контурі, а розрив контуру видаленням точки з’єднується назад пером.

    • Лінійна ілюстрація за ескізом14:39

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

    • Спіралі, пунктир і кольчуга13:13

      Домальовуються борода, плечі і кольчуга персонажа: симетричні елементи створюються один раз і дзеркально відображаються. Спіраль будується інструментом Spiral Tool і стикується з контуром командою Join, а паралельні лінії повторюються поєднанням Ctrl+D. Розбирається налаштування пунктирної лінії Dash і Gap у панелі Stroke і збирання кольчуги з напівкіл-еліпсів рядами.

    • Перо: три методи розстановки точок16:34

      Завершуються вуса, контури обличчя і шолома персонажа пером трьома способами розстановки опорних точок: кутастою фігурою зі скругленням після, витягуванням напрямних одразу при кліку і роздільною правкою напрямних із затиснутим Alt. Показано з’єднання спіралі з контуром командою Join і вирівнювання несиметричних об’єктів по загальній рамці. Окремо зачеплено стиль лайн-арт і його застосування в іконках, вивісках і лазерному різанні.

    • Підготовка до відмальовування персонажа13:17

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

    • Динамічне обведення8:32

      Розбираються три способи зробити лінію динамічною: готові профілі обведення змінної товщини в панелі керування, інструмент Width для розтягування ширини в конкретних точках контуру і перетворення обведення на фігуру через Outline Stroke з редагованими зовнішнім і внутрішнім контурами. Показано, як прибрати конусоподібні перегини на кутах і коротких ділянках. Окремо розбираються правила ваги лінії і акцентів, що зміщують увагу на потрібні деталі.

    • Основні кольори персонажа8:21

      Персонаж заливається основними кольорами: Curvature Tool швидко будує гладкі органічні форми, а Pen Tool — точні контури тіней і кольорових плям. Показано, як колір обведення стає найтемнішою точкою палітри для глибоких тіней, очей і брів, а сама палітра обмежується чотирма кольорами з одним акцентним. Розбирається принцип «від загального до часткового»: спочатку базові кольори, потім тіні і деталі.

    • Палітра, світлотінь і підготовка до друку16:29

      Будується потрійна палітра «основний колір — тінь — відблиск» зі збереженням у панелі Swatches, а персонаж отримує світлотінь: глибокі тіні точкою чорного, півтіні того самого тону і відблиски без чистого білого. Ілюстрація поміщається смарт-об’єктом у мокап Photoshop з додаванням падаючої тіні. Розбирається підготовка значка до друку: перевірка загину по еліпсу і збереження у форматах EPS і PDF.

  • Працюєте з текстом: від летерингу до колонки під друк 6 уроків
    • Плакат-леттерінг і шрифти14:12

      Встановлюються шрифти для плаката-леттерінгу з перевіркою на кириличні гліфи, створюється файл формату А4 в CMYK. Розбирається текст як векторний об’єкт: створення інструментом Type Tool, налаштування шрифту, накреслення і розміру в панелі Character, капітель, надрядкові індекси, трекінг і кернінг. Відрисовується перше слово композиції обраним шрифтом і кольором.

    • Слова композиції і стилі8:02

      Відрисовуються всі слова текстової композиції з підбором шрифтів і накреслень, що поєднуються: копіювання і масштабування тексту, зміщення по єдиній базовій лінії із затиснутим Shift. Розбирається Touch Type Tool для точкової правки окремих символів без зміни налаштувань шрифту і Піпетка для перенесення кольору, накреслення і міжрядкового інтервалу на інший текст. Окремо зачеплено рідкісні альтернативні гліфи в акцидентних шрифтах.

    • Спотворення тексту Envelope Distort13:09

      Текст і об’єкти викривляються інструментом Make Envelope (Warp Options): стиль вигину, орієнтація і відсоток викривлення по краях і вертикалі. Показано редагування результату через Edit Content і Edit Envelope, а також правка точок і напрямних самого конверта прямим виділенням. Розбирається підготовка до друку: переведення звичайних шрифтів у криві через Create Outlines, варп-об’єктів — через Expand, і збереження PDF.

    • Спотворення тексту за об’єктом15:47

      Розбирається викривлення тексту за довільною векторною формою через Make with Top Object, коли набірний текст перетворюється на графічний елемент, що повторює контур листка. Показано налаштування висічок під обріз для флаєра і прийом відрисовки елемента за краєм листка, щоб при неточному обрізанні не залишалося білої смуги. Розфарбування контурів виконується через Select > Same за кольором заливки або обведення.

    • Текст за кривою і стебла9:43

      Розбирається доведення складних конверт-викривлень прямим виділенням точок, коли стандартні налаштування Warp дають на вигнутих стеблах небажані об’ємні викривлення. Показано прийом — текст по векторній кривій інструментом Type On Path: маркери початку і кінця рядка, перевертання тексту на інший бік кривої кліком посередині. Згадано заповнення контуру текстом-«рибою» через Fill with Placeholder Text для ескізів.

    • Колонка тексту і друк10:13

      Завершується флаєр набірною колонкою тексту: розтягування рамки Type Tool, зв’язані колонки при переповненні, вирівнювання і перенесення в панелі Paragraph. Розбирається заливка нестандартної форми текстом через Area Type Tool і вертикальні написи інструментом Vertical Type Tool. Показано підготовку PDF до друку з мітками під обріз Trim Marks і переведенням шрифтів у криві через Create Outlines і Expand.

  • Поєднуєте растр з вектором 6 уроків
    • Растр і підготовка до друку14:39

      Розбирається робота з растровими зображеннями при підготовці файлу до друку: чим пов’язаний файл (Linked) відрізняється від вбудованого (Embed), і як передати типографії вихідники разом з папками Links і Fonts. Показано узгодження кольорових профілів CMYK між Photoshop та Illustrator, побудову обтравної маски та режим ізоляції для роботи з її вмістом. Пояснюється, чому безповоротна обрізка Group Image незручна в роботі.

    • Фон обкладинки і обтравка портрета10:21

      Будується фон обкладинки альбому: фотографія приводиться в Photoshop до кольорового профілю Coated 27, тонується напівпрозорим прямокутником поверх шару. Портрет обтравлюється по контуру інструментом «Перо» і оформляється обтравною маскою, після чого прозорість шару знижується до 80% для змішування з фоном. Розбирається, як один і той самий обтравний контур використовується повторно для другої маски.

    • Подвійна експозиція і режими накладання9:27

      Розбираються всі п’ять груп режимів накладання панелі Opacity — Multiply і Color Burn, Screen і Color Dodge, Overlay, Difference, Hue/Saturation/Color/Luminosity — на прикладі змішування фотографії з фігурою. Показано, як режим Screen зі зниженою прозорістю створює ефект подвійної експозиції, при якому крізь силует портрета просвічує зображення зі збереженням контурів.

    • Композиція обкладинки і підготовка до друку8:50

      Завершується композиція обкладинки: текст і трикутники, намальовані Polygon Tool, об’єднуються в загальну обтравну маску через Make Compound Path, а шрифти переводяться в криві. Розбирається композиція за принципом домінанти — великий, середній і дрібний контрастний елементи, а також експорт готового макета в TIFF з роздільною здатністю 150–300 ppi через Export As для друку.

    • Трасування: бейдж у вектор10:15

      Розбирається трасування Image Trace — переведення сфотографованого малюнка у векторні контури на прикладі бейджа. Показано вибір пресету (Black and White Logo, High Fidelity Photo), налаштування Threshold і Path, вимкнення білого кольору через Ignore White і перетворення результату на контури командою Expand з подальшою правкою Direct Selection Tool.

    • Трасування фото і листівка10:07

      Трасується кольорова фотографія пресетом High Fidelity Photo для фону листівки: зменшується кількість кольорів до спрощеної графічної картинки, налаштовуються кути контурів і параметр Noise. Показано доопрацювання результату після Expand — видалення зайвих фігур Direct Selection Tool, додавання залитого прямокутника замість неба і білої рамки-маски, а також збереження готової листівки в PDF.

  • Будуєте за сітками: слайди, інфографіка, ізометрія 10 уроків
    • Сітка і оформлення слайда15:05

      Створюється файл презентації HD 1920×1080 з шістьма монтажними областями і налаштовується піксельна сітка через Preferences: Guides & Grid — крок 10 пікселів з поділом на 10 дає точність до одного пікселя для акуратного підгону об’єктів (Pixel Perfect). Відрисовується базове оформлення титульного слайда: рамка з обведенням, круглий логотип, заголовок і підзаголовок, усі розміри кратні сітці.

    • Панель Align: вирівнювання14:14

      Розбирається панель Align (Window > Align): вирівнювання по виділенню, по монтажній області і по ключовому об’єкту, а також розподіл об’єктів і Distribute Spacing із заданим інтервалом. Показано, чому текст перед вирівнюванням переводять у криві через неправильний bounding box, і як згруповані об’єкти вирівнюються як єдине ціле. Прийоми застосовуються до елементів титульного слайда.

    • Копіювання слайдів і патерн10:26

      Показано точне копіювання оформлення на всі монтажні області через Edit > Paste on All Artboards без зміщення на піксель, а також різницю між Paste in Place, Paste in Front і Paste in Back. Відрисовується титульний слайд з растровою фотографією і геометричним патерном з фігур, розподілених Distribute Spacing і навмисно «зламаних» для акцентів.

    • Сітка третин і іконки12:26

      Будується сітка третин інструментом Rectangular Grid Tool на окремому шарі і розбираються її фокусні точки для розстановки акцентів композиції. Оформляється слайд з фотографією, текстовим фрагментом за пропорціями третин і трьома іконками-цифрами: еліпси групуються з цифрами, вирівнюються по ключовому об’єкту і розставляються через Distribute Spacing з перевіркою по піксельній сітці.

    • Інфографіка: діаграма навичок9:19

      Будується стовпчаста діаграма навичок інструментом Bar Graph Tool: вводяться значення в таблицю, а після підтвердження основа видаляється і стовпці домальовуються вручну за знайденою математичною залежністю. Показано вирівнювання стовпців по сітці третин і Distribute Spacing, одночасну зміну їх висоти і стилізацію градієнтом і ромбиками на кінцях.

    • Іконки продуктів і діаграма14:40

      Імпортуються векторні іконки програм (SVG, EPS) і вирівнюються пропорційно сітці третин: одна призначається ключовим об’єктом, інші зменшуються зі збереженням пропорцій і розподіляються по ширині та верхньому краю. Будується декоративна діаграма з еліпсів з обведенням замість заливки, а презентація перевіряється по піксельній сітці і зберігається в PDF, порядок слайдів змінюється в панелі Artboard.

    • Полярна сітка і симетрія10:42

      Будується полярна сітка інструментом Polar Grid Tool з концентричними і радіальними розділювачами для візерунка плаката з полярною симетрією. Показано два способи копіювання елементів по колу інструментом Rotate Tool із затиснутим Alt і повтором Ctrl-D: розмноження готового модуля зі стрілок і вирізання одного сегмента з розрахунком кута повороту через ділення 360 градусів на число секторів.

    • Реколорінг ілюстрації8:31

      Добудовується композиція по полярній сітці: частина концентричних розділювачів потовщується і стає елементом візерунка, а відсутні деталі домальовуються по радіальних напрямних. Ілюстрація перефарбовується в три кольорові варіанти інструментом Recoloring Artwork через шкали тональності, насиченості і яскравості, включно з випадковою рандомізацією палітри для підбору поєднань.

    • Ізометрична сітка і напрямні11:21

      Будується класична ізометрична сітка з напрямних: осі Y і X створюються поворотом на 60° і відображенням, вісь Z — вихідними вертикальними лініями, крок сітки задається командою Transform Each з копіюванням і Ctrl-D. Вмикається Smart Guides для точного малювання по сітці, а додаткові напрямні проводяться по контурах ескізу для підготовки до відрисовки об’ємної ілюстрації.

    • Ізометрія: об’єм і тіні8:42

      Відрисовується ілюстрація по ізометричній сітці: розставляються тони по трьох типах площин — вертикальних YZ і XZ та горизонтальній XY — за правилами освітлення, де найтемніша грань холодніша, а верхня горизонтальна площина найяскравіша і найтепліша. Ілюстрація розбита на шари по дальньому, середньому і передньому плану, еліпси вписуються в ізометрію трансформуванням зі скосом.

  • Ставите колір: градієнти, фірмова палітра, патерни 8 уроків
    • Палітри кольору й основи градієнтів16:03

      Розбирається підбір кольору в палітрах Color і Color Guide: робота по каналах RGB і CMYK, комплементарна, аналогова і монохроматична гармонія, редагування поєднань у Recolor Artwork. Окремо показано устрій градієнта — маркери кольору, контрольні точки переходу, лінійний і радіальний типи, кут нахилу і команда Reverse Gradient.

    • Gradient Tool, обведення і Appearance14:36

      Налаштовується напрямок, кут і форма градієнта інструментом Gradient Tool, а положення і трансформація еліпса не зберігаються у зразку. Показано прозорість градієнта через Opacity, градієнтне обведення по центру контуру в поєднанні з інструментом Width, а також панель Appearance з кількома заливками і режимами накладання Multiply, Overlay і Screen для складних кольорових переходів.

    • Градієнти в CMYK: гральна карта8:43

      Відрисовується ігральна карта з драконом: контури заливаються градієнтами в палітрі CMYK замість RGB, оскільки ілюстрація готується до друку. Напрямок градієнта задається інструментом Gradient Tool за розташуванням падаючої тіні — темне внизу, світле вгорі, дальній план холодними кольорами, передній теплими, а палітра ілюстрації зберігається окремими еліптичними заливками поряд з роботою.

    • Растрові текстури: Halftone і Grain10:42

      На чорно-білий градієнт другого дракона накладаються растрові текстури Photoshop Effects — Color Halftone з налаштуванням Max Radius в стилі поп-арту і Grain з параметрами Grain Type, інтенсивності і шуму. Текстури переводяться у вектор трасуванням (Black and White Logo, Ignore White, Noise) і накладаються поверх вихідної заливки в режимі Multiply як деталізація тіні.

    • Палітра фірмового стилю і плашкові кольори8:25

      Через Swatch Libraries Menu і файл .ai підвантажується готова кольорова палітра фірмового стилю. Розбираються плашкові кольори Pantone з параметром Global, їх відмінність від звичайних і глобальних зразків, переведення Pantone в CMYK, а функцією Select Same розфарбовуються одноколірні об’єкти патерну фірмовими кольорами; власна палітра зберігається командою Save Swatches.

    • Перший безшовний патерн7:45

      Створюється перший безшовний патерн через Object → Pattern → Make з квадрата 100×100 мм, елементи якого не виходять за межі. У панелі редагування налаштовуються ширина і висота плитки, Size Tile to Art, напрямок дублювання Overlap, кількість копій попереднього перегляду і тип укладання Tile Type — грид, шахівниця, цегла або гексагон; готовий патерн застосовується як заливка об’єкта.

    • Складний патерн і підготовка до друку9:32

      Будується другий патерн, елементи якого перетинають межі плитки і продовжуються на сусідніх сторонах — стики правляться прямо в панелі редагування патерну. Готовий візерунок переноситься через зразки і файл .ai в макет упаковки, переводиться в криві командою Object → Expand для типографії і застосовується до висічки; при навантаженні на комп’ютер зменшується кількість копій.

    • Текстурний пензель для обведення10:29

      З геометричної фігури, вписаної в прямокутник, створюється текстурний пензель Pattern Brush, який спотворює патерн за формою контуру — на прикладі об’ємного леттерингу. Фігура деталізується кольором, смугами і шарами в режимі Multiply для об’єму, окремо малюються напівкруглі та інші завершення обведення через обтравну маску Make Clipping Mask, а перед друком обведення переводиться в криві Expand Appearance.

  • Налаштовуєте пензлі під свою руку 5 уроків
    • Пензель: налаштування і ескіз7:05

      Налаштовується інструмент «Пензель»: параметр Fidelity задає ступінь згладжування контуру, Keep Selected з’єднує сусідні лінії в єдиний шлях за заданою дистанцією. Напівпрозорим пензлем товщиною близько пікселя накидається багатошаровий ескіз персонажа — від грубої побудови до уточнення, кожен етап на окремому шарі; графічний планшет для цього не обов’язковий.

    • Каліграфічний пензель із натисканням8:49

      Створюється власний каліграфічний пензель New Brush із залежністю розміру від натиску пера Pressure, діапазоном Variation, поворотом Angle і стисканням Roundness під гострий кінчик; параметри застосовуються до всього обведення через Apply to Strokes. Готовим динамічним контуром обводиться ескіз, а для заливок замість обведення використовується Blob Brush, яку на відміну від пензля стирає Eraser Tool.

    • Бібліотеки пензлів і розфарбування11:56

      Ілюстрація розфарбовується інструментом Blob Brush з гумкою по порядку — точка чорного, основні кольори, додаткові, потім тіні і відблиски. Розбираються бібліотеки готових пензлів: крейдяні без урахування натиску, прозорі Artistic Ink і непрозорі Artistic Paint Brush з рваним краєм; до тексту пензель застосовується після Create Outlines, а Expand Appearance перетворює обведення на векторний контур.

    • Типи пензлів: Scatter, Art, Bristle12:07

      Розбираються три типи пензлів, що створюються з об’єкта-основи: Scatter Brush копіює об’єкт вздовж контуру з налаштуваннями Spacing, Scatter і Rotation і перефарбовується через Hue Shift; Art Brush розтягує об’єкт по контуру з параметрами Brush Scale Options. Bristle Brush збирається з готових налаштувань форми, розміру і щільності щетини без своєї основи, даючи напівпрозорий ефект акварелі.

    • Текстурні пензлі і режими малювання10:29

      З кола з радіальним градієнтом, ефектом Grain і трасуванням з мінімальним шумом створюється текстурний пензель типу Scatter Brush із залежністю Size і Spacing від натиску пера. Ним домальовуються тіні і відблиски поверх готових форм, режим Draw Inside утримує штрихи всередині контуру кліпінг-маскою, Draw Behind малює під об’єктом, а Expand Appearance переводить важкий пензель у вектор; окремо показано інструмент «Олівець».

  • Додаєте об’єм: ефекти, блендинг, 3D, перспектива 6 уроків
    • Паперовий плакат з ефектами15:12

      Створюється плакат з паперовою ілюстрацією: псевдооб’єм будується в панелі Appearance комбінацією ефектів Inner Glow, Outer Glow і Drop Shadow з налаштуванням режимів накладання, розмиття і зміщення тіні. Зовнішнім світінням білого кольору імітується зрізаний край паперу, а ефект Feather розмиває край краплі. Поверх ілюстрації накладається растрова текстура паперу через обтравну маску і режим Multiply.

    • Блендинг ліній і спотворення10:14

      Перший плакат будується на блендингу ліній: інструментом Blend Tool з’єднуються точки на двох контурах, а параметр Spacing у Blend Options задає кількість кроків переходу. До готового блендингу застосовуються ефекти спотворення Distort and Transform — Twist закручує лінії, Zig Zag перетворює контур на зигзаг, Tweak додає шумове спотворення. Колір і градієнти ліній формують ілюзію об’єму.

    • Ландшафт із блендингу6:53

      Блендинг із шести контурів перетворюється на суцільну ландшафтну площину: збільшується кількість кроків, порядок і колір ліній змінюють ілюзію об’єму, а команда Expand переводить перехід в окремі контури. Копія блендингу, перефарбована в білий і накладена режимом Overlay, додає другу текстуру. Поверхня допрацьовується інструментами деформації — Warp, Twirl, Pucker, Bloat, Scallop, Crystallize і Wrinkle.

    • Спайн і об’ємний блендинг9:33

      Розбираються тонкі налаштування блендингу між фігурами: порядок об’єктів через Reverse Front to Back, лінія спайна і її відображення Reverse Spine, перенесення переходу на намальовану криву командою Replace Spine. Об’єм створюється триколірним радіальним градієнтом одного еліпса і двоколірним градієнтом другого, що імітують циліндр і конус. Параметр Orientation задає, чи орієнтуються об’єкти по спайну, чи по сторінці.

    • 3D-ефекти і символи15:12

      Розбираються три 3D-ефекти Illustrator: Extrude and Bevel видавлює фігуру з фаскою, Rotate повертає плоский об’єкт в ізометрії, Revolve обертає контур навколо осі, перетворюючи коло на тор, а півколо — на сферу. З векторного об’єкта в панелі «Символи» збирається текстура — розпилюється інструментом Symbol Sprayer і допрацьовується Shifter, Scruncher, Sizer і Spinner. Готова текстура символів накладається на розгортку 3D-об’єкта через Map Art, а Expand Appearance переводить результат у редаговані контури.

    • Сітка перспективи7:35

      Налаштовується інструмент Perspective Grid: положення площин, точка сходу і лінія горизонту, три види перспективи — одно-, дво- і триточкова. Об’єкти малюються прямо всередині сітки на обраній площині або переносяться на неї готовими через Perspective Selection Tool, який автоматично спотворює їх за перспективою. Розбирається, чому звичайний Selection Tool перспективу не дотримується і коли трансформації всередині сітки обмежені.

  • Малюєте реалістично і розробляєте логотипи 5 уроків
    • Реалістична ілюстрація: вступ6:07

      Розбирається набір інструментів для реалістичних векторних ілюстрацій: основа — Pen Tool, пензлі потрібні для текстур на кшталт волосся, а новим інструментом додається Mesh Tool для сітчастого градієнта. Показано, як малювати по фотографії — переносячи світла і тіні, починаючи з дрібних деталей і закінчуючи шарами, які повністю закривають вихідне зображення. Окремо зачеплена техніка Low Poly — побудова форм із трикутників Pen Tool.

    • Портрет: сітчастий градієнт і пензлі10:41

      Будується текстура шкіри портрета сітчастим градієнтом: інструмент Mesh Tool додає сітку по контуру об’єкта, точки сітки рухаються Direct Selection Tool і розфарбовуються піпеткою за кольором фотографії, а режими накладання Overlay і Color Burn підсилюють світло і тіні. Волосся малюється пензлем Art Brush з реакцією на натиск пера, одяг стилізується в техніці Low Poly — з обведенням Pen Tool і перефарбуванням геометричних форм під кольори фотографії.

    • Леттерінг-логотип і процес розробки12:00

      Рукописний леттерінг переноситься у вектор: ескіз олівцем оцифровується Pen Tool за технікою горизонтальних і вертикальних напрямних з мінімальною кількістю точок. Розбираються етапи розробки логотипа — бриф, аналіз ринку, пошук концепції, візуалізація і перевірка на масштабованість. Окремо розбирається робота зі шрифтами: переведення в криві, ліцензії для вебу і друку, палітри RGB і CMYK.

    • Логотип за золотим перетином12:47

      Логотип будується за сіткою з кіл з діаметрами з ряду Фібоначчі: перетини кіл дають контури голови, вух і носа символу, а інструмент Shape Builder Tool з’єднує і віднімає фрагменти. Готовий символ допрацьовується градієнтами і маскою прозорості — чорно-білий градієнт плавно зливає лапи з тілом. Текстова частина логотипа збирається з платного шрифту зі зміненим кернінгом і лігатурами, переведеного в криві.

    • Логотип з ефектами об’єму і збереження7:00

      На прикладі сфери з монограмою будується логотип з ефектом об’єму: ізометрична сітка і градієнти з додатковим кольором-відбликом імітують блиск металу, а друга заливка в панелі Appearance дає м’яку тінь. Розбираються літери, накладені на об’ємну форму з перебором поворотів і інверсії. Окремо розбираються правила збереження: переведення шрифтів у криві, палітри RGB і CMYK, формати AI, EPS, PNG і SVG для різних версій готового знака.

  • Оживляєте ілюстрацію в After Effects 6 уроків
    • Підготовка ілюстрації до анімації8:34

      Готова ілюстрація морозива розбирається на окремі шари для подальшої анімації: елементи копіюються у файл з розміром у пікселях, групуються, зайві точки і обведення прибираються, а контури замикаються пером. Через Release to Layer Sequence вміст шару розкладається по окремих шарах, які виносяться вгору ієрархії і перейменовуються за змістом — фон, кульки, тінь, ріжок, шоколад.

    • Інтерфейс After Effects і ключові кадри19:44

      Розбирається інтерфейс After Effects: вікна композиції, проєкту, шарів, таймлайна і ефектів, імпорт підготовленої ілюстрації як композиції зі збереженням шарів. Вивчаються властивості шару — точка обертання, позиція, масштаб, поворот і прозорість, у кожної з яких секундомір ставить ключові кадри. Показано, як між двома ключовими кадрами з різними значеннями будується перехід, і налаштовуються параметри композиції — розмір, частота кадрів і тривалість.

    • Анімація падіння: ріжок і кульки19:42

      Будується анімація прильоту ріжка і падіння кульок морозива: зв’язок Parent передає трансформації ріжка шоколадній частині, а згладжування Easy Ease (F9) вирівнює початок і кінець руху. Півколо замінюється шейповою кулькою з обведенням і перенесеною в центр якірною точкою, яка падає за ключовими кадрами позиції. Обвідка кульки приховується маскою через Track Matte з режимом Alpha Inverted Matte.

    • Хвилі удару, лінії і струс23:31

      Додаються кола, що розходяться, і лінії удару: у кола без заливки анімуються розмір і товщина білого обведення, ефект Drop Shadow відокремлює його від фону, а Venetian Blinds розрізає копію кола смужками. Лінії малюються Pen Tool із заокругленими кінцями і анімуються модифікатором Trim Path — спочатку промальовування, потім зникнення. Струс ріжка і кульки будується через нульовий об’єкт (Null Object), до якого через Parent прив’язуються елементи та їх маска.

    • Крапля, що стікає, і фінал анімації22:54

      Будується крапля морозива, що стікає: контур пера із заокругленими кінцями Line Cap і радіусом Round Corners проявляється модифікатором Trim Path, а коливання параметра End на кінці краплі дає ефект відскоку. Два шари об’єднуються в Pre-compose, маска з інверсією приховує стик краплі з морозивом. Через другий нульовий об’єкт збирається загальне підстрибування сцени, а робоча область звужується для зацикленого повтору анімації.

    • Рендер і експорт GIF5:24

      Готова анімація вивантажується в GIF: робоча область After Effects обрізається до потрібного відрізка, композиція додається в Render Queue і рендериться із зазначенням шляху збереження. Відрендерений файл відкривається в Photoshop через Video Frames to Layers, а через Save for Web (Legacy) експортується у формат GIF зі зменшенням розміру кадру до 700×700.

• Бонусний курс: друга програма цілком 14 уроків

  Самостійний курс з Illustrator, що йде великими заняттями по півтори-дві години. Той самий шлях — інструменти, колір, світлотінь, композиція, текст — пройдено наново й іншою рукою, а понад нього розібрано те, чого в першому курсі немає: текстури матеріалів, ізометрія через Actions, стікери для Telegram, проєктування інтерфейсів, мікростоки і фриланс, а у фіналі — сайт-портфоліо, зібраний на Tilda і підключений до домену.

  • Проходите основу наново: інструменти, колір, світло, композиція 6 уроків
    • Основи1:30:08

      Освоюється інтерфейс Illustrator: створення документа з потрібними одиницями виміру і кольоровим режимом, масштабування і навігація по полотну. Розбираються інструменти виділення — темна і світла стрілки, ласо — і перо: кутові і гладкі точки, напрямні вусики, редагування контуру. Будуються фігури інструментами еліпса, прямокутника, багатокутника і зірки, налаштовуються заливка і обведення в панелях Color і Stroke. Показано пошук референсів і підбір кольору через Adobe Color, підсумок — відмальовування сету іконок у лайн-арті пером.

    • Функції1:35:48

      Розбираються шари і групи об’єктів: видимість, блокування, вкладеність, групування і розгрупування. Прискорюється робота пером через тимчасове перемикання на стрілку і «кутик», підключаються розумні напрямні для точної прив’язки об’єктів. Показано відкриті і замкнені контури, трансформацію з масштабуванням і поворотом, непрозорість об’єктів і груп. Панеллю Pathfinder об’єднуються, віднімаються і перетинаються фігури, панеллю Align вибудовується вирівнювання — на цих інструментах будується ілюстрація «Мій робочий простір» з монітором, кнопками, зіркою і листком.

    • Колір і світло1:17:11

      Розбирається природа кольору, кольорове коло і гармонії — монохром, аналогічні і комплементарні поєднання, а також типові помилки з тінями і відбликами при роботі лише тоном або прозорістю. Показано панель Appearance і ефекти: Gaussian Blur, Outer Glow, Inner Glow, Drop Shadow з налаштуваннями кольору, розмиття і зміщення. Розбирається точне переміщення об’єктів стрілками і ізоляція об’єкта або групи. Підсумок — ілюстрація у стилі PaperCut: шари паперу вирізаються панеллю Pathfinder, товщина аркушів і тіні передаються копіюванням і зміщенням об’єктів.

    • Світло і тінь1:50:41

      Розбирається схема освітлення об’ємного об’єкта: світло, відблиск, півтінь, власна і падаюча тіні, рефлекс і контактне затінення. Вивчаються лінійний і радіальний градієнти — панель Gradient і інструмент Gradient (G), налаштування повзунків, кута і форми переходу. Показано вибір об’єктів Ctrl-кліком по шарах, копіювання Alt-перетягуванням і перенесення стилю піпеткою. На практиці малюються три кульки-іконки — пластикова, металева і скляна, де матеріал передається розподілом світла, різкістю відбликів і кольором тіней.

    • Композиція1:10:29

      Розбираються правила композиції: композиційний і геометричний центр, п’ять способів виділити головний об’єкт, правило діагоналей і правило третин, баланс збалансованої і переваженої картинки. Показано нові функції — власні гарячі клавіші в Keyboard Shortcuts, Offset Path для пропорційного зміщення контуру, перефарбування Recolor Artwork і заокруглення кутів віджетом Show Corner Widget. Підсумок — пейзажна ілюстрація до книги: об’єкти кактуса, хмар, намету і багаття будуються з простих форм еліпса і пера з об’єднанням у Pathfinder, композиція розміщена за правилом третин з двома центрами.

    • Текстура1:28:51

      Розбирається передача матеріалу через форму, колір, світло і тінь з додаванням текстури — на прикладах дерева, каменю, паперу, тканини і шкіри. Показано обтравну маску, складений контур Compound Path і гумку з обмеженням стирання по прямій або прямокутнику. Пояснюється пошук готових векторних текстур на сайті 3PIC. Підсумок — три іконки на основі кулі, куба і циліндра: ікра з глянцевими відбликами, сир з градієнтними дірками і рол із текстурою лосося і глянцевими відбликами з розмиттям.

  • Освоюєте текст, ізометрію, персонажів та інтерфейси 4 уроки
    • Текст2:09:03

      Розбирається робота з текстом: рядок від точки і текстове поле, текст по контуру, параметри в панелях Символ і Абзац, часткове форматування виділеного тексту. Показано переведення тексту у векторні об’єкти командою Expand, деформацію сіткою Make with Mesh і вписування тексту в об’єм із загальним градієнтом. Розбираються монтажні області Artboards і пунктирні лінії інструментом Line Segment Tool. Підсумок — побудова власного логотипа: шрифтова частина, фірмовий знак, фірмовий блок і презентація з фотопідкладкою.

    • Ізометрія1:50:53

      Розбирається ізометрична проєкція і побудова об’ємних об’єктів функціями трансформації — масштаб, зсув Shear і відображення Reflect, на прикладі складання куба з трьох граней. Показано автоматизацію через панель Actions: екшени на функціональні клавіші збирають грані куба і будь-яких об’єктів за пару натискань. Розбирається метод радіантного мислення і інтелект-карта для деталізації сцени. Підсумок — ізометрична ілюстрація кімнати: диван, крісло, круглі предмети, текстури, тіні і відблиски будуються за сіткою Line Segment Tool і Smart Guides за допомогою Pathfinder і Offset Path.

    • Персонажі1:28:53

      Розбирається побудова емоцій персонажа простими формами — положенням брів, очей, рота і рум’янцю передаються радість, смуток, гнів, страх, здивування і їх поєднання. Показано інструмент редагування ширини обведення (Shift+W) для нерівномірної товщини контуру, вбудовування растрових зображень через Embed і панель Links. Підсумок — набір стікерів у коміксному стилі: контури пером, розділення обведення і заливки по шарах, тіні і відблиски через Pathfinder, експорт у PNG на монтажних областях 512×512 px для завантаження в Telegram.

    • Інтерфейс1:23:34

      Розбирається точна трансформація об’єктів і груп у вікні Transform Each — масштаб, переміщення, поворот, відображення відносно заданої точки, а також повторення трансформації клавішею Ctrl+D і створення символів із 9-частинною сіткою для розтяжних кнопок. Показано прискорення роботи колесом миші і переміщення об’єктів у шарах. Розбираються основи інтерфейсів: діалогові вікна, радіантні схеми переходів між вікнами і поняття UIKit. Підсумок — макет і графічна оболонка діалогового вікна гри з кнопками, текстом і тінню Drop Shadow.

  • Збираєте портфоліо і виходите на замовлення 4 уроки
    • Портфоліо57:08

      Розбираються тренди векторної графіки: кольорове 3D, paper cut, градієнт, рідкі форми, подвійна експозиція, гліч-ефект, ізометрія, яскраві ілюстрації, лінійна геометрична графіка і леттерінг. Дається добірка сервісів для дизайнера — майданчики Behance, Dribbble, ArtStation і Pinterest, біржі FL.ru і Upwork, мікросток Shutterstock, джерела шрифтів, іконок і кольорових схем. Розбираються правила оформлення презентації робіт: вільний простір, вирівнювання, контраст і єдиний стиль. Підсумок — вибір спеціалізації і оформлення п’яти робіт в єдиному напрямку.

    • Фриланс56:10

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

    • Сайт-11:23:41

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

    • Сайт-21:07:24

      Розбирається доведення сайту-портфоліо на Tilda: маска введення телефону, якірні посилання для пунктів меню, плавний скрол, кнопка повернення наверх і попапи з формами для кожної кнопки «Замовити», відгуку і питання. Показано створення сторінки окремого проєкту з етапами роботи і блоком «Інші проєкти». Розбирається підключення пошти для приймання заявок, реєстрація і прив’язка домену через Reg.ru і встановлення лічильника Яндекс.Метрики для аналітики відвідувань.

Часті запитання

Про цей курс

• Яка версія Illustrator потрібна?

  Підійде будь-яка сучасна версія. Все, на чому тримається курс, — перо і опорні точки, шари та монтажні області, Pathfinder і Shape Modes, градієнти, пензлі, патерни, ефекти та 3D — від версії до версії не змінюється, відрізняється лише оформлення панелей і розташування окремих пунктів меню. Сама програма в курс не входить і встановлюється окремо.

• Чи потрібно вміти малювати від руки?

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

• Чи потрібен графічний планшет?

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

• Чи потрібні Photoshop і After Effects?

  Основна робота йде в Illustrator. Photoshop з’являється епізодично: підготовка фотографій до обкладинки, показ роботи в мокапі, растрові текстурні ефекти та збірка GIF. After Effects потрібен для останньої глави — там ілюстрація анімується, і інтерфейс програми розбирається з нуля, як і ключові кадри. Обидві програми встановлюються окремо і в курс не входять.

• Бонусний курс — це повтор основного?

  Ні, це друга самостійна програма з Illustrator, записана великими заняттями по півтори-дві години. База в ній дійсно проходиться заново й іншою рукою — інструменти, колір, світлотінь, композиція, текст. Але є і те, чого в основному курсі немає: текстури матеріалів, ізометрія з автоматизацією через Actions, персонажі та стікери для Telegram, проєктування інтерфейсів зі схемами та UIKit, мікростоки і фриланс, а у фіналі — сайт-портфоліо, зібраний на Tilda і підключений до домену, пошти та Яндекс.Метрики.

• Що вийде показати після курсу?

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

• Чи будуть вихідники до уроків?

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

Доступ і матеріали

• Коли і як я отримаю доступ до курсу?

  Одразу після оплати, тієї ж секунди й автоматично. Чекати на підтвердження не потрібно. Доступ надходить двома шляхами водночас. Перший: на пошту, вказану при оформленні замовлення, приходить лист із посиланням на матеріали. Другий: те саме посилання з’являється у вашому акаунті на сайті, у розділі «Завантаження», і залишається там назавжди.

• Де зберігаються матеріали курсу?

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

• Чи можна завантажити матеріали, чи тільки дивитися онлайн?

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

• Як довго діє доступ?

  Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на info@siluette.com.ua, ми його відновимо.

• Лист із доступом не надійшов — що робити?

  Насамперед: доступ у вас є в будь-якому разі. Увійдіть на сайт і відкрийте розділ «Завантаження» — посилання на курс уже там, незалежно від того, дійшов лист чи ні. Найчастіше лист губиться через одруківку в адресі під час оформлення замовлення. Ще варто заглянути до теки «Спам». Не виходить розібратися — не витрачайте час: напишіть на info@siluette.com.ua або в чат у правому нижньому куті сайту, ми допоможемо.

• На яких пристроях дивитися курс?

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

Оплата та повернення

• Якими способами можна оплатити?

  Банківською карткою Visa, MasterCard або «Простір», через Google Pay, Apple Pay, Masterpass, Visa Checkout, платіжний QR-код, Botpay у Telegram чи Privat24. Є й оплата частинами: Монобанк (3 або 4 платежі), А-Банк (2, 3 або 4 платежі та розстрочка), Банк Глобус (8 платежів), «Скибочка» від OTP Bank (3 платежі), миттєва розстрочка та оплата частинами від ПриватБанку.

• Чи приймається картка, випущена не в Україні?

  Так. Платіжна система приймає картки з Євросоюзу та будь-яких інших країн. Одна деталь, про яку часто забувають: банк може попросити підтвердити платіж — у мобільному застосунку або кодом із СМС. Якщо оплата не проходить, перевірте застосунок банку та повідомлення.

• Як працює знижка 20% при купівлі кількох курсів?

  Додайте до кошика два курси або більше — знижка застосується автоматично до всіх товарів у кошику. Два курси: мінус 20% на обидва. П’ять курсів: мінус 20% на всі п’ять. Знижка поєднується з будь-якими акційними цінами й діє на весь каталог без винятків.

• Чи можна повернути курс або гроші?

  Цифрові товари поверненню та обміну не підлягають. Це загальне правило для всіх електронних товарів в Україні — постанова Кабінету Міністрів № 172 від 19 березня 1994 року. При цьому ми завжди на зв’язку. Якщо доступ не відкривається, посилання перестало працювати або файли пошкоджені — напишіть на info@siluette.com.ua, вкажіть дату та номер замовлення. Відновимо. Якщо щось незрозуміло в самому курсі, теж пишіть — підкажемо.

• Чи можна оплатити від організації за рахунком?

  Поки що ні. Ми працюємо лише з приватними покупцями — безготівкової оплати за рахунком від юридичних осіб зараз немає.

Як проходить навчання

• Чи є зворотний зв’язок із викладачем і перевірка завдань?

  Ні. Усі курси — це записи уроків для самостійного вивчення: викладач не відповідає на запитання і не перевіряє домашні завдання. Саме тому курси коштують значно дешевше за навчання з куратором. Ви отримуєте той самий матеріал, але займаєтеся самі та у своєму темпі.

• Чи видається сертифікат?

  Так, цифровий сертифікат — на запит і безкоштовно. Напишіть на info@siluette.com.ua, вкажіть ім’я та прізвище саме в тому вигляді, в якому хочете бачити їх у сертифікаті, і ми надішлемо його протягом доби.

• Чи потрібен досвід, щоб почати?

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

• Чи є терміни проходження курсу?

  Ні. Ані дедлайнів, ані розкладу, ані доступу, що згорає. Завантажили — дивіться коли зручно, з будь-якими перервами.

• Чи можна поділитися курсом з іншою людиною?

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

Підтримка

• Куди писати, якщо щось не працює?

  Найкраще на info@siluette.com.ua. Є й чат у правому нижньому куті сайту, але пошта надійніша: там можна все описати докладно та додати знімки екрана. Прохання: опишіть, що саме ви робили і що пішло не так, та додайте знімок екрана з помилкою. Так ми вирішимо питання одразу, а не з’ясовуватимемо півдня, що сталося.

• Як швидко відповідає підтримка?

  У робочий час, з 9:00 до 19:00, на пошту зазвичай відповідаємо протягом години, у чаті — за кілька хвилин. Після 19:00 теж буває, але час відповіді не обіцяємо.