 |
Твой путь к знаниям |
| Курсы | Обучение | Школа | Магазин | Общение | Новости | Помощь | |
|
|
|
|
|||||||
|
 |
поддержка курса
Масштабируемая векторная графика (Scalable Vector Graphics)
Автор: Ч.А. Кариев
Информация о курсе
Курс содержит все необходимые сведения для создания и распространения SVG - документов. Рассматриваются основные фигуры, кривые Безье, работа с текстом, различные виды градиентов, шаблоны, группы элементов, символы и маски. Практически разбирается применение трансформаций, включая команды translate, rotate, scale, skewX, skewY и matrix. Вводятся все необходимые сведения для работы с матрицами преобразований. Подробно рассматриваются все 19 фильтров, включая их структуры и атрибуты. Анимация и интерактивность SVG – графике иллюстрируется примерами, позволяющим создавать собственные ролики. Описываются экспорт графики и создание SVG – документов в специализированных программах Altova XML Spy, Sketsa SVG Graphics Editor, а также в таких популярных пакетах, как Adobe Illustrator и Corel Draw.
Предварительные курсы
Записаться на обучение
1.
Поддержка SVG браузерами. Flash против SVG. Развитие векторных форматов. Просмотр SVG–графики в Adobe SVG Viewer. Панель информации в Internet Explorer 6 (Windows XP SP2). Создание SVG документов. Работа с Altova XML Spy. Вставка SVG рисунков в HTML – страницы. Обзор ресурсов, посвященных SVG–графике.
2.
Прямоугольник (rect). Окружность (circle). Эллипс (ellipse). Линия. (line). Ломаная (polyline). Многоугольник (polygone). Вертикальный порядок последовательности объектов. Стили в SVG – графике. Группы элементов. Основные типы данных SVG – графики. Свойство ViewBox.
3.
Объект Path. Линии и формы. Кривые Безье третьего порядка (Cubic Bezier Curve). Кривые Безье второго порядка (Quadratic Bezier Curves). Эллиптические кривые (Elliptical Curves). Экспорт графики и объект Path.
4.
Элементы 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.
5.
Заливка. Атрибуты fill, fill-opacity и fill-rule. Линейная и радиальная градиентные заливки. Прозрачность. Контуры. Атрибуты stroke,stroke-width, stroke-opacity, stroke-dasharray, dashoffset, stroke-linecap, sroke-linejoin, stroke-mitrelimit. Паттерны и маркеры. Элементы symbol, clipPath, mask.
6.
Трансформации. Команды translate (перенос), rotate (вращение), scale (масштабирование), skewX (искажение по горизонтали), skewY (искажение по вертикали), matrix (матрица). Отражение объектов. Вычисление матриц в Mathcad.
7.
Введение в фильтры. Общие атрибуты. Фильтры feGaussianBlur, feBlend, feImage, feMerge, feComposite. Работа с фильтрами в Adobe Illustrator. Экспорт графики в формат SVG.
9.
Фильтры feColorMatrix, feComponentTransfer, feTurbulence. Яркость и цветовой баланс изображений.
10.
Источники света в SVG – документах. Фильтры feDiffuseLighting, feDistantLight, feSpecularLighting, fePointLight, feSpotLight и feConvolveMatrix.
11.
Анимация в SVG – графике. Элементы animate, animateColor, animateMotion, animateTransform, set. Атрибуты attributeType="CSS", attributeType="XML". Анимация градиента, нескольких преобразований, фильтров, по ссылке. Концепция SVG и Adobe Flash CS3.
12.
Интерактивность SVG – графики. Гиперссылки. События мыши и клавиатуры. Использование скриптов.
|
|
|
|
|
|
|||||||||||||||||||||||||||||||||||||
|
|||
|
|||
|
Курсы |
Учебные программы |
Учебники |
Вопросы и Ответы |
Форум |
Новости |
Помощь
Телефон: +7 (499) 253-9312, 253-9313, факс: +7 (499) 253-9310, email: info@intuit.ru © INTUIT.ru::Интернет-Университет Информационных Технологий - дистанционное образование, 2003-2011 |
|
Проект Издательства "Открытые Системы". Партнеры: РМ Телеком, KRAFTWAY COMPUTERS. |
|
RSS