Урок №19. Стили слоя

Всем приветик. За окном четверг, а сегодня нас ждет довольно таки объемный урок по изучению стилей слоя. Сразу рекомендую закреплять все практикой и самому попробовать применить все настройки стилей.

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

Как нарисовать произвольную фигуру?  В панели инструментов выбираем инструмент произвольная фигура, из выпадающего списка выбирает ту, которая больше нравится.

Стили слоя. Создать произвольную фигуру

А теперь переходим к стилям слоя. Я знаю 3 способа вызова этой функции. А вы?

  1. Через меню вкладка Слои / Стили слоя, выбрать из списка нужный стиль слоя.
  2. Так же можно сделать два щелчка по самому слою в панели слоев, откроется всплывающее окно Стилей слоя
  3. Или использовать значок функции внизу панели слоев .

Лично я пользуюсь вторым способом вызова стилей слоя. Удобно, да и в привычку уже вошло.

Давайте рассмотрим, так о каких стилях слоя у нас пойдет речь в этом уроке.

  1. Параметры наложения по умолчанию
  2. Тень
  3. Внутренняя тень
  4. Внешнее свечение
  5. Внутреннее свечение
  6. ТиснениеКонтур и Текстура
  7. Глянец
  8. Наложение цвета
  9. Наложение градиента
  10. Наложение узора
  11. Обводка

Что бы видеть результат ваших манипуляций с объектом – поставьте галочку Просмотр.

Стили слоя – Тень и Внутренняя тень

Стиль слоя - Тень

Настройки внутренней тени практически ничем не отличается от настроек обычной тени. Если тень создает эффект выпуклости, то внутренняя тень – вдавленности в фон.

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

Первая настройка, которую можно задать тени – режимы наложения, но в большинстве случаев – она не применяется. Но вы можете поэкспериментировать и посмотреть, что из этого получится. И выбрать цвет вашей тени.

Настройка прозрачности позволяет задать интенсивность тени и ее прозрачность на фоне. Задается как в процентом соотношении, так и с помощью ползунка.

Здесь же можно задать угол самой тени. Для этого достаточно перемещать радиус в нужном направлении или задать его вручную. Еще, как вариант, можно кликнуть по самой тени и переместить ее в нужное место, настройка автоматически подстроится под ваши действия.

Смещение, размах и смещение задается аналогично.

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

Настройка шума, создает смешивание пикселей тени с пикселями фона и получается интересный эффект. Задается ползунком и вручную.

Использовать по умолчанию – значит использовать только, что настроенную тень, как стандартную. Или можно восстановить значения по умолчанию и все настройки примут первоначальное значение.

Стиль слоя – Внешнее и внутреннее свечение

Стили слоя - Внешнее и внутреннее свечение

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

Так же как и в тени, есть настройка режима наложения. По умолчанию стоит экран, но вы можете выбрать наиболее подходящий вам.

Настройка прозрачности такая же как и у тени. А вот шум создает смешение пикселей не фона и цвета свечения, а смешение цветов самого свечения, если в нем принимает участие несколько цветов.

Тут же можно выбрать между настройку цвет или градиент свечения.

Элементы задаются настройкой метода, размаха и размера свечения. Размах и размер задается стандартно, как в тени. А вот на элемент метод стоит обратить внимание. Мягкий метод создает более гладкие края свечения, а точный – резкие края.

Здесь же для внутреннего свечения появляется дополнительная настройка источник, в которой можно задать, откуда будет идти внутреннее свечение: от центра или от краев.

Настройки качества представлены настройкой контура, диапазона и колебанием

Стили слоя – Тиснение

Стиль слоя - Тиснение

Тиснение помогает придать объемную форму определенному объекту. Здесь достаточно много интересных настроек, поэтому приготовьтесь и запаситесь терпением.

В стилях можно выбрать, откуда будет придаваться объем. Сами настройки дают логическую подсказку: внешней конус — с внешней стороны, внутренний конус… По экспериментируйте с этой настройкой и вы увидите как стиль изменяет внешний вид фигуры.

Идем дальше… Метод, как и в других настройках, позволяет задать четкость контуров: плавное, мягкая и жесткая огранка.

Настройка глубины придает тиснению внешний вид глубины, т.е. насколько его будет видно. Дополнить глубину может настройка направления, которая показывает направлении расположения света.

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

Угол и высота для тиснения задается в процентах и позволяет вам выбрать нужное расположение для тиснения ваших объектов. С настройками контура мы уже успели познакомится, поэтому смело экспериментируйте.

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

У настройки теснения есть две дополнительные вкладки: контур и текстура. Настройки контура такие же как и в тиснении, с дополнительной настройкой диапазона. Настройка текстуры, позволяет задать тиснению нашему рисунку узор из уже установленных или создать новый. Коррекция глубины и масштаба доступна при любом узоре.

Стиль слоя – Глянец

Стиль слоя - Глянец

Настройки глянца почти такие же, как и настройки тиснения. Но как такового эффекта глянца довольно таки сложно добиться.

Стиль слоя — Наложение цвета, градиента,  узора

Наложение цвета, самая простая настройка. Для этого нужно просто выбрать цвети и режим наложения, который дает совершенно разные эффекты цвета. Полученному результату можно задать прозрачность, которая смешивает цвета. При установке прозрачности на 50% смешиваются новый цвет и цвет основы. При 100% непрозрачности – остается полностью новый цвет. Так регулируя эту настройку, можно добиться совершенно уникального цвета.

Стиль слоя - Градиент

А вот на наложении градиента мы остановимся более подробно. Помимо стандартных настроек типа режима наложения, прозрачности, стиля, угла и масштабирования, градиент здесь играет особую роль. Как всегда нам предлагают выбрать градиент из установленных образцов, но как быть если ни один нам не подходит. Для этого просто щелкаем по градиенту и во всплывающем окне появляется настройка самого градиента. Шкала градиента показывает, от какого цвета идет переход цветов. Их может быть неограниченное множество, все зависит от вашей фантазии.

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

Гладкость указывает, на сколько плавно будут переходить цвета друг в друга. И не забудьте нажать кнопку «ОК», которая сохранит все ваши усилия по созданию нового градиента. Стиль слоя поможет выбрать направление градиента.

Стили слоя - Наложение узора

Наложение узора позволяет выбрать узор из текстур предложенных установкой фотошопа или если необходимо, то можно добавить свои. Как видно настройки тоже не слишком сложные.

Стили слоя — Обводка

Стиль слоя - Обводка

Ну и наконец-то, мы добрались до моего любимого стиля слоя — обводки. Обводку можно применять к обводке текста, объекта, слоя цветом, узором или градиентом. Так же можно выбрать где будет обводка: снаружи или изнутри. Применить режим наложения и задать цвет.

Фух… осилили.. Остались вопросы? Я думаю, масса… Пишите в комментариях, будем разбираться вместе.

Прокопенко Ирина

Обновления блога на вашу почту

Введите свой рабочий email: 100% сохранность и конфиденциальность ваших данных гарантируется. Вы получаете только авторские материалы блога.

Автор записи

Блоггинг, создание сайтов, графика, дизайн, уроки, эксперименты, креатив :)