28. Эффект внутренней тени

| |



Эффект внутренней тени

Эффект Inner Shadow (Внутренняя тень) образует тень от границ на самом объекте, в результате чего объект производит впечатление вырезанного из фона. Параметры внутренней тени те же самые, что и для падающей (рис. 5.12).


Рис. 5.12. Вкладка Inner Shadow диалогового окна Layer Style

Отмените эффект падающей тени, чтобы рассмотреть эффект Inner Shadow (Внутренняя тень) без помех. Испытайте влияние параметров на вид объекта. На рис. 5.13 приведены примеры применения эффекта с разными значениями атрибутов.


Рис. 5.13. Внутренняя тень с разными параметрами

Эффект свечения

Свечение — прекрасный способ выделения объектов. Особенно широко оно применяется в Web-дизайне, где свечением в сочетании с анимацией выделяют активные кнопки и важные детали страницы.

1. Отмените остальные эффекты. Активизируйте эффект Outer Glow (Внешнее свечение) (рис. 5.14). В раскрывающемся списке Blend Mode (Режим наложения) задается обычно режим Screen (Осветление). Параметры Noise (Шум) и Opacity (Непрозрачность) действуют так же, как для эффекта тени.


Рис. 5.14. Вкладка Outer Glow диалогового окна Layer Style

2. Цвет свечения (рис. 5.15) можно задавать особым образом. Для этого служит переключатель под шкалой Noise (Шум). Левое положение переключателя с образцом цвета около него задает свечению однородный цвет. Нажатие на образце позволяет переопределить этот цвет. В правом положении переключателя объекту присваивается свечение по градиенту, образец которого показан рядом. Щелкнув на образце или на треугольной стрелке справа от него, вы сможете выбрать другой градиент или отредактировать текущий.


Рис. 5.15. Свечение однородного цвета и градиентное

3. Параметр Technique (Способ) задает точность расчета края свечения. В положении Softer (Мягкий) эффект более мягкий и прозрачный, в положении Precise (Точный) — более точно соответствует форме контура свечения и заметно ярче (рис. 5.16).


Рис. 5.16. Свечение в режимах Softer и Precise (остальные параметры. одинаковы)

4. Последние два параметра — Range (Диапазон) и Jitter (Дрожание) — наиболее активно действуют на градиентное свечение. Первый из них определяет внешнее смещение ореола (рис. 5.17), второй — наличие и степень случайного распределения пикселов в градиентном свечении (рис. 5.18).


Рис. 5.17. Диапазон свечения (смещение ореола): 30%, 60%, 90%


Рис. 5.18. Дрожание свечения: 0%, 20%, 50%

Эффект внутреннего свечения

Эффект Inner Glow (Внутреннее свечение) очень похож на предыдущий и имитирует свечение по краям или из центра объектов. Все параметры эффекта те же, что для внешнего свечения (рис. 5.19), за исключением одного- направления. Направление свечения определяется переключателем Source (Источник) с двумя вариантами: Center (Центр) и Edge (Края). Интересно, что если установить переключатель в положение Center (Центр), то область свечения будет тем меньше, чем больше параметр Size (Размер) (рис. 5.20).


Рис. 5.19. Вкладка Inner Glow диалогового окна Layer Style


Рис. 5.20. Внутреннее свечение от центра и от краев объекта

Эффект скоса и рельефа

Эффект Bevel and Emboss (Скос и рельеф) применяется очень широко и имеет массу атрибутов. Элегантно смотрится небольшой рельеф в применении к тексту. Эффект хорошо сочетается с внешней тенью и внешним свечением. Обычно рельеф лучше выглядит для объектов с нерастушеванным краем.

1. Отмените все остальные эффекты, чтобы они не мешали наблюдению.

2. Активизируйте строку Bevel and Emboss (Скос и рельеф). За данный эффект отвечают целых три вкладки окна. Главная вкладка (рис. 5.21) определяет глубину, освещение, способ создания и другие основные параметры рельефа.


Рис. 5.21. Вкладка Bevel and Emboss диалогового окна Layer Style

3. Параметр Size (Размер) регулирует ширину скоса. Испытайте разные значения размера (рис. 5.22), а затем установите его достаточно большим, порядка 20 пикселов.


Рис. 5.22. Размер скоса: 5, 20, 50 пикселов

4. В списке Style (Тип) задается тип рельефа — Inner Bevel (Внутренний скос), Outer Bevel (Внешний скос). Emboss (Рельеф), Pillow Emboss (Тиснение), Stroke Emboss (Рельефная обводка) (рис. 5.23). Последний тип виден, если активен эффект Stroke (Обводка), поскольку рельеф применяется только в обводке слоя.

а б

в г
Рис. 5.23. Тип рельефа: Inner Bevel (a), Outer Bevel (б), Emboss (в), Pillow Emboss (г) 5. Параметр Technique (Способ) определяет метод создания эффекта. Первый пункт списка Smooth (Гладкий) создает гладкий скос, режимы Chisel Hard (Грубый резец) и Chisel Soft (Тонкий резец) придают скосу вид, словно он обработан резцом (рис. 5.24). а б в
Рис. 5.24. Режимы скоса: Smooth (a), Chisel Hard (б), Chsel Soft (в)

6. Переключатель Direction (Направление) устанавливает направление рельефа: в положении Up (Вверх) эффект выпуклый, в положении Down (Вниз) — вогнутый (рис. 5,25). Направление рельефа особенно очевидно, если сравнить рельефы типа Pillow Emboss (Тиснение).

7. Параметр Soften (Сглаживание) определяет сглаживание рельефа. Чем сильнее сглаживание, тем более мягким будет скос рельефа.


Рис. 5.25. Выпуклый и вогнутый рельеф

8. В области Shading (Затенение) регулируются параметры освещения рельефа. Область Angle (Угол) определяет угол падения света. Перемещая крестик на схеме, символизирующий источник света, наблюдайте за изменениями (рис. 5.26). Заметьте, что угол освещения задается по двум измерениям — по отношению к фронту объекта и по отношению к поверхности, на которой он находится. Чем ближе источник к середине схемы, тем более фронтальным будет освещение.


Рис. 5.26. Разный угол падения света для эффекта рельефа

9. В поле Gloss Contour (Контур сияния) устанавливается профиль освещения. Чем более сложен контур, тем изощреннее освещение. Испытайте влияние параметра (рис. 5.27). Вы увидите, что сложный контур очень подходит для имитации блестящих, металлических или стеклянных объектов.


Рис. 5.27. Различные контуры сияния рельефа

10. Последняя группа параметров определяет режим и интенсивность освещения и затемнения участков в результате действия направленного света. Рядом со списками режимов наложения расположены образцы цветов для света и тени, которые можно изменить.

Наряду с общими параметрами устанавливаются дополнительные атрибуты рельефа в специальных вкладках Contour (Контур) и Texture (Текстура). Вкладка Contour (Контур) (рис. 5.28) имеет единственную область, определяющую форму скоса, т. е. фаску. Можно задать собственно форму (рис. "5.29) и размер фаски относительно скоса.


Рис. 5.28. Вкладка Contour диалогового окна Layer Style


Рис. 5.29. Разная форма скоса

На вкладке Texture (Текстура) выбирается текстура поверхности (из образцов узоров), размер ячейки текстуры в шкале Scale (Масштаб) и ее рельефность в области Depth (Глубина), причем можно задавать как обычную, так и инвертированную текстуру (рис. 5.30).


Рис. 5.30. Разная текстура рельефа


| |



./GLAVA_5/100.jpg

Изображение: 

./GLAVA_5/101.jpg

Изображение: 

./GLAVA_5/102.jpg

Изображение: 

./GLAVA_5/105.jpg

Изображение: 

./GLAVA_5/106.jpg

Изображение: 

./GLAVA_5/107.jpg

Изображение: 

./GLAVA_5/20.jpg

Изображение: 

./GLAVA_5/21.jpg

Изображение: 

./GLAVA_5/22.jpg

Изображение: 

./GLAVA_5/24.jpg

Изображение: 

./GLAVA_5/25.jpg

Изображение: 

./GLAVA_5/26.jpg

Изображение: 

./GLAVA_5/27.jpg

Изображение: 

./GLAVA_5/30.jpg

Изображение: 

./GLAVA_5/31.jpg

Изображение: 

./GLAVA_5/32.jpg

Изображение: 

./GLAVA_5/35.jpg

Изображение: 

./GLAVA_5/36.jpg

Изображение: 

./GLAVA_5/37.jpg

Изображение: 

./GLAVA_5/40.jpg

Изображение: 

./GLAVA_5/41.jpg

Изображение: 

./GLAVA_5/45.jpg

Изображение: 

./GLAVA_5/46.jpg

Изображение: 

./GLAVA_5/47.jpg

Изображение: 

./GLAVA_5/50.jpg

Изображение: 

./GLAVA_5/51.jpg

Изображение: 

./GLAVA_5/52.jpg

Изображение: 

./GLAVA_5/53.jpg

Изображение: 

./GLAVA_5/55.jpg

Изображение: 

./GLAVA_5/56.jpg

Изображение: 

./GLAVA_5/57.jpg

Изображение: 

./GLAVA_5/60.jpg

Изображение: 

./GLAVA_5/imag111.gif

Изображение: 

./GLAVA_5/imag1111.gif

Изображение: 

./GLAVA_5/image063.jpg

Изображение: 

./GLAVA_5/image085.jpg

Изображение: 

./GLAVA_5/image085.jpg

./GLAVA_5/image091.jpg

Изображение: 

./GLAVA_5/image130.jpg

Изображение: 

./GLAVA_5/image132.gif

Изображение: 

./GLAVA_5/image134.gif

Изображение: 

./GLAVA_5/image136.gif

Изображение: 

./GLAVA_5/image138.gif

Изображение: 

./GLAVA_5/image140.gif

Изображение: