Курси для дизайнерів

Навчіться створювати креативні зображення, персонажів, логотипи, стікери та інші типи ілюстрацій.

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

Модуль 1

Знайомство та скетчінг

• Мета курса та яку саме він принесе користь
• Розвиток навичок малювання, системность та повторення. Наша візуальна бібліотека (короткострокова та тривала пам'ять) та фокусування уваги
• Важливе про внутрішнього критика та як його цивілізувати.
• Малювання як навичка + перші завдання для скетчінгу від руки. Розбираемо точку, лінію та припиняємо боятися паперу

Модуль 2

Введення про ілюстрації

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

Інструменти, стилі та організація робочого процесу

• Навичи іллюстратора. Коротко о великих темах які корисно вивчати для розвитку, детальніше про деякі з них роділлі 4. Пояснення про важливість фокусованої практики.
• Інструменти класичного малюнка. Поради до практики (карандаш, ланери, планшет, програми тощо)
• Інструменти цифрового малюнка. Планшет, навички, поради
• Пайплайн работи, з яких етапів може складатися створення ілюстрації. Конструктивний підхід малювання та творчий
• Що таке мудборд та як працювати з референсами. Чому для початківців повторення робіт прокачаних дизайнерів необхідний інструмент розвитку. Як аналізувати работи та розуміти, що нам в ній подобається

Модуль 3

Скетчінг від руки

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

Ілюстратор та векторна графіка

• Переваги та недоліки вектора
• Розбір функціоналу ілюстратора
• Лінія Безьє малювання фігур
• Приклад функціоналу програми

Фотошоп та растерна графіка

• Переваги та недоліки растерної ілюстрації
• Разбор функціоналу Photoshop
• Налаштування пера та малювання на планшеті
• Інтеграція вектора та шари маски
• Приклад пост обробки ілюстрації текстурами
• Альтернативи фотошопу

Практика. Розробка патріотичного стікера

• Приклад мого мудборду, ідей та референсів. Пояснення як їх використовувати
• Генерація ідей, від замальовок та скетчів
• Реалізація стікера у векторі\растрі

Модуль 4

Композиція та гармонія

• Рамка як ознака мистецтва та допомога митцю
• Приклади композицій та поняття пропорції, маси та гармонії
• Формальна композиція (гармонію цілого й частин, супідрядність елементів, урівноваженість елементів, відповідність елементів, єдність смислових зв’язків)
• Рівні інформації, вплив середи на зміст та змісту на середовище. Разбор лендингу, книжки, презентації
• Використання композиції та форм для будування сцен, емоцій та характеристик

Практика - Побудова сюжетів та ідей

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

Перспектива та передача об'єму

• Об'єм у стилістиці ілюстрації: флет, об'єм, реалізм
• Стилістичні методи імітації объему приклади стилізації
• Простір, співвідношення, глибина та плани.
• Види перспективи та її побудова
• Конструктивна побудова сцен, об'єктів, персонажів

Практика. Малювання ілюстрації з композиційного замальовка

• Використовуємо один з минулих сцен скетчів для реалізації у векторі.
• Розглядаємо різні способи реалізації однакових ефектів.
• Разглядаемо стилізацію в векторному середовищі, створюючи об’єм

Колір та текстура

• Базове про колір, тон, температуру
• Цвітові палітри, коло Іттена, стороні програми
• Колірні моделі RGB, CMYK, HSB, Lab і "Градації сірого"
• Колір для вебу та друку. Рекомендації щодо роботи з кольором та кольоровим діапазоном
• Кольорові схеми й гармонії

Практика. Створення патернів для бренду

• Аналіз технічного завдання та визначення мити
• Передача настрою через фігури, композицію та форм
• Смарт об’єкти в фотошопі, кисті для текстур, лассо
• Використання мокапа для патерна

Персонажі

• Зображення людини: пропорції, спрощення та спотворення
• Рівень деталізації та стилізації персонажів
• Стилізація ілюстрацій, прийоми та інструменти
• Емоції персонажів інструменти їх передачі (міміка, пластика, композиція)
• Побудова сцени та сюжету, ідей, меседжу

Практика. Створення персонажа-маскота для бренду

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

Модуль 5

Робота з проєктом, технічне завдання та бриф

• Комунікація з клієнтом, емпатія та домовленості.
• Які питання треба завдавати, чому приділяти увагу, як себе поводити
• Що необхідно врахувати перед початком роботи (наявність фірмового стилю, середа ілюстрації, матеріал, мета, можливість анімації тощо)
• Визначення архетипу бренда, розуміння цільової аудиторії та задачі малюнка

Фаза мудборду та пошуку. Архетипи брендів та візуальний стиль

• Теорія архетипів для визначення позиціонування бренду
• Згадуємо стиле обрауючі елементи та їх ознаки
• 12 архетипів та використання їх для творчого процесу

Фаза ідей, замальовок та скетчів

Пояснення етапу, поради та рекомендації.

Фаза реалізації

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

Презентація роботи + розробка кейсу

Як показувати свою работу, використання мокапу. Де шукати мокапи, чому їх використовувати. Готуємо презентацію у фігма.

Кар'єра ілюстратора та розвиток

• Фріланс та студії
• Соціальні акаунти, активність та бажаний напрямок розвитку
• Як отримати работу цікавого вам профілю
• Можливі варіанти розвитку: 3D, анімація, бренд-дизайн, web, книжки, концепти, стокові ілюстрації тощо

Особливості курсу

• Практичні домашні завдання
• Навчання в зручний час
• Сертифікат про проходження курсу
• Куратори ментори-практики
• Можливість вчитися з 0
• Проєкти в портфоліо

Викладачі курсу

Ростислав Волошин - Ілюстратор з досвідом понад 7 років роботи

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

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

Знайомство з професією Graphic Designer

• Поняття графічного дизайну
• Цілі та завдання курсу
• Хто такий Графічний дизайнер та відмінність WEB та Графічного дизайнера?
• Матриця компетенцій Графічного дизайнера та його функції в команді
• Типи проєктів, які ви можете робити

Огляд інструментів

• "Інструменти роботи Графічного Дизайнера"
• Figma, Sketch, Principle, Marwell APP, Zeplin, Adobe XD чи Photoshop Порівняння
• Adobe Illustrator, Adobe AfterEffects. Що це таке і навіщо?

Знайомство з Figma

• "Інтерфейс Figma. Базові інструменти. Компоненти"
• Основні компоненти інтерфейсу. AutoLayout та прив'язки у Figma
• "Inputs & Buttons. Створення UX контактної форми"
• Поєднання клавіш для швидкої роботи
• Порівняння WEB UI Гайдланів: Material, IOS, Windows
• Створення монтажної області
• Робота з фігурами (квадрат, коло, трикутник, зірка, лінія, стрілка) для створення елементів
• Інструменти текст. Робота з коментарами для комунікації з командою
• Властивості та зміна всіх елементів

Adobe Photoshop

• "Photoshop використовується для обробки розстрових зображень"
• "Розглянемо: робота з кадром, з основними фігурами (квадрат, коло, трикутник)"
• "Тонкощі обробки фотографій. Робота з інструментами "Ласо", "Чарівна паличка", "Чарівна гумка"
• Вирізання та додавання необхідних об'єктів з фону
• Зміна кольору у зображенні. Робота з текстурними кистями
• Використання коригувальних шарів. Робота з тінню, світінням, кольором, обведенням
• Photoshop бета для вивчення роботи з фото за допомогою ШІ

Adobe Illustrator

• "Інтерфейс. Базові інструменти. Компоненти"
• Робота з кадром, фреймом та листами
• Робота з основними фігурами (квадрат, коло, трикутник)
• Робота з перо і кривими Безьє
• Векторні примітиви та їх властивості
• Інструмент текст, робота з ним у кривих
• Растрування зображень, робота з масками
• "Ізометрія, ефекти, обсяг, перспектива"
• Колористика: робота з кольором та градієнтами. Патерни. Текстурні пензлі
• "Експорт із Illustrator у Figma та Photoshop, бібліотеки"
• Створення іконок, графічних елементів, векторні ілюстрації

Знайомство з Corel Draw

• Інтерфейс. Базові інструменти. Компоненти
• Робота з фреймом та листами
• Робота з основними фігурами (квдрат, коло, трикутник)
• Робота з текстурними кистями
• Робота з тінню, світінням, кольором, обведенням
• Практика обробки макетів для широкоформатного друку

Композиція

• Що таке композиція в дизайні? І навіщо вона потрібна
• Принципи композиції. Типи та методи композиції. Як розвивати навички композиції
• Сітки у дизайні. Термінологія. (Колонки, стовпці, поля, міжколоночна прогалина)
• Модульні рішення в інтерфейсах
• Золотий перетин та інші методи рорганізації простору
• Правила побудувати універсальну UI Card

Колористика

• Що таке колір і як він сприймається
• Основні терміни та правила в колористиці
• Психологія сприйняття кольору. Кольорове коло та робота з ним
• Типи поєднання кольорів. Стилі у Figma

Типографіка

• Робота зі шрифтами та завантаження
• Типи шрифтів та з чого складається шрифт
• Підбір шрифту та шрифтові пари
• Заголовки, підзаголовки, надзоголовки, текст, підписи
• Основна термінологія та способи регулювання тексту

Айдентика. Брендинг

• Що таке айдентика, брендинг, дизайн бренду
• 5 компонентів, які визначають фірмовий стиль
• Розуміння понять брендинг, айдентика, логотип та фірмовий стиль
• Розробка айдентики брендів

Логотип

• "Типи логотипів"
• Аналіз брифа і що це таке
• Збирання матеріалу, референсів, створення мудбордів
• "Пошук концепції та ескізування"
• Як проробляти чорновий варіант та додати текст
• Пайплайн створення логотипу. Презентація логотипу

Брендбук

• Система бренд-дизайну: кольори, шрифти, фону, елементів, стиль, ілюстрації
• Розробка бренд-платформи
• Створення метафори бренду
• Створення концепту для вибраного бренду
• Створення референсів та робота з мокапами
• Брендування продуктів. Розробка та оформлення в брендбук

Дизайн реклами

• "Рекламні банери в інтернеті. Що таке реклама. Типи реклами та як вона працює"
• Основні елементи реклами. Створення концептів. Ресайз
• Розробка банерів для Таргетованої реклами в Facebook, Instagram
• Створення банерів для Контекстної реклами в Google відповідно до вимог
• Робота з ефектами в ілюстраторі та незвичайні прийом

Графічний дизайн в діджиталі

• Оформлення соціальних мереж: Youtube, Instagram, Facebook та Linkedin
• Дизайн Веб сайтів та розробка Landing page
• Збирання мудборду та розробка прототипу
• "Адаптивка дизайну сайту під мобільні та планшетні версії"

Типографіка

• "Способи тиражного друку. Формати та пропорції"
• "Книги та довідники. Сітки, бейзлайни"
• Виключення типів набору. Шаблони, стилі. Ілюстрації у тексті
• Газети та журнали. Інформаційні бюлетені та звіти. Каталоги та інструкції

Дизайн пакування

• Паперові та поліетиленові етикетки.
• Картонні, пластикові, металеві та дерев'яні коробки.
• Пляшки, банки, каністри та інші ємності з продуктами.
• Обгортки, пакети та сумки

Дизайн поліграфії та друкованої продукції

• Дизайн переддрукарської продукції
• Інфографіка та брошури. Типи інфографіки
• Вміння донести великий потік даних. Підготовка даних до аналізу
• Типи даних та види графіків, схем. Основи картографії
• Підготовка до друку. Особливості друку
• Листівки та флаєри, брошури
• Плакати та зовнішня реклама. Типи плакатної графіки
• Розробка дизайну стендів, бордів, сітілайтів

Дизайн навколишнього середовища

• Дизайн вивісок
• Графічний дизайн в інтер'єрі
• Графічний дизайн в інтер'єрі

Після курсу ти зможеш:

• Створювати дизайн згідно з бізнес-вимогами до продукту, враховуючи для кого він розроблятиметься і де використовуватиметься
• Визначати цілі проєкту та правильно підбирати необхідний інструментарій для свого проєкту
• Застосовувати знання друкарні, іконографіки та колористики під час створення проєкту
• Розробляти айдентику та брендовані матеріали компанії та брендів
• Створювати готову до друку продукцію (візитки, банера, вивіски, наклейки та мерчі)

Особливості курсу

• Інтенсивна практика і розбір домашніх завдань
• Повний вектор розвитку графічного дизайнера
• 6 гідних проєктів в портфоліо для старту кар'єри
• Допомога у працевлаштуванні, оформленні резюме та підготовка до співбесіди
• Підтримка викладачів
• Кар'єрні івенти
• Можлива оплата курсу частинами

Викладачі курсу

Катерина Яковішена - UI/UX designer

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

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

Блок 1. Тамбнейли

• Огляд курсу
• Робота з референсами
• Базові форми
• Що таке тамбнейли

Блок 2. Анатомія

• Пропорції тіла
• Структура пози
• Пози для дизайну
• Ліній рухів

Блок 3. Дизайн костюма

• На що звертати увагу в референсах
• Зони деталізації та відпочинку
• Ритми та патерни
• Тон

Блок 4. Портретна зона

• Портрет як центр уваги в дизайні персонажа
• Пропорції та об'єми обличчя
• Варіанти освітлення для концепт-арту

Блок 5. Рендер і подача персонажа

• Портрет як основа для рендеру
• Матеріали, везерінг, деталі
• Перехід з чорно-білого в колір
• Вид збоку/ззаду
• Оформлення концепту

Що потрібно для навчання

Техніка:

• Комп'ютер з операційною системою Windows або MacOS (не Linux)
• Графічний планшет
• Стабільний інтернет

Програмне забезпечення:

Лекції записані з використанням Adobe Photoshop. Однак власники iPad, які хочуть малювати в Procreate та добре знайомі з цією програмою, можуть виконувати домашні завдання в ній. Також можна малювати у Krita.

Особливості курсу

• Запис лекцій
• Гнучкий графік навчання
• Допомога ментора та ком'юніті
• Фідбек по ДЗ
• Проєкт в портфоліо
• Сертифікат про проходження курсу

Викладачі курсу

Петро Семещук - Артдиректор у Hologryph

Це універсальний курс для тих, хто хоче зробити перший крок до сучасної професії цифрового художника або мати захопливе хобі - малювання на планшеті. Тут ти здобудеш таку фундаментальну базу знань, що далі зможеш розвиватися в: ігровому й кіноарті, коміксах, дизайні персонажів та одягу, концепті середовища, в інших сферах комп'ютерної графіки, а також за її межами (наприклад, у промисловому дизайні).

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

Вступна частина

• Лінія, як базове знаряддя художника
• Розбір основних інструментів з інтерфейсу Photoshop
• Перші об'єкти, плоскість і об'єм
• Малювання на основі графічних примітивів, використання базової форми
• Малювання з використанням допоміжних об’ємів і кінематичних схем
• Базовий принцип малювання від загального до конкретного

Procreate:

• Огляд інтерфейсу й основних функцій Procreate, створення і налаштування параметрів полотна
• Робота з пензлями та цифровими палітрами
• Керування шарами
• Застосування функції ласо й режиму трансформації

Лінія

• Робота з динамічними лініями та штрихами
• Властивості об'єктів, передача об'єму та фактури матеріалу через лінію
• Зміна лінії в залежності від освітлення, передача світла та тіні
• Фізично коректні параметри при малюванні об'єктів: прив'язка до площини, маса об'єктів
• Передача контрасту лінією, зображення відблисків, кутів заломлення, відсвітів та вигинів
• Передача текстури об'єкта, малювання патернів й повторюваних об'єктів
• Глибина лінії, використання лінії для визначення віддаленості об'єктів від глядача
• Робота з лінією в Adobe Photoshop (інтерфейс і принципи)
• Затемнення, висвітлення, контрастні, кольорові режими та режим віднімання в Procreate

Форма

• Поняття про форму об'єкта і його об'єм
• Вивчення перерізів об'єктів, простих та складних форм
• Створення об'єму з використанням вивчених властивостей лінії
• Визначення нормалей на поверхні об'єктів, поняття базової площини
• Розріз об'єктів за заданими нормалями
• Вирізання та об'єднання частин різних об'єктів, зрізи, переріз площин та нарощені об'єми
• Принципи відображення направляючих та динамічних ліній поверхні об'єкта

Світло і тінь

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

Все про колір

• Колір і світло в роботах цифрового художника, фізичні та цифрові параметри
• Коло Іттена, змішування та розділення кольорів
• Основні методи роботи з кольором
• Використання контрастів яскравості, кольору, насичення
• Теплі та холодні тони, методи їх використання
• Рекомендації щодо роботи з кольором та кольоровим діапазоном
• Кольорові схеми й гармонії

Перспектива

• Поняття перспективи, робота з точками сходження
• Одноточкова перспектива
• Двоточкова перспектива, архітектура і дизайн
• Триточкова перспектива, як засіб для нестандартних й складних ракурсів
• Повітряна перспектива, рівні та плани положення об'єктів
• Робота з лінією, тінню та кольором у перспективі
• Перспектива відкритого простору: пейзажі, аутдори, архітектура
• Перспектива закритого простору: дизайн, інтер'єр, індори
• Фронтальна перспектива і масштаб
• Побудова важких об'єктів та постановка камери у перспективі
• Використання заливки та відсічної маски в Procreate

Основи композиції

• Поняття композиції, пропорції та співвідношення
• Формальна композиція
• Правило золотого перетину, правило третин
• Передача відчуттів та емоцій через композицію
• Базовий набір композиційних рішень для робіт художника
• Основи корекції кольору, створення кольорового балансу в Procreate

Подальший розвиток

• Послідовність роботи з картиною, методи та варіанти
• Створення мудборду, пошук ідей та референсів
• Лайфхаки для правильної організації роботи
• Приклади використання тих чи інших прийомів на практиці
• Робота з видами, ракурсами, камерою
• Ракурс, настрій та композиція - створення історії в малюнку
• Створення фаст-скетчів, швидкі рішення: 80% результату за 20% часу

Що ти отримаєш від курсу

• Впевнено володітимеш необхідними для малювання інструментами Photoshop або Procreate
• Матимеш навички роботи з графічним планшетом або iPad
• Знатимеш академічні основи: робота з лінією та формою, використання світлотіні, кольору й тону, побудова композиції та перспективи
• Знатимеш особливості цифрового середовища: як працювати з різними пензлями, блендити, прискорювати та спрощувати роботу
• Зробиш перший крок до професії в комп’ютерній графіці або прокачаєш навички свого хобі

Особливості курсу

• Допомога ментора
• Практика
• Власна LMS платформа
• Зворотній зв'язок
• Сертифікат про проходження курсу
• Проєкт в портфоліо

Викладачі курсу

• Браянт Кошу - Концепт-художник
• Віталій Котенко - Левел-дизайнер, артдиректор
• Петро Малинка - 2D-художник у Rawa Game
• Соломія Ковальчук - Графічний дизайнер та 2D-художниця