Главная / Кафедра компьютерного обучения / Web-аниматор (Web–дизайн, Adobe Flash, 3D Studio Max)


Web-аниматор (Web–дизайн, Adobe Flash, 3D Studio Max)


Web-аниматор (Web–дизайн, Adobe Flash, 3D Studio Max) Обучение на курсе web-аниматор состоит из трех частей: курса web-дизайна (создание сайтов, HTML-верстка, основы дизайна сайтов), курса Adobe Flash (веб-анимация, создание анимированных роликов и флеш-сайтов) и курса 3D Studio Max (компьютерная графика и анимация, создание и анимирование 3-х мерных моделей и объектов).


  

По окончании курса выдается:
свидетельство с присвоением квалификации Web-аниматор


Ак.ч. Базовая цена Скидка Конечная стоимость Запись
126 ак.час.
108 ак. час. - аудиторные занятия
18 ак. час. - самостоятельные занятия
27940 руб. 19560 руб.


Задать вопрос менеджеру
Наши телефоны:
8 (495) 961-35-32

Расписание занятий Место обучения


Программа курсов веб-анимации (создание сайтов, Флеш, 3D Max):

Показать/Скрыть программу курсов веб-анимации (создание сайтов, Флеш, 3D Max)

WEB-анимация Adobe Flash
  • Модуль 1. Рисование во Flash.
    • Знакомство с редактором Flash
    • Рисование. Работа с цветом, группами, текстом, растровой графикой
    • Различные способы трансформирования объектов
    • Импорт из других приложений
    • Публикация
    • Практическая работа
  • Модуль 2. Создание анимации
    • Использование образцов (symbol) и экземпляров (instance). Работа с библиотекой эталонов
    • Изменение свойств экземпляров
    • Методы создания анимации
    • Покадровая анимация. Работа с хронометрической линейкой
    • Понятие tween-анимации
    • Анимация формы. Установка меток
    • Анимация движения. Движение по маршруту. Маски
    • Слои
    • Практическая работа
  • Модуль 3. Создание презентаций
    • Сложная анимация. Практические приёмы
    • Использование звука
    • Создание кнопок с анимацией
    • Оптимизация ролика
    • Практическая работа
  • Модуль 4. Простейшая интерактивность
    • Обзор языка Action Script. Работа с редактором скрипта. Простейшие команды. Stop, Play, GetUrl
    • Создание элементов навигации
    • Практическая работа.
WEB- дизайн

1. Основные понятия.

  • 1.1. Дизайн в Internet: задачи, подходы, решения. Основные понятия и терминология.
  • 1.2. Этапы разработки WEB-сайта. Уменьшение затрат ресурсов и сроков создания WEB-сайта. Основные формулировки в техническом задании на разработку сайта.
  • 1.3. Возможности современных программ, используемых для создания WEB-страниц. Обзор программ Macromedia DreamWeaver , HomeSite и Microsoft FrontPage .
  • 1.4. Основные возможности программы DreamWeaver. Задание цветового оформления. Выбор цветовой схемы.
  • 1.5. Создание и использование каскадных таблиц стилей CSS. Практическая работа. Создание макета сайта в программе DreamWeaver.

2. Разработка информационной архитектуры.

  • 2.1. Элементы информационной архитектуры.
  • 2.2. Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами.
  • 2.3. Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта.
  • 2.4. Разработка простого макета страницы и линейной системы навигации.
  • 2.5. Использование шаблонов (templates) в DreamWeaver: создание шаблонов, применение к готовым страницам, модификация шаблонов.
  • Практическая работа. Создание сайта с линейной системой навигации с использованием шаблонов.

3. Эргономика WEB-сайта.

  • 3.1. Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте.
  • 3.2. Макетирование в WEB. Приемы макетирования. Создание фиксированных и адаптируемых страниц. Размещение информации на странице с учетом решаемых задач. Примеры удачных и неудачных решений.
  • 3.3. Система навигации на сайте. Принципы построения системы навигации. Создание навигационных палитр.
  • Практическая работа. Создание сайта с двухуровневой системой навигации. Создание адаптируемого макета.

4. Подготовка иллюстраций для WEB.

  • 4.1. Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG.
  • 4.2. Подготовка графики в программах Adobe PhotoShop, Adobe ImageReady и Macromedia Fireworks. Способы уменьшения объема файла.
  • 4.3. Использование коллекций изображений (clipart) векторных графических редакторов на примере CorelDraw.
  • 4.4. Подготовка изображений, имеющих прозрачные области. Представление текстовой информации.
  • Практическая работа. Оптимизация заданных изображений и заготовок из Clipart. Размещение их на WEB-страницах.

5. Подготовка графических элементов.

  • 5.1. Создание кнопок. Имитация различных состояний кнопки.
  • 5.2 . Создание фоновых иллюстраций. Техника создания бесшовных узоров в программах Adobe PhotoShop и Adobe ImageReady.
  • 5.3. «Нарезка» изображений на фрагменты в программе Adobe ImageReady. Оптимизация фрагментов изображений.
  • Практическая работа. Добавление кнопок и фоновых элементов.

6. Gif-анимация и баннеры. Карта изображения ImageMap.

  • 6.1. Что такое GIF-анимация. Способы создания и параметры анимации. Способы уменьшения объема файла.
  • 6.2. Использование Adobe ImageReady и Ulead GifAnimator для создания gif-анимации. Преобразование в GIF-анимацию файлов двухмерной и трехмерной графики.
  • 6.3. Баннеры: параметры, размещение на WEB-странице. Разработка сюжета баннера.
  • 6.4. Использование GIF-анимации и роликов FLASH в баннерной рекламе. Воздействие баннерной рекламы на пользователя.
  • 6.5. Применение карт изображений ImageMap в WEB-дизайне.
  • Практическая работа: создание баннеров.

7. Создание динамических элементов в DreamWeaver.

  • 7.1. Основные сведения о программе Dreamweaver
  • 7.2. Назначение палитр Behaviors и TimeLine.
  • 7.3. Управление параметрами элементов в Dreamweaver. Обработка событий.
  • 7.4. Типовые операции (модальные окна, открытие новых окон и управление ими), проверка данных формы, управление видимостью и содержанием слоев, проверка броузера.
  • 7.5. Сложные операции: создание раскрывающихся меню, анимация слоев, создание эффекта «rollover».
  • 7.6. Использование возможностей Adobe Flash.
  • Практическая работа: создание эффекта «rollover» для кнопок.

8. Оценка сайта. Тестирование сайта .

  • 8.1. Критерии оценок созданного сайта.
  • 8.2. Способы снижения визуального шума и повышения четкости подачи материала.
  • 8.3. Этапы стандартного тестирования сайта.
  • 8.4. Методика тестирования сайта на аудитории. Выработка предложений по редизайну и обоснование необходимости редизайна.
  • 8.5. Обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability.
  • Практическая работа: выполнение тестирования заданного сайта и выработка предложений по редизайну.
Photoshop
  • 1.1. Введение. Назначение и применение системы. Виды и форматы изображений. Особенности растровых изображений. Параметры растровых изображений.
  • 1.2. Отличия PhotoShop от предыдущих версий.
  • 1.3. Настройки системы. Организация палитр.
  • 1.4. Открытие и закрытие изображения. Изменение размеров изображения. Способы интерполяции. Изменение размеров канвы.
  • 1.5. Обрезка изображения.
  • 1.6. Отмена действий.
  • 1.7. Обзор способов выделения областей изображения.

2. Техника выделения областей изображения.

  • 2.1. Инструменты выделения. Управление параметрами инструментов.
  • 2.2. Дополнение, вычитание и пересечение областей выделения.
  • 2.3. Приемы выделения областей сложной формы.
  • 2.4. Модификация выделения командами Select-Transform selection; Select-Feather и Select-Modify.
  • 2.5. Действия с выделенной областью: масштабирование, поворот, искажение выделенной области.
  • 2.6. Коррекция области: изменение яркости и контраста.
  • 2.7. Использование линейки, сетки, направляющих при выделении.

3. Создание многослойного изображения.

  • 3.1. Зачем нужны слои.
  • 3.2. Способы создания слоя. Работа со слоями. Параметры слоя.
  • 3.3. Управление слоями с помощью палитры Layers.
  • 3.4. Особенности работы с многослойным изображением.
  • 3.5. Связывание слоев. Трансформация содержимого слоя.
  • 3.6. Создание коллажей.

4. Работа со слоями многослойного изображения.

  • 4.1. Объединение слоев в наборы Layer Set.
  • 4.2. Текстовые слои.
  • 4.3. Спецэффекты на слоях: создание тени, ореола, имитация рельефа, обводка контура изображения.
  • 4.4. Слияние слоев.

5. Техника рисования.

  • 5.1. Инструменты свободного рисования. Использование кистей, аэрографа, карандаша, ластика.
  • 5.2. Выбор цвета кисти. Цветовые модели. Библиотеки Pantone.
  • 5.3. Выбор формы кисти. Подключение библиотек кистей. Создание новой кисти.
  • 5.4. Выбор параметров кисти. Непрозрачность, режимы наложения. Особенности работы с графическим планшетом.
  • 5.5. Закраска областей.
  • 5.6. Создание градиентных переходов.
  • 5.7. Применение фильтров для имитации различных техник рисования.

6. Техника ретуширования.

  • 6.1. Чистка и восстановление деталей изображения с помощью инструмента «штамп».
  • 6.2. Использование инструмента «history brush».
  • 6.3. Использование инструментов коррекции изображения.
  • 6.4. Применение фильтров для размытия, повышения резкости и имитации световых эффектов.

7. Выполнение сложного монтажа.

  • 7.1. Общие сведения о каналах. Виды каналов. Создание и сохранение альфа-каналов.
  • 7.2. Использование маски слоя для качественного монтажа.
  • 7.3. Создание контура обтравки с помощью инструмента Path (контур) и его использование в издательских системах.
  • 7.4. Основные операции коррекции изображения.
  • 7.5. Использование корректирующих слоев для неразрушающей коррекции.

8. Сканирование и коррекция изображения.

  • 8.1. Приемы сканирования. Выбор параметров. Понятие разрешающей способности и линеатуры растра.
  • 8.2. Особенности сканирования прозрачных и непрозрачных материалов. Причины появления муара. Борьба с муаром.
  • 8.3. Выбор параметров коррекции исходя из применения изображения. Особенности коррекции для полиграфии и Интернет. Настройка точки черного, точки белого и гаммы изображения.
  • 8.4. Использование фильтров для стилизации изображения.
  • 8.5. Преобразование цветовых моделей. Выполнение цветоделения.
  • 8.6. Сохранение файла. Форматы графических файлов.

Зачет (собеседование).



Подробная информация о курсах обучения web-аниматоров

Курсы аниматоров включают в себя три этапа обучения – изучение основы дизайна сайтов, применения в нём программы Adobe Flash и программы 3D Studio Max. Благодаря тому слушатели обучаются создавать сложные веб-сайты, содержащие видеоролики и трёхмерную анимацию. На всех трёх этапах обучения полученные навыки закрепляются в ходе практических занятий.

Сначала слушатели курсов аниматоров изучают основы анимации во Flash. После ознакомления с редактором Flash, интерфейсом и основными объектами, а также с особенностями импорта материалов из других приложений, курсы переходят к основам создания анимации. Описываются несколько методов создания анимации, в том числе покадровая анимация, tween-анимация, анимация формы. Затем характеризуются более сложные приёмы анимации, применяемые в дизайне web-сайтов. Отдельно описываются методы создания кнопок. В заключение этой части даётся информация о создании интерактивных элементов, в том числе элементов навигации, с помощью языка Action Script.


Похожие курсы для начинающих:


Обучение аниматоров включает в себя и изучение методов и принципов веб-дизайна в целом. В этом разделе курса сначала характеризуются возможности различных приложений, применяемых при создании сайтов. Большое внимание уделяется правилам создания информационной архитектуры сайта, то есть распределению на нём информации в зависимости от существующих взаимосвязей. Ещё один важный параметр веб-сайта – его эргономика. На курсах анализируются факторы, которые могут затруднять или облегчать восприятие информации. Описываются основные приёмы макетирования и принципы построения линейной и многоуровневой системы навигации. Практически всегда на сайте присутствуют иллюстрации и другие графические элементы. Их подготовка также подчиняется определённым правилам. Описываются методики подготовки графики с помощью различных приложений, а также создание кнопок и фоновых элементов сайта. Кроме того, рассматриваются и более сложные элементы сайта – баннеры с использованием GIF-анимации и FLASH-роликов, динамические элементы (например, раскрывающиеся меню), конструируемые с использованием DreamWeaver. Заключительный этап создания сайта – его тестирование и оценка, по результатам которой в дизайн и архитектуру сайта вносятся необходимые изменение.


Рекомендуем обучение на курсах в Москве:


Также в обучение web-аниматоров входит создание трёхмерных анимированных сцен с помощью пакета 3D Studio Max. Сначала описываются общие принципы работы с этой программой, а также основные операции, осуществляемые с объектами (их выделение и различные виды преобразований). Затем изучаются более сложные операции, которые производятся с помощью модификаторов объектов. С помощью модификаторов можно создавать и редактировать сплайны, редактировать объекты и создавать сложные объекты. Следующие этапы оформления трёхмерной сцены – выбор типов материалов и расположения источников света. Изучается работа с библиотеками материалов и создание многокомпонентных материалов с их помощью. Затем даются общие сведения об анимации и управлении камерой. Заключительный этап создания трёхмерной сцены – её визуализация с использованием соответствующих настроек.



Поделитесь полезной ссылочкой со своими друзьями: