Слои и всё о слоях. Уроки фотошопа Layers

[Lo...]

Слои и работа с ними.

Начиная изучать фотошоп каждый сталкивается с функцией Layer (Слой).
Что это такое и как ими пользоваться? Иногда проходит много времени и затрачивается масса сил что бы наконец понять для чего они нужны, и как с ними работать.
Но всё гораздо проще чем нам кажется.

1.Открываем палитру слоёв.

Начнём с того что откроем палитру (или панель) слоёв в фотошопе. Если она у вас ещё не открыта, то идите В Window (Окно) (Верхняя панель опций) и выберите из списка Layer (Слой) или же просто вызовите палитру нажатием клавиши F7(нажатием этой же клавиши вы можете спрятать палитру слоёв если она мешает вам работать с изображением).

Открыв любой документ (изображение) в фотошопе вы увидите как в палитре слоёв появилась иконка с этим изображением. Слой в документе один и в палитре слоёв тоже будет отображаться один слой.

Untitled-1.jpg

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

2. Добавление слоя-изображения.

А теперь рассмотрим это на примере.
Добавим на наше изображение ещё один слой , допустим рамку-слайд (изображение в формате PNG, и потому оно на прозрачном фоне). Можете выделить слайд(Ctrl +A), скопировать его (Ctrl +C), а потом вставить (Ctrl +V) слайд в файл с изображением, или просто перетащить его инструментом Move Tool (Перемещение).

На изображении в правом углу расположилась рамка. В палитре слоёв мы теперь можем наблюдать два слоя. Первый слой - это слой Background(он у нас находится внизу), и второй слой с бабочкой Layer 1), он находится выше слоя Background, и в правом углу иконки в палитре слоёв вы можете видеть маленькую рамку на прозрачном фоне.

3. Выделение(активность) слоя.

Также вы можете видеть что верхний слой который мы только что перетащили окрашен в синий цвет, это говорит о том что этот слой выделен (или активен, то есть он рабочий) и вы можете с ним работать: перетаскивать, удалять, добавлять эффекты слоя и так далее, то есть: все изменения которые мы будем производить коснуться только выделенного (активного фона) Что бы выделить другой слой, в данном случае это само изображение (Background) нужно кликнуть по нижнему слою мышкой, и выделится нижний слой.

Рабочим в палитре слоёв является выделенный слой (окрашенный в синий цвет).

Untitled-2.jpg

4. Видимость слоя.

Мы можем выключить слой с рамкой (то есть сделать его невидимым), нажав на иконку с глазом, рядом с иконкой слоя с рамкой). Слой с рамкой стал невидимым, что бы вернуть ему видимость нужно снова нажать на глаз. Слой с со слайдом становится видимым:

Untitled-4.jpg

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

Untitled-5.jpg

[Lo...]

5. Перетаскивание слоя.

А теперь посмотрим что мы можем делать ещё со слоем с рамкой (Layer 1). Мы можем перетаскивать нашу рамку по всему файлу, в любое место куда нам нужно, но для этого в палитре слоёв должен быть выделен слой с рамкой, и не забудьте воспользоваться инструментом Move Tool из палитры инструментов.

df7a6b9b3534.jpg

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

Untitled-6.jpg

6. Дублирование слоя.

Что мы можем ещё сделать с нашей рамкой в палитре слоёв? Конечно же продублировать. То есть создать точно такой же слой со слайдом. Для этого мы должны или: Нажать правой кнопкой мыши на слой с рамкой в палитре слоёв и из списка выбрать: Duplicate layer...

Untitled-7.jpg

Или в верхней панели опций выбрать: Layer>Duplicate Layer (Слой-Дублирование слоя):

Untitled-8.jpg

И нажать на ОК во вспылвающем окне.

Untitled-9.jpg

Или же перетащить иконку слоя в нижний правый угол на иконку похожую на квадратик с загнутым уголком Create a new layer (создать новый слой):

10.jpg

И самый простой и чаще всего применяемый мною способ это сочетание клавиш Ctrl+J.
Теперь в нашей палитре слоёв 3 слоя: Background, слой с рамкой (Layer 1) и только что созданный слой с рамкой, который фотошоп по умолчанию назвал Layer 1 copy.

Новый слой с рамкой автоматически был создан над выделенным слоем (по умолчанию фотошоп создаёт новый слой или дубликат слоя над выделенным слоем).

Итак у нас в палитре слоёв три слоя, а в самом файле мы видим всего-то наш фон и рамку, но это только потому что фотошоп создаёт дубликат слоя строго над тем же слоем что у нас был. Потяните инструментом Move Tool бабочку в сторону, и вы это увидите:

11.jpg

[Lo...]

7. Переименование слоя.

Слоёв в палитре становится уже много, и если при работе с документом вы создаёте много слоёв, то чтобы не запутаться, можно слои переименовать: двойной клик по названию слоя в палитре слоёв, и вписывайте любое описательное название. Допустим первый слой с рамкой, который у нас по умолчанию называется Layer 1 я переименую в "рамка", а продублированную бабочку Layer 1 copy "рамка1".

12.jpg

8. Разблокирование слоя.

Заметьте что при двойном клике на нижний слой Background у нас всплывает диалоговое окно. Происходит это потому что слой заблокирован (справа на слое стоит замочек). Заблокированный слой мы не можем двигать, применять к нему некоторые действия.
Для разблокирования слоя дважды кликнете(1) по слою в палитре слоёв, всплывёт диалоговое окно в котором вы можете также поменять название слоя(2) (например на Фон), нажимайте ОК(3). Слой разблокируется и изменится название слоя(4).

14.jpg

Кроме названия мы можем изменить цвет (3), Режим смешивания (Blend Mode) (4) и Opasity (Непрозрачность) (5) (но пока мы этого не будем делать).

9. Создание нового пустого слоя.

Чтобы создать новый пустой слой, нужно нажать на иконку в виде квадратика с загнутым листочком (1) в основании палитры слоёв . Фотошоп автоматически создаст слой над выделенным слоем (2):

15.jpg

Или же в верхней панели опций нажать на Layer>New>Layer (Слой-Новый-Новый слой):

16.jpg

(Опять же во всплывшем окне вы можете поменять название слоя и некоторые другие параметры.)

Или же создать новый слой сочетанием клавиш Shift+Ctrl+N.

Вот сколько возможных вариантов создания слоя.

10. Удаление слоя.

Чтобы удалить ненужный слой, правой кнопкой мыши нажимаем в палитре слоёв на слой который хотим удалить, и из списка выбираем: Delete Layer (1).

Или: в верхней панели опций выбираем: Layer>Delete>Layer (Слой-Удалить-Слой)(3)

Или же: в палитре слоёв мышкой нажимаем на слой и перетаскиваем в корзинку, которая находится в основании палитры слоёв (2). Слой удалится:

17.jpg

Ну и ещё один способ удаления слоя (действует для 9 фотошопа и выше, им я и пользуюсь чаще всего). При активном инструменте Move Tool (Перемещение), выделяем слой от которого хотим избавиться и нажимаем клавишу Delete.

11. Меняем слои местами.

Слои в палитре слоёв можно менять местами. Перетаскивать наверх или вниз. Все эти манипуляции производятся мышью. Просто захватываете мышью нужный слой и перетаскиваете его вниз или вверх:

18.jpg

[Lo...]

Основные моменты создания и пользования слоями мы рассмотрели. Теперь копнём глубже.

Посмотрим внимательно на палитру слоёв, для начала остановим взгляд на верхней части палитры. В самом верхнем ряду находятся Вкладки Слоя (Layer), на которой мы сейчас находимся, а также вкладки Каналов и Путей (Cannel & Paths), ими мы в этом уроке пользоваться не будем. Оставим на потом:

19.jpg

Шаг 12. Режимы смешивания или Blending mode.

Ниже находится Blending mode (Режимы смешивания).
Рядом со словом Normal нажмите на стрелочку, выпадет меню со всем списком Режимов смешивания. Суть Режимов смешивания заключается в том что пиксели верхнего слоя смешиваются с пикселями нижнего слоя, создавая порой оригинальные или необычные эффекты. По умолчанию всегда стоит Режим смешивания Normal, чтобы понять как работают Режимы смешивания, лучше с ними поэкспериментировать:

20.jpg

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

4e294a7b6c6f.jpg

Шаг 13. Opasity (Непрозрачность) слоя.

В этом же ряду находится Opasity (Непрозрачность) слоя.
Понижая Opasity (Непрозрачность) , мы понижаем Непрозрачность слоя:

21.jpg

Попробуйте пример с рамкой: понизив Непрозрачность слоя, рамка станет полупрозрачной:

Шаг 14. Fill (Заливка).

Опция Fill выполняет практически тоже что и Opasity, снижает непрозрачность слоя, но в отличии от Opasity, опция имеет одну замечательную особенность, снижая непрозрачность слоя, она оставляет видимыми все Стили слоя применяемые к изображению. (О Стилях слоя мы поговорим в другом уроке):

22.jpg

А сейчас просто пример, к рамкам на верхнем и нижнем скрине я применила Стили слоя: Тень и Внешнее свечение. Но на нижнем скрине оставили рамке Fill 100%, а на верхнем скрине понизили до 0%.

23.jpg

261.jpg

Думаю отличие видно невооружённым взглядом.

[Lo...]

Шаг 15. Блокировка слоёв.

Следующий ряд Lock Замок (Блокировка). У нас их четыре.
При нажатии на первую блокировку (Квадрат) мы не сможем редактировать прозрачные пиксели, при нажатии на вторую блокировку (кисточка) нельзя будет редактировать прозрачные и непрозрачные пиксели. Третий значок (крестик со стрелками) заблокирует объекты слоя от перемещения, и четвёртый значок (замок) заблокирует всё. Нельзя будет редактировать, двигать, удалять слой, но можно будет перемещать слой между слоями:

24.jpg

Перейдём в основание палитры, и посмотрим за что отвечают иконки находящиеся там. Хотя с парочкой нижних иконок мы уже знакомы.

16. Связывание слоёв.

Если вам нужно двигать несколько слоёв, что бы они не сдвигались относительно друг друга, их можно связать. Выделите нужные слои в палитре слоёв . Если слои располагаются последовательно друг над другом, то нажав на верхний слой и удерживая нажатой клавишу Shift нажмите на нижний слой который нужно связать. Все слои в этом промежутке выделяться синим цветом. (Если нужно связать слои находящиеся не друг над другом, а в разных слоях палитры слоёв, то нажмите на один слой, а потом удерживая нажатой клавишу Ctrl нажимайте на нужные слои).

Далее нажмите на иконку Link Layer в основании палитры (напоминающую скрепку), слои свяжутся. Вы это увидите глянув на палитру слоёв, на связанных слоях появится значок связывания:

25.jpg

Таким же образом вы можете развязать слои. Выделите связанные слои, и нажмите на иконку связывания, слои развяжутся.

Шаг 17. Стили слоя или Blending Option.

Замечательная опция применяемая к слоям. К любому из наших слоёв мы можем применить Стили слоя.
Для этого необходимо конечно выделить слой и в палитре слоёв нажать на иконку Стилей слоя. Она находится в основании палитры слоёв и похожа на на английскую букву fx:

26.jpg

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

В списке вы видите весь перечень стилей слоя, которые можно применить к изображению (список для англоязычного и русскоязычного фотошопа):

8369422ea3db.jpg

В данном уроке я применила к рамке такие Стили слоя как тень и Внутреннее свечение:

31.jpg

32.jpg

(О стилях слоя, можно будет почитать в отдельном уроке.)

[Lo...]

Шаг 18. Маска слоя.

С помощью этой иконки можно к слою применить Маску слоя. Маска слоя хороша тем что позволяет исправлять ошибки совершённые при удалении фона и прочих операциях. Если применить к слою Маску, далее начать удалять фон, то в любой момент можно восстановить весь фон или нужную часть фона. Чёрный цвет отвечает за удаление пикселей, белый за восстановление. Маску слоя можно отключить, редактировать или в конце концов удалить, применив к слою изменения сделанные с помощью Маски, или не применив, тогда изображение останется таким же как и до добавления Маски. Удалить Маску можно перетянув на иконку с корзиной:

27.jpg

Шаг 19. Корректирующий слой (New Adjustment Layer).

Корректирующий слой отвечает за изменение цвета, оттенков, насыщенности на изображении.
Выберите слой, поверх которого хотите расположить корректирующий слой. Нажмите на иконку New Adjustment Layer:

28.jpg

И выберите из списка команду корректировки. Установите нужные параметры и нажмите ОК. В любой момент вы можете выключить корректирующий слой или удалить, так как он создаётся в виде отдельного слоя. Основное изображение при этом останется неизменным.

Шаг 20. Группирование слоёв.

Когда у вас собралось достаточно много слоёв, и уже переименование не помогает чтобы в них разобраться, можно слои сгруппировать в отдельные папочки. Для создания папки нужно нажать на иконку в виде папки и перетащить туда нужные слои:

(Или выделить нужные слои в палитре слоёв, и перетащить их на иконку с папкой):

29.jpg

При создании папки вы можете дать ей название для вашего удобства.
В палитре слоёв можно отключить видимость папки, соответственно невидимыми станут все слои находящиеся в ней. Также можно перетаскивать папку, при этом перетаскиваться будут все слои. Слои находящиеся в папке можно разгруппировать нажав правой кнопкой мыши по папке и выбрав из списка Ungroup Layers (Разгруппировать слои), и создать дубликат папки, или же удалить папку со всем её содержимым.

Шаг 21. Создание и удаление слоёв.

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

30.jpg

Шаг 22. Слияние слоёв.

Слить все видимые слои можно нажав на сочетание клавиш Ctrl+Shift+E, или нажав правой кнопкой мыши на слой и выбрав Слить видимые слои (Merge Visible). Если вам нужно слить не все, а несколько слоёв, выделите их в палитре слоёв и нажмите правой копкой мыши по одному из слоёв, и из списка выберите Слить слои (Merge Layers)

[Шелестень]

Lo..., полезные уроки! спасибо!
а можешь по перу сделать ещё? кмк, тоже штука весьма нужная

[Lo...]

Lo..., полезные уроки! спасибо!
а можешь по перу сделать ещё? кмк, тоже штука весьма нужная

Спасибо.
Урок можно и по перу и по другим инструментам и прочему. Только нужно время.

[Lo...]

Желающим закрепить результат урока о слоях можно пройти сюда и выполнить ещё один наглядный урок: Создаём простую рамку-открытку. Уроки фотошопа

Там же показать результаты, или задать вопросы в тех моментах и шагах что непонятны:

Здесь конечно же тоже можно задавать вопросы.