Опубликован: 27.03.2013 | Доступ: свободный | Студентов: 1519 / 276 | Длительность: 08:07:00
Специальности: Программист
Лекция 3:

Заливка

< Лекция 2 || Лекция 3 || Лекция 4 >
Аннотация: В лекции рассматриваются такие приемы работы с векторной графикой, как: использование разнообразных видов заливки графических объектов; смягчение граней заливки (размытие); преобразование линий в заливку.

Заливка

  • Однородная (применяется для замкнутой области)
    Заливка замкнутой фигуры

    Рис. 2.1. Заливка замкнутой фигуры

    Опция "Промежуток" на панели инструментов при выбранном инструменте "Задать цвета заливки" ( рис. 2.2) задает величину зазора, который позволяет заливать область.

    Установка величины зазора заливаемой области

    Рис. 2.2. Установка величины зазора заливаемой области
  • Градиентная

    Если при использовании линейной градиентной заливки щелкнуть внутри замкнутой фигуры и провести диагональную черту, то градиент будет расположен перпендикулярно этой линии. При использовании радиального градиента его центр будет там, где мы щелкнем мышкой.

  • В качестве заливки растровое изображение

    Импортировать файл с растровым рисунком можно через панель "Цвет" - после выделения объекта открыть панель через режим меню "Окно". На панели необходимо в выпадающем списке "Тип цвета" выбрать тип заливки "Растровая заливка". Для того, чтобы импортировать изображение, необходимо нажать на "Импорт", и из необходимой папки импортировать нужное изображение.

    Растровая заливка

    Рис. 2.3. Растровая заливка

Размытие

Часто при создании графического эффекта необходимо добиться размытия контуров. Размытие - очень популярный в дизайне прием. Иллюзию "размытости" можно получить, используя соответствующую градиентную заливку (цветом, переходящим в цвет фона), но это не всегда возможно на практике (при использовании сложных изображений). Гораздо эффективнее использовать встроенную команду размытия

Практическая работа:

  • Выделим созданную фигуру.
  • Откроем окно параметров размытия (режим меню "Модификация" – "Фигура" – "Смягчить грани заливки").
    Установка параметров размытия

    Рис. 2.4. Установка параметров размытия
  • В открывшемся диалоговом окне "Размытие краев заливки" устанавливаем необходимые параметры:
  • в поле "Расстояние" вводим расстояние размытия от границы фигуры
  • в поле "Число шагов" задаем плавность размытия (количество цветовых переходов),
  • в поле "Направление" выбираем одно из двух значений:
  • "Расширить" (размытие от границ фигуры идет во внешнюю сторону)
  • "Сузить" (размытие от границ фигуры идет во внутрь фигуры).

Поэкспериментируйте с разными значениями всех пунктов. Пример получившейся фигуры с размытыми гранями приведен на рис. 2.5. На нем ясно видно, за счет чего достигается эффект размытости граней заливки (в зависимости от заданного числа шагов создаются еще фигуры, залитые цветом, переходящим от цвета первоначальной фигуры до цвета фона).

Пример графического объекта с размытыми гранями

Рис. 2.5. Пример графического объекта с размытыми гранями

И последнее:

Линия, созданная инструментом "Линия", "Карандаш", либо являющаяся границей фигуры, имеет набор определенных свойств, отличных от свойств, принадлежащих заливке фигуры. Но есть прием, при помощи которого свойства заливки можно применять к обводке:

  • Нарисуем линию определенного стиля, толщины, цвета (эти параметры задаются на панели свойств).
  • Выделим линию и преобразуем ее в заливку: "Модификация" - "Фигура" - "Преобразовать линии в заливку".
  • Теперь линия стала заливкой и к ней применимы все виды заливки – однородная, градиентная, заливка импортированным изображением (причем, заливки можно применять к отдельным объектам "линии" - отдельной точке точечного пунктира и др.).

Краткие итоги лекции:

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

Придание эффекта размытости заливки дает прием "Смягчение граней заливки". При этом границы фигуры расширяются (сужаются), с изменением заливки от первоначального цвета фигуры до цвета фона. Количество цветовых переходов от цвета фигуры до фонового, как и расстояние с изменяющимся цветом задается пользователем.

Линия, созданная инструментом "Линия", "Карандаш", либо являющаяся границей фигуры, имеет набор определенных свойств, отличных от свойств, принадлежащих заливке фигуры. При преобразовании линии в заливку свойства заливки можно применять к обводке.

Ключевые термины

  • Заливка
  • Обводка
  • Размытие
  • Преобразование линии в заливку

Набор для практики:

Вопросы

  • Какие существуют виды заливки?
  • Существует ли возможность применять заливку к незамкнутой области (области с зазором)?
  • Перечислите виды градиентной заливки
  • Перечислите параметры каждого вида градиентной заливки
  • Существует ли возможность применять заливку к обводке фигуры (к линии)? Какое действие должно этому предшествовать?
  • Перечислите параметры эффекта размытия фигуры

Упражнения

Практическая работа "Звездное небо":

  1. Установите цвет фона черный ("Модификация" - "Документ" - установить цвет в окне "Цвет фона");
  2. Создайте несколько окружностей разного радиуса с заливкой пастельными цветами (голубой, желтый, бежевый);
  3. Расположите окружности так, как планеты располагаются в Солнечной системе;
  4. Примените эффект размытости краев заливки к планетам.
  5. Сохраните изображение.

Практическая работа:

  1. Нарисуйте линию, выделите ее.
  2. Задайте свойства линии:
    • толщину обводки 10,
    • стиль "Точечный пунктир",
    • значок "Изменить стиль обводки" вызывает диалоговое окно "Стиль штриха", в котором можно изменить интервал между точками – измените по своему усмотрению;
  3. Преобразуйте линию в заливку.
  4. Выберите цвет заливки (линейный градиент в инструменте "Задать цвет заливки"), окрасьте область по принципу "нажал и протащил" (от начала до конца линии). Снимите выделение. Если один из цветов градиента аналогичен фоновому, то получившийся эффект можно назвать "Растворяющаяся линия".
  5. Выберите цвет заливки - радиальный градиент (в инструменте "Задать цвет заливки"), окрасьте каждый кружок, входящий в выделенную область. Снимите выделение. Если один из цветов градиента аналогичен фоновому, то получившийся эффект можно назвать "Объемные шарики".
< Лекция 2 || Лекция 3 || Лекция 4 >
Яна Борисова
Яна Борисова

В тестах есть вопросы, детали которых в тестах не рассматриваются. Ест ли возможность рассмотреть материал в лекциях более подробно и в деталях?

Александра Замбровская
Александра Замбровская

Я прохожу бесплатное (самостоятельное) изучение курса Создание интерактивных приложений в Adobe Flash Могу ли я (имея высшее образование) заказать официальное удостоверение по программе повышения квалификации? Сколько это будет стоить и где можно заказать (если можно, то ссылку на страничку)?