И снова очередной урок создания дизайна страницы сайта в программе Фотошоп. На это раз — слои в Фотошопе. Если Вы помните, мы уже разбирались что такое слои в Фотошопе и какие они бывают. Вот здесь: Кисти, как инструменты Adobe Photoshop. Сегодня наша задача состоит в том, чтобы разобраться, что такое слои в Фотошопе и как работать со слоями.
Итак, разберемся поподробнее, что такое слои в Фотошопе и с чем «их едят»:
Хотя слои, конечно, не едят, а очень широко используют при работе в Фотошопе, в частности и в создании дизайна для сайтов. Итак, поближе к слоям Фотошопа. В предыдущей статье мы создали слой поверх фонового и рисовали всякую всячину с помощью кистей. Перед этим мы заливали фоновый слой цветом и градиентом. Возможно, у вас возник уже вопрос а можно ли заливать не весь слой а какую-то выделенную часть? Можно и нужно! Для этого существует несколько инструментов. Одни из самых употребляемых — вот этот:
Если щелкнуть на этом значке правой клавишей выпадет меню из четырех пунктов. Для нас представляют интерес два первые – Инструмент «Прямоугольная область» и Инструмент «Овальная область». Щелкнем курсором на первом. Как на рисунке. Теперь к делу. Давайте научимся выделять отдельные области и заодно поэкспериментируем с такой функцией, как слои в Фотошопе.
Можно взять ваш сохраненный фоновый слой, хотя давайте создадим еще один, для практики, не помешает. Итак запускаем Фотошоп. Идем в меню Файл (File) – Новый (New). Настройки те же, что и в разделе Создаем файлы для Photoshop. Кстати их можно сохранить, чтобы не устанавливать каждый раз. Для этого в меню Новый, после того, как все настройки выставлены, жмем кнопку Сохранить набор и в меню Набор параметров нового документа жмем Да. Теперь если нужно будет найти нужные установки в меню Новый достаточно щелкнуть в окошке Набор на треугольнике справа и в выпадающем меню выбрать свой набор.
Возвращаемся к теме слои в Фотошопе. Итак, файл создан. Зальем его каким-то цветом. Ну, белым, например.
Заходим в меню Слои и создаем новый слой Слой2 и еще один Слой3. Активируем Слой2, щелкнув левой клавишей мышки. На панели инструментов выбираем Кисть и цвет кисти, например красный, в основном меню Окно – Кисти, выбираем лист и наносим рисунок на Слой2:
Щелкаем на Слой3, выделяя его. В панели инструментов активируем инструмент Прямоугольная область. Подводим курсор мышки на слой, зажимаем левую клавишу и не отпуская тянем по слою пока не выделим прямоугольник нужного размера. Выделили? Зальем его каким-то цветом, ну например коричневым, так же как мы это делали с фоном. Вот так:
Продолжаем изучать слои в Фотошопе и попутно, о кое чем интересном:
Посмотрите на меню Слои в верхний правый угол. Здесь есть три окошка – первое с раскрывающимся списком, Непрозрачность (Opacity) и Заливка (Fill). Первое поле изменяет режим наложения слоев. Всего существует 23 различных режима наложения: Нормальный (Normal), Растворение (Dissolve), Умножение (Multiply) и др., — применяя которые можно получить множество оригинальных эффектов:
Если кликнуть на треугольнике окошка Непрозрачность — появиться шкала с бегунком передвигая который можно регулировать прозрачность слоя. В окошке Заливка – интенсивность заливки. Зачем нужно? Установим прозрачность слоя 75%. Вот, что должно получиться:
Как видим, листья просвечивают через заливку Слоя 3. Этот прием очень часто применяется WEB дизайнерами.
Это еще не все, что могут делать слои в Фотошопе. Давайте уж закончим с ними, а инструменты выделения изображения рассмотрим на страницах по работе с графикой в Photoshop. Как я уже говорил, к слоям можно применять различные стили. Что такое стиль? Это, если сказать образно, мощное оружие Photoshop, с помощью которого слои в Фотошопе получают новые возможности. И это оружие очень пригодится при создании дизайна сайта. Сейчас разберемся.
Сохраните созданный вами файл в формате PSD, и прошу на страницу Полезная и красивая вещь стили для Photoshop