Окно программы

Меню


ГлавнаяУрок1Урок2Урок3Урок4Урок5Урок6Урок7Урок8Урок9Урок11Урок12

Чтобы сдлелать изображение оригинальным и эффектным, к отдельным его слоям применяют различные эффекты. Эффект - это набор некторых процедур, выполняемых над одним слоем изображения, в результате которого получается имитация тени, свечения, рельефа и т.д.

Эффект можно применять только ко всему слою сразу, т.е. ко всем объектам, находящимся на слое. К одному слою можно применить несколько разных эффектов. К фоновому слою нельзя применить никакой эффект.

Применить эффекты к слою можно щелкнув по нему правой кнопкой мыши и выбрав команду Параметры наложения (Стиль слоя):

    Стиль слоя

Можно отключить отображение любого эффекта или всех эффектов, щелкнув по пиктограмме с изображением глаза напротив эффекта в палитре слоев.

Все эффекты можно редактировать в любое время после их применения. Для этого дважды щелкните по строке Эффекты или на строке с любым эффектом.

Виды эффектов.

Посмотрите на рисунок. Ко всем фигурам на нем применены рразличные ээфекты:

  1. светлозеленый круг - отбрасывание тени;
  2. оранжевый круг - внутренняя тень;
  3. темнозеленый круг - отбрасывание тени и внутренняя тень;
  4. синий квадрат - отбрасывание тени и новые скосы и выступы;
  5. желтый квадрат - сатин и текстура;
  6. красный квадрат - новые скосы и выступы, оверлей света и штриф. Благодаря свойству оверлей света сиреневый квадрат стал красным;
  7. нижний закругленный прямоугольник - контур и внутренне свечение.
    

Задание 1. Знакомство с эффектами слоя.

Цель: научиться применять эффекты слоя к различным объектам.

  1. Воспроизведите рисунок с различными видами эффектов, находящийся выше. каждая фигура должна находиться в отдельном слое.
  2. Сохраните файл для Web, выбрав подходящий формат.

Задание 2. Применение эффектов слоя в практических целях.

Цель: изготовить кнопку, которую можно использовать на Web-страницах.

  1. Создайте новый файл с именем "knopka" и размерам: ширина - 200, высота - 70 пикселов (точек), разрещение - 72 пиксела на дюйм, содержание - прозрачный свет, цвет - RGB.
  2. Создадим фон того же цвета, что и фон web-страницы (выполните заливку прозрачного слоя любым цветом).
  3. Создадим новый слой, в котором будет находиться наша кнопка. В этом слое создадим форму будущей кнопки. С помощью инструмента Прямоугольная область рисуем прямоугольник. Для того, чтобы он был с закругленными краями, выполните команду меню Выделение - Модификация - Границы. Задайте значение сглаживания числом от 1 до 16, например, 10. После этого заливаем кнопку цветом и снимаем выделение.
  4. Применим к нашей кнопке красивый внешний вид с помощью различных эффектов. Сначала сделаем кнопку объемной с помощью эффекта Новые скосы и выступы. В окошке свойств эффекта поменяйте некоторые параметры: сделайте цвет тени посветлее, а размытие тени больше.
  5. Теперь нужно отделить кнопку от фона. Это можно сделать, добавив к изображению тень(эффект Отбрасываниетени)
  6. Создайте новый слой. В этом слое нарисуем на кнопке указатель (стрелку). Для этого выберите инструмент Произвольная фигура (находится там же, где инструмент Прямоугольник) и применить форму стрелки.
  7. Применить к стрелке эффект Внутренняя тень.
  8. Сохраните файл для Web, выбрав подходящий формат. Не надо выбирать вариант с большим размером, учтите, что таких кнопок на web-странице будет много, а чем больше графики, тем дольше загружается страница.

  9. Кнопка
Hosted by uCoz