Компьютерные науки

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

Программа содержит необходимые сведения для создания и эффективного использования SVG-документов в веб-разработке.
Студентов 1902 Выпускников 378 Для специалистов
690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
Темы:
Компьютерная графика
Объем
36 час.
Длительность
30 дней
Нагрузка в неделю
9 час.
Формат обучения
Дистанционно (самостоятельно)
Описание В учебной программе рассматриваются основные фигуры, кривые Безье, работа с текстом, градиенты, шаблоны, маски и группы элементов. В учебной программе практически разбирается применение трансформаций, включая матричные преобразования, а также структура и атрибуты фильтров. Анимация и интерактивность SVG-графики иллюстрируется примерами. Описывается экспорт графики и создание SVG-документов в программах Altova XML Spy, Sketsa, Adobe Illustrator и CorelDRAW. Процесс обучения включает изучение элемента Path, рисование, применение матриц преобразований и подготовку графики в векторных редакторах.
Цели
  • Познакомить с основами масштабируемой векторной графики и форматом SVG
  • Дать знания о применении фигур, кривых Безье, градиентов и масок в документах
  • Раскрыть принципы использования трансформаций, матриц преобразований и фильтров
  • Сформировать навыки создания интерактивных и анимированных SVG-роликов
Чему я научусь?
  • Создавать и редактировать SVG-документы с использованием основных фигур и путей
  • Применять сложные трансформации, фильтры и эффекты к элементам векторной графики
  • Программировать анимацию и добавлять интерактивные элементы в SVG-файлы
  • Экспортировать векторную графику из редакторов Adobe Illustrator и CorelDRAW

Авторы

Кариев Чингиз Алишерович
Кариев Чингиз Алишерович
Инженер-программист.
Чему я научусь?
  • Создавать и редактировать SVG-документы с использованием основных фигур и путей
  • Применять сложные трансформации, фильтры и эффекты к элементам векторной графики
  • Программировать анимацию и добавлять интерактивные элементы в SVG-файлы
  • Экспортировать векторную графику из редакторов Adobe Illustrator и CorelDRAW

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз. 90 мин
1 Введение в SVG Поддержка SVG браузерами. Flash против SVG. Развитие векторных форматов. Просмотр SVG–графики в Adobe SVG Viewer. Панель... Поддержка SVG браузерами. Flash против SVG. Развитие векторных форматов. Просмотр SVG–графики в Adobe SVG Viewer. Панель информации в Internet Explorer 6 (Windows XP SP2). Создание SVG документов. Работа с Altova XML Spy. Вставка SVG рисунков в HTML – страницы. Обзор ресурсов, посвященных SVG–графике. ещё
Введение в SVG тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
2 Основные фигуры SVG – графики Прямоугольник (rect). Окружность (circle). Эллипс (ellipse). Линия. (line). Ломаная (polyline). Многоугольник (polygone). Вертикальный порядок последовательности объектов.... Прямоугольник (rect). Окружность (circle). Эллипс (ellipse). Линия. (line). Ломаная (polyline). Многоугольник (polygone). Вертикальный порядок последовательности объектов. Стили в SVG – графике. Группы элементов. Основные типы данных SVG – графики. Свойство ViewBox. ещё
Основные фигуры SVG – графики тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
3 Элемент Path Объект Path. Линии и формы. Кривые Безье третьего порядка (Cubic Bezier Curve). Кривые Безье второго порядка... Объект Path. Линии и формы. Кривые Безье третьего порядка (Cubic Bezier Curve). Кривые Безье второго порядка (QuadraticBezier Curves). Эллиптические кривые (Elliptical Curves). Экспорт графики и объект Path. ещё
Элемент Path тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
4 Текст Элементы text, tspan, tref, textPath. Атрибуты baseline-shift, direction, dominant-baseline, dx, dy, fill, font-family, font-size, font-size-adjust, font-stretch,... Элементы 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. ещё
Текст тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
5 Рисование Заливка. Атрибуты fill, fill-opacity и fill-rule. Линейная и радиальная градиентные заливки. Прозрачность. Контуры. Атрибуты stroke,stroke-width, stroke-opacity,... Заливка. Атрибуты fill, fill-opacity и fill-rule. Линейная и радиальная градиентные заливки. Прозрачность. Контуры. Атрибуты stroke,stroke-width, stroke-opacity, stroke-dasharray, dashoffset, stroke-linecap, sroke-linejoin, stroke-mitrelimit. Паттерны и маркеры. Элементы symbol, clipPath, mask. ещё
Рисование тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
6 Трансформации Трансформации. Команды translate (перенос), rotate (вращение), scale (масштабирование), skewX (искажение по горизонтали), skewY (искажение по вертикали),... Трансформации. Команды translate (перенос), rotate (вращение), scale (масштабирование), skewX (искажение по горизонтали), skewY (искажение по вертикали), matrix (матрица). Отражение объектов. Вычисление матриц в Mathcad. ещё
Трансформации тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
7 Фильтры. Часть I Введение в фильтры. Общие атрибуты. Фильтры feGaussianBlur, feBlend, feImage, feMerge, feComposite. Работа с фильтрами в Adobe... Введение в фильтры. Общие атрибуты. Фильтры feGaussianBlur, feBlend, feImage, feMerge, feComposite. Работа с фильтрами в Adobe Illustrator. Экспорт графики в формат SVG. ещё
Фильтры. Часть I тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
8 Фильтры. Часть II Фильтры feFlood, feOffset, feMorphology, feDisplacementMap, feTile.
Фильтры. Часть II тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
9 Фильтры. Часть III Фильтры feColorMatrix, feComponentTransfer, feTurbulence. Яркость и цветовой баланс изображений.
Фильтры. Часть III тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
10 Фильтры. Часть IV Источники света в SVG – документах. Фильтры feDiffuseLighting, feDistantLight, feSpecularLighting, fePointLight, feSpotLight и feConvolveMatrix.
Фильтры. Часть IV тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
11 Анимация "Анимация в SVG – графике. Элементы animate, animateColor, animateMotion, animateTransform, set. Атрибуты attributeType=""CSS"", attributeType=""XML"". Анимация градиента,... "Анимация в SVG – графике. Элементы animate, animateColor, animateMotion, animateTransform, set. Атрибуты attributeType=""CSS"", attributeType=""XML"". Анимация градиента, нескольких преобразований, фильтров, по ссылке. Концепция SVG и Adobe Flash CS3." ещё
Анимация тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 50 мин
12 Интерактивность Интерактивность SVG – графики. Гиперссылки. События мыши и клавиатуры. Использование скриптов.
Интерактивность тест для курса Масштабируемая векторная графика (Scalable Vector Graphics) 30 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз. 90 мин
Экзамен 60 мин

Какой документ я получу?

Сертификат

Выдаётся автоматически после успешного завершения программы.

Удостоверение о повышении квалификации

Выдается при наличии среднего специального или высшего образования (необходимые документы).

Стоимость программы

690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
^