Организация слоев и стили

26.05.2009

В этой статье пойдет речь о панели слоев «LAYERS». Я постараюсь подробно рассказать о ней и, возможно, кому-то облегчить жизнь. Итак, начнем с начала. Думаю, нет особого смысла рассказывать, за что отвечает каждая кнопка на этой панели. Займемся практикой, а там, глядишь, все встанет на свои места.

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

Если панели слоев нет на экране, ее можно включить кнопкой F7. Для начала создадим себе рабочее поле. Создаем новый файл, с размерами, ну например, 800х600. И сразу у нас появился новый слой, под названием «Background». Это не совсем слой. Мы не можем его перемещать, не можем назначить ему эффекты, это как задняя картонная обложка в альбоме для рисования. В принципе, можно ее и отодрать, но мы ее пока оставим в покое. Только зальем его черным цветом. На панели Tools, в нижней части есть два цветных сватча, которые нам понадобятся. Не знаю, какие там сейчас цвета, да мне это и не интересно. Нажимаем кнопку «D», и цвета там становятся по-умолчанию, то есть черный и белый. Для того, чтобы залить текущий слой верхним цветом из этой минипалитры, нужно нажать «ALT»+«BACKSPACE», а чтобы залить нижним цветом – «CTRL»+«BACKSPACE».

Залили? Хорошо. На изображении слоя в панели «Layers», кстати, тоже видны изменения.

---

Текстовые слои

Теперь создадим новый слой. Текстовый. Для его создания достаточно выбрать инструмент «Text» на панели «Tools» и написать на рабочем поле какой-нибудь текст. Напишем мою любимую фразу: «YOU LIVE ONLY ONCE, BUT IF YOU LIVE RIGHT, ONCE IS ENOUGH.» Но, только не сразу всю, а разобьем ее по фразам, примерно, как на рисунке. Щелкаем инструментом «Text» на рабочем поле и вводим текст. Для завершения ввода текст можно выбрать другой инструмент, а можно нажать «Enter» на цифровой клавиатуре. (владельцы ноутбуков, соответственно, отдыхают)

Так, минуточку! Я теперь тоже владелец ноутбука и отдыхать мне неохота. Завершение ввода на ноутбуке совершается через «CTRL»+«ENTER».

В панели «Layers» появился новый слой. Не останавливаемся на достигнутом и продолжаем потихоньку вводить, создавая таким образом, новые слои. В итоге, в рабочем поле и в панели слоев должно быть примерно вот такое:

В дополнение про текст могу сказать, что для его форматирования есть специальная панель, где можно выбрать шрифт, размер, цвет, сглаживание и всякие другие параметры, которые вполне можно изучить методом научного тыка. Единственное, на чем хотелось бы остановиться, это сглаживание. Особенно, актуально оно для мелкого текста. Для разных шрифтов, подходят разные методы сглаживания. Какое, для каких, выяснять придется тоже, при помощи волшебного тыка. Сделайте масштаб отображения в 100% и пробуйте различные варианты сглаживания, до тех пор, пока шрифт не станет ровным и хорошо читаемым. Если вы делаете веб-страницу, то для заполнения текстом, который будет потом отображаться в браузере, лучше сглаживание сразу отключить вообще, потому что браузеры текст так и показывают.

 

Вот несколько наглядных примеров различных режимов сглаживания текста. Если разница между ними не очень заметна, можно поменять шрифт или уменьшить его размер.

---

Теперь, про текстовые слои, собственно. Работать с ними можно, как с обычными слоями, то есть, двигать, копировать, удалять.. в дополнение к этому, у них есть еще несколько свойств. Если щелкнуть правой кнопкой мыши на имени слоя (не на иконке), появится обширное меню, в котором мы видим:
«Layer Properties» – стандартные свойства слоя. Тут можно ввести имя слоя или выбрать цвет. Которым он будет окрашиваться в панели. Можно использовать в качестве «бантика», чтобы не потерять нужный слой.
«Blending Options» – свойства, аналогичные тем, что находятся в верхней части панели слоев. Только тут они более расширенные и мы уже видим диалоговое окно, в котором можно применять эффекты. А, посему, все это будет описано позже.
«Duplicate Layer» – создать копию слоя.
«Delete Layer» – удалить слой
«Convert to Smart Object» – конвертировать в смарт – объект. Это весьма полезное свойство. Смарт-объекты схожи внешним линкам, то есть в документе хранится копия, которую вы можете трансформировать, не изменяя оригинал.
«Link Layers» – Связать слои. Чтобы эта опция была активна, нужно выделить сразу несколько слоев.
«Select Linked Layers» – выделить остальные слои, связанные с активным.
«Select Similar Layers» – выделить слои со схожими свойствами.
«Rasterize Type» – растрировать текст. То есть, текст с текущими установками становится набором пикселей. Делать это следует в последнюю очередь и, в основном, потому, что на другой машине, где будет открываться этот файл, может не оказаться нужного шрифта.
«Create Work Path» – создает векторный путь из текста, оставляя сам текст в живых. Если вам нужно сделать путь из текста, делать его следует именно отсюда, до того, как растрировали текст, иначе у вас будет лесенка и куча ненужных точек.
«Convert to Shape» – то же самое, только создается залитый цветом слой с векторной маской. Оригинал при этом уничтожается.
«Horizontal» – горизонтальное расположение текста.
«Vertical» – вертикальное расположение текста.
«Anti-Alias None», «Anti-Alias Sharp», «Anti-Alias Crisp», «Anti-Alias Strong», «Anti-Alias Smooth» – те самые режимы сглаживания, которые можно установить прямо здесь.
«Convert to Paragraph Text» –
«Warp Text…» – искажение. Включите и посмотрите сами, как это работает. Чтобы отключить, выберите «none»
«Copy Layer Style», «Paste Layer Style», «Clear Layer Style» – копировать, вставить и удалить стиль слоя. Подробнее о стилях – позже.

 

---

Слои можно группировать, то есть помещать в папки. Делается это несколькими способами: выделите нужные слои и в меню панели «Layers» выберите «New Group from Layers…».
Второй способ – нажать на кнопку, выделенную на рисунке, для создания папки и перетащить в нее нужные слои.
Третий способ, выделить слои и нажать «CTRL»+«G»…

Папки можно вкладывать друг в друга, можно применять к ним маски, так же, как и к обычным слоям. Это бывает полезно, когда вам нужно сделать много-много картинок с одинаковой маской (например, превьюшки для сайта). Советую, перед началом размножения слоев, спланировать их в соответствующие папки, для удобства. (и обзывать сразу понятными именами. Хотя бы папки)

В новой версии Photoshop введены новые типы слоев. Такие, как трехмерные слои и видеослои. Трехмерный слой можно создать, путем открытия трехмерного файла. После создания, трехмерный объект можно поворачивать и двигать в его трехмерном пространстве, можно также обрабатывать его текстуры, стандартными средствами Photoshop. Еще можно изменить тип прорисовки объектов. Сплошная заливка, контуры и еще несколько типов.

Видеослои. Вставляете видео, как обычный слой. Если его сконвертировать в смарт-объект, к нему можно применять эффекты, маски и коррекцию. Экспортировать это все можно, либо в анимированный GIF, через функцию «Save for WEB and devices», либо еще во множество видеоформатов, через команду «Export».

Более подробно об этом можно узнать на сайте Adobe. Лично мне непонятно, для чего это делается. Для работы с видео есть специальная программа Adobe After Effects, в которой гораздо шире реализованы средства редактирования видео. Ну да ладно, посмотрим, что дальше будет.

Но мы отвлеклись. Вернемся к нашим текстовым слоям.

---

 Стили и эффекты слоев.

Стили слоев в Adobe Photoshop получаются из комбинации эффектов. Для создания нового стиля, нужно применить к слою один или несколько эффектов и полученный результат сохранить в панели стилей.
Сделаем такой эффект:

Для начала, для одного из текстовых слоев, в панели «Layers», устанавливаем значение «Fill», равное 0. «Fill» – это заливка содержимого слоя. На первый взгляд, похоже на «Opacity», но это разные вещи. «Opacity» меняет прозрачность слоя целиком, вместе с эффектами, а «Fill» меняет прозрачность только заливки слоя, а эффекты остаются неизменными. Вот это нам и понадобится. После установки «Fill», содержимое слоя стало невидимым. Вот и отлично. В меню эффектов панели «Layers» выбираем «Outer Glow»:

открывается панель эффектов с включенным уже эффектом «Outer Glow»

И сразу, слой становится видимым. У него появляется свечение по краям. Но сам он остался прозрачным. Отрегулируйте эффект «Outer Glow», по вкусу, а потом добавьте еще один – «Inner Glow». После моих регулировок, получилось вот такое:

Теперь, закрываем панель эффектов, кнопкой «OK» и ищем в интерфейсе Photoshop панель «Styles». Если она не находится, проверьте в меню «Window», включена ли она. Нашли. Отлично! Теперь, при выделенном слое, со свеженазначенными эффектами, щелкните мышью на свободном месте, в этой панели или выберите в ее меню «New style». После вопроса об имени и еще некоторых параметрах, в панели появится новый стиль.
Выделяем все остальные слои и щелкаем мышью на этом стиле.

Все наши слои, мгновенно становятся такими-же, как и первый. Вот и все.

Для того, чтобы убрать стиль со слоя, в панели слоя можно нажать на этот стиль, а можно долго и нудно, по одному, удалять эффекты со слоев.

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

В панели стилей уже есть несколько предустановленных. Можно применить их к какому-нибудь слою и посмотреть, как они устроены. Это ведь, набор эффектов, не более.

Метки: Adobe Photoshop, слои в photoshop