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

Создание прозрачного фона изображения

Форматы графических файлов предусматривают сохранение изображений прямоугольной формы. Однако желание разнооб­разить свою ¥еЬ-страницу ставит задачу размещения рисунков разнообразных форм. Этого можно достичь, сделав прозрачным фон рисунка за пределами контура объекта, изображение кото­рого необходимо разместить на странице. Пример показан на рис. 3.24.

Создание прозрачного фона изображения

Рис. 3.24. Создание прозрачного фона изображения за пределами контура объекта

Инструменты, позволяющие удалять пиксели изображения, вхо­дят в группу Eraser (Ластик).

Создание прозрачного фона изображения

Инструмент Background Eraser Tool (Ластик фона) — основной инструмент для удаления фона. Изменяя установки панели па­раметров, можно сделать удобным применение инструмента в различных условиях. Инструмент Background Eraser (Ластик фо­на) фактически является кистью, которой и удаляется фон, по­этому, прежде всего, следует задать ее параметры. Для этого нужно щелкнуть по кнопке Brush (Кисть) на панели параметров, после чего откроется диалоговое окно (рис. 3.25).

Создание прозрачного фона изображения

Рис. 3.25. Диалоговое окно настройки параметров кисти инструмента Background Eraser

В поле Diameter (Диаметр) устанавливается диаметр кисти. В поле Hardness (Жесткость) — степень размытости краев кисти (100 % — максимальная резкость краев, 0 % — максимальная размытость краев). Поле Spacing (Промежуток) предназначено для задания расстояния между соседними штрихами при пере­мещении кисти в процентах от ее диаметра. Поля Angle (Угол) и Roundness (Форма) позволяют сделать кисть овальной и изме­нить угол наклона овала. Результаты можно наблюдать на образ­це слева от полей. То же самое можно проделать непосредствен­но на образце с помощью мыши, перемещая одну из жирных точек на окружности и стрелку.

Принцип работы инструмента заключается в том, что при нажа­тии клавиши мыши удаляются все пиксели, попавшие в пло­щадь кисти и имеющие такой же или близкий (в зависимости от допуска Tolerance на панели параметров) цвет с пикселем, ока­завшимся под крестиком. Кроме того, если в списке LimiTs (Границы) выбран режим работы инструмента Contiguous (Смежные), то удаляются только смежные пиксели (рис. 3.26, />), а если режим Discontiguous (Несмежные) — удаляются все пик­сели в площади кисти (рис. 3.26, с).

Создание прозрачного фона изображения

С)

Рис. 3.26. Пример удаления пикселей: а — исходное изображение,

6 — удаляются только смежные пиксели, с — удаляются все пиксели

Режим Find Edges (Поиск краев) в целом аналогичен режиму Contiguous, но обеспечивает большую резкость обработки краев.

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

Пиксель, оказавшийся под крестиком в момент нажатия клави­ши мыши служит образцом, близость к которому по цвету дру­гих пикселей приводит к их удалению. Если в списке Sampling (Выбор образца) установить режим Once (Однажды), то однажды выбранный образец в процессе движения инструмента по изо­бражению меняться не будет. Установка режима Continuous (Не­прерывно) означает, что каждый пиксель, оказавшийся под кре­стиком, становится образцом. В режиме Background Swatch (Фоновый цвет в качестве образца) будут удаляться только пик­сели текущего фонового цвета и близкие по цвету в соответст­вии с допуском (Tolerance).

В поле Tolerance (Допуск), устанавливается величина допуска (от

1 до 100 %), определяющая степень близости по цвету удаляемых пикселей к образцу. Чем меньше эта величина, тем ближе к об­разцу должны быть по цвету пиксели, чтобы они были удалены.

Установка флажка Protect Foreground Color (Защита основного цвета) защищает пиксели, окрашенные основным цветом от удаления.

Инструмент Magic Eraser (Волшебный ластик) — удобен для удаления пикселей достаточно однородных по цвету фрагментов или выделенных фрагментов. После выбора инструмента нужно щелкнуть по одному из пикселей удаляемого фрагмента, кото­рый станет образцом.

В зависимости от значения параметра Tolerance (Допуск) (от 0 до 255) будут удаляться пиксели близкие по цвету к образцу. Чем меньше значение параметра Tolerance (Допуск), тем ближе по цвету к образцу должны быть удаляемые пиксели. Если уста­новить 255, то будут удалены все пиксели изображения. Это удобно использовать для того, чтобы сделать прозрачным выде­ленный фрагмент изображения. Если удаление производится при снятом флажке Contiguous (Смежные), то пиксели будут удаляться независимо от их расположения на изображении. При установленном флажке удаляются только смежные пиксели.

Поле Opacity (Непрозрачность), позволяет регулировать степень воздействия инструмента на пиксели. Если установлено 100 %, то пиксели удаляются полностью, а фрагменты, где они находи­лись, становятся прозрачными. При меньших значениях насту­пает частичная прозрачность, которая при значении 1 % прак­тически не видна. Установка флажка Anti-aliased (Сглаживание) ведет к сглаживанию контура удаляемых фрагментов, а флажка

Use All Layers (Использовать все слои) — к удалению пикселей во всех видимых слоях изображения.

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

Примеры использования динамических фильтров

Одновременное использование нескольких фильтров применительно к различным изображениям Сформулируем задачу следующим образом. В момент загрузки страницы начинают появляться три изображения с использова­нием разных эффектов, а через 3 с возникают еще …

Описание динамических фильтров

Рассмотрим виды динамических фильтров, а также примеры их применения. О Barn (motion=3Ha4eHne, orientation=3Ha4eHne, duration= значение) — создает эффект вертикальных (orientation= vertical) или горизонтальных (orientation=horizontal) за­дергивающихся (motion=in) ИЛИ раскрывающихся (motion=out) штор. …

Динамические фильтры (переходы)

Динамические фильтры часто называют переходами. Такое на­именование не случайно. С одной стороны, в документе они описываются аналогично статическим фильтрам, хотя и требуют для управления дополнительной программы на JavaScript (впро­чем, управляющая …

Как с нами связаться:

Украина:
г.Александрия
тел./факс +38 05235  77193 Бухгалтерия

+38 050 457 13 30 — Рашид - продажи новинок
e-mail: msd@msd.com.ua
Схема проезда к производственному офису:
Схема проезда к МСД

Партнеры МСД

Контакты для заказов оборудования:

Внимание! На этом сайте большинство материалов - техническая литература в помощь предпринимателю. Так же большинство производственного оборудования сегодня не актуально. Уточнить можно по почте: Эл. почта: msd@msd.com.ua

+38 050 512 1194 Александр
- телефон для консультаций и заказов спец.оборудования, дробилок, уловителей, дражираторов, гереторных насосов и инженерных решений.