Создание фона для Web-страниц

При создании Web-страницы используются следующие графические изображения: фоны, элементы управления (кнопки), надписи.

Для создания любого из этих элементов в первую очередь необходимо создать новый графический файл. Для этого нужно выбрать команду Файл → Создать и заполнить диалоговое окно (рис.2.4): ввести размер - Ширина и Высота, выбрать режим - RGB, OK.

Рисунок 2.4

После завершения работы над графическим изображением необходимо сохранить полученный файл в формате GIF (JPG). При необходимости можно сделать копию созданного изображения с помощью команды Изображение → Дублировать → OK.

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

Пример 2.1 Создание текстурного фона:

§ Создать новый файл (4х4 см).

§ Выбрать цвет (Панель инструментов→Цвет переднего плана, выбрать цвет и OK).

§ Залить изображение (Панель инструментов→Ведро и нажать левой кнопкой мыши в окне изображения).

§ Используя фильтры выбрать вид фона (например: Фильтр → Художественный → Губка или Фильтр → Текстур → Зерно).

§ Сохранить графический файл в формате GIF или JPEG

Пример 2.2. Создание градиентного фона:

§ Создать новый файл (40х4 см).

§ Выбрать цвета (Панель инструментов→Цвет переднего плана, Цвет фона, выбрать цвет и OK).

§ Применить линейный градиент (Панель инструментов→Линейный градиент и в окне изображения провести горизонтальную линию с помощью левой кнопки мыши).

§ Используя фильтры выбрать вид фона (например: Фильтр → Текстур → Текстуризация или Фильтр → Искажен → Океанский дождь).

§ Сохранить графический файл в формате GIF или JPEG.

Дата добавления: 2015-09-05