ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

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

Эффект Наложение цвета. Эффект Наложение градиента

Наложение цвета

Эффект Наложение цвета

Эффект Наложение цветом позволяет откорректировать оттенок цвета элемента или всего изображения в целом.

Откройте изображение, поместите его на отдельный новый слой. В списке эффектов выберите пункт Налажение цвета. Появится окно с параметрами Режим наложение, Задайте цвет перекрытия, Непрозрачность.

Параметры эффекта Наложение цвета

Непрозрачность регулирует интенсивность покрывающего цвета.

Если Режим наложения установлен в позицию Нормальный, то покрывающий цвет просто накладывается сверху, а сквозь него проступает элемент. В позиции Перекрытие изображение приобретает заданный оттенок. Жесткое смешение позволяет смешивать цвета изображения и покрывающего цвета.

Раскрывающейся список режима Наложение

Для выбора цвета надо в параметре Задайте цвет покрытия щелкнуть по монотонно залитому прямоугольнику и в появившемся окне выбрать оттенок.

На рисунке приведены примеры применения рассматриваемого эффекта в отношении разнообразных элементов.

Оригинал рисунка Режим ПерекрытиеРежим Жесткое смешение

Эффект Наложение цвета позволяет не только задать общий оттенок всему содержимому слоя, но и указать особенности смешивания цветов элемента и фона.

Наложение градиента

Эффект Наложение градиента аналогичен предыдущему эффекту.

Выделите слой, в списке выберите пункт Наложение градиента. Появляется окно предварительных параметров.

Предварительные настройки эффекта Наложение градиента

Помимо параметров Режим наложения и Непрозрачность здесь есть:

  • Градиент — настройка типа градиента или указание смешиваемых цветов. Градиент настраивается стандартным способом;
  • Стиль позволяет выбрать любой стиль градиента из описанных по теме Градиент;

    Варианты стиля

  • Угол — угол перехода цветов. Его можно выставить вручную, либо задать градусную меру;
  • Масштаб отвечает за длительность перехода одного цвета в другой.

Эффект Наложение градиентом дает возможность смешать изображение основного элемента с настроенным градиентом.

Примерный вариант подобного совмещения показан на рис.

Наложение градиента Наложение градиента