Техника Web-дизайна для студента

Заливка изображений

Заливка может использоваться при создании простых рисунков, например: кнопок, разделов меню, GIF-анимации. Возможно применение заливки и при обработке фотоизображений.

Для заливки предназначены два инструмента, находящиеся на панели инструментов: Paint Bucket Tool (Заливка) — однотонная или узорная заливка и Gradient Tool (Градиент) — градиентная заливка.

1йЯ ^ | Gradient Tool G I

■ Л* Paint Bucket Tool G

Панель параметров инструмента Paint Bucket Tool (Заливка) со­держит следующие элементы. В списке Fill (Заливка) выбирается тип заливки: Foreground — заливка основным цветом или

Pattern — узорная заливка. При выборе второго варианта стано­вится доступным список образцов узорных заливок Pattern. В рас­крывающемся списке режимов наложения пикселей Mode (Режим) нужно выбрать значение Normal (Обычный). В поле Opacity (Непрозрачность) задается степень непрозрачности залив­ки (100 % — полная непрозрачность). Что касается поля Tolerance (Допуск), а также флажков Contiguous (Смежный) и Use All Layers (Использовать все слои), то информация о них, приведенная для инструмента Magic Wand (Волшебная палочка), справедлива и в этом случае, если слово "выделение" заменить словом "заливка". Назначение флажка Anti-aliased (Сглаживание) уже объяснялось применительно к выделению. Установка данного флажка при за­ливке способствует созданию плавного перехода от пикселей в области заливки к соседним пикселям.

Градиентная заливка предусматривает плавный переход от одно­го цвета к другому. Первым элементом панели параметров инст­румента Gradient Tool (Градиент) является палитра градиентных переходов. Цвета некоторых переходов зависят от установлен­ных на панели инструментов основного и фонового цветов. Да­лее располагаются 5 кнопок выбора типа градиентной заливки: Linear Gradient — линейная, Radial Gradient — радиальная, Angle Gradient — коническая, Reflected Gradient — зеркальная, Dia­mond Gradient — ромбовидная. Справа от кнопок располагается раскрывающийся список Mode (Режим), из которого нужно вы­брать значение Normal. Установка флажка Reverse (Перемена) позволяет поменять местами начальный и конечный цвет гради­ентного перехода. Не все возможности градиентных переходов будут нами использоваться, поэтому устанавливать флажки Dither (Степень имитации) и Transparency (Прозрачность) и объяснять их назначение не будем.

Создание рамки вокруг рисунка

Рассмотрим пример использования заливки.

□ Откроем рисунок, вокруг которого предстоит создать рамку, используя команду Open (Открыть) меню File (Файл).

О Выделим весь рисунок, используя команду меню Select | АН (Выделение | Все).

О Выполним команду меню Edit | Сору (Правка | Копировать), поместив копию рисунка в буфер обмена.

О Создадим новое изображение (команда меню File | New (Файл | Создать)). В диалоговом окне New (Создать) увели­чим предлагаемую ширину и высоту рисунка на 20 рх. Поло­жение переключателя Contents (Содержание) значения не имеет.

О Воспользуемся инструментом Paint Bucket (Заливка). На па­нели параметров выберем тип заливки Pattern (Узорная) и желаемый вид узора. В поле Opacity (Непрозрачность) уста­новим 100 %. Так как фон нового рисунка абсолютно одно­роден, то значение поля Tolerance (Допуск) может быть лю­бым от 0 до 255. Состояние флажков в данном случае также не имеет значения. Щелкнув по полю нового изображения, осуществим его заливку.

О Используя команду меню Edit | Paste (Правка | Вставить), вставим рисунок из буфера обмена в поле нового рисунка (рис. 3.23).

□ Сохраним рисунок.

Таким образом, мы создали вокруг рисунка внешнюю рамку толщиной 10 рх. Если требуется создать внутреннюю рамку, т. е. использовать для этого пиксели самого рисунка, то тогда можно поступить следующим образом:

□ выделить весь рисунок;

□ создать рамку выделения по периметру рисунка, для чего нужно воспользоваться командой меню Select | Modify | Bor­der (Выделение I Модификация | Рамка), введя в диалоговом окне Border Selection (Рамка выделения) ширину рамки, на­пример 10 рх;

О выбрав инструмент Paint Bucket (Заливка) и выполнив необ­ходимые установки на панели параметров, поместить указа­тель мыши над рамкой выделения и произвести щелчок;

□ сохранить рисунок.