НОУ ИНТУИТ | Масштабируемая векторная графика

Форма обучения:

дистанционная

Стоимость самостоятельного обучения:

бесплатно

Доступ:

свободный

Документ об окончании:

сертификат

Вам нравится? Нравится 29 студентам

Уровень:

Специалист

Длительность:

25:09:00

Студентов:

1792

Выпускников:

366

Качество курса:

4.29 | 4.14

Купить курс [?]

Поддержать курс

Курс содержит все необходимые сведения для создания и распространения SVG - документов.

Рассматриваются основные фигуры, кривые Безье, работа с текстом, различные виды градиентов, шаблоны, группы элементов, символы и маски. Практически разбирается применение трансформаций, включая команды translate, rotate, scale, skewX, skewY и matrix. Вводятся все необходимые сведения для работы с матрицами преобразований. Подробно рассматриваются все 19 фильтров, включая их структуры и атрибуты. Анимация и интерактивность SVG-графики иллюстрируется примерами, позволяющим создавать собственные ролики. Описываются экспорт графики и создание SVG – документов в специализированных программах Altova XML Spy, Sketsa SVG Graphics Editor, а также в таких популярных пакетах, как Adobe Illustrator и Corel Draw.

Темы: Компьютерная графика

Специальности: Программист

Предварительные курсы

Дополнительные курсы

Программирование графических процессоров с использованием Direct3D и HLSL

2 часа 30 минут

Сдать экзамен экстерном

Лекция 1

1 час

Введение в SVG

Поддержка SVG браузерами. Flash против SVG. Развитие векторных форматов. Просмотр SVG–графики в Adobe SVG Viewer. Панель информации в Internet Explorer 6 (Windows XP SP2). Создание SVG документов. Работа с Altova XML Spy. Вставка SVG рисунков в HTML – страницы. Обзор ресурсов, посвященных SVG–графике.

Оглавление

Тест 1

30 минут

10 заданий

Лекция 2

1 час 20 минут

Основные фигуры SVG – графики

Прямоугольник (rect). Окружность (circle). Эллипс (ellipse). Линия. (line). Ломаная (polyline). Многоугольник (polygone). Вертикальный порядок последовательности объектов. Стили в SVG – графике. Группы элементов. Основные типы данных SVG – графики. Свойство ViewBox.

Оглавление

Тест 2

30 минут

10 заданий

Лекция 3

1 час 15 минут

Элемент Path

Объект Path. Линии и формы. Кривые Безье третьего порядка (Cubic Bezier Curve). Кривые Безье второго порядка (Quadratic Bezier Curves). Эллиптические кривые (Elliptical Curves). Экспорт графики и объект Path.

Оглавление

Тест 3

30 минут

10 заданий

Лекция 4

1 час 57 минут

Текст

Элементы text, tspan, tref, textPath. Атрибуты baseline-shift, direction, dominant-baseline, dx, dy, fill, font-family, font-size, font-size-adjust, font-stretch, font-style, font-weight, glyph-orientation-horizontal, glyph-orientation-vertical, kerning, letter-spacing, rotate, text-anchor, text-decoration, unicode-bidi, word-spacing, writing-mode. Форматирование текста. Расположение текста на произвольной кривой в Corel Draw и SVG.

Оглавление

Тест 4

30 минут

10 заданий

Лекция 5

2 часа 50 минут

Рисование

Заливка. Атрибуты fill, fill-opacity и fill-rule. Линейная и радиальная градиентные заливки. Прозрачность. Контуры. Атрибуты stroke,stroke-width, stroke-opacity, stroke-dasharray, dashoffset, stroke-linecap, sroke-linejoin, stroke-mitrelimit. Паттерны и маркеры. Элементы symbol, clipPath, mask.

Оглавление

Тест 5

30 минут

10 заданий

Лекция 6

1 час 42 минуты

Трансформации

Трансформации. Команды translate (перенос), rotate (вращение), scale (масштабирование), skewX (искажение по горизонтали), skewY (искажение по вертикали), matrix (матрица). Отражение объектов. Вычисление матриц в Mathcad.

Оглавление

Тест 6

30 минут

10 заданий

Лекция 7

1 час 38 минут

Фильтры. Часть I

Введение в фильтры. Общие атрибуты. Фильтры feGaussianBlur, feBlend, feImage, feMerge, feComposite. Работа с фильтрами в Adobe Illustrator. Экспорт графики в формат SVG.

Оглавление

Тест 7

30 минут

10 заданий

Лекция 8

1 час 24 минуты

Фильтры. Часть II

Фильтры feFlood, feOffset, feMorphology, feDisplacementMap, feTile.

Оглавление

Тест 8

30 минут

10 заданий

Лекция 9

2 часа 9 минут

Фильтры. Часть III

Фильтры feColorMatrix, feComponentTransfer, feTurbulence. Яркость и цветовой баланс изображений.

Оглавление

Тест 9

30 минут

10 заданий

Лекция 10

1 час 47 минут

Фильтры. Часть IV

Источники света в SVG – документах. Фильтры feDiffuseLighting, feDistantLight, feSpecularLighting, fePointLight, feSpotLight и feConvolveMatrix.

Оглавление

Тест 10

30 минут

10 заданий

Лекция 11

1 час 25 минут

Анимация

Анимация в SVG – графике. Элементы animate, animateColor, animateMotion, animateTransform, set. Атрибуты attributeType="CSS", attributeType="XML". Анимация градиента, нескольких преобразований, фильтров, по ссылке. Концепция SVG и Adobe Flash CS3.

Оглавление