Иногда для воплощения творческих идей в web требуется залить некоторую область
прозрачным фоном. Тут возникает трудность - jpg и gif не сохраняют
прозрачность для фоновой заливки.
Что делать?
Имитировать прозрачность!


Создание прозрачного узора для заливки





 <Создайте файл размером 10х10 пикселов -
File --> New.

Существующий Layer1 (слой 1) залейте белым цветом.

Над слоем 1 создайте второй прозрачный слой Layer 2 - Layer --> New --> Layer (или воспользуйтесь комбинацией клавиш Shift+Ctrl+N).

Максимально увеличьте изображение.

На слое 2 инструментом Pencil (карандаш) нанесите черные точки в шахматном порядке. Размер точек 1 пиксел.

Удалите слой 1.

Выберите команду Edit --> Define Pattern (Правка - Определить узор), введите имя созданного узора.

Вуа-ля :-)

и все пропало :-(




Проверяем:

Выберите инструмент Paint Bucket, а на панели опций способ заливки узором Fill --> Pattern. В раскрывающейся панели образцов самым последним будет ваш созданный узор.

Зачем вам миниатюрная шахматная доска? Сейчас узнаете.

Создайте или откройте любое изображение которое будет служить фоном.
Для тренировки можно взять любую фотографию или ... что-то похожее на
будущий сайт.

Создайте прозрачный слой 1. Выделите прямоугольную область и заполните ее созданной шахматной заливкой.

С помощью эффектов наложите подходящий цвет на заливку слоя 2.


Вот мы с вами и у цели - прозрачность при 100% непрозрачности. Фрагмент
этого слоя можно смело сохранять в формате gif и заливать фон блока
Web-страницы.