Программа «Профессия Графический дизайнер»
Модуль: основы графического дизайна
Введение в графический дизайнКомпетенции графического дизайнера
Обзор стадий графического дизайна
Обзор основных рекламных носителей
Сбор исходных данных. Техзадание
Генерирование идей. Работа с аналогами
Техника ручного эскизирования макета
Практика: составление технического задания
Практика: изучение и аналитика аналогов
Композиция в графическом дизайне
Средства композиции: линия, точка, пятно
Приёмы: контраст, ритм, метр и т.д.
Достижение равновесия композиции
Динамика и статика. Передача эмоций
Применение модульной сетки
Художественный образ, концепция, идея
Символы, иконки, значки в композиции
Масштаб композиции в разных форматах
Тренды композиции графического дизайна
Практика: абстрактная композиция
Практика: аналоги приёмов композиции
Цветоведение. Сочетание цветов
Цветовой круг Иттена. Характеристики
Гармонические модели сочетания цветов
Психология восприятия цветов
Цветовой колорит. Практические примеры
Цветовые тренды графического дизайна
Практика: цветовое решение макета
Работа в программе Photoshop
Знакомство с логикой Photoshop
Редактирование изображений
Инструменты выделения
Текст. Редактирование и трансформация
Работа со слоями и масками. Фотоколлаж
Цветокоррекция. Корректирующие слои
Основы фоторетуши в Photoshop
Работа в программе Illustrator
Разметка векторного макета
Инструменты рисования
Работа с кривыми Безье
Векторные кисти в Illustrator
Инструменты трансформирования
Построение перспективы в Illustrator
Генерация идей
Аналоги. Выбор. Сортировка. Анализ
Принципы создания логотипа
Семантика. Работа со смыслом
Ассоциации. Концепция иллюстрации
Творческий поиск комбинаций
Способы упрощения
Мудборды и референсы
Практика: выбор темы проекта
Практика: генерация и выбор идей
Дизайн логотипа
Природа форм. Основные примитивы
Линия: Характер и выразительность
Передача эмоций через формы и линии
Передача статики и динамики
Целостность и фрагментарность логотипа
Практика: абстрактный логотип, передающий характер через форму
Стилизация: приемы поиска формы
Четыре уровня стилизации
Уровень иллюстрации: Примеры применения
Уровень логотипа. Отличие от иллюстрации
Абстрактный уровень. Отличие от логотипа
Иллюстрация > логотип. Техника упрощения
Логотип > Абстракция. Методы упрощения
Практика: стилизация заданной формы
Стили изображения логотипа
Ручная подача работы
Стилизация по мотивам старинной гравюры
Геральдика в дизайне логотипов
Современные стили логотипа
Изометрические и трехмерные логотипы
Мультяшный стиль. Принципы
Линейные, минималистичные логотипы
Практика: рисование векторного логотипа
Применение логотипа
Места размещения лого
Стандарты качества логотипа
Размещение логотипа в макетах
Основные ошибки в композиции логотипа
Практика: выполнение курсового проекта
Модуль: Типографика и айдентика
Типографика. Работа со шрифтомТипы и виды шрифтов для печати
Понятия типографики (интерлиньяж и пр.)
Параметры и характеристики шрифта
Принципы сочетания шрифтов
Достижение удобочитаемости текста
Авторское право. Свободные шрифты
Применение иконочных шрифтов
Практика: подбор шрифтов для макета
Модульные сетка. Вёрстка по сетке
Какие бывают модульные сетки
Принцип работы модульной сетки
Ситуации для сеток: визитка, книга и пр.
Создание нужной сетки под задачи
Практика: вёрстка буклета по сетке
Гайдбук. Логобук. Брэндбук
Назначение и наполнение гайдбука
Исследования ЦА и конкурентов
Характер и ценности бренда
Экосистема бренда и носители
Практика: гайдбук, айдентика (пакет)
Работа в программе InDesign
Знакомство с логикой InDesign
Верстка цветного буклета
Обзор правил и приёмов вёрстки
Чистовая вёрстка текста
Подготовка макета к печати
Работа в программе CorelDRAW
CorelDRAW: Разметка документа
CorelDRAW: тексты и таблицы
Цвет в Corel Draw
CorelDRAW: полиграфия и сувениры
CorelDRAW: Допечатная подготовка
Расширенные возможности CorelDraw
Курсовая работа. Фирменный стиль
Выбор тематики курсового проекта
Подбор элементов (визитка, плакат и т.п.)
Разработка стилеобразующих элементов
Композиционное и цветовое решение
Подбор шрифтов, иконок, картинок
Допечатная подготовка. Сохранение в PDF
Практика: выполнение проекта в векторе
Модуль: Веб-дизайн и UI/UX дизайн
Типы сайтов и платформLanding-page (одностраничный)
Корпоративный сайт
Интернет-магазин
Новости. Портал. Соцсеть и др.
Сервер. Хостинг. Домен
HTML. CSS. PHP. Фреймворки
Wordpress. Joomla. Opencart
Конструкторы (Tilda и др.)
Практика: выбор типа сайта для проекта
Шрифты. Типографика в веб-дизайне
Типы и виды электронных шрифтов
Параметры и характеристики шрифта
Принципы сочетания шрифтов
Достижение удобочитаемости текста
Свободные шрифты. Источники
Применение иконочных шрифтов
Практика: шрифтовая композиция
Практика: подбор шрифтов для веб-сайта
Основы Figma для веб-дизайна
Регистрация. Интерфейс. Навигация
Структура. Frames. Слои. Группы. Маски
Фигуры. Векторы. Тексты. Изображения
Модульные сетки. Выравнивание объектов
Адаптация макета под платформы
Презентация результатов. Share
Практика Figma для веб-дизайна
Практика: прототип сайта в Figma
Проектирование взаимодействия
Обзор этапов проектирования
Ментальные модели проектирования
Методы исследований поведения
Персонажи и цели в проектировании
Алгоритм разработки персонажа
Разработка сценариев и требований
Практика: разработка персонажа
Практика по проектированию взаимодействия
Практика: сценарий взаимодействия
Практика: список требований к проекту
Ментальная эргономика
Гармоничное взаимодействие
Оптимизация трудозатрат
Принципы проектирования навигации
Тактичное поведение интерфейса
Метафорическая парадигма
Идиоматическая парадигма
Парадигма реализации
Практика: аналитика парадигм реализации
Практика по ментальной эргономике
Практика: логическая структура сайта
Практика: навигация и поведение сайта
Визуальный дизайн интерфейсов
Средства (форма, цвет, размер и др)
Принципы (иерархия, связи и т.д.)
Выравнивание и сетка
Использование пиктограмм
Текст в графических интерфейсах
Визуальный информационный дизайн
Практика по визуальному дизайну интерфейса
Практика: выравнивание дизайна по сетке
Практика: подбор пиктограмм сайта
Проектирование деталей интерфейса
Оптимизация поиска. Функция отмены
Манипуляции. Элементы управления
Меню. Панели инструментов
Диалоговые окна. Поведение окон
Ошибки, уведомления. Модальность
Практика: детализация компонентов интерфейса
Tilda. Знакомство с интерфейсом
Хостинг. Домен. Регистрация
Структура и разделы интерфейса
Создание сайта. Привязка домена
Копирование сайтов. Страницы
Обзор тарифов Tilda
Обзор интеграция Tilda
Шаблоны Tilda. Основы редактирования
Практика: начало работы с сайтом
Блоки платформы Tilda
Блоки обложек, заголовков
Текстовые блоки, цитаты
Галереи, изображения
Блоки форм, кнопок, меню
Блок интернет-магазин, товаров
Блоки работы с видео
Блоки команды, отзывов
Блоки контактов, подвала
Практика: компоновка блоков сайта
Zero-блок. Дизайн с нуля
Понятие zero-блок Tilda
Преобразование блоков в zero-блок
Элементы zero-блока
Добавление картинок, текстов
Кросс-платформенность блока
Практика: вёрстка zero-блока
Интеграция Tilda и других систем
Настройка заявок на e-mail
Интеграция Google-карты в Tilda
Интеграция с различными CRM
Обзор иных интеграция Tilda
Практика: настройка заявок на e-mail
Публикация и тестирование результатов
Публикация сайта в интернете
Способы тестирования дизайн-вёртски
Решение основных проблем после публикации
Практика: публикация и тестирование сайта
Модуль: Рекламная анимация в After Effects
Знакомство с логикой After EffectsКлючевые компоненты интерфейса
Создание проекта. Слои и их параметры
Спец-эффекты. Анимация текста
3D-слои. Камера. Свет. Анимация
Импорт файлов в проект. Форматы
Практика: Анимация изображения
Многослойная анимированная композиция
Создание слоев. Анимация параметров
Временная шкала. Ключевая анимация
Интерполяция ключевой анимации
Анимация свойств слоя через ключи
Видеопереходы в After-Effects
Практика: слайд-шоу из картинок с титрами
Шейповая анимация в After Effects
Создание и редактирование геометрии
Shape-слой. Свойства. Анимирование
Кривые Безье. Векторные фигуры
Анимация векторной фигуры по управляющим вершинам
Практика: анимированная шейповая «змейка»
Редактирование и анимация текста
Текстовый слой и анимация его свойств
Редактирование свойств текста
Текстовые анимационные пресеты
Изменение параметров пресетов
Практика: анимированный текст
Работа с векторными масками
Создание векторной маски из шейпов
Принцип маскирования слоя маской
Анимирование масок. Группы масок
Практика: применение маски к изображению
Применение спец-эффектов
Эффекты имитации
Эффекты деформации изображения
Эффекты рисования и заливки
Эффекты графической стилизации
Практика: композиция со спецэффектами
Цветокоррекция в After Effects
Глубина и разрядность цвета. Практическое значение
Стандартные инструменты цветокоррекции (уровни, кривые и т.д.)
Цветокоррекция при помощи Lumetri Color
Практика: цветокоррекция в стиле «кино»
Работа над курсовым проектом
Практика: раскадровка ролика. Сюжет
Практика: подбор изученных техник анимации для проекта
Практика: подготовка графики для анимации
Практика: выполнение курсовой работы
Рендеринг итоговой курсовой работы
Настройка формата итогового видео
Добавление итоговой композиции в очередь рендеринга
Практика: доработка курсовой работы
Практика: рендеринг итогового результата
Модуль: 3D-графика в графическом дизайне
Начало работы в программе 3Ds MaxОбзор ключевых шагов 3D-визуализации
Логика интерфейса 3Ds Max. Навигация
Окна проекций. Режимы отображения
Базовая геометрия (куб, шар и т. д.)
Перемещение. Вращение. Масштаб
Типы копий: Copy, Instance
Абсолютные и относительные координаты
Группировка. Заморозка. Видимость
Выравнивание. Отзеркаливание. Массив
Привязки: объектные, шаговые
Pivot. Точка привязки объектов
Быстрые клавиши для ускорения работы
Практика: объект из простой геометрии
Практика: Выбор курсового проекта
Моделирование сплайнами
Область применения сплайнов
Line. Ключевой сплайн визуализации
Техника построения сплайном Line
Вкладка Modify. Обзор подразделов
Подуровани Vertex. Segment и Spline
Криволинейная геометрия Безье
Вкладка Rendering. Толщина сплайна
Вкладка Interpolation. Сглаживание
Вкладка Geometry. Ключевые команды
Обзор сплайновых модификаторов
Lathe. Тела методом вращения
Extrude. Тела методом выдавливания
Sweep. Тела из профиля по заданному пути
Практика: геометрия проволочного типа
Полигональное моделирование
Конвертация примитивов в полигоны
Подуровни Vertex, Edge, Polygon и др.
Команды Bevel, Insert, Bridge, extrude и др.
Нанесение граней инструментом Slice Plane
Нанесение граней: рисование Cut'ом
Нанесение граней инструментом Cut
Конвертация сплайнов в полигоны
Практика: моделирование трёхмерной книги
Практика: импорт готовых 3d-моделей в сцену
Освещение и камеры в Corona Render
Обзор источников света Corona
Источник «Солнце» Corona Sun
Источник Corona Light. Параметры
Environment Map. Corona Sky
Интерактивный рендер Corona
Настройка камеры в Corona
Выравнивание вертикалей в кадре
Clipping Plane. Обрезка лишнего
Depth of Field. Глубина резкости
Постановка камер. Выгодные ракурсы
Практика: установка камеры в сцене
Практика: свет естественный и искусственный
Материалы в Corona Render
Логика интерфейса Slate Material Editor
Применение материала к объекту
CoronaMtl. Базовый материал
Отражения. Блики. Эффект Френеля
Значение коэффициента IOR
Преломления. Прозрачность материалов
Принципы фотореализма материалов
Библиотека Corona Material Library
CoronaLightMtl. Светящийся материал
Практика: глянцевый и матовый пластики
Практика: хром, латунь, алюминий
Практика: стекло (прозрачное, цветное)
Текстурирование. Фактурные материалы
Отличие текстурных карт от материалов
Ключевые карты текстур и гнёзда
Карты Bump и Displacement
Текстурирование с Multi-Sub Object
Текстурный модификатор UVW Map
Конвертация материалов VRay в Corona
Практика: дерево матовое и лакированное
Практика: фактурная штукатурка
Практика: мраморные поверхности
Моделирование. Смешанные техники
Обзор подходов моделирования
Compound Objects: ProBoolean
FFD: модификатор свободных деформаций
TurboSmooth: модификаторв сглаживания
Floor Generator: модификатор для пола
Hair&Fur: модификатор меха и шерсти
Практика: моделинг элемента айдентики
Рендеринг кадров в Corona
Логика интерфейса окна Render Setup
Настройка разрешения сторон кадра
Параметры Pass Limit и Noise Limit
Установка Light Mix в Corona Render
Цветокоррекция в Corona Frame Buffer
Сохранение итогов в разные форматы
Практика: финишный рендеринг кадра
Выпускное занятие
Презентация дипломного проектаВручение диплома, поздравление