Школа дизайна и иллюстрации

Name: Школа дизайна и иллюстрации
Price: 2824 RUB
Availability: PreOrder

12 участников

О чём курс

О чём комплект курсов

Комплект обучающих программ охватывает этапы создания сайтов и цифровой графики в Adobe Photoshop — от первого знакомства с инструментами редактора и модульными сетками до сложного прототипирования адаптивных интерфейсов и рисования персонажей на графическом планшете.

Материал разделен на три блока. Первый блок знакомит с основами профессии, интерфейсом Photoshop, типографикой и созданием базовых элементов пользовательского интерфейса. Второй блок сосредоточен на углубленном проектировании: автор разбирает композицию, работу со стилями Flat и Material Design, правила юзабилити и создание лендингов, интернет-магазинов, корпоративных сайтов и блогов. Третий блок направлен на технический дизайн и цифровую иллюстрацию, где подробно разбираются анатомия лица и фигуры, физика света, подбор текстур и рисование с помощью графического планшета.

Для кого предназначены материалы

Программа рассчитана на аудиторию с разным уровнем подготовки:

начинающие дизайнеры, которые осваивают Photoshop с нуля и хотят системно изучить веб-дизайн;
специалисты с базовым опытом и фрилансеры, стремящиеся повысить уровень работ, освоить современные стили и избавиться от ошибок в макетах;
графические дизайнеры и иллюстраторы, желающие научиться работать на планшете, создавать графику для веба и рисовать людей по референсам;
фотографы и художники, которым требуется перенести традиционные навыки рисования в цифровой формат.

Что входит в программу

Обучение выстроено вокруг практических задач по веб-дизайну и технической графике:

Основы веб-дизайна: организация слоев и масок в Photoshop, базовое применение Adobe Illustrator для векторной графики, построение модульных сеток, работа со шрифтовыми парами, подбор палитры, отрисовка элементов UI Kit, подготовка файлов к верстке и создание мобильных версий страниц.
Продвинутое проектирование: аналитика аудитории и конкурентов, создание мудбордов, правила свободного пространства («воздуха») в макете, сборка лендингов и многостраничных ресурсов по чек-листам, проектирование интерфейсов с учетом конверсии и трендов.
Иллюстрация и техдизайн: подключение планшета, настройка параметров кистей под нажим пера, построение собственной и падающей тени, воспроизведение рефлексов, отрисовка кожи, пропорций тела, волос, драпировок ткани и одежды, а также применение фильтров и экшнов.

Практика фриланса и портфолио

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

Программа обучения

Программа курса «Веб-дизайн для начинающих от А до Я»

Лекция 1 «Профессия веб-дизайнер. Знакомство с программой AdobePhotoshop»
- 1.1 Профессия веб-дизайнер
  - Что такое веб-дизайн
  - Приемущества работы веб-дизайнера
  - Заработок веб-дизайнера
  - Чему вы научитесь после прохождения данного курса
  - Инструменты веб-дизайнера
- 1.2 Adobe Photoshop
  - Интерфейс Photosop – базовый обзор
  - Панель инструментов
  - Панель меню
  - Работа со слоями (выделение слоя, объединение слоев, группы слоев, смарт объект, обтравочная маска, слой-маска)
  - Горячие клавиши
- 1.3 Начало работы
  - Какие бывают сайты, модульные сетки, структура сайта, область контента.
  - Создание документа и модульной сетки (линейки, grid, направляющие)
  - Быстрые направляющие
  - Работа с текстами
  - Работа с фигурами (примеры фигур, создание фигур)
  - Трансформирование объектов
  - Работа с заливкой и инструментом градиент
Лекция 2 «Стили слоя. Работа с изображениями. Цвет и атмосфера сайта»
- 2.1 Стили слоев
  - Паттерны
  - Стили слоя
- 2.2 Работа с изображениями
  - Как искать изображения и фото для сайта. Размеры изображений и разрешение
  - Инструменты для обтравки изображений
  - Фильтры
  - Режимы наложения
- 2.3 Цвет и атмосфера сайта
  - Выбор цветовой гаммы и составление палитры
  - Сочетаемость цветов
  - Создание градиента
Лекция 3 «Шрифты для Web. Шрифтовые пары. Типографика. Графика для сайта»
- 3.1 Шрифты для Web. Типографика
  - Выбор шрифтов для Web
  - Как скачать и установить шрифт
  - Сочетаемость шрифтов и шрифтовые пары
  - Какие шрифты не применять вообще
  - Какие шрифты не применять в меню и в заголовках
  - Размеры шрифтов для сайта
  - Оформление текста
  - Интерлиньяж
  - Отступы и расстояния
  - Определить шрифт
  - Разбор моих удачных и неудачных примеров
- 3.2 Графика для сайта
  - Adobe Illusrator — базовый и необходимый обзор
  - Векторная графика и где ее взять
  - Как использовать векторную графику в фотошопе
Лекция 4 «UI, GUI, создание UI. Стили сайтов и GUI»
- 4.1 UI интерфейс пользователя / GUI графический интерфейс пользователя
  - Что такое UI Kit
  - Как создать UI в стиле Flat, Material design
  - Элементы интерфейса сайта (кнопки, ховеры, меню, формы, навигация, пагинация, чебоксы, радиобаттоны, поиск)
- 4.2 Обзор стилей сайтов и их отличия
  - Flat
  - Material design
  - Объем
  - Игровой
  - Стилизованный
  - Какие делать и какие уже не в тренде и почему
  - Разбор моих удачных и не удачных примеров
Лекция 5 «Иконки и пиктограммы. Инфографика»
- 5.1 Иконки и пиктограммы
  - Где скачать иконки
  - Формат иконок
  - Виды и стили иконок
  - Размеры иконок и пиктограмм
  - Удачные и неудачные примеры
- 5.2 Инфографика
  - Что такое инфографика и где ее взять
  - Как инфографика используется на сайтах и для чего
  - Хорошая и плохая инфографика на стоках
  - Чувство меры в использовании инфографики
  - Удачные и неудачные примеры
Лекция 6 «Проектирование сайта. Поиск вдохновения. Теснота и ее влияние на макеты»
- 6.1 Проектирование сайта
  - Что значит проектирование сайта, этапы, задачи
  - Прототип сайта
  - Варианты создания прототипа и сервисы для их создания
  - Создание прототипа в фотошоп
- 6.2 Поиск вдохновения
  - Сайты для дизайнеров – базовый обзор
  - На что обращать внимание в работах
- 6.3 Теснота в макетах
  - Теснота в макетах – что это?
  - Как теснота влияет на восприятие сайта?
  - Как избавиться от тесноты
  - Избавление от тесноты на этапе проектирования
Лекция 7 «Единство стиля. Создание сайта. Виды сайтов»
- 7.1 Единство стиля
  - Выбор стиля сайта, работа с ТЗ заказчика
  - Создаем мудборд. Что это? Как сделать? Как пользоваться?
  - Создание композиции сайте, если она еще не создана на этапе проектирования
  - Дизайн-концепция
  - Создание палитры
  - UI Kit
  - Иконки и инфографика и подбор необходимых фото
  - Чек-лист для создания сайта
- 7.2 Виды сайтов и их задачи
  - Корпоративные сайты
  - Сайт-визитка
  - Блог-журнал
  - Лендинг
  - Интернет-магазин
Лекция 8 «Адаптивность сайтов. Подготовка макета к верстке»
- 8.1 Адаптивность сайтов
  - Что такое адаптивность?
  - Размеры макетов под разные виды устройств
  - Главное и второстепенное в мобильной версии
  - Размеры шрифтов, ui элементов и на что стоит обратить внимание
- 8.2 Подготовка макета к верстке
  - Сетка
  - Папки и названия
  - Цвета и UI
  - Сохранение и архивирование
  - Отправка исходников
Лекция 9 «Создание портфолио. Поиск работы»
- 9.1 Создание портфолио
  - Что такое mock-up
  - Использование mock-upдля презентации работы
  - Шапка для презентации работы
  - Оформление блоков для презентации работы
  - Какие блоки обязательно должны быть в презентации работы
  - Привью – что это такое? И как его создать
  - Упрощенный вариант для портфолио
- 9.1 Поиск работы
  - Где искать работу начинающему дизайнеру?
  - Офис или удаленная работа?
  - Обзор бирж фриланса
  - Как отвечать на проекты на фрилансе
  - ТЗ для дизайнера, каким оно должно быть и главные пункты
  - Вопросы, которые обязательно нужно задать заказчику

Программа курса «Веб-дизайн (продвинутый уровень)»

Лекция 1 «Идея. Анализ. Подготовка к реализации.»
- 1.1 Идея
  - Дизайн начинается с идеи. Что такое идея
  - Анализ идеи и определение задач сайта
  - Описание идеи, согласование ее с заказчиком
  - Идеи заказчика. Как объяснять и бороться с провальными идеями заказчика. В каких случаях стоит, а в каких нет.
  - Дизайнер и идея наедине с самим собой или «Я так вижу!»
- 1.2 Подготовка к реализации
  - Выбор стиля. Flat, Material, Стилизованный, Игровой
  - Создание мудборда
  - Подбор картинок
  - Подбор шрифтов
  - Создание палитры
Лекция 2 «Цвет. Анализ. Интерфейс и юзабилити.»
- 2.1 Цвет
  - Цвет и контрасты
  - Влияние цвета на дизайн
  - Анализ цвета популярных сайтов
  - Манипуляция восприятия с помощью цвета
  - Выворотки
- 2.2 Анализ. Интерфейс и юзабилити
  - Сбор данных о компании/продукте, исследование аудитории, анализ конкурентов
  - Юзабилити сайта что это? Инструкция по применению.
  - Модульные сетки
  - 100 советов по созданию хорошего интерфейса
  - Принципы эффективного дизайна
  - Создание прототипа
Лекция 3 «UI киты. Типографика. Графика. Чек лист.»
- 3.1 UI Киты
  - Создание UI
  - Внимание к деталям
  - Строгое выравнивание по сетке
  - Бесплатные готовые UI Kit
- 3.2 Типографика
  - Обзор современной типографики в вебе.
  - Проблема «тощих» шрифтов
  - Качественные шрифты и шрифтовые пары
  - «Воздух» на сайте
  - Чек лист для создания сайта
- 3.2 Графика
  - Обзор бесплатных стоков
  - Примеры хорошего графического оформления и плохого
Лекция 4 «Создание лендинга. Material Design. Особенности создания лендинга»
- 4.1 Material Design
  - Какой он? В чем его отличия? Основные принципы.
  - Недостатки Material
  - Способность отражения реального мира
  - Руководство по Material Design
- 4.2 Особенности создания лендинга
  - Зачем нужен лендинг?
  - Цель лендинга
  - Что такое конверсия. Способы ее повышения.
  - Длинный или короткий?
  - Первое впечатление
  - Анализ конкурентов
  - A/B тест
  - Мобилизация
  - Примеры хороших лендингов и плохих
- 4.3 Создание лендинга по чек-листу
  - Прототип
  - Визуально эффективные призывы к действию
  - Техники захвата внимания
  - Работа с текстами
  - Инфографика и иконографика
Лекция 5 «Корпоративный сайт. Flat стиль. Особенности создания корпоративного сайта»
- 5.1 Flat
  - Какой он? В чем его отличия? Основные принципы.
  - Недостатки Flat
- 5.2 Особенности создания корпоративного сайта
  - Зачем нужен корпоративный сайт?
  - Признаки и примеры корпоративного сайта
  - Подготовка к проектированию корпоративного сайта
  - Проектирование макета корпоративного сайта
  - Мобилизация
- 5.3 Создание корпоративного сайта по чек-листу
Лекция 6 «Блог. Игровой стиль. Особенности создания блога»
- 6.1 Игровой стиль
  - Какой он? В чем его отличия? Основные принципы.
  - Недостатки игрового стиля
  - Способы создания
  - Где взять идеи
- 6.2 Особенности создания блога
  - Зачем нужен блог?
  - Цели сайтов-блогов
  - Что такое пост, сайдбар, форма подписки, рубрики и подрубрики, виджеты
  - На что уделять особенное внимание при создании блога
  - Какие страницы должны быть на блоге
  - Примеры блогов в игровом стиле и в разных
  - Прототип для блога
  - Мобилизация
  - Примеры хороших блогов и плохих
- 6.3 Создание блога по чек-листу
Лекция 7 «Сайт визитка. Стилизованный дизайн и геймификация. Особенности создания сайта-визитки»
- 7.1 Стилизованный дизайн
  - Какой он? В чем его отличия? Основные принципы.
  - Что такое геймификация. Примеры
  - Недостатки стилизованного дизайна
  - Способы создания
  - Где взять идеи
- 7.2 Особенности создания сайта визитки
  - Зачем нужен сайт-визитка?
  - Цели и задачи сайта-визитки
  - Прототип для сайта-визитки
  - Мобилизация
  - Примеры хороших сайтов-визиток
- 7.3 Создание сайта-визитки по чек-листу
Лекция 8 «Дружелюбный дизайн. Мобилизация сайтов. Тренды вебдизайна 2017»
- 8.1 Дружелюбный дизайн
  - Что такое дружелюбный дизайн? Его характерные черты и особенности.
  - Приемущества дружелюбного дизайна
  - Правила создания дружелюбного дизайна
  - Примеры дружелюбного дизайна
- 8.2 Мобилизация сайтов
  - Что такое мобилизация сайтов?
  - 100500 аргументов в пользу мобильной версии и почему нельзя ее игнорировать
  - Размеры и сетки
- 8.3 Тренды веб-дизайна 2017
  - Карточки
  - Дуплекс
  - Иллюстрации
  - Material Design
  - Типографика
  - «Воздух» на сайте
  - Градиенты и тени
  - UX/UI
  - Скевоморфизм
  - 100% ,безоговорочная мобилизация
  - Типографика
  - Интерфейсная анимация
Лекция 9 «Работа на фрилансе. Клиенты»
- 9.1 Работа на фрилансе
  - Оформление портфолио. Привью. Идеальная презентация.
  - Как отвечать на проекты на фрилансе
  - Устав работы фрилансера
- 9.1 Клиенты
  - Невозможно быть любимым всеми или признаки заказчиков которым стоит отказать до начала работ
  - Заказчики которых не стоит держаться после завершения проекта
  - Создание базы «своих» заказчиков
  - Как сохранить позитивный настрой заказчика в работе если просрочены сроки
  - Вопросы, которые обязательно нужно задать заказчику
  - Почему стоит отказывать в скайп и телефонных звонках заказчику?
  - Почему только общение чатом?

Программа курса «Техдизайн и иллюстрация персонажа»

Лекция 1 «Первичная обработка фото. Настройки кистей. Техники рисования»
- 1.1 Настройка планшета
  - Подключение планшета и установка драйверов
  - Проверка работы планшета и чувствительности пера
  - Необходимые горячие клавиши при работе (отменить, отменить несколько шагов, сохранить, сохранить как, создать обтравочную маску, дублировать слой)
- 1.2 Работа с референсами
  - Работа с любительскими фотографиями
  - Работа с фотостоками и виды фотостоков
  - Способы обтравки изображений
  - Создание уникального изображения при помощи референсов (как собрать человека по кускам по заданному ТЗ)
  - Первичная обработка и цветокоррекция готового изображения
- 1.3 Настройка кистей
  - Мягкая и жесткая кисть
  - Не рекомендуемые кисти
  - Гранж и скетч кисти и их применение
  - Настройка кистей, управление нажимом пера, жесткостью и мягкостью
  - Установка и создание кистей
- 1.4 Техники рисования
  - Обработка с помочью режимов наложения
  - Техника штриховкой (скетч)
  - Техника «растяжки»
  - Ошибки при рисовании в цвете (инструменты размытие, резкость и палец)
Лекция 2 «Свет и тень»
- 3.1 Рассеяное освещение
  - Рассеяное освещение как базовое
  - Создание рассеянного освещения
- 3.2 Свет и тень
  - Создание собственных теней
  - Точка света и физика света
  - Падающие тени и их глубина и размер (в зависимости от силы и источника освещения)
  - Создание объема
  - Блики и рефлексы
Лекция 3 «Цвет, цветовой тон, насыщенность»
- 4.1 Цвет
  - Чистота цвета
  - Ошибки при работе в цвете
  - Яркость и контрастность
  - Насыщенность цвета
  - Цветовой тон
  - Черный, белый и серый цвета
  - Черный цвет в иллюстрации
Лекция 4 «Рисование кожи человека, свойства кожи, рисование фигуры человека»
- 4.1 Рисование кожи человека
  - Варианты цветовой гаммы кожи и влияние окружающей среды на цвет
  - Особенности свойств кожи человека (прозрачность при свете) а так же некоторых материалов подобных ей
- 4.2 Рисование фигуры человека
  - Рисование конечностей (руки, ноги, пальцы)
  - Рисование лица человека, эмоции
  - Рисование шеи и груди
  - Рисование туловища
  - Распространенные ошибки при рисовании фигуры человека
Лекция 5 «Рисование черт лица»
- 5.1 Рисование черт лица человека
  - Рисование глаз
  - Рисование бровей
  - Рисование губ
  - Рисование носа
Лекция 6 «Рисование драпировок и одежды. Работа с текстурами»
- 6.1 Рисование одежды
  - Рисование драпировок и складок
  - Рисование и обработка разных видов одежды
- 6.2 Работа с текстурами
  - Поиск текстур
  - Применение текстур и режимы наложения
Лекция 8 «Рисование волос»
- 8.1 Рисование волос
  - Рисование женских прямых волос
  - Рисование челок и ровных прядей на концах
  - Рисование волнистых и кудрявых волос
  - Рисование причесок
  - Рисование волос у мужчин
  - Распространенные ошибки новичков при рисовании волос
Лекция 9 «Работа с фильтрами и экшнами в фотошопе»
- 9.1 Стандартные фильтры
  - Разбор и применение стандартных фильтров
  - Применение нескольких стандартных фильтров
- 9.2 Фильтр — плагин масляная краска
  - Разбор и применение фильтра, хитрости и секреты работы с фильтр

Складчина создана 18 февраля 2017 г.

Теги курса

Отзывов пока нет. Будьте первым!

Как получить курс?

Влада Администратор сайта

Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.

Финальный взнос будет ниже, чем 28 570 ₽?

Влада Администратор сайта

Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.

Как я могу ускорить сбор складчины и уменьшить взнос?

Влада Администратор сайта

Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.