Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
CompGraphicsRGUIT.doc
Скачиваний:
72
Добавлен:
21.04.2014
Размер:
2.03 Mб
Скачать

Способ 3. Использование контура

Термин Pathв компьютерной литературе имеет два перевода:контур,ипуть.Первый из них лучше передает смысл данного термина.

  1. Создать новый рисунок размером 300х200 пикселей.

  2. Используя инструментPen, отметить узловые точки будущего контура.

  3. И

    Рис. 63. Инструменты создания и редактирования контура.

    нструментомConvertPointизменить кривизну линий около узловых точек. Для большей точности построения можно вывести на экран сеткуShow Grid (Alt +Ctrl + ‘).

  4. Превратить контур в выделение (Load path asSelection).

  5. Выполнить заливку выделенной области градиентом.

Данный способ удобен тем, что сохраненный контур впоследствии можно изменять и модифицировать.

После превращения контура в выделение, можно также превратить его в линию (Edit - Stroke).

Задание для самостоятельной работы

Создать самостоятельно два-три различных изображения, используя описанные выше технологические приемы.

3.6. Градиентная заливка

Используя градиентные заливки, можно создавать изображения с эффектом «выпуклости». В частности данный прием применяется для создания «кнопок», которые можно использовать как элемент дизайна веб-страницы.

  1. Удерживая клавишу Shift, создать контур будущей кнопки пользуясь инструментом Elliptical (Эллипс) из набора Marquee.

Нажатая клавиша Shift, позволяет создавать правильные геометрические фигуры (круги, квадраты, линии под углом строго 45 и 90 градусов и т.д.)

  1. Назначить белый цвет основным.

  2. Выбрать инструмент Gradient (Градиент).

Рис. 64. Средства управления и редактирования градиента.

В верхней части окна появятся средства управления и редактирования градиента, показанные на рисунке 64.

  1. Вызвать редактор градиента. В окне редактора нажать на кнопку New, отметить появившуюся новую рамку, и щелкнуть по ней мышкой. В окнеGradient Nameввести имяLine(Линия).

Рис. 65. Редактор градиента (нижняя часть). Над полосой – маркеры прозрачности, под ней – маркеры цвета.

  1. Выделяя мышкой и используя кнопку Delete, удалить последовательно все маркеры, кроме двух на верхней и двух - на нижней стороне полосы редактирования градиента (см. рис. 65).

  2. Расставить пары маркеров по крайним позициям: у точек 0 и 100.

  3. Двойным щелчком по левому маркеру цвета вызвать палитру цветов.

  4. Инструментом Eyedropperвыбрать синий цвет для левой стороны градиента.

  5. Аналогично пп. 7,8, определить белый цвет для правой стороны градиента.

  6. Выделяя последовательно маркеры управления прозрачностью, установить значение параметра Opacity (непрозрачность) для каждого из них = 100.

  7. Преобразовать слой в растровый: установить указатель мыши над значком слоя в палитре Layers;вызвать выпадающее меню правой кнопкой мыши; выбрать позициюRasterize.

  8. Выделить окружность, используя инструмент Magic Wand (Волшебная палочка).

  9. Выбрать тип градиента: Линейный (Linear).

  10. Установить указатель мыши на какую-либо точку внутри окружности, нажать на левую кнопку мыши, перетащить указатель в другую точку и отпустить кнопку мыши.

Указанным способом задается путь от начальной до конечной точки градиентной заливки. Все виды заливки, кроме AngleGradient( угловой), задаются этим способом.