Масштабируемая векторная графика (Scalable Vector Graphics)

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

План занятий

ЗанятиеЗаголовок <<Дата изучения
-
Лекция 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 минут
    		 -
    Лекция 2
    1 час 20 минут
    Основные фигуры SVG – графики
    Прямоугольник (rect). Окружность (circle). Эллипс (ellipse). Линия. (line). Ломаная (polyline). Многоугольник (polygone). Вертикальный порядок последовательности объектов. Стили в SVG – графике. Группы элементов. Основные типы данных SVG – графики. Свойство ViewBox.
    Оглавление
      		-
      Тест 2
      30 минут
      		 -
      Лекция 3
      1 час 15 минут
      Элемент Path
      Объект Path. Линии и формы. Кривые Безье третьего порядка (Cubic Bezier Curve). Кривые Безье второго порядка (Quadratic Bezier Curves). Эллиптические кривые (Elliptical Curves). Экспорт графики и объект Path.
      Оглавление
        		-
        Тест 3
        30 минут
        		 -
        Лекция 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 минут
          		 -
          Лекция 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 минут
            		 -
            Лекция 6
            1 час 42 минуты
            Трансформации
            Трансформации. Команды translate (перенос), rotate (вращение), scale (масштабирование), skewX (искажение по горизонтали), skewY (искажение по вертикали), matrix (матрица). Отражение объектов. Вычисление матриц в Mathcad.
            Оглавление
              		-
              Тест 6
              30 минут
              		 -
              Лекция 7
              1 час 38 минут
              Фильтры. Часть I
              Введение в фильтры. Общие атрибуты. Фильтры feGaussianBlur, feBlend, feImage, feMerge, feComposite. Работа с фильтрами в Adobe Illustrator. Экспорт графики в формат SVG.
              Оглавление
                		-
                Тест 7
                30 минут
                		 -
                Лекция 8
                1 час 24 минуты
                Фильтры. Часть II
                Фильтры feFlood, feOffset, feMorphology, feDisplacementMap, feTile.
                Оглавление
                  		-
                  Тест 8
                  30 минут
                  		 -
                  Лекция 9
                  2 часа 9 минут
                  Фильтры. Часть III
                  Фильтры feColorMatrix, feComponentTransfer, feTurbulence. Яркость и цветовой баланс изображений.
                  Оглавление
                    		-
                    Тест 9
                    30 минут
                    		 -
                    Лекция 10
                    1 час 47 минут
                    Фильтры. Часть IV
                    Источники света в SVG – документах. Фильтры feDiffuseLighting, feDistantLight, feSpecularLighting, fePointLight, feSpotLight и feConvolveMatrix.
                    Оглавление
                      		-
                      Тест 10
                      30 минут
                      		 -
                      Лекция 11
                      1 час 25 минут
                      Анимация
                      Анимация в SVG – графике. Элементы animate, animateColor, animateMotion, animateTransform, set. Атрибуты attributeType="CSS", attributeType="XML". Анимация градиента, нескольких преобразований, фильтров, по ссылке. Концепция SVG и Adobe Flash CS3.
                      Оглавление
                        		-
                        Тест 11
                        30 минут
                        		 -
                        Лекция 12
                        54 минуты
                        Интерактивность
                        Интерактивность SVG – графики. Гиперссылки. События мыши и клавиатуры. Использование скриптов.
                        Оглавление
                          		-
                          Тест 12
                          18 минут
                          		 -
                          5 часов
                          		 -