6. Работа со слоями — Графический редактор «Adobe Photoshop»

Adobe Photoshop‎ > ‎ 6. Работа со слоями Слои в фотошопе Откроем редактор с произвольным изображением и потренируемся. Вверху окна программы видим меню вкладок, нас пока интересует только «Слои».    как создать слой в фотошопе Как мы видим, создавать новый слой можно не только из выпадающего меню, но и при помощи комбинации клавиш Shift+Ctrl+N. Для того чтобы сделать работу ещё более комфортной и быстрой, разработчики предусмотрели возможность создания нового слоя в один клик как создать слой в фотошопе При нажатии этой кнопки слой создастся автоматически и размещён будет выше выделенного в списке слоёв. как создать слой в фотошопе Добавить что-либо в новый слой можно с помощью команды «поместить»  работа со слоями в фотошопе Переименовать можно простым двойным щелчком по имени слоя.   Выше списка слоёв находятся кнопки управления режимами и стилями слоя, а также фильтры слоёв   Слои в фотошопе К слою можно применять такие действия:   — сменить стиль его наложения Слои в фотошопе — сменить его прозрачность и силу заливки цветом Слои в фотошопе Слои в фотошопе — дополнительные функции работа со слоями в фотошопе — также к списку слоёв, для большего удобства работы с ними, можно применять фильтры  работа со слоями в фотошопе Пойдём далее по списку выпадающего меню «Слои».   Например, для того чтобы сделать дубликат слоя не открывая меню, одним кликом – достаточно нажать на нужном слое левой кнопкой мыши и не отпуская протянуть его до кнопки «новый слой» – появится его копия. Либо используя комбинацию Ctrl+J работа со слоями в фотошопе Удалить слой можно как из выпадающего меню, так и просто нажатием клавиши Del. Или перетащить его к значку корзины внизу.   Чтобы выделить несколько слоёв, необходимо нажимать на требующихся слоях левой кнопкой мыши удерживая при этом нажатой клавишу Ctrl. Для того, чтобы их объединить – достаточно нажать комбинацию Ctrl+E. Для сведения всех слоёв в один – Alt+Ctrl+Shift+E, но нужно запомнить – выделенным должен быть самый верхний слой и он обязательно должен быть активным. Активность слоя переключается глазком слева от его (слоя) миниатюры.  Слои в фотошопе Давайте поместим в наш пустой слой произвольный объект и проделаем с ним несколько действий.     Например, чтобы переместить слой достаточно потянуть его не отпуская левую кнопку вверх или вниз списка, а чтобы опустить его ниже фонового слоя – нужно разблокировать фоновый слой двойным щелчком левой кнопкой. Как видите – слой перемещён за фоновый, он активен, но из-за своего  положения в списке не виден  Слои в фотошопе Отменить любое действие можно нажатием такой комбинации – Ctrl+Alt+Z. Прокрутить же отменённые события вперёд – Ctrl+Shift+Z.     Создадим новый пустой слой и зальём его цветом. Чтобы залить основным цветом, достаточно нажать Alt+Backspace  Для заливки фоновым цветом – Ctrl+Backspace. Можно также использовать нижние кнопки, тогда выбранная функция будет представлена отдельным слоем. Слои в фотошопе Для сохранения возможности работать с порядком слоёв и редактировать их содержимое, при большом их количестве, иногда бывает удобно не связывать их в один, а сгруппировать.  Достигается это таким образом – нужно выделить все слои, которые хотим сгруппировать и нажать Ctrl+G. Можно конечно и из выпадающего меню «Слои» используя соответствующие вкладки. Разгруппировываются же они таким образом – нужно просто перетянуть требуемый слой по списку вверх или вниз так, чтобы он вышел за пределы отмеченные группой. Саму группу можно также превратить в смарт-объект, либо растрировать. К группе слоёв тоже можно применять функции смешивания, менять степень прозрачности и заливки, как и с отдельными слоями.   Слои в фотошопе Слой вместе с содержимым можно трансформировать. Для этого используют комбинацию клавиш Ctrl+T. Непосредственно можно менять размер и форму объекта, просто подведя указатель мыши к одному из углов. Чтоб не потерять пропорциональность, это, например, важно для фото, при растягивании изображения нужно одновременно удерживать кнопку Shift. Слои в фотошопе Для придания же произвольной формы, нужно тянуть за края объекта с нажатой кнопкой Ctrl.  Слои в фотошопе Ещё можно деформировать объект, исказить, исказить в перспективе и т.д. После нажатия Ctrl+T кликаем на нём правой кнопкой и выбираем то, что нам требуется Слои в фотошопе Кроме режимов смешивания, огромные возможности для редактирования и создания разных эффектов вызывается меню «Стиль слоя». Вызвать либо из выпадающего меню «Слои» либо щёлкнув два раза на слое в списке Слои в фотошопе Это меню настолько обширно, что отдельно останавливаться на нём пока не будем.   Маска слоя.  Её суть заключается в скрытии объекта или его частей без их удаления. Многие ошибочно полагают, что пользоваться маской слоя неудобно – напротив! Это прекрасный инструмент, позволяющий в любой момент повторно отредактировать или изменить выполненную обработку.  Чего вам не позволит сделать инструмент «ластик» например. Слои в фотошопе Чтобы скрыть часть объекта нужно по белой маске рисовать чёрной кистью и наоборот Слои в фотошопе Обтравочная маска. Даёт возможность отсечь части одно объекта относительно границе другого. Выполняется так:  удерживая кнопку ALT поднести курсор мыши к границе слоёв между ними. После появления соответствующего значка отпустить. Слои в фотошопе Слои в фотошопе Стрелочка указывает на то, что слой обтравлен.   Выделяем содержимое. Для этого достаточно просто щёлкнуть на миниатюре слоя, удерживая Ctrl Видео YouTube

Работа со слоями в программе Adobe Photoshop

Вопросы занятия:

·                   слои в Adobe Photoshop;

·                   операции со слоями.

Витя: интересная сегодня тема урока. Мы по географии недавно проходили что слой – это пласт, расположенный горизонтально и соприкасающийся с поверхностью другой части. Интересно в Photoshop слой – это тоже какой-то пласт?

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

Основная функция слоёв в Adobe Photoshop – это облегчение редактирования изображения и сокращение ошибок при работе в программе. Работа со слоями выполняется с помощью панели «Слои».

В Adobe Photoshop каждый слой – это отдельное изображение, которое можно редактировать отдельно от любого другого слоя.

Витя: А-а-а-а, теперь всё понятно! Каждый слой в документе может быть просмотрен, как отдельное изображение. Все вместе слои образуют целое изображение.

Всё правильно.

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

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

Внизу палитры находятся кнопки: Связать слои, Добавить стиль, Добавить маску, Создать новый корректирующий слой, Создать новую группу, Создать новый слой, Удалить слой. Более подробно мы с вами рассмотрим их немного позже.

В средней части палитры представлены слои текущего документа.

Витя: а можно ли над слоями производить какие-нибудь операции?

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

Рассмотрим пример. Создадим тень для листочка.

Итак, из своей рабочей папки откроем файл Лист липы.

Теперь выбираем инструмент Волшебная палочка и нажмём ей в любом месте вокруг листочка. Так мы с вами выделили область вокруг листка липы. В меню Выделение выбираем Инверсия, тем самым мы получили выделение самого листочка.

Создадим новый слой. Для этого щёлкнем левой кнопкой мыши по кнопке Создать новый слой, находящейся внизу палитры Слои.

Выбираем инструмент заливка, выбираем основной цвет серый и зальём выделенную область цветом тени.

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

Осталось только сдвинуть слой с листочком инструментом Перемещение, чтобы тень была видна под листочком.

Витя: супер. Рисовать в редакторе Photoshop вообще проще простого! А есть ещё какие-нибудь способы создания нового слоя, кроме этой кнопки?

Конечно. Существует несколько способов создания нового слоя:

1 способ. В меню Слой – выбираем Новый – затем Слой.

2 способ. В палитре Слои –выбираем меню в правом верхнем углу, а затем нажимаем Новый слой.

3 способ мы с вами уже рассмотрели. В палитре Слои щёлкнуть на соответствующую кнопку.

Также, посмотрите, когда мы создаём новый слой, появляется диалоговое окно

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

Витя: а можно ли создавать новые непустые слои?

Конечно можно.

Рассмотрим пример. Давайте поместим рыбу в океан.

Итак, откроем из своей рабочей папки файлы Рыба и Океан.

Теперь с помощью инструмента Быстрое выделение выделим рыбку.

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

Уменьшим изображение рыбки, не нарушая пропорций. Для этого в меню Редактирование выбираем Трансформирование, а затем Масштабирование. Теперь нажимаем и удерживаем клавишу Shift уменьшаем размеры рыбки.

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

Витя: красота!!!! Да это же получилась фотография рыбки в океане. Вот здорово! Но всё же одной рыбки мало, давайте добавим ещё несколько для компании.

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

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

А для чего предназначено квадратное окно слева у любого слоя, на котором изображён глаз?

Он указывает на видимость слоя.

Давайте рассмотрим пример. Попробуем себя в роли парикмахера.

Откроем файлы: Лицо для причёски и 5 причёсок.

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

Аналогично поступим с остальными четырьмя причёсками.   В результате у нас получиться файл с шестью слоями, на одном из которых – лицо, а на других – причёски.

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

Теперь делая видимыми слой с одной из причёсок, переберите все возможные варианты.

Витя: вот это здорово. Теперь, когда мы научились пользоваться графическим редактором Photoshop, можно дома подобрать самому себе любую причёску!

А вот интересно, можно созданные слои использовать в других рисунках?

Конечно можно. Вот давайте рассмотрим пример. Нарисуем Чебурашку так, чтобы потом из элементов этого рисунка сложить гусеницу.

Итак, создайте новый файл размерами 720х576пикселей с прозрачным задним фоном.

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

Будем дублировать повторяющиеся слои.

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

Витя: какой красивый получился чебурашка! Но как же из него можно получить гусеницу?

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

Витя: вот здорово! Это похоже на аппликацию, когда из отдельных кусочков получают изображение, только на компьютере.

Раз можно создавать новые слои, значит можно и удалять не нужные слои, только как это делать?

Да, конечно Слои можно удалять. Сначала необходимо сделать активным именно тот слой, который мы хотим удалить, а затем:

•        можно перетащить слой мышкой на кнопку Удалить слой палитры Слои;

•        можно Выделить слой и в меню команд палитры Слои выбрать удалить слой;

•        воспользоваться командой в меню Слой – Удалить – Слой.

Витя: раз можно накладывать слои друг на друга, значит можно вообще полностью изменить изображение?

Вот как раз давайте рассмотрим на примере. Давайте превратим мальчика в человека-льва.

Откроем файлы пума и мальчик. Теперь переместим слой с пумой в файл с мальчиком. Выберем инструмент Ластик с режимом Кисть, непрозрачность 30 % и сотрём часть изображения пумы, оставляя при этом область глаз и мордочки.

Осталось только повернуть полученное изображение глаз на нужный угол. Для этого в меню Редактирование выбираем Свободное трансформирование.

Витя: да! Все-таки уметь рисовать – это просто здорово!

А что ещё можно делать со слоями?

Ещё слои можно объединять.  Объединение слоёв используется для оптимизации размеров файла или для удобства работы.

Photoshop позволяет делать это по-разному. Для начала необходимые слои нужно выделить, а затем можно:

•        в меню Слои выбрать команду Объединить слои.

•        Можно в меню команд палитры Слои выбрать Объединить слои;

•        Или нажать сочетание клавиш Ctrl + Е.

Ещё к слоям можно применять определённые стили. Мы немного рассмотрели эту возможность на прошлом уроке, когда добавляли на слой заполнение, созданным нами рисунком.

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

После применения стиля на изображении слоя появляется значок с буквой f. Также стиль можно удалить, выбрав в меню Слой – Стиль слоя – Очистить стиль слоя.

Важно знать, что стиль применяется ко всему слою целиком, ко всем объектам, находящимся на слое.

Работа с несколькими слоями в Photoshop

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

Выбор нескольких слоев

Удерживая нажатой клавишу Shift, щелкните, чтобы выбрать несколько смежных слоев, или удерживайте нажатой клавишу Command (Ctrl), чтобы выбрать несмежные слои.

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

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

Если выбраны оба слоя, они временно связаны. Например, вы можете использовать инструмент «Перемещение», чтобы изменить положение обоих слоев. Чтобы соединение сохранялось при отмене выбора слоев, щелкните значок связи (цепочки) в нижней части панели «Слои».

Выравнивание и распределение слоев

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

Когда слои выбраны (или связаны), нажмите V, чтобы активировать инструмент «Перемещение». На панели параметров вы увидите параметры выравнивания. Наведите указатель мыши на каждый из них, чтобы ознакомиться с их именами. Выберите объект, который вы хотите использовать в качестве опорной точки для разбивки.

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

Группировка слоев

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

Выберите слои, используя технику Command-щелчок (Ctrl-щелчок). Затем нажмите Command+G (Ctrl+G) или выберите Слой > Группа , чтобы поместить эти слои в новую группу (которая выглядит как папка). Если вы хотите назвать группу, дважды щелкните имя папки на панели «Слои». Теперь вы можете перемещать эти элементы вместе.

Блокировка слоев

Иногда вам нужно защитить себя от своего злейшего врага (вас). Photoshop дает вам возможность заблокировать свойства слоя, чтобы предотвратить случайное изменение. Просто щелкните значки рядом со словом «Блокировка» на панели «Слои». Вы можете заблокировать три отдельных свойства (или их комбинацию):

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

Обтравочная маска

Иногда вам нужно поместить содержимое одного слоя внутрь другого. Дизайнеры часто используют эту технику, чтобы заполнить текст узором или разместить фотографию внутри фигуры. Эта концепция называется обтравочной маской (в более ранних версиях Photoshop она называлась «группа с предыдущим»), и она довольно проста и гибка.

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

Фильтрация представления слоев

По мере создания сложной многослойной графики панель «Слои» может сильно загромождаться. Photoshop имеет возможность фильтровать, какие слои отображаются в списке, на основе заданных пользователем критериев. Чтобы изменить тип используемого фильтра, щелкните меню «Тип фильтра». Эти критерии упрощают поиск определенного слоя или типа слоя на основе следующих типов фильтров:

• Тип:  Вы можете выбрать одну или несколько категорий слоев, щелкнув соответствующий тип значка.
• Имя:  Вы можете ввести текст в поле для поиска по имени слоя.
• Эффект: После выбора фильтра «Эффект» во втором всплывающем меню можно выбрать определенный тип эффекта слоя.
• Режим:  Этот метод позволяет выбрать любой из режимов наложения Photoshop.
• Атрибут:  Фильтрация по типу атрибута позволяет находить очень специфические типы слоев. Например, вы можете искать пустые слои, чтобы отбросить их, или найти все заблокированные слои сразу.
• Цвет:  Если вы использовали цветные ярлыки для организации слоев, этот фильтр покажет вам определенный цвет, что облегчит поиск слоев, которые вы пометили для просмотра.

Объединение слоев

Иногда вам может понадобиться объединить слои вместе, чтобы зафиксировать дизайн. Это может быть полезно для уменьшения размера файла или улучшения совместимости при импорте файла многослойного документа Photoshop (PSD) в другое приложение (например, Apple Final Cut Pro, Adobe Premiere Pro или Adobe After Effects). Этот процесс деструктивен (поскольку он постоянно объединяет слои, что ограничивает будущие изменения).

Чтобы объединить слои, выполните следующие действия:

1. Выберите два или более слоев, нажав Command (Ctrl) на их именах на панели «Слои».
2. Выберите Слой > Объединить слои или нажмите Command+E (Ctrl+E).

Сведение изображения

Если вы хотите объединить все видимые слои и удалить все слои с отключенной видимостью, выберите Layer > Flatten Image . Однако сведение изображения — это постоянное изменение. Вы усердно работаете над этими слоями — держи их! Вот несколько альтернатив сведению, которые сохранят гибкость в будущем:

• Сохраните копию изображения в сведенном формате. Выбрав Файл > Сохранить как (с установленным флажком Как копия) или Файл > Сохранить для Интернета , вы можете сохранить другую версию изображения.
• Если вам нужна сведенная копия для вставки в другой документ (или в текущий документ), используйте команду «Копировать объединенное». Выберите активный видимый слой, а затем выберите Выбрать > Все . Вы можете скопировать все видимые элементы в буфер обмена как один слой, выбрав Edit > Copy Merged или нажав Shift+Command+C (Shift+Ctrl+C).

How Layers Work in Adobe Photoshop

Browse

Chevron Right

Computer Science

Chevron Right

Design and Product

Filled StarFilled StarFilled StarFilled StarHalf Faded Star

4.7

stars

75 ratings

Offered By

3,043 Уже зарегистрировано

в этом -управляемом проекте , вы:

Создание и использование слоев в Adobe Photoshop

1,5 часа

.

Только настольный компьютер

К концу этого проекта вы сможете создавать и использовать слои в Adobe Photoshop. В Photoshop вы можете использовать слои для быстрого создания чего угодно — от потрясающего цифрового искусства до высококачественной ретуши фотографий. В ходе этого проекта вы будете использовать слои для создания нескольких цифровых произведений искусства, основанных на одной фотографии. Во-первых, вы привыкнете к навигации по рабочему пространству Photoshop, панели слоев и параметрам слоя. Затем вы импортируете изображение и используете его для создания привлекательного цифрового произведения искусства. Затем вы узнаете, как экспортировать свою работу целиком или автоматически превращать слои в отдельные файлы. К концу проекта вы будете уверенно использовать слои в Photoshop и будете знать, как создавать бесконечные вариации на одном изображении.

Получите бесплатную подписку на Adobe Creative Cloud.

Учащиеся, успешно прошедшие этот проект Adobe Guided, получат бесплатную месячную подписку на Adobe Creative Cloud.

Навыки, которые вы разовьете

• Adobe Photoshop

• Слои

• Графический дизайн

:

1. Навигация Photoshop

2. Эксперимент с панелью слоев

3. Дубликат, редактирование и групповые слои для создания цифрового искусства

4. Получите корректирующие слои, слои и разделение. и экспортируйте свои слои

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

В видео на разделенном экране ваш инструктор шаг за шагом ведет вас

Jonathan Owen

Инструктор

Freedom Learning Group

9,442 Ученики

37 Курсы

. Покупая проект GUID. рабочее пространство рабочего стола через веб-браузер, которое содержит файлы и программное обеспечение, необходимые для начала работы, а также пошаговые видеоинструкции от эксперта в данной области.

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

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

Вы можете загрузить и сохранить любой из созданных вами файлов из управляемого проекта. Для этого вы можете использовать функцию «Файловый браузер» во время доступа к своему облачному рабочему столу.

Финансовая помощь не предоставляется для управляемых проектов.

Аудит недоступен для управляемых проектов.

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