Опубликован: 07.11.2007 | Доступ: свободный | Студентов: 1746 / 325 | Оценка: 4.29 / 4.14 | Длительность: 25:09:00
Специальности: Программист
Лекция 7:

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

< Лекция 6 || Лекция 7: 123456 || Лекция 8 >

Работа с фильтрами в Adobe Illustrator. Экспорт графики в формат SVG

Программа Adobe Illustrator содержит несколько встроенных SVG – фильтров. Для их применения следует выделить объект и в главном меню перейти к пункту "Effect\ SVG Filters" (рис. 7.9):

Применение встроенного фильтра AI_GaussianBlur_4

увеличить изображение
Рис. 7.9. Применение встроенного фильтра AI_GaussianBlur_4

В результате применения фильтра мы получаем уже знакомый результат (рис. 7.10):

Готовая фигура

Рис. 7.10. Готовая фигура

При выборе пункта меню "Apply SVG Filter" можно просматривать всю серию фильтров (рис. 7.11):

Окно "Apply SVG Filter"

Рис. 7.11. Окно "Apply SVG Filter"

Для экспорта изображения в формат SVG выбираем "File\ Save As…" (рис. 7.12):

Экспорт графики в формат SVG

увеличить изображение
Рис. 7.12. Экспорт графики в формат SVG

В появившемся окне "Save As" выбираем тип файла "SVG", а затем настраиваем опции самого SVG – документа в окне "SVG - Options" (рис. 7.13):

Настройка опций SVG – документа при сохранении

увеличить изображение
Рис. 7.13. Настройка опций SVG – документа при сохранении

Получившейся в результате код достаточно корректен, он может применяться для изучения и модификации настроек фильтра:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
     <!ENTITY ns_svg "http://www.w3.org/2000/svg">
     <!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
]>
<svg  version="1.1" id="Layer_1"
     xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" 
     width="287" height="287" viewBox="0 0 287 287"
     overflow="visible" enable-background="new 0 0 287 287"
     xml:space="preserve">
  <filter  id="AI_GaussianBlur_4">
     <feGaussianBlur  stdDeviation="4"></feGaussianBlur>
  </filter>
  <g filter="url(#AI_GaussianBlur_4)">
     <circle fill="#FF0000" cx="143.509" cy="143.509" r="119.091"/>
     <circle fill="none" stroke="#000000" cx="143.509" cy="143.509" r="119.091"/>
  </g>
</svg>
7.10.
< Лекция 6 || Лекция 7: 123456 || Лекция 8 >