Как добавлять слои в фотошопе: Создание слоев и групп и управление ими в Adobe Photoshop

Как добавить слой в фотошопе из другого файла

Как добавить слой из другого файла в фотошопе — Фотошоп: видео уроки для начинающих

Представляем Вашему вниманию подробные видео на тему «Как добавить слой из другого файла в фотошопе»:

Как создать, дублировать, копировать, перемещать и обединять слои

Тема #4. Перенос слоев между документами

Как Перенести ЛЮБОЙ ОБЪЕКТ на Другой Фон в Фотошопе

Как скопировать слой в другой файл Photoshop

Софт 12 259

Многие пользуются Вордом уже многие годы и довольно хорошо знакомы с этим текстовым редактором.

SEO 1 439

Прежде всего после создания сайта надо установить системы аналитики: Яндекс.Метрику (//metrika.yandex.ru), Google Analitics (//www.google.com/intl/ru/analytics/)

СодержаниеДля чего нужен атрибут AltЗначение атрибута Alt для валидацииДля чего картинкам атрибут title Обычно в Alt нужно

Создание слоев в Photoshop Elements

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

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

Слой привязан к активному слою.

Слой заблокирован.

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

Для выполнения операций используются следующие кнопки на панели:

Создать новый слой.

Создать новую группу.

Создать новый слой заливки или корректирующий слой.

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

Блокировать прозрачные пиксели.

Вверху панели также расположено меню «Режим наложения» («Нормальный», «Растворение», «Замена темным» и т. д.), текстовое поле «Укрывистость» и кнопка «Дополнительно», вызывающая меню команд и параметров панели.

Открыть несколько изображений в виде слоев в Photoshop

Узнайте, как легко открывать несколько изображений одновременно в Photoshop и автоматически помещать каждое изображение в отдельный слой в одном и том же документе, используя команду Photoshop «Загрузить файлы в стек».

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

Традиционный подход заключается в том, чтобы открывать каждое изображение или файл в Photoshop по одному, а затем копировать и вставлять или перетаскивать каждое из них в основной документ. Но если вам не платят по часам, есть лучший, более быстрый способ работы. Фактически, все, что нам действительно нужно сделать, это сообщить Photoshop, какие изображения или файлы нам нужно открыть. Затем просто расслабьтесь и расслабьтесь, пока Photoshop создает новый документ, открывает все ваши изображения в этот документ и помещает каждое из них в отдельный слой. Посмотрим, как это работает!

Это руководство является частью 6 нашего Руководства по обучению слоям Photoshop .

Как открыть изображения как слои

Шаг 1: Выберите команду «Загрузить файлы в стек»

Открыв Photoshop на экране, перейдите в меню « Файл» , выберите « Сценарии» , а затем « Загрузить файлы в стек» . «Стек» означает ваш стек слоев , ссылаясь на то, как слои сложены один над другим в документе:

Идем в Файл> Сценарии> Загрузить файлы в стек.

Шаг 2: выберите ваши изображения

Копирование слоев в фотошопе – Сайт о заработке в интернете, способах, кейсах, личностном росте!

Интересно, когда adobe создавала в недрах своей компаний в далеком 1990 году первую версию Photoshop, ожидали ли главы компании и разработчики такого оглушительного эффекта? На данный момент фотошоп является самым популярным редактором фотографий в мире. Им пользуются все, начиная от известных мировых фотографов, до обычных пользователей захотевших добавить мягкий фильтр на фото с пикника.

Даже программисты нашли себе местечко научившись писать сайты по макетам сделанным в фотошопе. Естественно, у настолько популярного продукта должен быть и советующий функционал. В этой статье мы поговорим о такой замечательной функции как слои. Разберем что это такое, как копировать слой в фотошопе и поговорим о переносе слоя в другой файл PSD.

Что это такое

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

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

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

Чтобы разблокировать слой у нас есть разные варианты действий.

Способ 1

Дважды щелкаем на заблокированном элементе. Он покажет всплывающее окно, где позволяется изменить название, а затем нажмите ОК.

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

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

Способ 2

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

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

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

Это два изображения, но теперь давайте проверим «Текст». Добавьте немного текста, а затем посмотрите на панель слоев, в списке появится новый элемент с иконкой текста.

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

Маска слоя

Теперь поговорим об одной из самых популярных и востребованных функций продукт от Adobe. Photoshop Layer mask может скрывать или отображать пиксели слоя, не удаляя их.

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

Давай попробуем.

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

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

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

Теперь можно спрятать некоторую часть изображения, для этого вместо использования инструмента «Ластик» нужно выбрать инструмент «Кисть». Как вы видите, маска слоя заполнена белым цветом, поэтому не забывайте рисовать черным цветом. Работая ластиком, вы ничего не удаляете, просто скрываете эти пиксели с использованием маскировки слоев в фотошопе.

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

Как копировать слой в другой файл фотошопа

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

1. Layer, Duplicate Layer. Затем в поле Destination указываем необходимый для копирования документ, точнее путь к этому документу (речь естественно идет о PSD). Работа режима совместимости с другими редакторами для такого способа будет зависеть от конкретного выбора программы.
2. Зажимаем комбинацию клавиш CTRL + SFIFT, заранее открываем оба файлы (исходный и новый) и без страха перемещаем всё что угодно.
3. Последний способ самый легкий. Для его воплощения зажимаем shift в момент перетаскивания файла (именно в процессе ведения файла мышью). Готово!

Ну и наконец для людей желающих изучить Photoshop от А до Я есть дополнительный способ.

Elements

Странно, что вариант программы под кодовым названием Elements не заимел большей популярности среди пользователей нежели его «старший» брат. Ведь многие процессы в нём были упрощены для понимания, освоить Элементы куда проще, а многие процессы в нём автоматизированы для понимания новичков.

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

Вы можете быстро продублировать слой в Photoshop Elements. После этого создается еще одна копия содержимого слоя в том же изображении или в другом файле изображения. Дублировать можно и в файле изображения с другим разрешением пикселей. Однако при этом содержимое может отображаться с другим размером, чем предполагалось.

Чтобы создать дублированный слой Elements, щелкните и перетащите его на панель «Слои». Затем поместите его поверх кнопки «Создать новый» на панели «Слои». Или выберите «Duplicate Layer» из строки меню. Потребуется ввести имя в текстовое поле «Сохранить как». Затем используйте выпадающий список «Документ», чтобы выбрать, в какой открытый файл изображения вы хотите скопировать дубликат. Нажмите кнопку «ОК».

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

Как создать новый слой в фотошопе

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

Четыре способа, как создать новый слой в фотошопе

В программе фотошоп существует четыре способа добавления нового (с нуля) слоя в открытый файл. Рассмотрим их более подробно. Но прежде проверим наличие палитры «Слои» (Layers) в области палитр. Если её там нет, заходим: Главное меню → Окно (Window) → Слои (Layers) или клавиша F7 на клавиатуре. Теперь можно работать дальше.

к меню ↑

1. Комбинация клавиш

Самый простой и быстрый способ создать новый слой — это комбинация клавиш: Ctrl + Shift + N, после нажатия которой откроется диалоговое окно «Новый слой» (New Layer).

Давайте рассмотрим его более подробно.

Имя

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

Несколько слов о фоновом слое

В основном при первом открытии изображения в программе Photoshop на палитре «Слои» (Layers) появляется только один «Фоновый слой» (Background) с изображением замочка (стрелка №1).

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

Его назначение — сохранить первоначальную копию документа, чтобы всегда можно было вернуться к истокам и в процессе преобразований не потерять безвозвратно оригинал! Именно по этой причине не рекомендуется снимать блокировку с фонового слоя. Если необходимо внести изменения на самом слое, его всегда можно скопировать. Для этого выделяем фоновый слой и тащим его на значок «Создать новый слой» (New Layer) (стрелка №2). Или сочетание клавиш Ctrl + J. Появится точная копия фонового слоя, но уже с полным функционалом.

При необходимости (не рекомендуется) с фонового слоя всё же можно снять блокировку. Для этого необходимо перенести изображение замка (именно замка, а не всего слоя) на значок мусорной корзины справа от кнопки «Создать новый слой» (стрелка №3).

Использовать предыдущий слой для создания обтравочной маски

Следующая строчка — это «Использовать предыдущий слой для создания обтравочной маски» (Use Previous Layer to Create Clipping Mask). Это значит, что если на нижележащем слое есть прозрачные области, то, поставив птичку в данной строчке, Вы эти же места оставите прозрачными и на созданном слое.

Цвет

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

Непрозрачность

Непрозрачность, что понятно из названия, отвечает за степень непрозрачности слоя.

Режим наложения и заливка нейтральным цветом

Режим наложение – это по сути смешивание слоёв. От выбранного способа будет зависеть, как пиксели нижележащего слоя будут взаимодействовать с пикселями создаваемого слоя. Так, например, в режиме «Умножения» (Multiply) происходит перемножение яркости пикселей верхнего и нижнего слоёв. При этом взаимодействии есть т. н. нейтральный цвет. То есть цвет, который не оказывает взаимодействие на нижний слой. Для данного режима — это белый цвет. Это значит, что если на верхнем изображении есть белый цвет, то пиксели под ним не изменятся и в результате останутся таким же, как были. в то время как все остальные пиксели нижнего изображения провзаимодействуют с пикселями верхнего и поменяют свой цвет. Так вот, при создании нового слоя есть возможность залить его нейтральным для данного режима цветом.

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

Но можно создать слой с помощью комбинации клавиш, без диалогового окна. В этом случае нужно добавить клавишу Alt. Т. е. сочетание клавиш будет иметь вид: Ctrl + Shift + Alt + N. Слой будет иметь обычный режим наложения,  100% непрозрачность и заливку.

к меню ↑

2. Добавление слоя через главное меню

Не самый быстрый, но такой же функциональный способ добавить новый слой – это пройти по пути: Главное меню → Слои (Layers) → Новый (New) → Слой…(Layers…). Откроется уже знакомое нам диалоговое окно «Новый слой».

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

Помимо выделение активного слоя на палитре «Слои», его название прописывается в шапке документа.

к меню ↑

3. Кнопка на палитре слоёв

Ещё один способ добавления нового слоя – это кнопка «Создать новый слой» (Create a new layer) внизу палитры «Слои» (Layers).

При нажатии создается пустой слой с названием по умолчанию. При первом создании слоя в этом файле название будет «Слой 1».

В дальнейшем число увеличивается в порядке возрастания. Желательно сразу переименовать слой, дать ему «говорящее название». Выделив вновь созданный слой, при необходимости можно изменить режим наложения, непрозрачность и прочие настройки. Но гораздо удобнее задать все эти настройки в процессе создания слоя. Для этого следует нажимать вышеуказанную кнопку с зажатой клавишей Alt. При этом снова появится диалоговое окно «Новый слой», с которым Вы уже умеете работать!

Если необходимо создать слой ниже активного, то нажимать кнопку «Создать новый слой» следует с зажатой клавишей Ctrl. Но нужно помнить, что ниже фонового слоя создать новый не получится! Сначала необходимо снять блокировку (не рекомендуется!).
к меню ↑

4. С помощью меню палитры слоёв

И последний способ создания нового слоя – это через меню палитры «Слои».

В выпадающем списке выбираем «Новый слой…» (New Layer).
к меню ↑

Заключение

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

До встречи на страницах следующих уроков!

С уважением, Марина Рубль.

базовых слоев Photoshop | Уроки Adobe Photoshop

Узнайте, как использовать слои на панели «Слои», изменять размер содержимого слоя, добавлять изображения в многослойный файл и работать с фоновым слоем в Adobe Photoshop.

Узнайте, что такое слои и почему они так полезны.

Слои — это строительные блоки любого изображения в Photoshop. Итак, важно понимать, что такое слои и зачем их использовать — мы рассмотрим это в этом видео.Если вы следуете инструкциям, откройте это многослойное изображение из загружаемых файлов практики для этого руководства. Вы можете представить слои как отдельные плоские пинты стекла, уложенные друг на друга. Каждый слой содержит отдельные фрагменты контента. Чтобы получить представление о том, как создаются слои, давайте взглянем на эту панель «Слои». Я закрыл остальные панели, чтобы мы могли сосредоточиться на панели «Слои». Но вы можете пропустить это. Кстати: если ваша панель «Слои» не отображается, перейдите в меню «Окно» и выберите оттуда «Слои».Панель «Слои» — это то место, куда вы переходите, чтобы выбирать и работать со слоями. На этом изображении 4 слоя, каждый с отдельным содержимым. Если вы щелкните значок глаза слева от слоя, вы можете включить или выключить видимость этого слоя. Итак, я собираюсь отключить видимость слоя портного. И следите за изображением, чтобы увидеть, что находится на этом слое. Я сделаю то же самое для слоя ткани и слоя с узором. Вы можете видеть, что нижний слой, фоновый слой, заполнен белым, потому что это изображение начиналось с нового предустановленного пустого изображения с белым фоном.Давайте снова включим все остальные слои, щелкнув пустое поле слева от каждого слоя, чтобы снова добавить значок глаза. Теперь давайте взглянем только на один слой, слой портного. Быстрый способ отключить все слои, кроме слоя портного, — удерживать клавишу Option на Mac или клавишу ALT на ПК и щелкнуть значок глаза слева от слоя портного. В окне документа вы можете увидеть, что этот слой содержит только одну маленькую фотографию, окруженную серо-белым узором в виде шахматной доски.Этот шаблон представляет собой прозрачные пиксели, которые позволяют нам видеть сквозь соответствующую часть этого слоя содержимое нижележащих слоев. Итак, давайте снова включим это содержимое, вернувшись на панель «Слои», снова удерживая клавишу Option на Mac или клавишу ALT на ПК и щелкнув значок глаза слева от слоя портного. И все остальные слои и их значки с глазами снова появятся в поле зрения. Итак, еще раз: вы можете думать о слоях как о стопке пинт стекла, каждый со своим собственным изображением и в некоторых случаях прозрачными областями, которые позволяют вам видеть слои ниже.Самым большим преимуществом размещения элементов на отдельных слоях, подобных этому, является то, что вы сможете редактировать части изображения независимо, не затрагивая остальную часть изображения. Следуйте этому примеру, чтобы понять, что я имею в виду. Допустим, вы хотели отредактировать или переместить только маленькую фотографию разрезаемой ткани. Для этого вам нужно выбрать слой, содержащий эту фотографию. Перейдите на панель «Слои» и щелкните слой ткани справа от имени слоя. Теперь, когда слой ткани выбран, любое редактирование, которое вы делаете, повлияет только на этот слой.Например, перейдите на панель «Инструменты» и выберите инструмент «Перемещение», затем щелкните фотографию ткани и перетащите ее — и перемещается только эта фотография, потому что выбран только этот слой. Это относится и к другим видам правок. Например, если вы нарисовали изображение или применили фильтр, как вы сделаете позже в этой серии руководств, эти изменения повлияют только на выбранный слой ткани, а не на остальную часть изображения. Между прочим: есть некоторые действия по редактированию, такие как перемещение слоев, которые вы можете делать более чем с одним слоем за раз.И для этого вам нужно выбрать более одного слоя. На панели Layers у нас уже выделен слой ткани. Если нет, щелкните этот слой. Чтобы также выбрать слой портного, удерживайте нажатой клавишу Command на Mac или клавишу Ctrl на ПК и щелкните слой портного. Выбрав оба слоя, вы можете щелкнуть и перетащить любую из этих фотографий, и они переместятся вместе. А теперь бонусный совет: с выбранным инструментом «Перемещение» взгляните на его панель параметров. И вы увидите эту опцию, Auto-Select: Layer отмечен.Если этот параметр отмечен, щелчок в любом месте изображения автоматически выберет верхний слой в этом месте, который содержит контент. Например, посмотрите на панель «Слои», когда я щелкну здесь по фотографии узора, и вы увидите, что слой узора был автоматически выбран для вас на панели «Слои». Иногда это действительно полезно, но иногда это может привести к тому, что вы случайно выберете слой, который вы не хотели. Чтобы избежать этого, вы можете снять флажок «Автовыбор: слой» на панели параметров инструмента «Перемещение» и вместо этого выбирать слои вручную, щелкая по ним на панели «Слои», как мы это делали в этом руководстве.Итак, резюмируем: возможность работать с выбранными фрагментами контента независимо — это самое большое преимущество использования слоев. О слоях можно узнать гораздо больше, так что следите за обновлениями до конца этого урока.

Что вы узнали: для просмотра и выбора слоев на панели «Слои»

• Слои содержат изображения, текст или объекты, составляющие многоуровневый файл. Они позволяют перемещать, редактировать и работать с содержимым на одном слое, не затрагивая содержимое других слоев.
Слои
• расположены в виде стопки на панели «Слои » , которая обычно расположена в правом нижнем углу рабочей области. Если панель «Слои» не отображается, выберите «Окно »> «Слои».
• На панели «Слои» щелкните значок глаза слева от слоя, чтобы скрыть его содержимое. Щелкните еще раз в том же месте, чтобы просмотреть содержимое. Это полезный способ напомнить себе, что находится на определенном слое.
• Слой должен быть выбран для внесения в него изменений.На панели «Слои » щелкните один раз справа от имени слоя, чтобы выбрать этот слой. Чтобы добавить больше слоев к вашему выбору, удерживайте Control (Windows) или Command (macOS) при щелчке по другим слоям.

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

Давайте посмотрим на функции, которые вы будете использовать чаще всего при работе со слоями на панели «Слои».Вы можете следовать этому изображению из файлов практики для этого урока или с собственным многослойным изображением. Справа на панели «Слои» порядок, в котором слои располагаются сверху вниз, определяет расположение содержимого на изображении спереди и сзади. Например, на этом изображении слой портного находится над слоем рисунка на панели «Слои». Итак, на изображении фотография портного с мужчиной в красной шляпе находится поверх фотографии выкройки, где эти две фотографии перекрываются.А что, если вы хотите, чтобы фотография портного находилась позади фотографии выкройки на изображении? В этом случае перейдите на панель «Слои» и выберите фотографию портного, щелкнув по ней. Затем щелкните, удерживайте и перетащите слой портного под слой с узором. Теперь это может быть сложно. Вам нужно подождать, пока вы не увидите двойную линию под слоем узора, а затем убрать палец с мыши или трекпада. И это перемещает слой портного под слой с узором на панели слоев. И посмотрите, что получилось на картинке: за фото выкройки фото портного.Еще одна вещь, о которой вы, вероятно, задаетесь вопросом, — это как создать новый слой. Допустим, мне нужен новый пустой слой, на который я мог бы добавить пиксели, возможно, нарисовав кистью. Сначала подумайте, где вы хотите добавить слой в порядке наложения слоев, и выберите слой чуть ниже этого. В этом примере я хотел бы добавить новый слой над слоем с узором, потому что я хочу рисовать поверх этого узора. Итак, я перейду на панель Layers и выберу слой с узором. А затем я создам свой новый слой, перейдя в нижнюю часть панели «Слои» и щелкнув этот значок с поднятым углом страницы.Это создает новый слой над слоем с узором. Добавление слоя таким образом создает слой на основе пикселей, на котором вы можете делать такие вещи, как добавление цвета. Если вы используете другой инструмент, например инструмент «Текст» или инструмент «Фигура», или если вы используете команду «Поместить внедренное» для добавления новой фотографии или другого изображения в композицию — все это мы сделаем позже в этой серии руководств — Photoshop автоматически создаст для вас новый слой. Так что не удивляйтесь, если вы увидите дополнительные слои на панели «Слои» при использовании любой из этих функций.Когда вы действительно создаете новый слой, рекомендуется дать ему имя, которое будет иметь для вас значение, чтобы его было легче найти позже. Чтобы переименовать любой слой, дважды щелкните правой кнопкой мыши имя слоя и напечатайте поверх него, чтобы ввести свое имя. Я набираю «рисовать». А затем нажмите Enter или Return на клавиатуре. Теперь давайте применим этот новый слой, добавив к нему немного цвета. Я перейду к панели Swatches. Если панель «Образцы» не открыта, откройте ее из меню «Окно» в верхней части экрана. На панели Swatches я собираюсь щелкнуть цвет.Вы можете использовать любой понравившийся цвет. А затем я перейду на панель «Инструменты», где выберу инструмент «Кисть». Я подхожу к панели параметров инструмента «Кисть» и нажимаю на «Палитру кистей», где у меня есть ползунок «Размер», который я могу перетащить вправо, чтобы изменить размер этой кисти. Затем я перехожу к изображению и начинаю рисовать, и инструмент выбора кистей закрывается, когда я рисую узор. Поскольку краска находится на отдельном слое на панели «Слои», у вас есть много возможностей для редактирования этого образца краски, не затрагивая остальную часть изображения.В качестве всего лишь одного примера вы можете изменить непрозрачность слоя краски. Выбрав слой с краской, я поднимусь к верхней части панели «Слои» и щелкну стрелку справа от «Непрозрачности». Затем перетащу ползунок «Непрозрачность» влево. Следите за образцом краски, пока я это делаю, и вы увидите, что он становится все менее и менее непрозрачным или более прозрачным. Я отключу ползунок «Непрозрачность» в пустой области, чтобы закрыть этот ползунок. Это простой способ смешать содержимое двух слоев вместе. Наконец: что, если вы решите, что вам вообще не нужно содержимое нового слоя? Вы можете удалить этот слой или любой слой, выбрав его, а затем нажав клавишу Delete на клавиатуре Mac или клавишу Backspace на клавиатуре Windows.И не волнуйтесь: вы можете отменить это, нажав Command + Z на Mac или Ctrl + Z на клавиатуре Windows. И вот бонусный совет: есть еще больше команд, связанных со слоями, расположенных в меню панели, к которому вы можете получить доступ, щелкнув этот маленький значок меню в правом верхнем углу панели слоев. Итак, если вы когда-нибудь захотите сделать что-то еще со своими слоями — например, возможно, скопировать слой — загляните в это меню. Вот как можно использовать некоторые из наиболее распространенных функций слоев: изменение порядка наложения слоев, создание нового слоя на основе пикселей, изменение непрозрачности слоя и удаление слоя.

Что вы узнали: Работа со слоями на панели «Слои»

• Перетащите слой вверх или вниз на панели «Слои», чтобы изменить порядок расположения объектов на изображении.
• Щелкните значок Create a New Layer в нижней части панели слоев, чтобы создать новый слой. Этот слой прозрачен, пока к нему что-нибудь не добавят.
• Чтобы назвать слой, дважды щелкните имя текущего слоя.Введите новое имя для слоя. Нажмите Enter (Windows) или Return (macOS).
• Чтобы изменить непрозрачность слоя, выберите слой на панели «Слои» и перетащите ползунок «Непрозрачность», расположенный в верхней части панели «Слои», чтобы сделать слой более или менее прозрачным.
• Чтобы удалить слой, выберите его на панели «Слои» и нажмите клавишу Backspace (Windows) или «Удалить» (macOS).

Изменить размер содержимого выбранных слоев.

Когда вы создаете многослойный дизайн, вам может потребоваться изменить размер содержимого слоя вместо изменения размера всего изображения. Для этого вы воспользуетесь командой Transform. Если вы следуете инструкциям, вы можете использовать это изображение из файлов практики для этого урока или вы можете использовать свое собственное многослойное изображение. Допустим, мы хотим уменьшить это фото швейных инструментов. Первый шаг — перейти на панель «Слои» и выбрать слой, содержащий эту фотографию, то есть слой с фотографиями инструментов.Я нажимаю на этот слой, чтобы выбрать его. Затем перейдите в меню «Правка» и выберите «Свободное преобразование». Это помещает эту границу вокруг всего содержимого выбранного слоя. Итак, если бы на одном слое было больше иллюстраций, все они были бы заключены в эту границу, и все они были бы изменены вместе. Обычно вы не хотите искажать изображение при изменении его размера. Чтобы этого избежать, удерживайте нажатой клавишу Shift, чтобы сохранить пропорции при щелчке по любому краю или любому углу, и перетащите, чтобы уменьшить эту фотографию, или растяните, чтобы сделать ее больше.Между прочим, можно уменьшить размер слоя, но в большинстве случаев лучше не делать контент на основе пикселей, например фотографию, намного больше оригинала, иначе он может выглядеть размытым. Последний шаг — принять изменение, внесенное с помощью команды «Преобразовать». Один из способов сделать это — подойти к панели параметров и щелкнуть большую галочку, которая появляется там всякий раз, когда вы используете Free Transform. Вот и все. Еще вы можете изменить размер содержимого более чем одного слоя за раз.Это поможет сэкономить время и поможет изменить размер нескольких изображений на одинаковую величину. Итак, предположим, что мы хотим одновременно уменьшить фото швейных инструментов и фотографию портного. Они расположены на 2 разных уровнях. Итак, мы должны перейти на панель «Слои» и убедиться, что оба эти слоя выбраны. Слой с фотографиями инструментов уже выбран. Если у вас нет, просто нажмите на этот слой. Чтобы добавить слой с фотографией портного к выделению, удерживайте нажатой клавишу Command на Mac или клавишу Ctrl в Windows и щелкните слой с фотографией портного.Затем, как и раньше, перейдите в меню «Правка» и выберите «Свободное преобразование». Удерживая нажатой клавишу Shift, щелкните любой край или любой угол границы, окружающей оба изображения на обоих выбранных слоях. Перетащите внутрь, чтобы уменьшить размер обеих фотографий одновременно. И когда вы закончите, перейдите на панель параметров и нажмите большую галочку, чтобы принять это изменение. Вот как изменить размер слоев с помощью Free Transform. Пожалуйста, не путайте эту технику с изменением размера всего изображения, которое выполняется с помощью команды «Размер изображения» в меню «Изображение», как вы узнали в другом руководстве из этой серии.

Что вы узнали: изменение размера слоев

1. На панели «Слои » выберите один или несколько слоев, содержащих изображения или объекты, размер которых нужно изменить.
2. Выберите Edit> Free Transform . Рамка преобразования появляется вокруг всего содержимого выбранных слоев. Удерживайте нажатой клавишу Shift, чтобы не искажать содержимое, и перетаскивайте углы или края до нужного размера.Перетащите курсор внутрь границы преобразования, чтобы переместить содержимое вокруг изображения. Перетащите за пределы границы преобразования, чтобы повернуть содержимое.
3. Щелкните галочку на панели параметров или нажмите Enter (Windows) или Return (macOS), чтобы подтвердить изменение.

Добавьте в дизайн больше изображений, каждое изображение на отдельном слое.

Из этого видео вы узнаете, как добавить несколько изображений в композицию, которую вы создаете в Photoshop.Как и многие другие вещи в Photoshop, это можно сделать несколькими способами. Мы собираемся использовать метод Place Embedded, который автоматически создает новый слой для каждого добавленного изображения, что дает вам гибкость в изменении размера и положения каждого добавленного изображения по своему усмотрению. Если вы следуете инструкциям, начните с открытия этого изображения из файлов практики для этого урока. Вы можете пока оставить закрытым другой файл практики с таким же названием. Когда мы используем команду «Поместить внедренное», чтобы добавить еще одно изображение в эту композицию, Photoshop автоматически создаст новый слой для добавленного изображения над любым слоем, выбранным в данный момент.Итак, первый шаг — перейти на панель «Слои» и выбрать слой, над которым вы хотите создать новый слой. Я собираюсь выбрать фоновый слой. Затем перейдите в меню «Файл» и выберите «Поместить встроенный …». Откроется Finder или проводник, где вы перейдете к файлу, который хотите добавить. Если вы используете загружаемые файлы тренировок, перейдите к файлам тренировок на вашем компьютере и выберите этот файл. Затем нажмите кнопку «Поместить» в правом нижнем углу. Добавленная фотография появится на открытом изображении в окне документа.Эта фотография оказывается больше открытого изображения, но вам не о чем беспокоиться. Photoshop автоматически уменьшает добавленную фотографию, чтобы она соответствовала исходному изображению. Прежде чем завершить размещение, вы уменьшите масштаб фотографии и поместите ее в нужное место в композиции. Чтобы пропорционально уменьшить масштаб фотографии, не искажая ее, удерживайте клавишу Shift при перетаскивании из любого угла внутрь. Если вы хотите, чтобы добавленное фото было примерно того же размера, что и одна из других небольших фотографий в этой композиции, используйте одну из этих фотографий в качестве ориентира, чтобы помочь вам определить размер этой.Я уберу палец с мыши или трекпада и отпущу клавишу Shift. Я удерживаю клавишу Shift, перехожу к этому другому углу и перетаскиваю туда, чтобы получить добавленную фотографию примерно того же размера, что и эта другая маленькая фотография. Затем вы хотите разместить добавленную фотографию в нужном месте композиции. Для этого щелкните внутри границы и перетащите. Эти розовые направляющие могут появиться — они называются умными направляющими — чтобы помочь вам выровнять добавленную фотографию с другими элементами в композиции.Когда вас устраивают размер и размещение добавленной фотографии, завершите размещение, поднявшись на панель параметров и щелкнув там большую галочку. Вот и все. Если позже вы решите переместить добавленную фотографию, вы можете сделать это, просто выбрав ее слой, получив инструмент «Перемещение» на панели «Инструменты» и перетащив добавленную фотографию в другое место в композиции. Или скажем, вы хотите изменить размер добавленной фотографии. Вы тоже можете это сделать. И для этого вы воспользуетесь командой Free Transform, о которой мы узнали в предыдущем видео в этом руководстве.Итак, скажем, я хотел, чтобы это среднее изображение было другого размера, я бы убедился, что его слой выбран на панели «Слои», я бы поднялся в меню «Правка» и выбрал «Свободное преобразование», удерживая клавишу Shift, чтобы сохранить пропорции. и перетащите из любого угла, чтобы изменить размер этой фотографии. Затем нажмите галочку на панели параметров, чтобы подтвердить это изменение. При использовании команды «Поместить внедренное» следует помнить об одном. И это то, что есть некоторые изменения, которые вы не можете сделать непосредственно в результирующем смарт-объекте, созданном этой командой.Теперь есть еще много чего узнать об интеллектуальных объектах, но пока давайте просто поговорим о том, что делать, если вы столкнетесь с такой ситуацией. Допустим, я хотел раскрасить добавленную мной фотографию. Я выберу его слой на панели «Слои», перейду на панель «Инструменты» и выберу инструмент «Кисть». Когда я перехожу к изображению и щелкаю, чтобы рисовать, я получаю сообщение о том, что «Этот объект необходимо растрировать, прежде чем продолжить». Это означает, что если я нажму «ОК», я конвертирую добавленный слой с фотографией в обычный пиксельный слой.И это нормально, поэтому я нажимаю ОК. И это простое решение, которое позволит мне рисовать на добавленной мной фотографии. Итак, теперь, когда вы знаете, как добавлять изображения в композицию, получайте удовольствие, создавая свой собственный уникальный дизайн из нескольких изображений в Photoshop.

Что вы узнали: как добавлять изображения в дизайн

1. Выберите File> Place Embedded , перейдите к файлу изображения в проводнике (Windows) или Finder (macOS) и нажмите «Поместить».
2. Удерживайте нажатой клавишу Shift, чтобы не искажать изображение, и перетащите углы границы изображения, чтобы изменить размер добавленного изображения.
3. Перетащите курсор внутрь границы, чтобы расположить добавленное изображение в нужном месте.
4. Щелкните флажок на панели параметров, чтобы завершить размещение. Это автоматически создает новый слой, содержащий добавленное изображение.

Узнайте, как работает специальный фоновый слой.

Многие файлы имеют специальный фоновый слой.Давайте посмотрим, что такое фоновый слой и как с ним работать. Если вы следуете инструкциям, используйте этот файл из файлов практики для этого руководства. Давайте посмотрим на панель «Слои», где в нижней части этого стека слоев находится слой с надписью «Фон» с заглавной буквой B и символом замка. Вот как распознать специальный фоновый слой. Содержимое этого фонового слоя — большая фотография на заднем плане изображения в окне документа. Такой фоновый слой имеет особые свойства, отличные от обычного слоя.Например, вы не можете изменить порядок наложения фонового слоя на панели «Слои». Попробуйте переместить его вверх в стопке слоев, выбрав фоновый слой и перетащив его вверх. И вы просто не можете положить его поверх этих других слоев. Вместо этого вы получаете этот символ «ни в коем случае». А когда вы убираете палец с мыши или трекпада, фоновый слой возвращается в нижнюю часть стека слоев. Точно так же вы не можете перетащить другой слой под фоновый слой на панели «Слои».Попробуйте выбрать другой слой, а затем перетащите его под фоновый слой, и вы получите тот же символ «ни в коем случае». Фоновый слой просто должен находиться внизу стека слоев, а его содержимое должно быть позади изображения, позади других элементов изображения. Вернемся к панели «Слои» и снова выберем фоновый слой, чтобы увидеть что-то еще, чего нельзя сделать с фоновым слоем. И это чтобы переместить его с помощью инструмента «Перемещение». Я перейду и выберу инструмент «Перемещение» на панели «Инструменты».Я нажимаю на эту большую фоновую фотографию и пытаюсь переместить, но получаю сообщение о том, что инструмент «Перемещение» не может переместить этот слой, потому что слой заблокирован. Я нажму ОК, чтобы отклонить это. Есть еще пара вещей, которые нельзя сделать с фоновым слоем. Например, вы не можете изменять непрозрачность слоя и не можете иметь прозрачные пиксели на фоновом слое. Итак, что, если вы хотите сделать что-либо из этого со специальным фоновым слоем? В этом случае вам нужно преобразовать фоновый слой в обычный слой.И это так просто, как один клик. Просто спуститесь к фоновому слою и нажмите на символ замка, и он исчезнет, ​​и этот слой станет обычным слоем под названием Layer 0. И теперь, поскольку это обычный слой, я мог бы делать все, что я только что упомянул, что вы можете » Тоже с фоновым слоем. Это всего лишь один пример, я могу переместить этот слой с помощью инструмента «Перемещение». У меня все еще выбран инструмент «Перемещение», я перехожу к изображению и перетаскиваю его вправо, и это действительно перемещает слой 0, и он показывает прозрачность позади него, потому что это самый нижний слой в стеке слоев.А что, если вы действительно хотите иметь специальный фоновый слой, а у вас его нет в вашем файле. Что ж, вы можете превратить любой слой в специальный фоновый слой, перейдя в меню «Слой» и выбрав «Новый», «Фон из слоя». В данном случае я действительно хочу создать новый слой и сделать его фоновым. Итак, я спущусь к нижней части панели «Слои» и нажму кнопку «Создать новый слой». Это создает новый слой 1, который я перетащу в конец стопки слоев. Слой 1 в настоящее время пуст.Я залью его белым. Для этого я поднимусь в меню «Правка» и выберу «Заливка» … В открывшемся диалоговом окне «Заливка» я изменю первое раскрывающееся меню на «Белый». И я нажимаю ОК. И теперь у нас есть белый слой внизу стопки слоев. Чтобы превратить его в специальный фоновый слой, я перейду в меню «Слой» и выберу «Новый», «Фон из слоя». И теперь этот слой заблокирован, я не могу его перемещать или делать другие вещи, о которых я упоминал. И это обеспечивает стабильную основу для этой композиции.Итак, фоновые слои заслуживают упоминания, потому что вы столкнетесь с одним из них раньше, чем позже. И теперь вы знаете, что такое фоновый слой, каковы его ограничения и как с ним работать.

Что вы узнали: преобразование фонового слоя в обычный

• Поскольку слой Background заблокирован, его нельзя перемещать в окне Document или переставлять на панели Layers , и некоторые функции редактирования на нем не работают.
• Чтобы изменить слой Background на обычный слой, щелкните значок замка справа от имени слоя на панели Layers .

.

Экспорт документов, слоев и монтажных областей в Photoshop

В диалоговом окне «Экспорт как» можно установить следующие параметры:

Формат: выберите PNG, JPG, GIF или SVG.

Параметр, зависящий от формата: для PNG укажите, хотите ли вы экспортировать ресурсы с включенной прозрачностью (32-бит) или экспортировать изображения меньшего размера (8-бит). Для JPEG укажите желаемое качество изображения (0–100%). По умолчанию изображения в формате GIF прозрачны. При экспорте ресурсов PNG помните следующее:

• При выборе параметра «Прозрачность» создаются 32-битные ресурсы PNG
• При выборе файла меньшего размера создаются 8-битные ресурсы PNG
• Если вы не выберете вышеуказанные параметры, создаются 24-битные ресурсы PNG.

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

Масштаб: выберите размер экспортируемого изображения. Эта опция полезна для экспорта ресурсов с большим или меньшим разрешением. Изменение масштаба влияет на размер изображения.

Resample: Выберите метод повторной выборки. Передискретизация относится к изменению объема данных изображения при изменении либо размеров в пикселях, либо разрешения изображения, обычно при изменении размера изображения.

• Билинейный: добавляет пиксели путем усреднения значений цвета окружающих пикселей. Этот метод дает результаты среднего качества.
• Бикубический: более медленный, но более точный метод, основанный на исследовании значений окружающих пикселей. Используя сложные вычисления, Bicubic создает более плавные градации тонов, чем методы передискретизации Bilinear или Nearest Neighbor.
• Bicubic Smoother: подходит для увеличения изображений на основе бикубической интерполяции, но предназначен для получения более гладких результатов.
• Bicubic Sharper: подходит для уменьшения размера изображения на основе бикубической интерполяции при одновременном повышении резкости. Этот метод сохраняет детализацию изображения с повторной дискретизацией. Если Bicubic Sharper делает некоторые области изображения чрезмерно резкими, попробуйте использовать Bicubic Sharper.
• Bicubic Automatic: автоматически выбирает метод бикубической выборки, подходящий для изображения.
• Ближайший сосед: быстрый, но менее точный метод, воспроизводящий пиксели изображения. Этот метод предназначен для использования с иллюстрациями, содержащими несглаженные края.Он сохраняет твердые края и позволяет получить файл меньшего размера. Однако этот метод может создавать неровные эффекты, которые становятся очевидными при масштабировании изображения или выполнении нескольких манипуляций с выделенной областью.
• Сохранить детали: при изменении размера изображения этот метод уделяет первостепенное внимание сохранению деталей и резкости изображения.

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

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

Если изображение больше, чем размер холста, оно обрезается до значений ширины и высоты, установленных для холста. Вы можете нажать «Сброс», чтобы вернуть значения к значениям, установленным в «Размер изображения».

Метаданные: укажите, хотите ли вы встраивать метаданные — информацию об авторских правах и контактную информацию — в экспортированные ресурсы.

Цветовое пространство: укажите следующее:

• Хотите ли вы преобразовать экспортированный ресурс в цветовое пространство sRGB. Этот вариант выбран по умолчанию.
• Хотите ли вы встроить цветовой профиль в экспортированный актив.

.

Использовать маски слоя с выделенными областями

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

Сделать выбор

Начните с создания выделения с помощью любого метода выделения. Если изображение имеет сплошной цвет фона, возможно, будет проще выбрать фон, чем объект. Инструмент «Волшебная палочка» полезен для выбора однотонного фона.

1. Выберите инструмент «Волшебная палочка» на панели инструментов и установите флажок «Смежные» на панели параметров.
2. Щелкните фон изображения, чтобы выбрать его. Чтобы при необходимости добавить к выделению, щелкните изображение, удерживая нажатой клавишу «Shift». Чтобы вычесть из выбора, щелкните, удерживая клавишу Option (MacOS) или Alt (Windows).
3. Выберите «Выделение»> «Инвертировать», чтобы выделить объект вместо фона. Оставьте выбор активным.

Добавить маску слоя

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

• При активном выделении нажмите кнопку «Добавить маску слоя» на панели «Слои». На маске слоя белый цвет там, где было выделение (объект), и черный, где не было выделения (фон). Черный цвет скрывает невыделенную область.

Копировать в другое изображение

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

1. Открыть другое изображение. У каждого открытого изображения есть своя вкладка в верхней части окна документа.
2. Скопируйте замаскированный слой во второе изображение следующим образом: На панели «Слои» первого изображения щелкните и удерживайте пустую часть слоя, содержащую объект и маску слоя. Удерживая нажатой кнопку мыши, перетащите с панели «Слои» первого изображения на вкладку второго изображения, а затем в окно документа второго изображения. Отпустите мышь. На панели «Слои» второго изображения есть новый слой, содержащий объект и его маску слоя.
3. Не снимая выделения с предметного слоя на втором изображении, нажмите Command + T (MacOS) или Control + T (Windows). Вокруг объекта появится ограничивающая рамка с ручками.
4. Перетащите угловой маркер ограничивающей рамки, чтобы уменьшить или увеличить объект. Перетащите изнутри ограничительной рамки, чтобы переместить объект.
5. Щелкните за пределами ограничивающей рамки, чтобы завершить масштабирование и размещение объекта и его маски слоя на втором изображении.
6. Если вам нужно отредактировать маску слоя на втором изображении, щелкните маску слоя на панели «Слои», чтобы сделать ее активной.Выберите инструмент «Кисть» на панели инструментов. Нарисуйте черным, белым или серым цветом, чтобы отредактировать маску слоя.

Сохраните свою работу со слоями

• Сохраните оба изображения в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

.

Создайте маску первого слоя

Что такое маскирование слоя?

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

К маске слоя можно добавить черный, белый или серый цвет. Один из способов сделать это — нарисовать маску слоя.Черный цвет на маске слоя скрывает слой, содержащий маску, поэтому вы можете видеть, что находится под этим слоем. Серый цвет на маске слоя частично скрывает слой, содержащий маску. Белый цвет на маске слоя показывает слой, содержащий маску.

Создать маску слоя

1. Выберите слой на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». На выбранном слое появится белая миниатюра маски слоя, открывающая все на выбранном слое.

Добавить черный к маске слоя, чтобы скрыть

Добавление черного к маске слоя скрывает слой, содержащий маску.

1. На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте палитру кистей и выберите размер и жесткость кисти.
3. Нажмите D, чтобы установить белый и черный цвета по умолчанию на панели инструментов.Затем нажмите X, чтобы переключить цвета, чтобы черный стал цветом переднего плана.
4. Закрасьте изображение, добавив черный цвет к маске слоя. Черный цвет на маске слоя скрывает слой с маской, поэтому вы можете видеть слой ниже или узор шахматной доски, который представляет прозрачность.

Добавьте белый цвет к маске слоя, чтобы открыть

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

1. Нажмите X, чтобы переключить цвета переднего плана и фона на панели инструментов, чтобы белый стал цветом переднего плана.
2. Закрасьте скрытые области изображения. Это добавляет белый цвет к маске слоя, возвращая в поле зрения соответствующие области замаскированного слоя.

Тонкая настройка маски слоя с черным, белым и серым

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

.

Можно ли ссылаться на файл Photoshop или композицию слоев из другого файла Photoshop?

Переполнение стека

1. Около
2. Товары
3. Для команд

1. Переполнение стека Общественные вопросы и ответы
2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
5. Реклама Обратитесь к разработчикам и технологам со всего мира
6. О компании

.

Как создать белый слой в фотошопе cs6. Что такое слой в фотошопе

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

Как создать слой

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

1. «Слои» — «Новый» — «Слой…». В открывшемся окне можно задать название, цвет, режим, непрозрачность. По умолчанию настройки стоят на 100% непрозрачности. Можно сразу нажать «Ок».

2. Самый быстрый способ – нажать на иконку внизу палитры:

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

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

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

Как создать новый слой – картинку

В Фотошоп для создания нового слоя предусмотрено несколько способов. Как открыть в редакторе изображение рассказывалось в уроке CS5 для начинающих « » в разделе «Область редактирования изображений».

Теперь создадим новый слой одним из вариантов:

1. Зайти «Файл» — «Открыть». В выпадающем окне выбрать необходимый файл, нажать кнопку «Открыть». Открывается новая вкладка. Зажимаем ее мышкой и перетягиваем на рабочую область. После этого зажимаем изображение и перетягиваем на вкладку, на которой собираемся его разместить.

2. Клавиши Ctrl+О, где О – буква, а не цифра. Дальше действия аналогично описанным выше, в п.1

3. Выбрать на компьютере изображение и перетянуть его мышкой в редактор. Нажать Enter. В этом случае палитре слой помещается как смарт-объект. Возможно для дальнейшей работы его придется растрировать.

4. Элементарно скопировать (Ctrl+C) картинку и вставить (Ctrl+V) ее в редакторе. Этот вариант работает только в том случае, если хотя бы один слой уже существует.

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

Как скопировать слой в фотошопе

1. Захватить мышкой слой и перетащить его на иконку внизу палитры, как показано на рисунке выше.

2. Щелкнуть правой мышкой на слой на палитре, в открывшемся списке выбрать «Создать дубликат слоя».

3. На панели управления «Слои» — «Новый» — «Скопировать на новый слой».

4. На панели управления «Слои» — «Создать дубликат слоя». В открывшемся окошке можно задать название и выбрать вкладку. Нажать «Ок».

5. Использовать горячие клавиши Ctr+J.

6. Выделить слой клавишами Ctrl+А или по пути Выделение – Все. Затем скопировать выделенное клавишами Ctrl+С или по пути Редактирование – Скопировать. И вставить клавишами Ctrl+V, или по пути Редактирование – Вставить. В палитре слоев появляется новый дубликат скопированного.

7. С зажатой клавишей Alt захватить мышкой активный слой и потянуть вниз или вверх. Смотрите внимательно. Отпустить мышку и Alt можно после того, как между существующим и создающимся слоями появится двойная линия границы.

Любым из этих способов можно скопировать слой в фотошопе и получить его точную копию.

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

Если ваши знания о слоях представляют собой миску с винегретом — то этот материал специально для вас!

Если же вы чувствуете себя достаточно «мастеритым » в этой области, все равно прочитайте, возможно, найдете для себя чего-нибудь полезное.

Что такое слой?

Понятие «слой » в программе Photoshop имеет точно такой же физический смысл как и в жизни — это прослойка или пласт, который является составной частью чего-то целого.
Давайте вспомним случаи, где нам встречается это понятие в реальной жизни?

Мы покрываем стены слоем краски.

Атмосфера Земли состоит из нескольких слоев.

Бутерброд с толстым слоем шоколада…

Теперь чтобы наглядно увидеть «слой » в Photoshop

нужно сначала научиться его создавать.

Создайте новый документ (Файл — Создать, ):

1-й способ создать слой:

⇐ . (предыдущая страница учебника)

. (следующая страница учебника) ⇒

Слой — это основная единица рисунка в Photoshop. Все действия в этой программе строятся на работе со слоями, которые накладываются друг на друга, создавая сложное изображение.

Зачем нужны слои?

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

Представьте себе простой рисунок: небо, на нём облако, из-за которого выглядывает солнце. Каждый из этих элементов в Photoshop расположен на отдельном слое. Небо — задний фон, на него наслаивается солнце (средний слой), и его, в свою очередь, закрывает передний слой — облако.

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

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

В общем, слои избавляют от множества проблем, позволяя работать с частями сложнейших изображений эффективно и безопасно.

Работа со слоями

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

Если у вас такой панели нет — включите её, выполнив команду Окно -> Слои.

Первый слой создаётся вместе с документом автоматически, остальные тоже создаются автоматически во время выполнения определённых действий (например, если вы попробуете нарисовать фигуру, то увидите, что для неё создастся новый слой). Иногда новые слои вы будете добавлять вручную. В идеале каждый объект должен располагаться на отдельном слое.

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

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

1. Создайте новый документ с белым фоном.

2. Создайте новый слой, нажав значок .

3. Переименуйте слой. Для этого дважды щёлкните на названии кнопкой мыши, введите имя (например, Верхний слой) и либо нажмите Enter , либо просто щёлкните в свободной области экрана.

Строка слоя состоит из трёх элементов: значка с нарисованным глазком, миниатюры слоя и его имени. Глазок означает, что слой видим, щелчок на значке скроет слой. Расположенные в шахматном порядке серые и белые квадраты миниатюры говорят о его прозрачности.

4. Залейте слой любым цветом, градиентом или узором — выберите инструмент Заливка, укажите цвет и щелкните на холсте кнопкой мыши (о заливке мы говорили в предыдущем уроке).

5. Сделайте активный слой невидимым — выключите его, щёлкнув на значке с глазком. На холсте снова отобразился белый фон, потому как слой поверх него теперь отключён.

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

Работа с текстом

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

1. На палитре выберите инструмент Горизонтальный текст.

2. Щёлкните в любом месте холста и введите произвольный текст.

3. Обратите внимание на панель параметров. Здесь вы можете задать направление (горизонтальной будет надпись или вертикальной), шрифт, начертание, размер, выравнивание, цвет и деформацию текста.

Чтобы дублировать слой целиком(при этом в документе не должно быть выделения), или скопировать выделение на новый слой, нажмите Ctrl+J

Если Вы хотите скопировать выделение на новый слой с тем, чтобы эта область была вырезана на слое, с которого производится копирование, нажмите Ctrl+Shift+J. Эта операция также не работает с фоновым слоем:

Выбор всех слоёв сразу

Чтобы выбрать все слои сразу, нажмите Ctrl+Alt+A. Заметим, что это действие выбирает все слои, кроме фонового.

Чтобы выбрать все слои похожи сразу, например, все текстовые слои или корректирующие слои или слои-фигуры, щелкните правой кнопкой мыши (Win) на одном из слоёв, затем выберите в появившемся меню пункт «Выбрать все похожие слои» (Select Similar Layers).

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

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

Имеется ещё один способ выбора нескольких слоёв, которые расположены непосредственно выше или ниже друг друга. Для этого надо кликнуть по нужному слою, нажать и удерживать клавиши Shift+Alt и нажимать на одну из квадратных скобок ([ или ] ). Нажатие на левую скобку ([ ) будет добавлять к выбору слой, расположенный ниже выделенного слоя, и при повторных нажатиях будет добавлять следующие слои, расположенный вниз по стеку, нажатие же на правую квадратную скобку (] ) будет точно так же добавлять слои, но уже вверх по стеку.

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

Быстрый выбор верхнего или нижнего слоя

Для быстрого выбора верхнего слоя в палитре слоёв нажмите Shift+Alt+].

Для быстрого выбора нижнего слоя (в том числе фонового), нажмите Shift+Alt+[.

Перемещение выделения (активности) слоя вверх или вниз по стеку

Для перемещения выделения удерживайте клавишу Alt (Win) и нажимайте левую и правую клавишу квадратных скобок ([ или ] ). Левая квадратная скобка перемещает выделение вниз, правая — вверх.

Перемещение выделенного слоя вверх или вниз по стеку

Чтобы переместить выделенный слой вниз по стеку, зажмите клавишу Ctrl и нажмите клавишу «левая квадратная скобка» ([ ).

Для перемещения выделенного слоя вверх используйте правую квадратную скобку ([ ) при зажатой Ctrl.

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

Перемещение выделенного слоя моментально вверх или вниз

Чтобы выделенный слой оказался моментально верху в стеке, нажмите Shift + Ctrl +], соответственно, чтобы он оказался внизу, нажмите Shift + Ctrl +].

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

Включение/отключение видимости слоёв

Большинство пользователей Photoshop для отключения/включения видимости слоя используют нажатия на соответствующий значок, находящийся слева в панели слоёв (иконка глаза):

Но не все знают, что можно отключить все слои, кроме того, на значок которого Вы нажимаете, если перед кликом по «глазу» зажать клавишу Alt:

Таким же образом можно включить все слои.

Ещё одна маленькая хитрость, незнакомая большинству пользователей Photoshop. Если в стеке слоёв видимость включена только у одного слоя, то перемещать видимость вверх или вниз можно с помощью сочетаний клавиш Alt+] и Alt+[ соответственно.
Это отличный способ, чтобы увидеть именно то, что находится на каждом отдельном слое в документе.

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

Выбор всего слоя

Чтобы выбрать весь слой, а не только пиксели, содержащиеся в нём, нажмите Ctrl+A.

Выбор всех пикселей, содержащихся в слое

Для этого зажмите Ctrl и кликните по иконке предпросмотра слоя.

Создание новой группы из слоёв

Выберите нужные слои и затем нажмите Ctrl+G

Для раз группировки выберите нужную группу и нажмите Shift+Ctrl+G.

Слияние слоёв

Чтобы объединить слой со слоем, расположенным непосредственно под ним, нажмите Ctrl+E.

Чтобы объединить несколько слоёв, сначала выберите те слои, которые вы хотите объединить и затем нажмите Ctrl+E.

И ещё дна интересная полезность, о которой мало кто знает. Вы можете объединить два или более слоя в новый слой, сохранив при этом оригинальные слои, а вновь созданный появится над выделенными .
Для этого сначала выберите слои, которые вы хотите объединить, а затем нажмите Ctrl+Alt+E:

Чтобы объединить все слои в палитре, нажмите Shift+Ctrl+E.

Чтобы объединить все слои на отдельном слое и при этом сохранить оригиналы, сначала создайте новый пустой слой выше всех других слоёв в палитре, а затем нажмите Shift+Ctrl+Alt+E. Пиксели всех слоёв объединятся в этом пустом слое, а сами слои останутся нетронутыми.

Создать обтравочную маску

Для этого нажмите комбинацию Ctrl+Alt+G.

Изменение режимов наложения

Изменение режимов наложения с помощью клавиш клавиатуры и мыши подробно описано .

Изменение непрозрачности слоя

Для быстрого изменить непрозрачности слоя, сначала убедитесь, что у вас выбран инструмент «Перемещение» (Move Tool), для его выбора можно просто нажать букву V на клавиатуре, а затем нажмите на цифровую клавишу. Цифра «5» будет соответствовать 50% непрозрачности, «8» будет соответствовать 80% и т.д. Если вам нужны более точные значение непрозрачности, например, 25%, просто быстро наберите «25». Для значения непрозрачности в 100%, просто наберите «0».

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

Удалять слои можно двумя способами.

Первый — просто кликните мышкой на нужный слой для его выбора и нажмите клавишу Delete

Второй — перетащите слой на значок корзины в правом нижнем углу панели:

Ну вот, вроде пока всё.

Adobe Photoshop – мощнейшая машина для обработки графических файлов. Но зачастую случается, что неопытные пользователи портят свои снимки и теснее не могут воротить их к изначальному состоянию. Повод таких неудач кроется в незнании элементарных правил фотошопа. Первое и самое главное из них: никогда не работайте сразу позже открытия документа в этой программе. Неизменно работу необходимо начинать с создания копии слоя «фон». Чай создание нового слоя – основа для работы. А вот как это сделать, читайте ниже.

Инструкция

1. Новейший слой получится сотворить, только если у вас открыт какой-либо документ. Есть несколько методов создания слоя. 1-й из них. В основном меню выберите вкладку «Слои» – «Новейший» – «Слой». Появится окно. В нем вы можете вписать имя создаваемого слоя, определить его цвет и предпочесть режим перекрытия, если необходимо. Нажмите «Ок». Слой готов.

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

3. 3-й метод. На панели работы со слоями в самом низу есть несколько маленьких кнопок. Выберите значок в виде листа бумаги с загнутым уголком. Нажмите его, и новейший слой здесь же появится. Окна создания слоя не будет. Параметры установятся механически: прозрачный фон, обыкновенный режим наложения, имя «слой 1,2,3» либо иной номер по порядку.

4. И конечный, четвертый метод, вероятно, самый стремительный. Нажмите сочетание клавиш Shift+Ctrl+N. Перед вами опять появится окно создания слоя. Выберите необходимые параметры и нажмите «Ок». Эти четыре варианта относятся к созданию чистого слоя.

5. Впрочем неоднократно появляется нужда сделать слой с наполнением. Представим, вы открыли фотографию. Она механически расположится на слое «фон». Для работы вам нужно сотворить копию этого слоя. Для этого примитивно перетащите мышкой первоначальный слой на значок, о котором мы говорили в шаге 3. Новейший слой появится с именем «фон копия»

6. Еще один метод сделать новейший слой -копию. Кликните правой кнопкой мыши на слое «фон» и в выпадающем меню выберите «сотворить дубликат слоя». Появится окно, в котором вы можете ввести имя слоя и место, куда будет размещена копия (данный документ либо нужно сделать новейший). Назначьте все, что вам необходимо и жмите «Ок». Слой появится и будет готов к работе.

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

Вам понадобится

• – программа Photoshop.

Инструкция

1. Для удобной работы со слоями в Photoshop надобна палитра слоев. По умолчанию она располагается в правой стороне окна программы. Если эта палитра спрятана, кликните по опции Layers в меню Window.

2. Если вам надобно собрать файл из слоев, содержащихся в иных файлах, откройте эти файлы, запустив диалоговое окно командой Open из меню File. Выделите мышкой документы, которые собираетесь открывать, зажав при этом клавишу Ctrl. Кликните по кнопке «Открыть».

3. Щелкните по окну файла с рисунком, тот, что вы собираетесь вставить в качестве самого нижнего слоя в свой документ. Выделите содержимое окна командой All, которая находится в меню Select. Скопируйте в буфер обмена выделенную картинку. Для этого вам сгодится команда Copy из меню Edit. Кликните мышкой по окну файла, в тот, что вы вставляете слои. Добавьте в него скопированный слой командой Paste меню Edit.

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

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

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

7. При копировании слоев из нескольких различных файлов, различающихся линейными размерами, вам понадобится уменьшить либо увеличить скопированные изображения. Для этого щелкните по слою, на котором лежит картинка, нуждающаяся в изменении размера. Если вы хотите в идентичной степени изменить размер изображений, лежащих на различных слоях, выделите эти слои, нажав на клавишу Ctrl. Для метаморфозы размера воспользуйтесь командой Scale. Ее дозволено увидеть в группе Transform меню Edit.

Понимание слоев в фотошопе

Изучите основы слоев в Photoshop, в том числе, что это за слои, как они работают и почему так важно знать, как использовать слои. Для Photoshop CC, CS6 и более ранних версий Photoshop.

Если вы новичок в слоях в Photoshop, вы выбрали отличное место для начала. Для первого взгляда на слои мы сосредоточимся на том, что такое слои и зачем они нам нужны. Вместо того, чтобы создавать что-то необычное, мы будем использовать некоторые очень простые инструменты для рисования очень простых фигур. Затем мы узнаем, как мы можем манипулировать этими фигурами в нашем документе, используя слои! Мы начнем с создания композиции без слоев и рассмотрим проблемы, с которыми мы сталкиваемся, пытаясь внести даже простые изменения. Затем мы снова создадим ту же композицию, на этот раз с использованием слоев, чтобы увидеть, насколько сильно на самом деле отличаются слои.

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

Несомненно, слои — это самый важный аспект Photoshop. Ничто из того, что стоит делать в Photoshop, не может, или, по крайней мере, не может быть сделано без слоев. Они настолько важны, что у них есть своя собственная панель «Слои», а также собственная категория «Слои» в строке меню Photoshop в верхней части экрана. Вы можете добавлять слои, удалять слои, называть и переименовывать слои, группировать их, перемещать их, маскировать их, смешивать их вместе, добавлять эффекты к слоям, изменять их непрозрачность и многое другое!

Нужно добавить текст в свой макет? Он появится на собственном слое Type. Как насчет векторных фигур? Они появятся на отдельных слоях Shape. Слои — это сердце и душа фотошопа. Хорошо, что слои настолько просты в использовании и легки для понимания, по крайней мере, как только вы обернетесь вокруг них.

«Это здорово!», Говорите вы, «но это не говорит мне, что такое слои». Хороший вопрос, так что давайте узнаем!

Фотошоп без слоев

Прежде чем мы рассмотрим, что такое слои и как их использовать, давайте сначала посмотрим, как будет работать в Photoshop без слоев. Это поможет понять, почему слои так важны. Мы начнем с создания нового документа Photoshop. Для этого перейдите в меню « Файл» в строке меню в верхней части экрана и выберите « Создать» :

Идем в Файл> Новый.

Это открывает диалоговое окно New. Мы не нуждаемся в конкретном размере для нашего документа, но чтобы держать нас обоих на одной странице, введите 1200 пикселей для ширины и 800 пикселей для высоты . Вы можете оставить значение разрешения равным 72 пикселя / дюйм . Наконец, убедитесь, что для параметра Background Contents установлено значение White, чтобы наш новый документ имел сплошной белый фон. Нажмите OK, когда вы закончите, чтобы закрыть из диалогового окна. Ваш новый белый документ появится на экране:

Новое диалоговое окно Photoshop.

Рисование квадратной формы

Теперь, когда у нас готов новый документ, давайте нарисуем пару простых фигур. Сначала мы нарисуем квадрат, и для этого воспользуемся одним из основных инструментов выбора Photoshop. Выберите инструмент Rectangular Marquee Tool в верхней части панели инструментов в левой части экрана:

Выбор Прямоугольного Marquee Tool.

Чтобы нарисовать квадрат с помощью инструмента «Прямоугольная область», щелкните в любом месте в верхнем левом углу документа, чтобы установить начальную точку для выбора. Затем, удерживая нажатой кнопку мыши, нажмите и удерживайте клавишу Shift и перетащите по диагонали в направлении нижнего правого угла. Обычно инструмент Rectangular Marquee Tool рисует прямоугольные выделения произвольной формы, но, нажимая и удерживая клавишу Shift, мы сообщаем Photoshop, чтобы форма выделения вылилась в идеальный квадрат.

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

Рисование квадрата с помощью инструмента Rectangular Marquee Tool.

Теперь, когда мы нарисовали наш контур выбора, давайте его закрасим цветом. Для этого мы воспользуемся командой Photoshop Fill. Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :

Собираюсь Правка> Заполнить.

Это открывает диалоговое окно Fill. Измените параметр « Использовать» в верхней части диалогового окна на « Цвет» :

Изменение использования на цвет.

Как только вы выберете Цвет, Photoshop откроет палитру цветов, чтобы мы могли выбрать, какой цвет мы хотим использовать. Вы можете выбрать любой понравившийся вам цвет. Я выберу оттенок красного:

Выберите цвет из палитры цветов. Подойдет любой цвет.

Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов, затем нажмите OK, чтобы закрыть из диалогового окна Fill. Фотошоп заполняет выделение выбранным вами цветом, который в моем случае был красным:

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

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

Собираюсь Выбрать> Отменить выбор.

Рисование круглой формы

Все идет нормально. Теперь давайте добавим вторую фигуру к документу. Мы уже добавили квадрат, поэтому давайте немного перемешаем и на этот раз добавим круглую форму. Для этого мы будем использовать еще один из основных инструментов выбора Photoshop — Elliptical Marquee Tool.

Инструмент Elliptical Marquee Tool находится позади инструмента Rectangular Marquee на панели «Инструменты». Чтобы выбрать его, щелкните правой кнопкой мыши (Победа) / удерживая нажатой клавишу « Control» (Mac) на инструменте «Прямоугольная область», затем выберите инструмент «Эллиптическая область» в раскрывающемся меню:

Выбор Elliptical Marquee Tool.

Давайте нарисуем нашу круглую форму так, чтобы она перекрывала квадрат. Нажмите в правом нижнем углу квадрата, чтобы установить начальную точку для выбора. Затем, удерживая нажатой кнопку мыши, нажмите и удерживайте Shift + Alt (Победа) / Shift + Option (Mac) на клавиатуре и перетащите курсор от начальной точки.

Обычно инструмент Elliptical Marquee Tool рисует эллиптические выделения произвольной формы, но, удерживая нажатой клавишу Shift при перетаскивании, мы формируем фигуру в идеальный круг. Удерживая клавишу Alt (Победа) / Option (Mac), Photoshop указывает рисовать фигуру наружу из точки, в которой мы изначально щелкнули.

Вытяните форму, чтобы она была примерно такого же размера, как квадрат. Когда вы закончите, отпустите клавишу Shift и клавишу Alt (Win) / Option (Mac), затем отпустите кнопку мыши. Опять же, убедитесь, что вы сначала отпустите клавиши, а затем кнопку мыши:

Рисование круглого выделения, которое перекрывает квадрат.

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

Нам нужен другой цвет для круглой формы, поэтому нажмите на слово «Цвет», затем повторно выберите «Цвет» из списка параметров (я знаю, кажется странным выбрать то, что уже выделено), после чего Photoshop снова откроется. палитра цветов На этот раз выберите другой цвет. Я выберу оранжевый. Опять же, не стесняйтесь выбирать любой цвет, который вам нравится:

Выберите другой цвет для второй фигуры.

Нажмите «ОК», чтобы закрыть окно «Палитра цветов», затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка», после чего Photoshop заполняет выделение цветом. Чтобы удалить контур выделения вокруг фигуры, перейдите в меню « Выбор» в верхней части экрана и выберите « Отменить выбор», как мы это делали в прошлый раз. Теперь у нас есть две фигуры — один квадрат и один круг — с кругом, перекрывающим квадрат:

Документ с обеими фигурами добавлен.

Проблема…

Мы нарисовали наши фигуры, и все выглядит отлично. Хотя…

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

Для этого мы … хм … хм. Подождите минутку, как мы это сделаем? Я нарисовал красную, затем я нарисовал оранжевую, и теперь мне просто нужно переместить красную перед оранжевой. Звучит достаточно просто, но … как?

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

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

Давайте посмотрим на нашу панель слоев, чтобы увидеть, что происходит. На панели «Слои» мы видим слои в нашем документе. Обратите внимание, что, хотя мы еще не смотрели слои и не пытались добавить их самостоятельно, Photoshop автоматически создал для нас слой по умолчанию. Слой по умолчанию называется Background, потому что он служит фоном для нашей композиции.

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

Панель «Слои» показывает все на фоновом слое.

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

К счастью, есть! Решение состоит в том, чтобы использовать слои. Давайте попробуем то же самое, но на этот раз используя слои!

Возьми два, на этот раз со слоями

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

Поднимитесь в меню Edit в верхней части экрана и еще раз выберите Fill . Когда появится диалоговое окно Fill, измените параметр Use с Color на White :

Идем в Edit> Fill, затем меняем Use на White.

Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп заполняет документ белым, и мы вернулись к тому, с чего начали:

Документ снова заполнен белым.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-basics-middle)

Панель слоев

Я упомянул минуту назад, что на панели «Слои» мы видим слои в нашем документе. Но на самом деле, панель слоев намного больше. На самом деле, это действительно Command Central для слоев. Если в Photoshop нам нужно что-то сделать со слоями, то на панели Layers мы это делаем. Мы используем панель «Слои», чтобы создавать новые слои, удалять существующие слои, переименовывать слои, перемещать слои вокруг, включать и выключать слои в документе, добавлять маски слоев и эффекты слоев … список можно продолжить. И все это делается из панели Layers.

Как мы уже видели, панель «Слои» показывает нам, что в нашем документе в настоящее время есть один слой — фоновый слой по умолчанию. Миниатюра предварительного просмотра слева от имени слоя показывает нам, что фоновый слой заполнен белым:

Панель «Слои», отображающая заполненный белым фоновый слой.

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

Наш белый фон уже находится на слое фона, поэтому давайте добавим новый слой над ним для нашей первой фигуры. Чтобы добавить новый слой в документ, мы просто нажимаем на иконку « Новый слой» в нижней части панели «Слои» (второй значок справа):

Нажав на иконку Новый слой.

Новый слой появляется над фоновым слоем. Фотошоп автоматически называет новый слой Layer 1 . Если мы посмотрим на эскиз предварительного просмотра слева от имени слоя, то увидим, что он заполнен узором в шахматном порядке . Шаблон шахматной доски — это способ представления прозрачности в Photoshop. Другими словами, это говорит нам о том, что новый слой пуст. Он ждет, что мы что-то с этим сделаем, но на данный момент на нем ничего нет:

Новый пустой слой с именем «Слой 1» появится над фоновым слоем.

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

Панель инструментов показывает нам последний инструмент, который мы выбрали из группы. Под «группой» я подразумеваю все инструменты, которые вложены в одном месте. Так как последний инструмент, который мы выбрали из группы, был Elliptical Marquee Tool, его значок в настоящее время виден на панели инструментов. Чтобы вернуться к инструменту Rectangular Marquee, нам нужно щелкнуть правой кнопкой мыши (Win) / Control-click (Mac) на Elliptical Marquee Tool и затем выбрать инструмент Rectangular Marquee Tool из всплывающего меню:

Выбор Прямоугольного Marquee Tool из-за Elliptical Marquee Tool.

С Rectangular Marquee Tool в руке, щелкните и перетащите квадратное выделение, похожее на предыдущее, нажимая и удерживая клавишу Shift при перетаскивании, чтобы заставить форму в идеальный квадрат. Когда вы закончите, отпустите клавишу Shift, затем отпустите кнопку мыши. Здесь мы видим мою схему выбора:

Рисование другого квадратного выделения.

Поднимитесь в меню Edit в верхней части экрана и выберите Fill . Когда откроется диалоговое окно «Заливка», измените параметр « Использовать» на « Цвет», а затем выберите цвет для квадрата в палитре цветов . Я выберу тот же красный цвет, который выбрал в прошлый раз. Нажмите кнопку «ОК», чтобы выйти из палитры цветов, затем нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Заливка».

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

Документ после повторного рисования такой же квадратной формы.

Не похоже, что все по-другому, просто глядя на саму композицию. У нас квадратная форма на белом фоне, как в прошлый раз. Но панель «Слои» теперь рассказывает другую историю. Миниатюры предварительного просмотра показывают, что фоновый слой все еще заполнен сплошным белым цветом, а квадрат теперь находится на совершенно отдельном слое (слой 1) над ним. Это означает, что белый фон и квадратная форма больше не являются частью одного плоского изображения. Похоже, они есть в документе, но на самом деле это два совершенно разных элемента:

Квадратная форма и белый фон теперь не зависят друг от друга.

Давайте добавим нашу вторую форму. Опять же, мы хотим разместить его на своем собственном слое, что означает, что нам сначала нужно добавить еще один новый слой в документ, щелкнув значок « Новый слой» в нижней части панели «Слои»:

Добавляем еще один новый слой.

Второй новый слой, Layer 2, появляется над Layer 1. Обычно, мы хотели бы переименовать наши слои, поскольку такие имена, как «Layer 1» и «Layer 2», ничего не говорят нам о том, что на самом деле находится на каждом слое. Но для наших целей здесь подходят автоматические имена. Обратите внимание, что снова образец шахматной доски в миниатюре предварительного просмотра говорит нам, что новый слой в настоящее время пуст:

Новый пустой слой появляется над слоем 1.

Обратите также внимание, что слой 2 выделен синим цветом, что означает, что теперь он активный слой. Все, что мы добавим рядом с документом, будет добавлено в слой 2. Возьмите инструмент Elliptical Marquee Tool с панели «Инструменты» (вложенный за инструментом Rectangular Marquee) и перетащите круглое выделение, как мы делали раньше. Убедитесь, что эта часть перекрывает квадрат. Затем вернитесь в меню Edit и выберите Fill . Снова выберите Цвет для опции Использовать, чтобы открыть палитру цветов и выбрать цвет для фигуры. Я выберу тот же апельсин.

Нажмите кнопку «ОК», чтобы выйти из палитры цветов, затем нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Заливка». Фотошоп заполняет выделение цветом. Поднимитесь в меню Select и выберите Deselect, чтобы удалить контур выделения вокруг фигуры. И теперь мы вернулись к тому, как все выглядело ранее с добавлением обеих наших фигур:

Обе формы были перерисованы.

Глядя на панель «Слои», мы видим, что квадратная фигура остается сама по себе на слое 1, а новая круглая форма была размещена на слое 2. Белый фон остается на слое фона, что означает, что все три элемента, составляющие наш документ (белый фон, квадратная форма и круглая форма) теперь находятся на своих отдельных слоях и полностью независимы друг от друга:

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

Изменение порядка слоев

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

В данный момент круглая форма появляется перед квадратной формой в композиции, потому что слой круглой формы (Слой 2) находится выше слоя квадратной формы (Слой 1) на панели «Слои». Представьте себе, как вы смотрите на слои сверху вниз на панели «Слои», которые вы смотрите вниз через слои в документе. Любой слой над другим слоем на панели «Слои» появляется перед ним в документе. Если содержимое двух слоев перекрывает друг друга, как это делают наши фигуры, то любой слой ниже другого на панели «Слои» появится позади другого слоя в композиции.

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

Перетащите слой 1 выше слоя 2.

Идите вперед и отпустите кнопку мыши, после чего Photoshop поместит слой 1 на место выше слоя 2:

Слой 1 теперь отображается над слоем 2 на панели «Слои».

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

Благодаря слоям стало легко перемещать одну фигуру перед другой.

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

Что если я решу позже, знаешь что? Мне на самом деле понравилось раньше. Я хочу передвинуть круглую форму, чтобы она оказалась перед квадратной. Благодаря слоям это не проблема! Так же, как мы можем перетаскивать слои выше других слоев, мы также можем перетаскивать их ниже других слоев.

Я нажму на слой квадратной формы (Слой 1) и перетащу его вниз под слой круглой формы (Слой 2). Еще раз, полоса выделения показывает мне, куда слой будет перемещен, когда я отпущу свою кнопку мыши:

Перетащите слой 1 ниже слоя 2.

Я отпущу свою кнопку мыши, чтобы Photoshop мог поместить слой 1 ниже слоя 2:

Слой квадратной формы находится ниже слоя круглой формы.

И мы снова видим круглую форму перед квадратной в композиции:

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

Перемещение слоев вокруг

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

Чтобы переместить содержимое слоя, выберите инструмент « Перемещение» в Photoshop в верхней части панели «Инструменты».

Выбор инструмента перемещения.

Затем убедитесь, что на панели «Слои» выбран правильный слой. Я собираюсь переместить круглую форму вправо от квадратной формы, поэтому я нажму на слой круглой формы (Слой 2), чтобы выбрать его и сделать его активным. Опять же, я знаю, что теперь это активный слой, потому что Photoshop выделяет его синим цветом, когда я нажимаю на него:

Нажав на слой 2, чтобы выбрать его.

С выбранным слоем 2, я щелкну с помощью инструмента Move на круглой форме и перетащу его вправо от квадрата:

Слои позволяют легко перемещать элементы внутри композиции.

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

Выбор обоих слоев формы одновременно.

Если выбраны оба слоя, если мы щелкаем и перетаскиваем любой из них с помощью инструмента «Перемещение», обе фигуры перемещаются вместе

Перемещение обеих фигур одновременно.

Удаление слоев

Последнее, что мы рассмотрим в этом уроке, — это как удалять слои. Если мы решим, что нам не нужна одна из фигур, мы можем удалить ее из композиции, просто удалив ее слой. Я нажму на слой квадрата (Layer 1), чтобы выбрать его. Затем, чтобы удалить слой, все, что нам нужно сделать, это перетащить его в корзину в нижней части панели «Слои» (значок, самый дальний справа):

Перетаскивая слой 1 в корзину.

При удалении слоя квадрата в документе остается только круглая форма (вместе с белым фоном, конечно):

Удаление слоя удаляет его содержимое из документа.

Я сделаю то же самое с круглой формой, перетащив ее слой в корзину:

Перетаскивая слой 2 в корзину.

И теперь, когда оба слоя фигур удалены, мы снова возвращаемся к нашему сплошному белому фону:

Обе фигуры были удалены. Остается только фон.

Куда пойти отсюда…

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

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

Использование эффектов слоя и стилей слоя в Photoshop CC 2020

Изучите всё, что нужно знать об эффектах и стилях слоя, чтобы начать их применять в своих работах в программе Photoshop CC 2020, в т.ч. изучите новые стили слоя, градиенты, узоры и прочее! 

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

Помимо этого, вы рассмотрите, как добавлять и редактировать свои собственные эффекты слоя и как применять новые удивительные градиенты и узоры программы Photoshop CC 2020. Я покажу вам даже, как добавить несколько копий эффекта на один и тот же слой, как увеличить размер эффекта, чтобы он подошел к масштабу изображения, как сохранить ваши эффекты в виде готового стиля слоя и многое другое!

Этот урок написан для версии программы Photoshop CC 2020, поэтому, прежде чем вы начнете изучать урок, убедитесь, что у вас установлена нужная версия Photoshop.

Нам нужно многое изучить, поэтому давайте начнем!

Настраиваем документ

Если вы хотите продолжить урок, откройте любое изображение в качестве слоя заднего фона и далее добавьте какой-либо текст на него. В моем случае я воспользовался текстурой, которую скачал с сайта Adobe Stock, и добавил следующие слова «СЛОЙ» (LAYER) и «ЭФФЕКТЫ» (EFFECTS). В этом уроке я буду работать с текстовыми слоями, но эффекты можно также наложить и на слои-фигуры, и на пиксельные слои:

Исходный документ с текстом на слое заднего фона. На панели слоев видно, что текстура расположена на фоновом слое, а каждое слово — на отдельном слое:

На панели слоев отображены три слоя

Что такое эффекты слоя в программе Photoshop

Эффекты слоя – это набор неразрушающих, редактируемых эффектов, которые можно применить почти к любому типу слоев. В программе представлены 10 различных эффектов слоя, которые можно сгруппировать в три основные категории «Тени и блики», «Наложения» и «Обводки». Эффекты слоя напрямую связаны с самим слоем. Поэтому если вы вносите изменения в содержимое слоя, любые эффекты, которые вы применяли к данному слою, также мгновенно обновятся.

Что такое стили слоя?

Часто термины «Стили слоя» и «Эффекты слоя» путают, считая это одним и тем же, однако эффекты слоя – это отдельные эффекты, такие как, например, «Тень» (Drop Shadow), «Обводка» (Stroke), «Внешнее свечение» (Outer Glow) и т.д. Стиль слоя – это соединение двух и более эффектов вместе для придания слою определенного образа. Стили слоев также включают режимы наложения, применяемые к слою, вместе с настройками непрозрачности и заливки.

Какие преимущества дает нам применение эффектов слоя?

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

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

Где найти эффекты слоя?

Вы можете найти список эффектов слоя в двух основных местах.

Раздел «Слои»

Одно из мест – это раздел «Слои» в строке меню в верхней части экрана. Перейдите в раздел «Слои» (Layer) и выберите «Стиль слоя» (Layer Style). Вам откроется перечень всех эффектов слоя, из которых вы сможете выбрать нужный, включая Тиснение (Bevel & Emboss), Обводка (Stroke), Внутренняя тень (Inner Shadow), и пр. Для того чтобы добавить эффект, выберите его из списка:

Для выбора эффекта слоя перейдите «Слои» — «Стиль слоя».

Панель слоев

Другой, более быстрый способ добавить эффект слоя – кликнуть по значку fx в нижней части панели слоев:

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

Добавляем эффект слоя с помощью панели слоев.

Почему эффекты слоя подсвечены серым?

Если эффекты слоя в разделе «Стиль слоя» в строке меню подсвечены серым, или серым цветом выделена иконка fx, скорее всего, это из-за того, что на панели слоев у вас выбран фоновый слой. Программа не дает нам возможность применять эффекты к слою заднего фона, чаще всего потому, что эффекты работают лучше всего со слоями, которые включают в себя прозрачные области, в то время как слой заднего фона такую возможность не поддерживает:

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

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

Как применять готовые стили слоя в Photoshop

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

Если вы не видите панель стилей на своем экране, вы можете открыть ее, перейдя в раздел меню «Окно» (Window) в строке меню в верхней части экрана и выбрав «Стили» (Styles):

Выбираем «Окно» — «Стили».

Новые стили слоев по умолчанию в программе Photoshop CC 2020

В программе Photoshop CC 2020 представлены совершенно новые стили слоев, которые сгруппированы в 4 набора – «Основные» (Basics), «Природа» (Natural), «Мех» (Fur), «Ткань» (Fabric). Каждый набор имеет отдельную папку на панели стилей, и каждый стиль слоя представлен своей миниатюрой.

По умолчанию, все четыре папки развернуты, и размер миниатюр установлен на «Большие миниатюры» (Large). Поэтому для того, чтобы просмотреть все стили, вам нужно пролистать вниз список:

Исходный вид панели стилей в программе Photoshop CC 2020.

Настраиваем панель стилей

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

Открываем меню панели стилей и затем выбираем «Маленькие миниатюры» (Small Thumbnail):

Выбираем размер миниатюр «Маленькие миниатюры». Миниатюры стали меньше:

Теперь за раз видно больше стилей слоя.

Совет. Как закрыть или открыть все папки за раз

Каждый набор на панели стилей можно открыть или закрыть, нажав на стрелку слева от иконки папки. Вы также можете развернуть или свернуть все папки за один раз, удерживая клавишу Ctrl (Win) / Command (Mac) нажатой и кликая по одной из стрелок:

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

Удерживайте клавишу Ctrl (Win) / Command (Mac) нажатой, чтобы закрыть все папки за раз.

Далее, для того чтобы открыть нужную папку, отпустите клавишу Ctrl (Win) / Command (Mac) и кликните по стрелке. Я открою папку «Природа» (Natural):

Открываем отдельную папку, кликнув по значку стрелки.

Как применить готовый стиль

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

Кликните по стилю слоя, чтобы применить его. Стиль мгновенно будет применен к выбранному слою. В моем случае мы получили темно-синий подводный эффект:

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

Отдельный стиль слоя может включать в себя множество эффектов слоя.

Выбираем другой стиль слоя

Для того, чтобы выбрать другой стиль слоя, просто кликните по его миниатюре. Я применю стиль слоя из набора «Природа» (Nature), например, «Дерево» (Wood):

Выбираем другой готовый стиль слоя.

Новый стиль слоя заменил предыдущий, и теперь на моем тексте появился эффект текстуры древесины:

Новый стиль слоя мгновенно заменяет предыдущий. Эффекты, которые образуют новый стиль, появились под слоем:

Различные стили слоя включают в себя различные эффекты.

Выбираем стили слоя из другого набора

Я закрою набор «Природа», кликнув по стрелке рядом с соответствующей папкой. Затем я разверну папку «Мех» (Fur), и выберу стиль «Зебра» (Zebra):

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

Еще один стиль по умолчанию в программе Photoshop CC 2020. И снова, мы видим перечень эффектов под слоем:

Эффекты, которые образовали стиль слоя «Зебра».

Разворачиваем и сворачиваем список эффектов слоя

Для того чтобы освободить место на панели слоев, вы можете свернуть список эффектов слоя, нажав на маленькую стрелку рядом с иконкой fx с правой стороны от названия слоя. Кликните по стрелке еще раз, чтобы развернуть список. Этим действием мы не отключаем / включаем сами эффекты, мы просто освобождаем место на панели слоев, особенно когда мы применяем эффекты к нескольким слоям, и панель слоев становится загроможденной:

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

Как загрузить еще больше стилей слоя в программу Photoshop CC 2020

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

Нажимаем на значок меню панели стилей:

Открываем раздел меню панели стилей. И выбираем «Стили прежней версии и др.» (Legacy Styles and More):

В результате ниже исходных папок с готовыми стилями добавится папка «Стили прежней версии и др.» (Legacy Styles and More):

Разверните эту папку, и внутри вы увидите еще две папки. В папке «Стили 2019» (2019 Styles) находится еще больше новых стилей слоя, которые можно попробовать в работе, а папка «Все стили по умолчанию прежней версии» (All Legacy Default Styles) содержит все исходные стили слоя прежних версий программы Photoshop:

«Стили 2019»

Стили слоя в папке «Стили 2019» разделены на различные наборы, включая «Гель» (Gel), «Стекло» (Glass), «Гранж» (Grunge), «Хром» (Chrome), «Металл» (Metallic) и «3D» (3D). Я разверну папку «Хром» и выберу стиль «Побрякушки» (Bling):

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

И если я разверну папку 3D и выберу стиль «Дубликаты» (Duplicates) из нижней части списка:

То получится совершенно иной эффект, эффект дублирования текста другими цветами:

Результат после применения стиля слоя «Дубликаты».

Стили по умолчанию прежней версии

Для того чтобы применить стили слоя из прежних версий программы, разверните папку «Все стили по умолчанию прежней версии» (All Legacy Default Styles). Там расположены все исходные стили, снова разделенные на наборы.

Я выберу стиль «Хромированный атлас» (Chromed Satin) из набора «Стили по умолчанию прежней версии»:

И мы получили классический хромированный эффект:

Эффект хромированного атласа из прежней версии программы.

Как включать и отключать эффекты слоя

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

Например, если я отключу эффект «Наложение градиента» (Gradient Overlay) в стиле «Хромированный атлас»:

То, оранжево-голубой градиент в буквах пропадет, и в тексте останется только эффект затенения:

Для того, чтобы снова включить эффект, кликните по пустому месту около названия эффекта:

Включаем эффект «Наложение градиента». И градиент снова появился:

Как отключить все эффекты слоя за раз

Чтобы отключить все эффекты за раз, кликните по иконке основного глаза около слова «Эффекты». Кликните по ней снова, чтобы снова включить все эффекты:

Как перемещать и копировать стили слоя

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

И выберите пункт «Скопировать стиль слоя» (Copy Layer Style):

Затем кликните правой кнопкой мышки по слою, к которому вы хотите применить стиль:

И выбираем пункт «Вставить стиль слоя» (Paste Layer Style):

И у нас тот же стиль слоя применился к обоим слоям:

Как очистить стиль слоя

Для того чтобы очистить стиль слоя, кликните правой кнопкой мышки по значку fx около названия слоя:

И выберите пункт «Очистить стиль слоя» (Clear Layer Style):

И теперь мои эффекты снова применяются только к верхнему текстовому слою:

Как перемещать эффекты слоя на другой слой

Если вы хотите переместить эффекты на другой слой, кликните по иконке fx того слоя, который содержит эффекты, перетащите ее на другой слой и затем отпустите кнопку мышки:

Эффекты тотчас переместятся с исходного слоя на новый:

Более быстрый способ скопировать эффекты слоя

Если вы нажмете и удержите нажатой клавишу Alt (Win) / Option (Mac) при перемещении иконки fx:

Нажимаем и удерживаем нажатой клавишу Alt (Win) / Option (Mac) при перетаскивании иконки fx

Вы скопируете, а не переместите эффекты с одного слоя на другой. Более подробно о копировании эффектов слоя я рассказываю в уроке «Как скопировать эффекты слоя» 

Как редактировать эффект внутри стиля слоя

Обратите внимание, что после копирования стиля слоя «Хромированный атлас»» градиент выглядит на всех буквах одинаково – с переходом от оранжевого цвета к голубому. А что, если я захочу изменить градиент на буквах верхнего слоя? Более подробно редактирование и добавление эффектов слоя мы рассмотрим чуть позже, сейчас же пара слов о том, как изменить настройки эффекта внутри стиля слоя. Для этого дважды щелкните левой кнопкой мышки по названию эффекта под слоем.

Например, я хочу отредактировать градиент, поэтому я дважды щелкну левой кнопкой мышки по эффекту «Наложение градиента» (Gradient Overlay):

Программа Photoshop откроет диалоговое окно «Стиль слоя» (Layer Style) с расположенными в центре настройками эффекта:

Для того чтобы поменять местами цвета в градиенте, все что мне потребуется – это выбрать параметр «Инверсия» (Reverse). Далее я нажму ОК для закрытия диалогового окна:

И теперь цвета градиента для букв верхнего слоя поменялись местами:

Как очистить стиль слоя у нескольких слоев одновременно

Ранее мы рассмотрели, как очистить стиль одного слоя. Для того, чтобы убрать стили у нескольких слоев за раз, выберите какой-нибудь один слой и далее, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните по остальным слоям для их выбора:

После этого щелкаем правой кнопкой мышки по любому из выделенных слоев и в появившемся меню выбираем пункт «Очистить стиль слоя» (Clear Layer Style):

И теперь мы вернулись к исходным белым буквам на голубом фоне:

Как изменить размер эффекта слоя в программе Photoshop

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

Например, на панели слоев я выберу верхний текстовый слой:

И далее на панели стилей я разверну папку с набором стилей «Стили KS» (KS Styles) (находится в папке «Все стили по умолчанию прежней версии) и выберу стиль «Изморозь» (Frosted):

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

Результат после применения стиля слоя «Изморозь».

Для того чтобы исправить это, мы можем изменить размер эффекта. Один из способов изменения масштаба – выбрать пункт «Слои» (Layer) в строке меню, далее «Стиль слоя» (Layer Style) и «Воздействие слой-эффектов» (Scale Effects):

Другой способ – кликнуть правой кнопкой мышки по значку fx:

И выбираем из появившегося меню пункт «Воздействие слой-эффектов» (Scale Effects):

Далее в диалоговом окне «Воздействие слой-эффектов» выбираем необходимый нам масштаб (Scale). В моем случае, я уменьшу масштаб со 100% до 60%. Убедитесь, что в окошке «Просмотр» (Preview) стоит галочка, чтобы вы могли предварительно просмотреть результат. Когда все будет сделано, нажмите ОК для закрытия диалогового окна:

И вот ниже представлен результат применения стиля слоя «Изморозь» с масштабом, равным 60%. Обратите внимание, размер самого текста не изменился. Изменился только размер эффекта, который применяется к тексту:

Стили слоя включают в себя не только эффекты

Прежде чем мы продолжим, обратите внимание, что на панели слоев этот стиль слоя также понизил значение «Заливки» (Fill) со 100% до 56%:

Далее мы рассмотрим, на что влияет параметр «Заливка». Также помимо эффектов слоя стиль слоя может включать параметры наложения, в которые входят режимы наложения, параметры «Непрозрачность» (Opacity) и «Заливка» (Fill):

Еще один способ очистить стиль слоя

Я поделюсь с вами еще одним способом очистить стиль слоя в программе Photoshop CC 2020. На панели слоев выберите нужный слой. Далее на панели стилей раскройте папку «Основные» (Basics) и выберите стиль по умолчанию «Нет» (None) (это белая миниатюра с красной диагональной линией):

После очищения стиля слоя мы снова возвращаемся к простому белому тексту.  Итак, мы рассмотрели основы работы с готовыми стилями слоя в программе Photoshop!

Как добавлять эффекты слоя в программе Photoshop

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

Выбираем эффект слоя

Сначала, на панели слоев необходимо выбрать слой, к которому мы применим один или несколько эффектов. Я выберу верхний текстовый слой:

Далее мы щелкаем по значку «Эффекты слоя» (значок fx):

И выбираем из появившегося списка нужный эффект. Я начну с эффекта «Тень» (Drop Shadow):

Диалоговое окно стиля слоя

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

Диалоговое окно «Стиль слоя» отображает настройки выбранного эффекта слоя

Восстанавливаем исходные настройки эффекта слоя

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

Как настроить эффект слоя

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

Например, для эффекта «Тень», вы можете отрегулировать насыщенность тени, переместив в нужную сторону бегунок параметра «Непрозрачность» (Opacity). Вы также можете изменить режим наложения эффекта (хотя режим «Умножение» (Multiply), обычно самый подходящий для работы с тенями). И также вы можете кликнуть по образцу цвета для выбора другого цвета тени. По умолчанию, цвет тени черный, но иногда в эффекте лучше смотрится другой цвет:

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

 

Параметр «Глобальное освещение»

Параметр «Глобальное освещение» (Use Global Light) позволяет всем эффектам, которым необходим источник света, получить общее освещение, которое будет казаться равномерным применительно ко всему эффекту. Вы найдете этот параметр не только в диалоговом окне эффекта «Тень», но и в настройках эффекта «Тиснение» и «Внутренняя тень». В большинстве случаев вы захотите оставить опцию «Глобальное освещение» включенной, каковой она является по умолчанию:

Параметр «Смещение» (Distance) определяет, насколько далеко будет простираться тень по отношению к содержимому слоя.  Например, когда мы применяем эффект «Тень» к текстовому слою, параметр «Смещение» задает расстояние, на которое падает тень от букв.

Параметр «Размер» (Size) регулирует размер тени в целом. Когда значение параметра «Размах» (Spread), равно 0%, увеличение значения параметра «Размер» приводит к смягчению краев тени. В то время как увеличение значения опции «Размах» делает тень более насыщенной и непрозрачной:

Я увеличу значение непрозрачности (Opacity) тени до 40%, смещения (Distance) до 90 пикселей и размера (Size) до 40 пикселей:

Как подтвердить изменение настроек

Когда вы внесете нужные изменения в настройки эффекта, и это будет единственный эффект, который Вы примените к слою, нажмите ОК, чтобы подтвердить изменения и закрыть диалоговое окно «Стиль слоя»:

Как редактировать эффект слоя

В моем документе, эффект тени появился за буквами в слове «LAYER» (прим.переводчика: «СЛОЙ»):

На панели слоев эффект «Тень» отобразился под текстовым слоем. Чтобы изменить эффект слоя, дважды кликните левой кнопкой мышки по названию эффекта:

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

Я увеличу значение параметра «Непрозрачность» (Opacity) до 50%, а параметра «Смещение» (Distance) — до 100 пикселей. При этом я оставлю диалоговое окно открытым, поскольку хочу добавить другие эффекты слоя:

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

Добавляем еще больше эффектов с помощью диалогового окна «Стиль слоя»

Мы знаем, что можно добавить эффекты слоя, кликнув по иконке fx на панели слоев. Но если открыто диалоговое окно «Стиль слоя», вы можете добавить больше эффектов, выбрав их из столбца с левой стороны окна:

Как отображать пропущенные эффекты

Если некоторые из эффектов слоя пропущены в списке, кликните по иконке fx в нижнем углу диалогового окна:

И выберите пункт «Показать все эффекты» (Show All Effects):

Категории эффектов слоя

Как я уже упоминал ранее, все эффекты слоя можно разделить на 3 основные категории. У нас есть группа эффектов свечения и тени, которая включает в себя эффекты «Тиснение» (Bevel & Emboss), «Внутренняя тень» (Inner Shadow), «Внутреннее свечение» (Inner Glow), «Глянец» (Satin), «Внешнее свечение» (Outer Glow) и «Тень» (Drop Shadow).  Обратите внимание, что «Контур» (Contour) и «Текстура» (Texture), расположенные под эффектом «Тиснение», являются его частью, поэтому они немного смещены вправо:

Также в диалоговом окне есть эффекты наложения «Наложение цвета» (Color Overlay), «Наложение градиента» (Gradient Overlay) и «Наложение узора» (Pattern Overlay)):

И также у нас есть эффект «Обводка» (Stroke), который добавляет к содержимому слоя очертание или границу:

Порядок наложения эффектов слоя

Обратите внимание на порядок, в котором располагаются эффекты слоя. В последних версиях программы эффекты слоя расположены в порядке, в котором они применяются к слоям — снизу вверх. Таким образом, эффект «Тень» всегда применятся первым, далее можно применить «Внешнее свечение». Следующие по порядку эффекты наложения («Узор», затем «Градиент» и далее «Цвет»), после них – «Глянец», «Внутреннее Свечение», «Внутренняя тень» и «Обводка». Эффект «Тиснение» всегда применяется последним, поверх остальных эффектов.

Также, всего два эффекта «Тень» и «Внешнее свечение» — проявляются под содержимым слоя. Все остальные эффекты накладываются поверх содержимого слоя. Знание порядка расположения эффектов может показаться вам неважным, но это может помочь вам понять, почему результат от применения эффектов может получиться иным, чем тот, который вы ожидали:

Добавление второго эффекта слоя

Для того, чтобы добавить еще один эффект слоя, кликните по его названию. Я добавлю «Обводку» (Stroke):

Настройка эффекта слоя «Обводка»

В настройках эффекта я снова начну с выбора параметра «Восстановить значения по умолчанию» (Reset to Default), чтобы восстановить исходные значения:

Далее я изменю цвет обводки, кликнув по образцу цвета:

В палитре цветов я выберу оттенок оранжевого, установив значения параметров «Цветовой тон» (Hue (H)) на 25, «Насыщенность» (Saturation(S)) на 100 и «Яркость» (Brightness (B)) также на 100. Далее я нажму ОК и закрою палитру цветов:

Параметр «Положение» (Position) позволяет сделать обводку либо внутреннего края содержимого слоя («Внутри» (Inside)), либо внешнего («Снаружи» (Outside)).  Или вы можете сделать обводку из Центра (Center). Я выберу «Снаружи». Параметр «Размер» (Size) регулирует ширину или толщину обводки. Я увеличу его до 20 пикселей:

И снова, я оставлю диалоговое окно «Стиль слоя» открытым. Ниже представлен результат эффекта, примененный к верхнему текстовому слою, с оранжевой обводкой и тенью:

Параметры наложения

Помимо выбора и редактирования эффектов диалоговое окно «Стиль слоя» предоставляет нам доступ к параметрам наложения. Выберите раздел «Параметры наложения» (Blending Options) в левом столбце выше названий эффектов:

В данном разделе мы можем получить доступ к тем же опциям «Режим наложения» (Blend Mode), «Непрозрачность» (Opacity), «Заливка» (Fill), что расположены и на панели слоев. Также тут нам доступны расширенные настройки параметров наложения, которые мы рассмотрим в других уроках:

Как спрятать содержимое слоя и отобразить только эффекты

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

Если я уменьшу значение параметра «Непрозрачность» (Opacity) со 100% до 0%:

То и текст, и эффекты слоя, применимые к тексту, тут же исчезнут:

Уменьшение значения параметра «Непрозрачность» привело к тому, что и текст, и сами эффекты стали прозрачными.

Но если я верну значение «Непрозрачности» обратно на 100% и далее уменьшу значение параметра «Заливка» (Fill) (параметр «Непрозрачность заливки» (Fill Opacity) в диалоговом окне «Стиль слоя») до 0%:

То мы получим следующее: сам текст исчезнет, а эффекты слоя останутся заметными, позволяя нам видеть за буквами синий фон. Таким образом, параметр «Непрозрачность» влияет на видимость и самого содержимого слоя, и его эффектов, а параметр «Заливка» влияет только на прозрачность содержимого слоя. Более подробно об этих параметрах вы можете изучить в моем уроке «Заливка VS Непрозрачности».

Результат после уменьшения значения «Заливки» до 0%.

Выход из диалогового окна «Стиль слоя»

Я закрою диалоговое окно «Стиль слоя», нажав ОК:

На панели слоев нам стало видно, что у слоя появились два эффекта — «Обводка» и «Тень». Обратите внимание, что значение параметра «Заливка» равно 0%, т.к. в диалоговом окне «Стиль слоя» я его уменьшил:

Новые градиенты и узоры в версии программы Photoshop CC 2020

Наряду с новыми стилями, в версию программы Photoshop CC 2020 включены также новые градиенты и узоры, которые можно применить как эффекты слоя. Но для того, чтобы получить доступ ко всем градиентам и узорам, нам нужно сначала открыть панели градиентов и узоров, также обновленные в версии CC 2020.

Как загрузить больше узоров

Прежде всего, переключитесь на панель «Узоры» (Patterns). Она расположена в одном месте с панелями «Цвет» (Color) и «Образцы» (Swatches). Так же, как и в случае с панелью «Стили», новые узоры поделены на группы, которые можно разворачивать и сворачивать. По умолчанию, представлены всего несколько наборов узоров, из которых можно выбрать нужный («Деревья» (Trees), «Трава» (Grass) и «Вода» (Water)).

Для того чтобы загрузить больше узоров, кликните по иконке меню панели «Узоры»:

И выберите пункт «Узоры прежней версии и др» (Legacy Patterns and More):

В результате ниже папок с исходными узорами появится новая папка под названием «Узоры прежней версии и др» («Legacy Patterns and More»). Если вы развернете эту папку, то увидите внутри еще две папки. В одной содержатся новые узоры версии Photoshop 2019, а в другой – узоры более ранних версий программы. Все эти узоры теперь доступны в диалоговом окне «Стиль слоя»:

Все узоры более ранних версий программы теперь доступны.

Как загрузить больше градиентов

Далее, переключитесь на панель «Градиенты» (Gradients), расположенную рядом с панелью «Узоры». Здесь вы найдете множество новых градиентов, доступных в версии CC 2020, снова разделённых на группы.

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

[110.jpg

И выберите пункт «Градиенты прежней версии» (Legacy Gradients):

Папка «Градиенты прежней версии» («Legacy Gradients») появится ниже исходных папок с градиентами, и теперь все градиенты также станут доступными в диалоговом окне «Стиль слоя»:

Добавление эффекта «Наложение узора»

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

И выберите эффект «Наложение узора» (Pattern Overlay):

В диалоговом окне «Стиль слоя» щелкните по образцу узора:

И далее, пролистывая узоры, выберите нужный. Я разверну папку «Узоры прежней версии и др» (Legacy Patterns and More) — «Узоры 2019» (2019 Patterns) — «Камень» (Stone) и выберу узор мрамора, кликнув по его миниатюре. Обратите внимание, что вы можете сделать окошко выбора узоров при необходимости больше:

Выбираем один из новых узоров в программе Photoshop CC 2020. И теперь мой текст заполнился узором в виде мрамора:

Результат после применения эффекта «Наложение узора».

Добавление эффекта «Наложение градиента»

Для того чтобы добавить градиент, оставьте открытым диалоговое окно «Стиль слоя» и выберите эффект «Наложение градиента» (Gradient Overlay) из левого столбца:

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

Затем пролистайте вниз перечень наборов, чтобы выбрать подходящий градиент. Я разверну папку «Оранжевые» (Oranges) и выберу градиент «Оранжевый 10» (Orange 10), кликнув по его миниатюре:

Выбираем один из новых градиентов в программе Photoshop CC 2020.

И вот на моем тексте появился градиент. Однако, обратите внимание, что он закрыл собой узор. Так произошло, потому что градиенты всегда накладываются поверх узоров, о чем мы с вами уже говорили, когда рассматривали порядок расположения эффектов слоя:

Градиент в настоящий момент закрывает собой узор.

Изменение режима наложения эффекта слоя

Для того чтобы соединить градиент с узором, перейдите в раздел «Режим наложения» (Blend Mode) и выберите из списка новый режим. В моем случае я выбрал «Линейный затемнитель» (Linear Burn):

И теперь цвета градиента плавно перемешались с узором под ним:

Как добавить несколько раз один и тот же эффект слоя

Если вы посмотрите на эффекты в левой части диалогового окна «Стиль слоя», то увидите, что у некоторых из них («Обводка», «Внутренняя тень», «Наложение цвета», «Наложение градиента» и «Тень») есть значок плюса справа от названия. Этот значок означает, что мы можем добавить несколько копий эффекта на один и тот же слой:

Редактируем первый эффект обводки

Давайте изучим, как добавить вторую обводку. Но для начала, я хочу изменить цвет существующей, поэтому я повторно выберу эффект «Обводка» (Stroke) из перечня эффектов:

Далее я кликну по образцу цвета обводки:

И в палитре цветов выберу белый:

Я оставлю параметр «Положение» (Position) на значении «Снаружи» (Outside):

И вот цвет нашей обводки текста стал белым:

Добавляем второй эффект обводки

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

Программа добавит новый эффект обводки поверх первого, что будет означать, что новая обводка появится над исходной в документе:

Редактируем вторую обводку

На текущий момент обе обводки одинаковы. Поэтому я изменю цвет второй обводки на черный, кликнув по образцу ее цвета:

И в палитре цветов выбираем черный цвет:

Обратите внимание, что новая ободка закрыла собой исходную, и вместо того, чтобы видеть вокруг букв и чёрную, и белую обводку, мы видим только черную:

 

Причина заключается в том, что обе обводки имеют позицию «Снаружи» (Outside). Это означает, что они обе обводят внешний край букв. И поскольку обе обводки имеют одинаковый размер (20 пикселей), то вторая обводка закрывает собой первую.

Для того чтобы это исправить, я изменю положение второй обводки на «Внутри» (Inside), в результате чего она будет проходить вокруг внутреннего края букв. Также я уменьшу размер (Size) обводки с 20 пикселей до 10 пикселей:

Изменяем положение второй обводки и уменьшаем ее размер

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

Сохранение ваших эффектов как готовый стиль слоя

И наконец, чтобы сохранить ваши эффекты слоя в качестве готового стиля слоя, нажмите на кнопку «Новый стиль» (New Style) в правой части диалогового окна «Стиль слоя»:

И далее даем название вашему стилю. Я назову свой «Две обводки+Оранжевый+Мрамор». Убедитесь, что активна галочка «Включает эффекты слоя» (Include Layer Effects), и если вы использовали какие-то настройки наложения, то также проверьте галочку «Включает параметры наложения слоя» (Include Layer Blending Options). Вы также можете добавить этот стиль в текущую СС библиотеку:

 

Нажмите ОК, чтобы закрыть диалоговое окно «Новый стиль», и еще раз нажмите ОК для закрытия диалогового окна «Стиль слоя».

Переключитесь на панель «Стили», и вы обнаружите миниатюру образца вашего нового стиля ниже всех папок:

Создание собственной папки со стилями

Для того чтобы не загромождать панель стилей, сгруппируйте собственные стили в отдельную папку. Для этого кликните по иконке «Создать новую группу» (Create New Group) в нижней части панели «Стили»:

Далее дайте название группе, например, «Мои стили» (My Styles). Нажмите ОК для подтверждения:

Новая папка появится ниже остальных папок. Кликните по миниатюре своего стиля и переместите ее в папку:

Как применить созданный стиль слоя

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

Далее на панели стилей кликните по миниатюре стиля:

Весь эффект целиком мгновенно применится к слою:

И вот мы закончили! Мы изучили все, что нужно знать об эффектах слоя и стилях слоя, чтобы начать их применять в своих работах в программе Photoshop CC 2020!

Автор: Стив Паттерсон (Steve Patterson)

Источник: www.photoshopessentials.com

Как добавлять слои в фотошопе

Очередь просмотра

Очередь

• Удалить все
• Отключить

YouTube Premium

Хотите сохраните это видео?

Пожаловаться на видео?

Выполните вход, чтобы сообщить о неприемлемом контенте.

Понравилось?

Не понравилось?

Текст видео

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

Создать новый слой очень просто. Для этого есть несколько способов. В меню кликните на раздел Layer т.е. Слои. Затем наведите мышкой на пункт New т.е. Новый, а затем кликните на пункт Layer т.е. Слой. После этого появится окно, в котором вы можете дать имя новому слою, а также настроить для него некоторые параметры если это необходимо. Затем нажмите Ок.

Если не хотите каждый раз заходить в меню воспользуйтесь горячими клавишами – Shift + Ctrl + N. Справа внизу в Photoshop есть специальная панель для работы со слоями. Если она не отображается, то нажмите клавишу F7 чтобы вызвать ее. С помощью этой панели вы также можете создать новый слой. Для этого кликните на иконку со стрелочкой в правом верхнем углу этой панели.

В появившемся меню выберите пункт New Layer т.е. Новый Слой. После этого также появится окошко. Нажмите Ок. Также в этой панели для работы со слоями есть специальная кнопка под названием Create а New Layer т.е. Создать Новый Слой, которая находится в правом нижнем углу панели и выглядит как листок с отогнутым уголком. Вам нужно всего лишь нажать на эту кнопку и появится новый слой.

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

А какой способ создать новый слой подходит вам больше всего? Свои ответы пишите в комментариях.

На этой странице

Создание слоев и групп

Новый слой появляется на панели «Слои» или над выделенным слоем, или внутри выделенной группы.

Создание нового слоя или группы

Выполните одно из следующих действий.

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

Выберите меню «Слой» > «Новый» > «Слой» или «Слой» > «Новый» > «Группа».

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

Чтобы открыть диалоговое окно «Новый слой» и выбрать параметры слоя, нажмите кнопку «Создать новый слой» или «Создать новую группу» на панели «Слои», удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).

Чтобы поместить новый слой ниже выделенного слоя, нажмите кнопку «Создать новый слой» или «Создать новую группу» на панели «Слои», удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS).

Укажите следующие параметры слоя и нажмите кнопку «ОК»:

Имя слоя или группы.

Использовать предыдущий слой для создания обтравочной маски

Цвет этого слоя или группы на панели «Слои».

Режим наложения для слоя или группы. (См. раздел Режимы наложения.)

Степень непрозрачности слоя или группы.

Выполнить заливку нейтральным цветом

Заливка слоя ранее заданным нейтральным цветом.

Для добавления выбранных слоев в новую группу выберите «Слой» > «Группа слоев» или щелкните, удерживая нажатой клавишу «Shift», кнопку «Создать новую группу», расположенную в нижней части панели «Слои».

Создание слоя из существующего файла

Перетащите значок файла из ОС Windows или Mac OS на открытое изображение в Photoshop.

Переместите, масштабируйте или поверните импортированное изображение. (См. раздел Помещение файла в Photoshop.)

Нажмите клавишу «Enter» или «Return».

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

Если помещенный файл представляет собой многослойное изображение, сведенная версия отображается как новый слой. Чтобы вместо этого скопировать отдельные слои, создайте их дубликаты в другом изображении. (См. раздел Дублирование слоев.)

Создание слоя с использованием эффектов другого слоя

На панели «Слои» выделите слой.

Перетащите указанный слой на кнопку «Создать новый слой» в нижней части панели «Слои». Вновь созданный слой будет содержать все эффекты выбранного слоя.

Преобразование выделенной области в слой

Выполните одно из следующих действий.

Чтобы скопировать в новый слой выделенную область изображения, выберите меню «Слой» > «Новый» > «Скопировать на новый слой».

Чтобы вырезать выделенную область изображения и поместить ее в новый слой, выберите пункт меню «Слой» > «Новый» > «Вырезать на новый слой».

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

Просмотр слоев и вложенных групп

Щелкните треугольник слева от значка папки .

Правой кнопкой мыши (Windows) или удерживая клавишу «Control» (Mac OS) щелкните треугольник слева от значка папки и выберите пункт «Открыть эту группу».

Чтобы открыть или закрыть группу и вложенные в нее подгруппы, щелкните треугольник, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).

Включение и выключение отображения слоя, группы или стиля

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

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

В меню «Слой» выберите пункт «Показать слои» или «Скрыть слои».

Для отображения содержимого только указанного слоя или группы щелкните значок видимости , удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). При этом Photoshop запоминает состояние видимости для всех слоев, прежде чем скрыть их. Если видимость каких-либо других слоев не изменялась, то, повторно щелкнув тот же значок и удерживая клавишу «Alt» (Windows) или «Option» (Mac OS), можно вернуть видимость всех слоев в прежнее состояние.

Чтобы изменить состояние видимости сразу нескольких элементов на панели «Слои», можно перетащить курсор мыши вдоль столбца со значками видимости.

На печать выводятся только видимые слои.

Копирование и вставка слоев

Теперь в Photoshop можно копировать и вставлять слои внутри документа и между документами. В зависимости от настроек управления цветом и цветового профиля файла (или импортируемых данных) Photoshop предложить инструкции по обработке цветовой информации в импортируемых данных.

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

Команды копирования и вставки

( Правка > Копировать или Cmd/Ctrl+C): копируются выделенные слои

( Правка > Вставить или Cmd/Ctrl+V): скопированные слои вставляются в центре выбранного документа. Вставка создает дубликат слоя, включая все растровые и векторные маски, а также эффекты слоев.

( Правка > Специальная вставка > Вставить вместо или Cmd/Ctrl+Shift+V): скопированные слои вставляются в целевой документ в позицию, определяемую относительно их положения в исходном документе. Например, слой, содержащий фрагмент из нижнего правого угла большого документа, вставляется в нижний правый угол нового документа. Во всех случаях Photoshop старается оставить по крайней мере фрагмент вставленного слоя видимым в целевом документе, чтобы при необходимости его можно было переместить.

Если вы копируете слой, а затем создаете новый документ, то можно использовать вариант «Буфер обмена» в диалоговом окне «Новый документ». При выборе этого параметра создается новый документ по размеру скопированных слоев. После этого можно просто вставить все скопированные слои в новый документ

Команда «Вырезать» недоступна, если выделен один или несколько слоев. Удаляйте слои непосредственно на панели «Слои».

Особенности копирования и вставки слоев, содержащих контуры

Варианты поведения при копировании

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

Варианты поведения вставки

• Если слой вставляется между документами с различными разрешениями, вставляемый слой сохраняет свои размеры в пикселях. Такое поведение может привести к тому, что вставляемый фрагмент может обладать неправильными пропорциями относительного нового изображения. Воспользуйтесь командой «Размер изображения», чтобы перед копированием и вставкой установить одинаковое разрешение исходного и конечного изображений, либо командой «Свободное трансформирование» для изменения размера вставленного содержимого.
• Если выделен слой, который не содержит контуров, например, растровый слой, при вставке данных контура создается новая векторная маска.
• Если выделен слой, который содержит контуры, например, слой-фигура, но контуры не выделены, то при вставке заменяется текущая фигура в слое.
• Если выбран слой-фигура и выделен контур, то при вставке данных контура в существующий слой-фигуру вставляются данные контура и объединяются с существующим контуром.
• Если выбран слой с векторной маской, но векторная маска не выбрана, то при вставке данных контура заменяется контур векторной маски.
• Если выбран слой с векторной маской и эта маска выделена, то при вставке данные контура вставляются в векторную маску и объединяются с существующим контуром.

Скопировать совмещенные данные

Эта команда создает совмещенную копию всех видимых слоев в выбранной области.

Справки по другим продуктам

На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Вопросы сообществу

Получайте помощь от экспертов по интересующим вас вопросам.

На этой странице

Слои Photoshop

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

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

Общие сведения о слоях

Упорядочивание слоев Photoshop

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

Работа со слоями выполняется с помощью панели «Слои». Группы слоев помогают упорядочить слои и управлять ими. Группы помогают расположить слои по логическим группам и упорядочить панель «Слои». Можно создавать группы внутри других групп. Группы можно использовать для применения атрибутов и масок к нескольким слоям одновременно.

Несколько отличных советов по работе со слоями см. в видеопособии Упорядочение слоев и групп слоев.

Слои для обратимого редактирования

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

Специальный тип слоя, называемый смарт-объект, содержит один слой содержимого или более. Можно трансформировать (масштабировать, наклонить или перерисовывать) смарт-объект, не изменяя напрямую пикселы изображения. Кроме того, можно редактировать смарт-объект как отдельное изображение даже после вставки его в изображение Photoshop. Смарт-объекты также могут содержать эффекты смарт-фильтров, которые позволяют применять фильтры к изображениям, не нарушая их. Это позволяет в дальнейшем изменить интенсивность фильтра или удалить его. См. раздел Обратимое редактирование и Работа со смарт-объектами.

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

Обзор панели «Слои» программы Photoshop

Панель «Слои» в Photoshop предоставляет сведения обо всех слоях и группах слоев изображения, а также о слоевых эффектах. Средствами панели «Слои» можно включать и отключать отображение слоев, создавать новые слои, а также работать с группами слоев. В меню панели «Слои» можно получить доступ к дополнительным командам и параметрам.

Отображение панели «Слои» в Photoshop

Выберите меню «Окно» > «Слои».

Выбор команды из меню панели «Слои» в Photoshop

Щелкните треугольник в правом верхнем углу панели.

Изменение размера миниатюр слоев в Photoshop

В меню панели «Слои» выберите пункт «Параметры панели», затем выберите размер миниатюр.

Изменение содержимого миниатюры

Чтобы миниатюра отображала содержимое всего документа, выберите в меню панели «Слои» пункт «Параметры панели», затем пункт «Весь документ». Чтобы в миниатюре отображался лишь фрагмент слоя, занятый пикселами объекта, выберите пункт «Границы слоев».

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

Развертывание и свертывание групп

Щелкните треугольник слева от папки группы. См. раздел Просмотр слоев группы и вложенных групп.

Фильтрация слоев Photoshop

Параметры фильтрации, доступные в верхней части панели «Слои», помогают быстро находить основные слои в сложных документах. Можно вывести на экран подмножество слоев на основе имени, типа, эффекта, режима, атрибута или метки цвета.

Выберите тип фильтра во всплывающем меню.

Выберите или укажите условия фильтрации.

Щелкните переключатель, чтобы включить фильтрацию слоя или выключить ее.

Преобразование фона и слоев Photoshop

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

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

Преобразование фона в обычный слой Photoshop

На панели «Слои» дважды щелкните фон или выберите меню «Слой» > «Новый» > «Из фона».

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

Нажмите кнопку ОК.

Преобразование слоя Photoshop в фон

Выберите слой Photoshop на панели «Слои».

В меню «Слой» выберите команду «Новый» > «Преобразовать в фон».

Всем прозрачным пикселам слоя присваивается цвет фона, а слой перемещается в конец списка слоев.

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

Видеопособие | Преобразование фонового слоя в обычный слой

Как создать, дублировать, копировать, перемещать и обединять слои

Тема #4. Перенос слоев между документами

Как Перенести ЛЮБОЙ ОБЪЕКТ на Другой Фон в Фотошопе

Как скопировать слой в другой файл Photoshop

Софт 12 259

Многие пользуются Вордом уже многие годы и довольно хорошо знакомы с этим текстовым редактором.

SEO 1 439

Прежде всего после создания сайта надо установить системы аналитики: Яндекс.Метрику (//metrika.yandex.ru), Google Analitics (//www.google.com/intl/ru/analytics/)

СодержаниеДля чего нужен атрибут AltЗначение атрибута Alt для валидацииДля чего картинкам атрибут title Обычно в Alt нужно

Создание слоев в Photoshop Elements

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

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

Слой привязан к активному слою.

Слой заблокирован.

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

Для выполнения операций используются следующие кнопки на панели:

Создать новый слой.

Создать новую группу.

Создать новый слой заливки или корректирующий слой.

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

Блокировать прозрачные пиксели.

Вверху панели также расположено меню «Режим наложения» («Нормальный», «Растворение», «Замена темным» и т. д.), текстовое поле «Укрывистость» и кнопка «Дополнительно», вызывающая меню команд и параметров панели.

Открыть несколько изображений в виде слоев в Photoshop

Узнайте, как легко открывать несколько изображений одновременно в Photoshop и автоматически помещать каждое изображение в отдельный слой в одном и том же документе, используя команду Photoshop «Загрузить файлы в стек».

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

Традиционный подход заключается в том, чтобы открывать каждое изображение или файл в Photoshop по одному, а затем копировать и вставлять или перетаскивать каждое из них в основной документ. Но если вам не платят по часам, есть лучший, более быстрый способ работы. Фактически, все, что нам действительно нужно сделать, это сообщить Photoshop, какие изображения или файлы нам нужно открыть. Затем просто расслабьтесь и расслабьтесь, пока Photoshop создает новый документ, открывает все ваши изображения в этот документ и помещает каждое из них в отдельный слой. Посмотрим, как это работает!

Это руководство является частью 6 нашего Руководства по обучению слоям Photoshop .

Как открыть изображения как слои

Шаг 1: Выберите команду «Загрузить файлы в стек»

Открыв Photoshop на экране, перейдите в меню « Файл» , выберите « Сценарии» , а затем « Загрузить файлы в стек» . «Стек» означает ваш стек слоев , ссылаясь на то, как слои сложены один над другим в документе:

Идем в Файл> Сценарии> Загрузить файлы в стек.

Шаг 2: выберите ваши изображения

Копирование слоев в фотошопе – Сайт о заработке в интернете, способах, кейсах, личностном росте!

Интересно, когда adobe создавала в недрах своей компаний в далеком 1990 году первую версию Photoshop, ожидали ли главы компании и разработчики такого оглушительного эффекта? На данный момент фотошоп является самым популярным редактором фотографий в мире. Им пользуются все, начиная от известных мировых фотографов, до обычных пользователей захотевших добавить мягкий фильтр на фото с пикника.

Даже программисты нашли себе местечко научившись писать сайты по макетам сделанным в фотошопе. Естественно, у настолько популярного продукта должен быть и советующий функционал. В этой статье мы поговорим о такой замечательной функции как слои. Разберем что это такое, как копировать слой в фотошопе и поговорим о переносе слоя в другой файл PSD.

Что это такое

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

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

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

Чтобы разблокировать слой у нас есть разные варианты действий.

Способ 1

Дважды щелкаем на заблокированном элементе. Он покажет всплывающее окно, где позволяется изменить название, а затем нажмите ОК.

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

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

Способ 2

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

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

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

Это два изображения, но теперь давайте проверим «Текст». Добавьте немного текста, а затем посмотрите на панель слоев, в списке появится новый элемент с иконкой текста.

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

Маска слоя

Теперь поговорим об одной из самых популярных и востребованных функций продукт от Adobe. Photoshop Layer mask может скрывать или отображать пиксели слоя, не удаляя их.

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

Давай попробуем.

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

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

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

Теперь можно спрятать некоторую часть изображения, для этого вместо использования инструмента «Ластик» нужно выбрать инструмент «Кисть». Как вы видите, маска слоя заполнена белым цветом, поэтому не забывайте рисовать черным цветом. Работая ластиком, вы ничего не удаляете, просто скрываете эти пиксели с использованием маскировки слоев в фотошопе.

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

Как копировать слой в другой файл фотошопа

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

1. Layer, Duplicate Layer. Затем в поле Destination указываем необходимый для копирования документ, точнее путь к этому документу (речь естественно идет о PSD). Работа режима совместимости с другими редакторами для такого способа будет зависеть от конкретного выбора программы.
2. Зажимаем комбинацию клавиш CTRL + SFIFT, заранее открываем оба файлы (исходный и новый) и без страха перемещаем всё что угодно.
3. Последний способ самый легкий. Для его воплощения зажимаем shift в момент перетаскивания файла (именно в процессе ведения файла мышью). Готово!

Ну и наконец для людей желающих изучить Photoshop от А до Я есть дополнительный способ.

Elements

Странно, что вариант программы под кодовым названием Elements не заимел большей популярности среди пользователей нежели его «старший» брат. Ведь многие процессы в нём были упрощены для понимания, освоить Элементы куда проще, а многие процессы в нём автоматизированы для понимания новичков.

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

Вы можете быстро продублировать слой в Photoshop Elements. После этого создается еще одна копия содержимого слоя в том же изображении или в другом файле изображения. Дублировать можно и в файле изображения с другим разрешением пикселей. Однако при этом содержимое может отображаться с другим размером, чем предполагалось.

Чтобы создать дублированный слой Elements, щелкните и перетащите его на панель «Слои». Затем поместите его поверх кнопки «Создать новый» на панели «Слои». Или выберите «Duplicate Layer» из строки меню. Потребуется ввести имя в текстовое поле «Сохранить как». Затем используйте выпадающий список «Документ», чтобы выбрать, в какой открытый файл изображения вы хотите скопировать дубликат. Нажмите кнопку «ОК».

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

Как создать новый слой в фотошопе

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

Четыре способа, как создать новый слой в фотошопе

В программе фотошоп существует четыре способа добавления нового (с нуля) слоя в открытый файл. Рассмотрим их более подробно. Но прежде проверим наличие палитры «Слои» (Layers) в области палитр. Если её там нет, заходим: Главное меню → Окно (Window) → Слои (Layers) или клавиша F7 на клавиатуре. Теперь можно работать дальше.

к меню ↑

1. Комбинация клавиш

Самый простой и быстрый способ создать новый слой — это комбинация клавиш: Ctrl + Shift + N, после нажатия которой откроется диалоговое окно «Новый слой» (New Layer).

Давайте рассмотрим его более подробно.

Имя

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

Несколько слов о фоновом слое

В основном при первом открытии изображения в программе Photoshop на палитре «Слои» (Layers) появляется только один «Фоновый слой» (Background) с изображением замочка (стрелка №1).

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

Его назначение — сохранить первоначальную копию документа, чтобы всегда можно было вернуться к истокам и в процессе преобразований не потерять безвозвратно оригинал! Именно по этой причине не рекомендуется снимать блокировку с фонового слоя. Если необходимо внести изменения на самом слое, его всегда можно скопировать. Для этого выделяем фоновый слой и тащим его на значок «Создать новый слой» (New Layer) (стрелка №2). Или сочетание клавиш Ctrl + J. Появится точная копия фонового слоя, но уже с полным функционалом.

При необходимости (не рекомендуется) с фонового слоя всё же можно снять блокировку. Для этого необходимо перенести изображение замка (именно замка, а не всего слоя) на значок мусорной корзины справа от кнопки «Создать новый слой» (стрелка №3).

Использовать предыдущий слой для создания обтравочной маски

Следующая строчка — это «Использовать предыдущий слой для создания обтравочной маски» (Use Previous Layer to Create Clipping Mask). Это значит, что если на нижележащем слое есть прозрачные области, то, поставив птичку в данной строчке, Вы эти же места оставите прозрачными и на созданном слое.

Цвет

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

Непрозрачность

Непрозрачность, что понятно из названия, отвечает за степень непрозрачности слоя.

Режим наложения и заливка нейтральным цветом

Режим наложение – это по сути смешивание слоёв. От выбранного способа будет зависеть, как пиксели нижележащего слоя будут взаимодействовать с пикселями создаваемого слоя. Так, например, в режиме «Умножения» (Multiply) происходит перемножение яркости пикселей верхнего и нижнего слоёв. При этом взаимодействии есть т. н. нейтральный цвет. То есть цвет, который не оказывает взаимодействие на нижний слой. Для данного режима — это белый цвет. Это значит, что если на верхнем изображении есть белый цвет, то пиксели под ним не изменятся и в результате останутся таким же, как были. в то время как все остальные пиксели нижнего изображения провзаимодействуют с пикселями верхнего и поменяют свой цвет. Так вот, при создании нового слоя есть возможность залить его нейтральным для данного режима цветом.

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

Но можно создать слой с помощью комбинации клавиш, без диалогового окна. В этом случае нужно добавить клавишу Alt. Т. е. сочетание клавиш будет иметь вид: Ctrl + Shift + Alt + N. Слой будет иметь обычный режим наложения,  100% непрозрачность и заливку.

к меню ↑

2. Добавление слоя через главное меню

Не самый быстрый, но такой же функциональный способ добавить новый слой – это пройти по пути: Главное меню → Слои (Layers) → Новый (New) → Слой…(Layers…). Откроется уже знакомое нам диалоговое окно «Новый слой».

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

Помимо выделение активного слоя на палитре «Слои», его название прописывается в шапке документа.

к меню ↑

3. Кнопка на палитре слоёв

Ещё один способ добавления нового слоя – это кнопка «Создать новый слой» (Create a new layer) внизу палитры «Слои» (Layers).

При нажатии создается пустой слой с названием по умолчанию. При первом создании слоя в этом файле название будет «Слой 1».

В дальнейшем число увеличивается в порядке возрастания. Желательно сразу переименовать слой, дать ему «говорящее название». Выделив вновь созданный слой, при необходимости можно изменить режим наложения, непрозрачность и прочие настройки. Но гораздо удобнее задать все эти настройки в процессе создания слоя. Для этого следует нажимать вышеуказанную кнопку с зажатой клавишей Alt. При этом снова появится диалоговое окно «Новый слой», с которым Вы уже умеете работать!

Если необходимо создать слой ниже активного, то нажимать кнопку «Создать новый слой» следует с зажатой клавишей Ctrl. Но нужно помнить, что ниже фонового слоя создать новый не получится! Сначала необходимо снять блокировку (не рекомендуется!).
к меню ↑

4. С помощью меню палитры слоёв

И последний способ создания нового слоя – это через меню палитры «Слои».

В выпадающем списке выбираем «Новый слой…» (New Layer).
к меню ↑

Заключение

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

До встречи на страницах следующих уроков!

С уважением, Марина Рубль.

базовых слоев Photoshop | Уроки Adobe Photoshop

Узнайте, как использовать слои на панели «Слои», изменять размер содержимого слоя, добавлять изображения в многослойный файл и работать с фоновым слоем в Adobe Photoshop.

Узнайте, что такое слои и почему они так полезны.

Слои — это строительные блоки любого изображения в Photoshop. Итак, важно понимать, что такое слои и зачем их использовать — мы рассмотрим это в этом видео.Если вы следуете инструкциям, откройте это многослойное изображение из загружаемых файлов практики для этого руководства. Вы можете представить слои как отдельные плоские пинты стекла, уложенные друг на друга. Каждый слой содержит отдельные фрагменты контента. Чтобы получить представление о том, как создаются слои, давайте взглянем на эту панель «Слои». Я закрыл остальные панели, чтобы мы могли сосредоточиться на панели «Слои». Но вы можете пропустить это. Кстати: если ваша панель «Слои» не отображается, перейдите в меню «Окно» и выберите оттуда «Слои».Панель «Слои» — это то место, куда вы переходите, чтобы выбирать и работать со слоями. На этом изображении 4 слоя, каждый с отдельным содержимым. Если вы щелкните значок глаза слева от слоя, вы можете включить или выключить видимость этого слоя. Итак, я собираюсь отключить видимость слоя портного. И следите за изображением, чтобы увидеть, что находится на этом слое. Я сделаю то же самое для слоя ткани и слоя с узором. Вы можете видеть, что нижний слой, фоновый слой, заполнен белым, потому что это изображение начиналось с нового предустановленного пустого изображения с белым фоном.Давайте снова включим все остальные слои, щелкнув пустое поле слева от каждого слоя, чтобы снова добавить значок глаза. Теперь давайте взглянем только на один слой, слой портного. Быстрый способ отключить все слои, кроме слоя портного, — удерживать клавишу Option на Mac или клавишу ALT на ПК и щелкнуть значок глаза слева от слоя портного. В окне документа вы можете увидеть, что этот слой содержит только одну маленькую фотографию, окруженную серо-белым узором в виде шахматной доски.Этот шаблон представляет собой прозрачные пиксели, которые позволяют нам видеть сквозь соответствующую часть этого слоя содержимое нижележащих слоев. Итак, давайте снова включим это содержимое, вернувшись на панель «Слои», снова удерживая клавишу Option на Mac или клавишу ALT на ПК и щелкнув значок глаза слева от слоя портного. И все остальные слои и их значки с глазами снова появятся в поле зрения. Итак, еще раз: вы можете думать о слоях как о стопке пинт стекла, каждый со своим собственным изображением и в некоторых случаях прозрачными областями, которые позволяют вам видеть слои ниже.Самым большим преимуществом размещения элементов на отдельных слоях, подобных этому, является то, что вы сможете редактировать части изображения независимо, не затрагивая остальную часть изображения. Следуйте этому примеру, чтобы понять, что я имею в виду. Допустим, вы хотели отредактировать или переместить только маленькую фотографию разрезаемой ткани. Для этого вам нужно выбрать слой, содержащий эту фотографию. Перейдите на панель «Слои» и щелкните слой ткани справа от имени слоя. Теперь, когда слой ткани выбран, любое редактирование, которое вы делаете, повлияет только на этот слой.Например, перейдите на панель «Инструменты» и выберите инструмент «Перемещение», затем щелкните фотографию ткани и перетащите ее — и перемещается только эта фотография, потому что выбран только этот слой. Это относится и к другим видам правок. Например, если вы нарисовали изображение или применили фильтр, как вы сделаете позже в этой серии руководств, эти изменения повлияют только на выбранный слой ткани, а не на остальную часть изображения. Между прочим: есть некоторые действия по редактированию, такие как перемещение слоев, которые вы можете делать более чем с одним слоем за раз.И для этого вам нужно выбрать более одного слоя. На панели Layers у нас уже выделен слой ткани. Если нет, щелкните этот слой. Чтобы также выбрать слой портного, удерживайте нажатой клавишу Command на Mac или клавишу Ctrl на ПК и щелкните слой портного. Выбрав оба слоя, вы можете щелкнуть и перетащить любую из этих фотографий, и они переместятся вместе. А теперь бонусный совет: с выбранным инструментом «Перемещение» взгляните на его панель параметров. И вы увидите эту опцию, Auto-Select: Layer отмечен.Если этот параметр отмечен, щелчок в любом месте изображения автоматически выберет верхний слой в этом месте, который содержит контент. Например, посмотрите на панель «Слои», когда я щелкну здесь по фотографии узора, и вы увидите, что слой узора был автоматически выбран для вас на панели «Слои». Иногда это действительно полезно, но иногда это может привести к тому, что вы случайно выберете слой, который вы не хотели. Чтобы избежать этого, вы можете снять флажок «Автовыбор: слой» на панели параметров инструмента «Перемещение» и вместо этого выбирать слои вручную, щелкая по ним на панели «Слои», как мы это делали в этом руководстве.Итак, резюмируем: возможность работать с выбранными фрагментами контента независимо — это самое большое преимущество использования слоев. О слоях можно узнать гораздо больше, так что следите за обновлениями до конца этого урока.

Что вы узнали: для просмотра и выбора слоев на панели «Слои»

• Слои содержат изображения, текст или объекты, составляющие многоуровневый файл. Они позволяют перемещать, редактировать и работать с содержимым на одном слое, не затрагивая содержимое других слоев.
Слои
• расположены в виде стопки на панели «Слои » , которая обычно расположена в правом нижнем углу рабочей области. Если панель «Слои» не отображается, выберите «Окно »> «Слои».
• На панели «Слои» щелкните значок глаза слева от слоя, чтобы скрыть его содержимое. Щелкните еще раз в том же месте, чтобы просмотреть содержимое. Это полезный способ напомнить себе, что находится на определенном слое.
• Слой должен быть выбран для внесения в него изменений.На панели «Слои » щелкните один раз справа от имени слоя, чтобы выбрать этот слой. Чтобы добавить больше слоев к вашему выбору, удерживайте Control (Windows) или Command (macOS) при щелчке по другим слоям.

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

Давайте посмотрим на функции, которые вы будете использовать чаще всего при работе со слоями на панели «Слои».Вы можете следовать этому изображению из файлов практики для этого урока или с собственным многослойным изображением. Справа на панели «Слои» порядок, в котором слои располагаются сверху вниз, определяет расположение содержимого на изображении спереди и сзади. Например, на этом изображении слой портного находится над слоем рисунка на панели «Слои». Итак, на изображении фотография портного с мужчиной в красной шляпе находится поверх фотографии выкройки, где эти две фотографии перекрываются.А что, если вы хотите, чтобы фотография портного находилась позади фотографии выкройки на изображении? В этом случае перейдите на панель «Слои» и выберите фотографию портного, щелкнув по ней. Затем щелкните, удерживайте и перетащите слой портного под слой с узором. Теперь это может быть сложно. Вам нужно подождать, пока вы не увидите двойную линию под слоем узора, а затем убрать палец с мыши или трекпада. И это перемещает слой портного под слой с узором на панели слоев. И посмотрите, что получилось на картинке: за фото выкройки фото портного.Еще одна вещь, о которой вы, вероятно, задаетесь вопросом, — это как создать новый слой. Допустим, мне нужен новый пустой слой, на который я мог бы добавить пиксели, возможно, нарисовав кистью. Сначала подумайте, где вы хотите добавить слой в порядке наложения слоев, и выберите слой чуть ниже этого. В этом примере я хотел бы добавить новый слой над слоем с узором, потому что я хочу рисовать поверх этого узора. Итак, я перейду на панель Layers и выберу слой с узором. А затем я создам свой новый слой, перейдя в нижнюю часть панели «Слои» и щелкнув этот значок с поднятым углом страницы.Это создает новый слой над слоем с узором. Добавление слоя таким образом создает слой на основе пикселей, на котором вы можете делать такие вещи, как добавление цвета. Если вы используете другой инструмент, например инструмент «Текст» или инструмент «Фигура», или если вы используете команду «Поместить внедренное» для добавления новой фотографии или другого изображения в композицию — все это мы сделаем позже в этой серии руководств — Photoshop автоматически создаст для вас новый слой. Так что не удивляйтесь, если вы увидите дополнительные слои на панели «Слои» при использовании любой из этих функций.Когда вы действительно создаете новый слой, рекомендуется дать ему имя, которое будет иметь для вас значение, чтобы его было легче найти позже. Чтобы переименовать любой слой, дважды щелкните правой кнопкой мыши имя слоя и напечатайте поверх него, чтобы ввести свое имя. Я набираю «рисовать». А затем нажмите Enter или Return на клавиатуре. Теперь давайте применим этот новый слой, добавив к нему немного цвета. Я перейду к панели Swatches. Если панель «Образцы» не открыта, откройте ее из меню «Окно» в верхней части экрана. На панели Swatches я собираюсь щелкнуть цвет.Вы можете использовать любой понравившийся цвет. А затем я перейду на панель «Инструменты», где выберу инструмент «Кисть». Я подхожу к панели параметров инструмента «Кисть» и нажимаю на «Палитру кистей», где у меня есть ползунок «Размер», который я могу перетащить вправо, чтобы изменить размер этой кисти. Затем я перехожу к изображению и начинаю рисовать, и инструмент выбора кистей закрывается, когда я рисую узор. Поскольку краска находится на отдельном слое на панели «Слои», у вас есть много возможностей для редактирования этого образца краски, не затрагивая остальную часть изображения.В качестве всего лишь одного примера вы можете изменить непрозрачность слоя краски. Выбрав слой с краской, я поднимусь к верхней части панели «Слои» и щелкну стрелку справа от «Непрозрачности». Затем перетащу ползунок «Непрозрачность» влево. Следите за образцом краски, пока я это делаю, и вы увидите, что он становится все менее и менее непрозрачным или более прозрачным. Я отключу ползунок «Непрозрачность» в пустой области, чтобы закрыть этот ползунок. Это простой способ смешать содержимое двух слоев вместе. Наконец: что, если вы решите, что вам вообще не нужно содержимое нового слоя? Вы можете удалить этот слой или любой слой, выбрав его, а затем нажав клавишу Delete на клавиатуре Mac или клавишу Backspace на клавиатуре Windows.И не волнуйтесь: вы можете отменить это, нажав Command + Z на Mac или Ctrl + Z на клавиатуре Windows. И вот бонусный совет: есть еще больше команд, связанных со слоями, расположенных в меню панели, к которому вы можете получить доступ, щелкнув этот маленький значок меню в правом верхнем углу панели слоев. Итак, если вы когда-нибудь захотите сделать что-то еще со своими слоями — например, возможно, скопировать слой — загляните в это меню. Вот как можно использовать некоторые из наиболее распространенных функций слоев: изменение порядка наложения слоев, создание нового слоя на основе пикселей, изменение непрозрачности слоя и удаление слоя.

Что вы узнали: Работа со слоями на панели «Слои»

• Перетащите слой вверх или вниз на панели «Слои», чтобы изменить порядок расположения объектов на изображении.
• Щелкните значок Create a New Layer в нижней части панели слоев, чтобы создать новый слой. Этот слой прозрачен, пока к нему что-нибудь не добавят.
• Чтобы назвать слой, дважды щелкните имя текущего слоя.Введите новое имя для слоя. Нажмите Enter (Windows) или Return (macOS).
• Чтобы изменить непрозрачность слоя, выберите слой на панели «Слои» и перетащите ползунок «Непрозрачность», расположенный в верхней части панели «Слои», чтобы сделать слой более или менее прозрачным.
• Чтобы удалить слой, выберите его на панели «Слои» и нажмите клавишу Backspace (Windows) или «Удалить» (macOS).

Изменить размер содержимого выбранных слоев.

Когда вы создаете многослойный дизайн, вам может потребоваться изменить размер содержимого слоя вместо изменения размера всего изображения. Для этого вы воспользуетесь командой Transform. Если вы следуете инструкциям, вы можете использовать это изображение из файлов практики для этого урока или вы можете использовать свое собственное многослойное изображение. Допустим, мы хотим уменьшить это фото швейных инструментов. Первый шаг — перейти на панель «Слои» и выбрать слой, содержащий эту фотографию, то есть слой с фотографиями инструментов.Я нажимаю на этот слой, чтобы выбрать его. Затем перейдите в меню «Правка» и выберите «Свободное преобразование». Это помещает эту границу вокруг всего содержимого выбранного слоя. Итак, если бы на одном слое было больше иллюстраций, все они были бы заключены в эту границу, и все они были бы изменены вместе. Обычно вы не хотите искажать изображение при изменении его размера. Чтобы этого избежать, удерживайте нажатой клавишу Shift, чтобы сохранить пропорции при щелчке по любому краю или любому углу, и перетащите, чтобы уменьшить эту фотографию, или растяните, чтобы сделать ее больше.Между прочим, можно уменьшить размер слоя, но в большинстве случаев лучше не делать контент на основе пикселей, например фотографию, намного больше оригинала, иначе он может выглядеть размытым. Последний шаг — принять изменение, внесенное с помощью команды «Преобразовать». Один из способов сделать это — подойти к панели параметров и щелкнуть большую галочку, которая появляется там всякий раз, когда вы используете Free Transform. Вот и все. Еще вы можете изменить размер содержимого более чем одного слоя за раз.Это поможет сэкономить время и поможет изменить размер нескольких изображений на одинаковую величину. Итак, предположим, что мы хотим одновременно уменьшить фото швейных инструментов и фотографию портного. Они расположены на 2 разных уровнях. Итак, мы должны перейти на панель «Слои» и убедиться, что оба эти слоя выбраны. Слой с фотографиями инструментов уже выбран. Если у вас нет, просто нажмите на этот слой. Чтобы добавить слой с фотографией портного к выделению, удерживайте нажатой клавишу Command на Mac или клавишу Ctrl в Windows и щелкните слой с фотографией портного.Затем, как и раньше, перейдите в меню «Правка» и выберите «Свободное преобразование». Удерживая нажатой клавишу Shift, щелкните любой край или любой угол границы, окружающей оба изображения на обоих выбранных слоях. Перетащите внутрь, чтобы уменьшить размер обеих фотографий одновременно. И когда вы закончите, перейдите на панель параметров и нажмите большую галочку, чтобы принять это изменение. Вот как изменить размер слоев с помощью Free Transform. Пожалуйста, не путайте эту технику с изменением размера всего изображения, которое выполняется с помощью команды «Размер изображения» в меню «Изображение», как вы узнали в другом руководстве из этой серии.

Что вы узнали: изменение размера слоев

1. На панели «Слои » выберите один или несколько слоев, содержащих изображения или объекты, размер которых нужно изменить.
2. Выберите Edit> Free Transform . Рамка преобразования появляется вокруг всего содержимого выбранных слоев. Удерживайте нажатой клавишу Shift, чтобы не искажать содержимое, и перетаскивайте углы или края до нужного размера.Перетащите курсор внутрь границы преобразования, чтобы переместить содержимое вокруг изображения. Перетащите за пределы границы преобразования, чтобы повернуть содержимое.
3. Щелкните галочку на панели параметров или нажмите Enter (Windows) или Return (macOS), чтобы подтвердить изменение.

Добавьте в дизайн больше изображений, каждое изображение на отдельном слое.

Из этого видео вы узнаете, как добавить несколько изображений в композицию, которую вы создаете в Photoshop.Как и многие другие вещи в Photoshop, это можно сделать несколькими способами. Мы собираемся использовать метод Place Embedded, который автоматически создает новый слой для каждого добавленного изображения, что дает вам гибкость в изменении размера и положения каждого добавленного изображения по своему усмотрению. Если вы следуете инструкциям, начните с открытия этого изображения из файлов практики для этого урока. Вы можете пока оставить закрытым другой файл практики с таким же названием. Когда мы используем команду «Поместить внедренное», чтобы добавить еще одно изображение в эту композицию, Photoshop автоматически создаст новый слой для добавленного изображения над любым слоем, выбранным в данный момент.Итак, первый шаг — перейти на панель «Слои» и выбрать слой, над которым вы хотите создать новый слой. Я собираюсь выбрать фоновый слой. Затем перейдите в меню «Файл» и выберите «Поместить встроенный …». Откроется Finder или проводник, где вы перейдете к файлу, который хотите добавить. Если вы используете загружаемые файлы тренировок, перейдите к файлам тренировок на вашем компьютере и выберите этот файл. Затем нажмите кнопку «Поместить» в правом нижнем углу. Добавленная фотография появится на открытом изображении в окне документа.Эта фотография оказывается больше открытого изображения, но вам не о чем беспокоиться. Photoshop автоматически уменьшает добавленную фотографию, чтобы она соответствовала исходному изображению. Прежде чем завершить размещение, вы уменьшите масштаб фотографии и поместите ее в нужное место в композиции. Чтобы пропорционально уменьшить масштаб фотографии, не искажая ее, удерживайте клавишу Shift при перетаскивании из любого угла внутрь. Если вы хотите, чтобы добавленное фото было примерно того же размера, что и одна из других небольших фотографий в этой композиции, используйте одну из этих фотографий в качестве ориентира, чтобы помочь вам определить размер этой.Я уберу палец с мыши или трекпада и отпущу клавишу Shift. Я удерживаю клавишу Shift, перехожу к этому другому углу и перетаскиваю туда, чтобы получить добавленную фотографию примерно того же размера, что и эта другая маленькая фотография. Затем вы хотите разместить добавленную фотографию в нужном месте композиции. Для этого щелкните внутри границы и перетащите. Эти розовые направляющие могут появиться — они называются умными направляющими — чтобы помочь вам выровнять добавленную фотографию с другими элементами в композиции.Когда вас устраивают размер и размещение добавленной фотографии, завершите размещение, поднявшись на панель параметров и щелкнув там большую галочку. Вот и все. Если позже вы решите переместить добавленную фотографию, вы можете сделать это, просто выбрав ее слой, получив инструмент «Перемещение» на панели «Инструменты» и перетащив добавленную фотографию в другое место в композиции. Или скажем, вы хотите изменить размер добавленной фотографии. Вы тоже можете это сделать. И для этого вы воспользуетесь командой Free Transform, о которой мы узнали в предыдущем видео в этом руководстве.Итак, скажем, я хотел, чтобы это среднее изображение было другого размера, я бы убедился, что его слой выбран на панели «Слои», я бы поднялся в меню «Правка» и выбрал «Свободное преобразование», удерживая клавишу Shift, чтобы сохранить пропорции. и перетащите из любого угла, чтобы изменить размер этой фотографии. Затем нажмите галочку на панели параметров, чтобы подтвердить это изменение. При использовании команды «Поместить внедренное» следует помнить об одном. И это то, что есть некоторые изменения, которые вы не можете сделать непосредственно в результирующем смарт-объекте, созданном этой командой.Теперь есть еще много чего узнать об интеллектуальных объектах, но пока давайте просто поговорим о том, что делать, если вы столкнетесь с такой ситуацией. Допустим, я хотел раскрасить добавленную мной фотографию. Я выберу его слой на панели «Слои», перейду на панель «Инструменты» и выберу инструмент «Кисть». Когда я перехожу к изображению и щелкаю, чтобы рисовать, я получаю сообщение о том, что «Этот объект необходимо растрировать, прежде чем продолжить». Это означает, что если я нажму «ОК», я конвертирую добавленный слой с фотографией в обычный пиксельный слой.И это нормально, поэтому я нажимаю ОК. И это простое решение, которое позволит мне рисовать на добавленной мной фотографии. Итак, теперь, когда вы знаете, как добавлять изображения в композицию, получайте удовольствие, создавая свой собственный уникальный дизайн из нескольких изображений в Photoshop.

Что вы узнали: как добавлять изображения в дизайн

1. Выберите File> Place Embedded , перейдите к файлу изображения в проводнике (Windows) или Finder (macOS) и нажмите «Поместить».
2. Удерживайте нажатой клавишу Shift, чтобы не искажать изображение, и перетащите углы границы изображения, чтобы изменить размер добавленного изображения.
3. Перетащите курсор внутрь границы, чтобы расположить добавленное изображение в нужном месте.
4. Щелкните флажок на панели параметров, чтобы завершить размещение. Это автоматически создает новый слой, содержащий добавленное изображение.

Узнайте, как работает специальный фоновый слой.

Многие файлы имеют специальный фоновый слой.Давайте посмотрим, что такое фоновый слой и как с ним работать. Если вы следуете инструкциям, используйте этот файл из файлов практики для этого руководства. Давайте посмотрим на панель «Слои», где в нижней части этого стека слоев находится слой с надписью «Фон» с заглавной буквой B и символом замка. Вот как распознать специальный фоновый слой. Содержимое этого фонового слоя — большая фотография на заднем плане изображения в окне документа. Такой фоновый слой имеет особые свойства, отличные от обычного слоя.Например, вы не можете изменить порядок наложения фонового слоя на панели «Слои». Попробуйте переместить его вверх в стопке слоев, выбрав фоновый слой и перетащив его вверх. И вы просто не можете положить его поверх этих других слоев. Вместо этого вы получаете этот символ «ни в коем случае». А когда вы убираете палец с мыши или трекпада, фоновый слой возвращается в нижнюю часть стека слоев. Точно так же вы не можете перетащить другой слой под фоновый слой на панели «Слои».Попробуйте выбрать другой слой, а затем перетащите его под фоновый слой, и вы получите тот же символ «ни в коем случае». Фоновый слой просто должен находиться внизу стека слоев, а его содержимое должно быть позади изображения, позади других элементов изображения. Вернемся к панели «Слои» и снова выберем фоновый слой, чтобы увидеть что-то еще, чего нельзя сделать с фоновым слоем. И это чтобы переместить его с помощью инструмента «Перемещение». Я перейду и выберу инструмент «Перемещение» на панели «Инструменты».Я нажимаю на эту большую фоновую фотографию и пытаюсь переместить, но получаю сообщение о том, что инструмент «Перемещение» не может переместить этот слой, потому что слой заблокирован. Я нажму ОК, чтобы отклонить это. Есть еще пара вещей, которые нельзя сделать с фоновым слоем. Например, вы не можете изменять непрозрачность слоя и не можете иметь прозрачные пиксели на фоновом слое. Итак, что, если вы хотите сделать что-либо из этого со специальным фоновым слоем? В этом случае вам нужно преобразовать фоновый слой в обычный слой.И это так просто, как один клик. Просто спуститесь к фоновому слою и нажмите на символ замка, и он исчезнет, ​​и этот слой станет обычным слоем под названием Layer 0. И теперь, поскольку это обычный слой, я мог бы делать все, что я только что упомянул, что вы можете » Тоже с фоновым слоем. Это всего лишь один пример, я могу переместить этот слой с помощью инструмента «Перемещение». У меня все еще выбран инструмент «Перемещение», я перехожу к изображению и перетаскиваю его вправо, и это действительно перемещает слой 0, и он показывает прозрачность позади него, потому что это самый нижний слой в стеке слоев.А что, если вы действительно хотите иметь специальный фоновый слой, а у вас его нет в вашем файле. Что ж, вы можете превратить любой слой в специальный фоновый слой, перейдя в меню «Слой» и выбрав «Новый», «Фон из слоя». В данном случае я действительно хочу создать новый слой и сделать его фоновым. Итак, я спущусь к нижней части панели «Слои» и нажму кнопку «Создать новый слой». Это создает новый слой 1, который я перетащу в конец стопки слоев. Слой 1 в настоящее время пуст.Я залью его белым. Для этого я поднимусь в меню «Правка» и выберу «Заливка» … В открывшемся диалоговом окне «Заливка» я изменю первое раскрывающееся меню на «Белый». И я нажимаю ОК. И теперь у нас есть белый слой внизу стопки слоев. Чтобы превратить его в специальный фоновый слой, я перейду в меню «Слой» и выберу «Новый», «Фон из слоя». И теперь этот слой заблокирован, я не могу его перемещать или делать другие вещи, о которых я упоминал. И это обеспечивает стабильную основу для этой композиции.Итак, фоновые слои заслуживают упоминания, потому что вы столкнетесь с одним из них раньше, чем позже. И теперь вы знаете, что такое фоновый слой, каковы его ограничения и как с ним работать.

Что вы узнали: преобразование фонового слоя в обычный

• Поскольку слой Background заблокирован, его нельзя перемещать в окне Document или переставлять на панели Layers , и некоторые функции редактирования на нем не работают.
• Чтобы изменить слой Background на обычный слой, щелкните значок замка справа от имени слоя на панели Layers .

.

Экспорт документов, слоев и монтажных областей в Photoshop

В диалоговом окне «Экспорт как» можно установить следующие параметры:

Формат: выберите PNG, JPG, GIF или SVG.

Параметр, зависящий от формата: для PNG укажите, хотите ли вы экспортировать ресурсы с включенной прозрачностью (32-бит) или экспортировать изображения меньшего размера (8-бит). Для JPEG укажите желаемое качество изображения (0–100%). По умолчанию изображения в формате GIF прозрачны. При экспорте ресурсов PNG помните следующее:

• При выборе параметра «Прозрачность» создаются 32-битные ресурсы PNG
• При выборе файла меньшего размера создаются 8-битные ресурсы PNG
• Если вы не выберете вышеуказанные параметры, создаются 24-битные ресурсы PNG.

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

Масштаб: выберите размер экспортируемого изображения. Эта опция полезна для экспорта ресурсов с большим или меньшим разрешением. Изменение масштаба влияет на размер изображения.

Resample: Выберите метод повторной выборки. Передискретизация относится к изменению объема данных изображения при изменении либо размеров в пикселях, либо разрешения изображения, обычно при изменении размера изображения.

• Билинейный: добавляет пиксели путем усреднения значений цвета окружающих пикселей. Этот метод дает результаты среднего качества.
• Бикубический: более медленный, но более точный метод, основанный на исследовании значений окружающих пикселей. Используя сложные вычисления, Bicubic создает более плавные градации тонов, чем методы передискретизации Bilinear или Nearest Neighbor.
• Bicubic Smoother: подходит для увеличения изображений на основе бикубической интерполяции, но предназначен для получения более гладких результатов.
• Bicubic Sharper: подходит для уменьшения размера изображения на основе бикубической интерполяции при одновременном повышении резкости. Этот метод сохраняет детализацию изображения с повторной дискретизацией. Если Bicubic Sharper делает некоторые области изображения чрезмерно резкими, попробуйте использовать Bicubic Sharper.
• Bicubic Automatic: автоматически выбирает метод бикубической выборки, подходящий для изображения.
• Ближайший сосед: быстрый, но менее точный метод, воспроизводящий пиксели изображения. Этот метод предназначен для использования с иллюстрациями, содержащими несглаженные края.Он сохраняет твердые края и позволяет получить файл меньшего размера. Однако этот метод может создавать неровные эффекты, которые становятся очевидными при масштабировании изображения или выполнении нескольких манипуляций с выделенной областью.
• Сохранить детали: при изменении размера изображения этот метод уделяет первостепенное внимание сохранению деталей и резкости изображения.

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

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

Если изображение больше, чем размер холста, оно обрезается до значений ширины и высоты, установленных для холста. Вы можете нажать «Сброс», чтобы вернуть значения к значениям, установленным в «Размер изображения».

Метаданные: укажите, хотите ли вы встраивать метаданные — информацию об авторских правах и контактную информацию — в экспортированные ресурсы.

Цветовое пространство: укажите следующее:

• Хотите ли вы преобразовать экспортированный ресурс в цветовое пространство sRGB. Этот вариант выбран по умолчанию.
• Хотите ли вы встроить цветовой профиль в экспортированный актив.

.

Использовать маски слоя с выделенными областями

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

Сделать выбор

Начните с создания выделения с помощью любого метода выделения. Если изображение имеет сплошной цвет фона, возможно, будет проще выбрать фон, чем объект. Инструмент «Волшебная палочка» полезен для выбора однотонного фона.

1. Выберите инструмент «Волшебная палочка» на панели инструментов и установите флажок «Смежные» на панели параметров.
2. Щелкните фон изображения, чтобы выбрать его. Чтобы при необходимости добавить к выделению, щелкните изображение, удерживая нажатой клавишу «Shift». Чтобы вычесть из выбора, щелкните, удерживая клавишу Option (MacOS) или Alt (Windows).
3. Выберите «Выделение»> «Инвертировать», чтобы выделить объект вместо фона. Оставьте выбор активным.

Добавить маску слоя

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

• При активном выделении нажмите кнопку «Добавить маску слоя» на панели «Слои». На маске слоя белый цвет там, где было выделение (объект), и черный, где не было выделения (фон). Черный цвет скрывает невыделенную область.

Копировать в другое изображение

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

1. Открыть другое изображение. У каждого открытого изображения есть своя вкладка в верхней части окна документа.
2. Скопируйте замаскированный слой во второе изображение следующим образом: На панели «Слои» первого изображения щелкните и удерживайте пустую часть слоя, содержащую объект и маску слоя. Удерживая нажатой кнопку мыши, перетащите с панели «Слои» первого изображения на вкладку второго изображения, а затем в окно документа второго изображения. Отпустите мышь. На панели «Слои» второго изображения есть новый слой, содержащий объект и его маску слоя.
3. Не снимая выделения с предметного слоя на втором изображении, нажмите Command + T (MacOS) или Control + T (Windows). Вокруг объекта появится ограничивающая рамка с ручками.
4. Перетащите угловой маркер ограничивающей рамки, чтобы уменьшить или увеличить объект. Перетащите изнутри ограничительной рамки, чтобы переместить объект.
5. Щелкните за пределами ограничивающей рамки, чтобы завершить масштабирование и размещение объекта и его маски слоя на втором изображении.
6. Если вам нужно отредактировать маску слоя на втором изображении, щелкните маску слоя на панели «Слои», чтобы сделать ее активной.Выберите инструмент «Кисть» на панели инструментов. Нарисуйте черным, белым или серым цветом, чтобы отредактировать маску слоя.

Сохраните свою работу со слоями

• Сохраните оба изображения в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

.

Создайте маску первого слоя

Что такое маскирование слоя?

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

К маске слоя можно добавить черный, белый или серый цвет. Один из способов сделать это — нарисовать маску слоя.Черный цвет на маске слоя скрывает слой, содержащий маску, поэтому вы можете видеть, что находится под этим слоем. Серый цвет на маске слоя частично скрывает слой, содержащий маску. Белый цвет на маске слоя показывает слой, содержащий маску.

Создать маску слоя

1. Выберите слой на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». На выбранном слое появится белая миниатюра маски слоя, открывающая все на выбранном слое.

Добавить черный к маске слоя, чтобы скрыть

Добавление черного к маске слоя скрывает слой, содержащий маску.

1. На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте палитру кистей и выберите размер и жесткость кисти.
3. Нажмите D, чтобы установить белый и черный цвета по умолчанию на панели инструментов.Затем нажмите X, чтобы переключить цвета, чтобы черный стал цветом переднего плана.
4. Закрасьте изображение, добавив черный цвет к маске слоя. Черный цвет на маске слоя скрывает слой с маской, поэтому вы можете видеть слой ниже или узор шахматной доски, который представляет прозрачность.

Добавьте белый цвет к маске слоя, чтобы открыть

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

1. Нажмите X, чтобы переключить цвета переднего плана и фона на панели инструментов, чтобы белый стал цветом переднего плана.
2. Закрасьте скрытые области изображения. Это добавляет белый цвет к маске слоя, возвращая в поле зрения соответствующие области замаскированного слоя.

Тонкая настройка маски слоя с черным, белым и серым

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

.

Можно ли ссылаться на файл Photoshop или композицию слоев из другого файла Photoshop?

Переполнение стека

1. Около
2. Товары
3. Для команд

1. Переполнение стека Общественные вопросы и ответы
2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
5. Реклама Обратитесь к разработчикам и технологам со всего мира
6. О компании

.

Как создать белый слой в фотошопе cs6. Что такое слой в фотошопе

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

Как создать слой

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

1. «Слои» — «Новый» — «Слой…». В открывшемся окне можно задать название, цвет, режим, непрозрачность. По умолчанию настройки стоят на 100% непрозрачности. Можно сразу нажать «Ок».

2. Самый быстрый способ – нажать на иконку внизу палитры:

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

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

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

Как создать новый слой – картинку

В Фотошоп для создания нового слоя предусмотрено несколько способов. Как открыть в редакторе изображение рассказывалось в уроке CS5 для начинающих « » в разделе «Область редактирования изображений».

Теперь создадим новый слой одним из вариантов:

1. Зайти «Файл» — «Открыть». В выпадающем окне выбрать необходимый файл, нажать кнопку «Открыть». Открывается новая вкладка. Зажимаем ее мышкой и перетягиваем на рабочую область. После этого зажимаем изображение и перетягиваем на вкладку, на которой собираемся его разместить.

2. Клавиши Ctrl+О, где О – буква, а не цифра. Дальше действия аналогично описанным выше, в п.1

3. Выбрать на компьютере изображение и перетянуть его мышкой в редактор. Нажать Enter. В этом случае палитре слой помещается как смарт-объект. Возможно для дальнейшей работы его придется растрировать.

4. Элементарно скопировать (Ctrl+C) картинку и вставить (Ctrl+V) ее в редакторе. Этот вариант работает только в том случае, если хотя бы один слой уже существует.

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

Как скопировать слой в фотошопе

1. Захватить мышкой слой и перетащить его на иконку внизу палитры, как показано на рисунке выше.

2. Щелкнуть правой мышкой на слой на палитре, в открывшемся списке выбрать «Создать дубликат слоя».

3. На панели управления «Слои» — «Новый» — «Скопировать на новый слой».

4. На панели управления «Слои» — «Создать дубликат слоя». В открывшемся окошке можно задать название и выбрать вкладку. Нажать «Ок».

5. Использовать горячие клавиши Ctr+J.

6. Выделить слой клавишами Ctrl+А или по пути Выделение – Все. Затем скопировать выделенное клавишами Ctrl+С или по пути Редактирование – Скопировать. И вставить клавишами Ctrl+V, или по пути Редактирование – Вставить. В палитре слоев появляется новый дубликат скопированного.

7. С зажатой клавишей Alt захватить мышкой активный слой и потянуть вниз или вверх. Смотрите внимательно. Отпустить мышку и Alt можно после того, как между существующим и создающимся слоями появится двойная линия границы.

Любым из этих способов можно скопировать слой в фотошопе и получить его точную копию.

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

Если ваши знания о слоях представляют собой миску с винегретом — то этот материал специально для вас!

Если же вы чувствуете себя достаточно «мастеритым » в этой области, все равно прочитайте, возможно, найдете для себя чего-нибудь полезное.

Что такое слой?

Понятие «слой » в программе Photoshop имеет точно такой же физический смысл как и в жизни — это прослойка или пласт, который является составной частью чего-то целого.
Давайте вспомним случаи, где нам встречается это понятие в реальной жизни?

Мы покрываем стены слоем краски.

Атмосфера Земли состоит из нескольких слоев.

Бутерброд с толстым слоем шоколада…

Теперь чтобы наглядно увидеть «слой » в Photoshop

нужно сначала научиться его создавать.

Создайте новый документ (Файл — Создать, ):

1-й способ создать слой:

⇐ . (предыдущая страница учебника)

. (следующая страница учебника) ⇒

Слой — это основная единица рисунка в Photoshop. Все действия в этой программе строятся на работе со слоями, которые накладываются друг на друга, создавая сложное изображение.

Зачем нужны слои?

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

Представьте себе простой рисунок: небо, на нём облако, из-за которого выглядывает солнце. Каждый из этих элементов в Photoshop расположен на отдельном слое. Небо — задний фон, на него наслаивается солнце (средний слой), и его, в свою очередь, закрывает передний слой — облако.

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

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

В общем, слои избавляют от множества проблем, позволяя работать с частями сложнейших изображений эффективно и безопасно.

Работа со слоями

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

Если у вас такой панели нет — включите её, выполнив команду Окно -> Слои.

Первый слой создаётся вместе с документом автоматически, остальные тоже создаются автоматически во время выполнения определённых действий (например, если вы попробуете нарисовать фигуру, то увидите, что для неё создастся новый слой). Иногда новые слои вы будете добавлять вручную. В идеале каждый объект должен располагаться на отдельном слое.

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

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

1. Создайте новый документ с белым фоном.

2. Создайте новый слой, нажав значок .

3. Переименуйте слой. Для этого дважды щёлкните на названии кнопкой мыши, введите имя (например, Верхний слой) и либо нажмите Enter , либо просто щёлкните в свободной области экрана.

Строка слоя состоит из трёх элементов: значка с нарисованным глазком, миниатюры слоя и его имени. Глазок означает, что слой видим, щелчок на значке скроет слой. Расположенные в шахматном порядке серые и белые квадраты миниатюры говорят о его прозрачности.

4. Залейте слой любым цветом, градиентом или узором — выберите инструмент Заливка, укажите цвет и щелкните на холсте кнопкой мыши (о заливке мы говорили в предыдущем уроке).

5. Сделайте активный слой невидимым — выключите его, щёлкнув на значке с глазком. На холсте снова отобразился белый фон, потому как слой поверх него теперь отключён.

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

Работа с текстом

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

1. На палитре выберите инструмент Горизонтальный текст.

2. Щёлкните в любом месте холста и введите произвольный текст.

3. Обратите внимание на панель параметров. Здесь вы можете задать направление (горизонтальной будет надпись или вертикальной), шрифт, начертание, размер, выравнивание, цвет и деформацию текста.

Чтобы дублировать слой целиком(при этом в документе не должно быть выделения), или скопировать выделение на новый слой, нажмите Ctrl+J

Если Вы хотите скопировать выделение на новый слой с тем, чтобы эта область была вырезана на слое, с которого производится копирование, нажмите Ctrl+Shift+J. Эта операция также не работает с фоновым слоем:

Выбор всех слоёв сразу

Чтобы выбрать все слои сразу, нажмите Ctrl+Alt+A. Заметим, что это действие выбирает все слои, кроме фонового.

Чтобы выбрать все слои похожи сразу, например, все текстовые слои или корректирующие слои или слои-фигуры, щелкните правой кнопкой мыши (Win) на одном из слоёв, затем выберите в появившемся меню пункт «Выбрать все похожие слои» (Select Similar Layers).

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

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

Имеется ещё один способ выбора нескольких слоёв, которые расположены непосредственно выше или ниже друг друга. Для этого надо кликнуть по нужному слою, нажать и удерживать клавиши Shift+Alt и нажимать на одну из квадратных скобок ([ или ] ). Нажатие на левую скобку ([ ) будет добавлять к выбору слой, расположенный ниже выделенного слоя, и при повторных нажатиях будет добавлять следующие слои, расположенный вниз по стеку, нажатие же на правую квадратную скобку (] ) будет точно так же добавлять слои, но уже вверх по стеку.

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

Быстрый выбор верхнего или нижнего слоя

Для быстрого выбора верхнего слоя в палитре слоёв нажмите Shift+Alt+].

Для быстрого выбора нижнего слоя (в том числе фонового), нажмите Shift+Alt+[.

Перемещение выделения (активности) слоя вверх или вниз по стеку

Для перемещения выделения удерживайте клавишу Alt (Win) и нажимайте левую и правую клавишу квадратных скобок ([ или ] ). Левая квадратная скобка перемещает выделение вниз, правая — вверх.

Перемещение выделенного слоя вверх или вниз по стеку

Чтобы переместить выделенный слой вниз по стеку, зажмите клавишу Ctrl и нажмите клавишу «левая квадратная скобка» ([ ).

Для перемещения выделенного слоя вверх используйте правую квадратную скобку ([ ) при зажатой Ctrl.

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

Перемещение выделенного слоя моментально вверх или вниз

Чтобы выделенный слой оказался моментально верху в стеке, нажмите Shift + Ctrl +], соответственно, чтобы он оказался внизу, нажмите Shift + Ctrl +].

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

Включение/отключение видимости слоёв

Большинство пользователей Photoshop для отключения/включения видимости слоя используют нажатия на соответствующий значок, находящийся слева в панели слоёв (иконка глаза):

Но не все знают, что можно отключить все слои, кроме того, на значок которого Вы нажимаете, если перед кликом по «глазу» зажать клавишу Alt:

Таким же образом можно включить все слои.

Ещё одна маленькая хитрость, незнакомая большинству пользователей Photoshop. Если в стеке слоёв видимость включена только у одного слоя, то перемещать видимость вверх или вниз можно с помощью сочетаний клавиш Alt+] и Alt+[ соответственно.
Это отличный способ, чтобы увидеть именно то, что находится на каждом отдельном слое в документе.

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

Выбор всего слоя

Чтобы выбрать весь слой, а не только пиксели, содержащиеся в нём, нажмите Ctrl+A.

Выбор всех пикселей, содержащихся в слое

Для этого зажмите Ctrl и кликните по иконке предпросмотра слоя.

Создание новой группы из слоёв

Выберите нужные слои и затем нажмите Ctrl+G

Для раз группировки выберите нужную группу и нажмите Shift+Ctrl+G.

Слияние слоёв

Чтобы объединить слой со слоем, расположенным непосредственно под ним, нажмите Ctrl+E.

Чтобы объединить несколько слоёв, сначала выберите те слои, которые вы хотите объединить и затем нажмите Ctrl+E.

И ещё дна интересная полезность, о которой мало кто знает. Вы можете объединить два или более слоя в новый слой, сохранив при этом оригинальные слои, а вновь созданный появится над выделенными .
Для этого сначала выберите слои, которые вы хотите объединить, а затем нажмите Ctrl+Alt+E:

Чтобы объединить все слои в палитре, нажмите Shift+Ctrl+E.

Чтобы объединить все слои на отдельном слое и при этом сохранить оригиналы, сначала создайте новый пустой слой выше всех других слоёв в палитре, а затем нажмите Shift+Ctrl+Alt+E. Пиксели всех слоёв объединятся в этом пустом слое, а сами слои останутся нетронутыми.

Создать обтравочную маску

Для этого нажмите комбинацию Ctrl+Alt+G.

Изменение режимов наложения

Изменение режимов наложения с помощью клавиш клавиатуры и мыши подробно описано .

Изменение непрозрачности слоя

Для быстрого изменить непрозрачности слоя, сначала убедитесь, что у вас выбран инструмент «Перемещение» (Move Tool), для его выбора можно просто нажать букву V на клавиатуре, а затем нажмите на цифровую клавишу. Цифра «5» будет соответствовать 50% непрозрачности, «8» будет соответствовать 80% и т.д. Если вам нужны более точные значение непрозрачности, например, 25%, просто быстро наберите «25». Для значения непрозрачности в 100%, просто наберите «0».

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

Удалять слои можно двумя способами.

Первый — просто кликните мышкой на нужный слой для его выбора и нажмите клавишу Delete

Второй — перетащите слой на значок корзины в правом нижнем углу панели:

Ну вот, вроде пока всё.

Adobe Photoshop – мощнейшая машина для обработки графических файлов. Но зачастую случается, что неопытные пользователи портят свои снимки и теснее не могут воротить их к изначальному состоянию. Повод таких неудач кроется в незнании элементарных правил фотошопа. Первое и самое главное из них: никогда не работайте сразу позже открытия документа в этой программе. Неизменно работу необходимо начинать с создания копии слоя «фон». Чай создание нового слоя – основа для работы. А вот как это сделать, читайте ниже.

Инструкция

1. Новейший слой получится сотворить, только если у вас открыт какой-либо документ. Есть несколько методов создания слоя. 1-й из них. В основном меню выберите вкладку «Слои» – «Новейший» – «Слой». Появится окно. В нем вы можете вписать имя создаваемого слоя, определить его цвет и предпочесть режим перекрытия, если необходимо. Нажмите «Ок». Слой готов.

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

3. 3-й метод. На панели работы со слоями в самом низу есть несколько маленьких кнопок. Выберите значок в виде листа бумаги с загнутым уголком. Нажмите его, и новейший слой здесь же появится. Окна создания слоя не будет. Параметры установятся механически: прозрачный фон, обыкновенный режим наложения, имя «слой 1,2,3» либо иной номер по порядку.

4. И конечный, четвертый метод, вероятно, самый стремительный. Нажмите сочетание клавиш Shift+Ctrl+N. Перед вами опять появится окно создания слоя. Выберите необходимые параметры и нажмите «Ок». Эти четыре варианта относятся к созданию чистого слоя.

5. Впрочем неоднократно появляется нужда сделать слой с наполнением. Представим, вы открыли фотографию. Она механически расположится на слое «фон». Для работы вам нужно сотворить копию этого слоя. Для этого примитивно перетащите мышкой первоначальный слой на значок, о котором мы говорили в шаге 3. Новейший слой появится с именем «фон копия»

6. Еще один метод сделать новейший слой -копию. Кликните правой кнопкой мыши на слое «фон» и в выпадающем меню выберите «сотворить дубликат слоя». Появится окно, в котором вы можете ввести имя слоя и место, куда будет размещена копия (данный документ либо нужно сделать новейший). Назначьте все, что вам необходимо и жмите «Ок». Слой появится и будет готов к работе.

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

Вам понадобится

• – программа Photoshop.

Инструкция

1. Для удобной работы со слоями в Photoshop надобна палитра слоев. По умолчанию она располагается в правой стороне окна программы. Если эта палитра спрятана, кликните по опции Layers в меню Window.

2. Если вам надобно собрать файл из слоев, содержащихся в иных файлах, откройте эти файлы, запустив диалоговое окно командой Open из меню File. Выделите мышкой документы, которые собираетесь открывать, зажав при этом клавишу Ctrl. Кликните по кнопке «Открыть».

3. Щелкните по окну файла с рисунком, тот, что вы собираетесь вставить в качестве самого нижнего слоя в свой документ. Выделите содержимое окна командой All, которая находится в меню Select. Скопируйте в буфер обмена выделенную картинку. Для этого вам сгодится команда Copy из меню Edit. Кликните мышкой по окну файла, в тот, что вы вставляете слои. Добавьте в него скопированный слой командой Paste меню Edit.

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

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

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

7. При копировании слоев из нескольких различных файлов, различающихся линейными размерами, вам понадобится уменьшить либо увеличить скопированные изображения. Для этого щелкните по слою, на котором лежит картинка, нуждающаяся в изменении размера. Если вы хотите в идентичной степени изменить размер изображений, лежащих на различных слоях, выделите эти слои, нажав на клавишу Ctrl. Для метаморфозы размера воспользуйтесь командой Scale. Ее дозволено увидеть в группе Transform меню Edit.

Понимание слоев в фотошопе

Изучите основы слоев в Photoshop, в том числе, что это за слои, как они работают и почему так важно знать, как использовать слои. Для Photoshop CC, CS6 и более ранних версий Photoshop.

Если вы новичок в слоях в Photoshop, вы выбрали отличное место для начала. Для первого взгляда на слои мы сосредоточимся на том, что такое слои и зачем они нам нужны. Вместо того, чтобы создавать что-то необычное, мы будем использовать некоторые очень простые инструменты для рисования очень простых фигур. Затем мы узнаем, как мы можем манипулировать этими фигурами в нашем документе, используя слои! Мы начнем с создания композиции без слоев и рассмотрим проблемы, с которыми мы сталкиваемся, пытаясь внести даже простые изменения. Затем мы снова создадим ту же композицию, на этот раз с использованием слоев, чтобы увидеть, насколько сильно на самом деле отличаются слои.

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

Несомненно, слои — это самый важный аспект Photoshop. Ничто из того, что стоит делать в Photoshop, не может, или, по крайней мере, не может быть сделано без слоев. Они настолько важны, что у них есть своя собственная панель «Слои», а также собственная категория «Слои» в строке меню Photoshop в верхней части экрана. Вы можете добавлять слои, удалять слои, называть и переименовывать слои, группировать их, перемещать их, маскировать их, смешивать их вместе, добавлять эффекты к слоям, изменять их непрозрачность и многое другое!

Нужно добавить текст в свой макет? Он появится на собственном слое Type. Как насчет векторных фигур? Они появятся на отдельных слоях Shape. Слои — это сердце и душа фотошопа. Хорошо, что слои настолько просты в использовании и легки для понимания, по крайней мере, как только вы обернетесь вокруг них.

«Это здорово!», Говорите вы, «но это не говорит мне, что такое слои». Хороший вопрос, так что давайте узнаем!

Фотошоп без слоев

Прежде чем мы рассмотрим, что такое слои и как их использовать, давайте сначала посмотрим, как будет работать в Photoshop без слоев. Это поможет понять, почему слои так важны. Мы начнем с создания нового документа Photoshop. Для этого перейдите в меню « Файл» в строке меню в верхней части экрана и выберите « Создать» :

Идем в Файл> Новый.

Это открывает диалоговое окно New. Мы не нуждаемся в конкретном размере для нашего документа, но чтобы держать нас обоих на одной странице, введите 1200 пикселей для ширины и 800 пикселей для высоты . Вы можете оставить значение разрешения равным 72 пикселя / дюйм . Наконец, убедитесь, что для параметра Background Contents установлено значение White, чтобы наш новый документ имел сплошной белый фон. Нажмите OK, когда вы закончите, чтобы закрыть из диалогового окна. Ваш новый белый документ появится на экране:

Новое диалоговое окно Photoshop.

Рисование квадратной формы

Теперь, когда у нас готов новый документ, давайте нарисуем пару простых фигур. Сначала мы нарисуем квадрат, и для этого воспользуемся одним из основных инструментов выбора Photoshop. Выберите инструмент Rectangular Marquee Tool в верхней части панели инструментов в левой части экрана:

Выбор Прямоугольного Marquee Tool.

Чтобы нарисовать квадрат с помощью инструмента «Прямоугольная область», щелкните в любом месте в верхнем левом углу документа, чтобы установить начальную точку для выбора. Затем, удерживая нажатой кнопку мыши, нажмите и удерживайте клавишу Shift и перетащите по диагонали в направлении нижнего правого угла. Обычно инструмент Rectangular Marquee Tool рисует прямоугольные выделения произвольной формы, но, нажимая и удерживая клавишу Shift, мы сообщаем Photoshop, чтобы форма выделения вылилась в идеальный квадрат.

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

Рисование квадрата с помощью инструмента Rectangular Marquee Tool.

Теперь, когда мы нарисовали наш контур выбора, давайте его закрасим цветом. Для этого мы воспользуемся командой Photoshop Fill. Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :

Собираюсь Правка> Заполнить.

Это открывает диалоговое окно Fill. Измените параметр « Использовать» в верхней части диалогового окна на « Цвет» :

Изменение использования на цвет.

Как только вы выберете Цвет, Photoshop откроет палитру цветов, чтобы мы могли выбрать, какой цвет мы хотим использовать. Вы можете выбрать любой понравившийся вам цвет. Я выберу оттенок красного:

Выберите цвет из палитры цветов. Подойдет любой цвет.

Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов, затем нажмите OK, чтобы закрыть из диалогового окна Fill. Фотошоп заполняет выделение выбранным вами цветом, который в моем случае был красным:

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

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

Собираюсь Выбрать> Отменить выбор.

Рисование круглой формы

Все идет нормально. Теперь давайте добавим вторую фигуру к документу. Мы уже добавили квадрат, поэтому давайте немного перемешаем и на этот раз добавим круглую форму. Для этого мы будем использовать еще один из основных инструментов выбора Photoshop — Elliptical Marquee Tool.

Инструмент Elliptical Marquee Tool находится позади инструмента Rectangular Marquee на панели «Инструменты». Чтобы выбрать его, щелкните правой кнопкой мыши (Победа) / удерживая нажатой клавишу « Control» (Mac) на инструменте «Прямоугольная область», затем выберите инструмент «Эллиптическая область» в раскрывающемся меню:

Выбор Elliptical Marquee Tool.

Давайте нарисуем нашу круглую форму так, чтобы она перекрывала квадрат. Нажмите в правом нижнем углу квадрата, чтобы установить начальную точку для выбора. Затем, удерживая нажатой кнопку мыши, нажмите и удерживайте Shift + Alt (Победа) / Shift + Option (Mac) на клавиатуре и перетащите курсор от начальной точки.

Обычно инструмент Elliptical Marquee Tool рисует эллиптические выделения произвольной формы, но, удерживая нажатой клавишу Shift при перетаскивании, мы формируем фигуру в идеальный круг. Удерживая клавишу Alt (Победа) / Option (Mac), Photoshop указывает рисовать фигуру наружу из точки, в которой мы изначально щелкнули.

Вытяните форму, чтобы она была примерно такого же размера, как квадрат. Когда вы закончите, отпустите клавишу Shift и клавишу Alt (Win) / Option (Mac), затем отпустите кнопку мыши. Опять же, убедитесь, что вы сначала отпустите клавиши, а затем кнопку мыши:

Рисование круглого выделения, которое перекрывает квадрат.

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

Нам нужен другой цвет для круглой формы, поэтому нажмите на слово «Цвет», затем повторно выберите «Цвет» из списка параметров (я знаю, кажется странным выбрать то, что уже выделено), после чего Photoshop снова откроется. палитра цветов На этот раз выберите другой цвет. Я выберу оранжевый. Опять же, не стесняйтесь выбирать любой цвет, который вам нравится:

Выберите другой цвет для второй фигуры.

Нажмите «ОК», чтобы закрыть окно «Палитра цветов», затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка», после чего Photoshop заполняет выделение цветом. Чтобы удалить контур выделения вокруг фигуры, перейдите в меню « Выбор» в верхней части экрана и выберите « Отменить выбор», как мы это делали в прошлый раз. Теперь у нас есть две фигуры — один квадрат и один круг — с кругом, перекрывающим квадрат:

Документ с обеими фигурами добавлен.

Проблема…

Мы нарисовали наши фигуры, и все выглядит отлично. Хотя…

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

Для этого мы … хм … хм. Подождите минутку, как мы это сделаем? Я нарисовал красную, затем я нарисовал оранжевую, и теперь мне просто нужно переместить красную перед оранжевой. Звучит достаточно просто, но … как?

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

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

Давайте посмотрим на нашу панель слоев, чтобы увидеть, что происходит. На панели «Слои» мы видим слои в нашем документе. Обратите внимание, что, хотя мы еще не смотрели слои и не пытались добавить их самостоятельно, Photoshop автоматически создал для нас слой по умолчанию. Слой по умолчанию называется Background, потому что он служит фоном для нашей композиции.

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

Панель «Слои» показывает все на фоновом слое.

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

К счастью, есть! Решение состоит в том, чтобы использовать слои. Давайте попробуем то же самое, но на этот раз используя слои!

Возьми два, на этот раз со слоями

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

Поднимитесь в меню Edit в верхней части экрана и еще раз выберите Fill . Когда появится диалоговое окно Fill, измените параметр Use с Color на White :

Идем в Edit> Fill, затем меняем Use на White.

Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп заполняет документ белым, и мы вернулись к тому, с чего начали:

Документ снова заполнен белым.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-basics-middle)

Панель слоев

Я упомянул минуту назад, что на панели «Слои» мы видим слои в нашем документе. Но на самом деле, панель слоев намного больше. На самом деле, это действительно Command Central для слоев. Если в Photoshop нам нужно что-то сделать со слоями, то на панели Layers мы это делаем. Мы используем панель «Слои», чтобы создавать новые слои, удалять существующие слои, переименовывать слои, перемещать слои вокруг, включать и выключать слои в документе, добавлять маски слоев и эффекты слоев … список можно продолжить. И все это делается из панели Layers.

Как мы уже видели, панель «Слои» показывает нам, что в нашем документе в настоящее время есть один слой — фоновый слой по умолчанию. Миниатюра предварительного просмотра слева от имени слоя показывает нам, что фоновый слой заполнен белым:

Панель «Слои», отображающая заполненный белым фоновый слой.

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

Наш белый фон уже находится на слое фона, поэтому давайте добавим новый слой над ним для нашей первой фигуры. Чтобы добавить новый слой в документ, мы просто нажимаем на иконку « Новый слой» в нижней части панели «Слои» (второй значок справа):

Нажав на иконку Новый слой.

Новый слой появляется над фоновым слоем. Фотошоп автоматически называет новый слой Layer 1 . Если мы посмотрим на эскиз предварительного просмотра слева от имени слоя, то увидим, что он заполнен узором в шахматном порядке . Шаблон шахматной доски — это способ представления прозрачности в Photoshop. Другими словами, это говорит нам о том, что новый слой пуст. Он ждет, что мы что-то с этим сделаем, но на данный момент на нем ничего нет:

Новый пустой слой с именем «Слой 1» появится над фоновым слоем.

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

Панель инструментов показывает нам последний инструмент, который мы выбрали из группы. Под «группой» я подразумеваю все инструменты, которые вложены в одном месте. Так как последний инструмент, который мы выбрали из группы, был Elliptical Marquee Tool, его значок в настоящее время виден на панели инструментов. Чтобы вернуться к инструменту Rectangular Marquee, нам нужно щелкнуть правой кнопкой мыши (Win) / Control-click (Mac) на Elliptical Marquee Tool и затем выбрать инструмент Rectangular Marquee Tool из всплывающего меню:

Выбор Прямоугольного Marquee Tool из-за Elliptical Marquee Tool.

С Rectangular Marquee Tool в руке, щелкните и перетащите квадратное выделение, похожее на предыдущее, нажимая и удерживая клавишу Shift при перетаскивании, чтобы заставить форму в идеальный квадрат. Когда вы закончите, отпустите клавишу Shift, затем отпустите кнопку мыши. Здесь мы видим мою схему выбора:

Рисование другого квадратного выделения.

Поднимитесь в меню Edit в верхней части экрана и выберите Fill . Когда откроется диалоговое окно «Заливка», измените параметр « Использовать» на « Цвет», а затем выберите цвет для квадрата в палитре цветов . Я выберу тот же красный цвет, который выбрал в прошлый раз. Нажмите кнопку «ОК», чтобы выйти из палитры цветов, затем нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Заливка».

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

Документ после повторного рисования такой же квадратной формы.

Не похоже, что все по-другому, просто глядя на саму композицию. У нас квадратная форма на белом фоне, как в прошлый раз. Но панель «Слои» теперь рассказывает другую историю. Миниатюры предварительного просмотра показывают, что фоновый слой все еще заполнен сплошным белым цветом, а квадрат теперь находится на совершенно отдельном слое (слой 1) над ним. Это означает, что белый фон и квадратная форма больше не являются частью одного плоского изображения. Похоже, они есть в документе, но на самом деле это два совершенно разных элемента:

Квадратная форма и белый фон теперь не зависят друг от друга.

Давайте добавим нашу вторую форму. Опять же, мы хотим разместить его на своем собственном слое, что означает, что нам сначала нужно добавить еще один новый слой в документ, щелкнув значок « Новый слой» в нижней части панели «Слои»:

Добавляем еще один новый слой.

Второй новый слой, Layer 2, появляется над Layer 1. Обычно, мы хотели бы переименовать наши слои, поскольку такие имена, как «Layer 1» и «Layer 2», ничего не говорят нам о том, что на самом деле находится на каждом слое. Но для наших целей здесь подходят автоматические имена. Обратите внимание, что снова образец шахматной доски в миниатюре предварительного просмотра говорит нам, что новый слой в настоящее время пуст:

Новый пустой слой появляется над слоем 1.

Обратите также внимание, что слой 2 выделен синим цветом, что означает, что теперь он активный слой. Все, что мы добавим рядом с документом, будет добавлено в слой 2. Возьмите инструмент Elliptical Marquee Tool с панели «Инструменты» (вложенный за инструментом Rectangular Marquee) и перетащите круглое выделение, как мы делали раньше. Убедитесь, что эта часть перекрывает квадрат. Затем вернитесь в меню Edit и выберите Fill . Снова выберите Цвет для опции Использовать, чтобы открыть палитру цветов и выбрать цвет для фигуры. Я выберу тот же апельсин.

Нажмите кнопку «ОК», чтобы выйти из палитры цветов, затем нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Заливка». Фотошоп заполняет выделение цветом. Поднимитесь в меню Select и выберите Deselect, чтобы удалить контур выделения вокруг фигуры. И теперь мы вернулись к тому, как все выглядело ранее с добавлением обеих наших фигур:

Обе формы были перерисованы.

Глядя на панель «Слои», мы видим, что квадратная фигура остается сама по себе на слое 1, а новая круглая форма была размещена на слое 2. Белый фон остается на слое фона, что означает, что все три элемента, составляющие наш документ (белый фон, квадратная форма и круглая форма) теперь находятся на своих отдельных слоях и полностью независимы друг от друга:

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

Изменение порядка слоев

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

В данный момент круглая форма появляется перед квадратной формой в композиции, потому что слой круглой формы (Слой 2) находится выше слоя квадратной формы (Слой 1) на панели «Слои». Представьте себе, как вы смотрите на слои сверху вниз на панели «Слои», которые вы смотрите вниз через слои в документе. Любой слой над другим слоем на панели «Слои» появляется перед ним в документе. Если содержимое двух слоев перекрывает друг друга, как это делают наши фигуры, то любой слой ниже другого на панели «Слои» появится позади другого слоя в композиции.

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

Перетащите слой 1 выше слоя 2.

Идите вперед и отпустите кнопку мыши, после чего Photoshop поместит слой 1 на место выше слоя 2:

Слой 1 теперь отображается над слоем 2 на панели «Слои».

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

Благодаря слоям стало легко перемещать одну фигуру перед другой.

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

Что если я решу позже, знаешь что? Мне на самом деле понравилось раньше. Я хочу передвинуть круглую форму, чтобы она оказалась перед квадратной. Благодаря слоям это не проблема! Так же, как мы можем перетаскивать слои выше других слоев, мы также можем перетаскивать их ниже других слоев.

Я нажму на слой квадратной формы (Слой 1) и перетащу его вниз под слой круглой формы (Слой 2). Еще раз, полоса выделения показывает мне, куда слой будет перемещен, когда я отпущу свою кнопку мыши:

Перетащите слой 1 ниже слоя 2.

Я отпущу свою кнопку мыши, чтобы Photoshop мог поместить слой 1 ниже слоя 2:

Слой квадратной формы находится ниже слоя круглой формы.

И мы снова видим круглую форму перед квадратной в композиции:

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

Перемещение слоев вокруг

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

Чтобы переместить содержимое слоя, выберите инструмент « Перемещение» в Photoshop в верхней части панели «Инструменты».

Выбор инструмента перемещения.

Затем убедитесь, что на панели «Слои» выбран правильный слой. Я собираюсь переместить круглую форму вправо от квадратной формы, поэтому я нажму на слой круглой формы (Слой 2), чтобы выбрать его и сделать его активным. Опять же, я знаю, что теперь это активный слой, потому что Photoshop выделяет его синим цветом, когда я нажимаю на него:

Нажав на слой 2, чтобы выбрать его.

С выбранным слоем 2, я щелкну с помощью инструмента Move на круглой форме и перетащу его вправо от квадрата:

Слои позволяют легко перемещать элементы внутри композиции.

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

Выбор обоих слоев формы одновременно.

Если выбраны оба слоя, если мы щелкаем и перетаскиваем любой из них с помощью инструмента «Перемещение», обе фигуры перемещаются вместе

Перемещение обеих фигур одновременно.

Удаление слоев

Последнее, что мы рассмотрим в этом уроке, — это как удалять слои. Если мы решим, что нам не нужна одна из фигур, мы можем удалить ее из композиции, просто удалив ее слой. Я нажму на слой квадрата (Layer 1), чтобы выбрать его. Затем, чтобы удалить слой, все, что нам нужно сделать, это перетащить его в корзину в нижней части панели «Слои» (значок, самый дальний справа):

Перетаскивая слой 1 в корзину.

При удалении слоя квадрата в документе остается только круглая форма (вместе с белым фоном, конечно):

Удаление слоя удаляет его содержимое из документа.

Я сделаю то же самое с круглой формой, перетащив ее слой в корзину:

Перетаскивая слой 2 в корзину.

И теперь, когда оба слоя фигур удалены, мы снова возвращаемся к нашему сплошному белому фону:

Обе фигуры были удалены. Остается только фон.

Куда пойти отсюда…

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

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

Использование эффектов слоя и стилей слоя в Photoshop CC 2020

Изучите всё, что нужно знать об эффектах и стилях слоя, чтобы начать их применять в своих работах в программе Photoshop CC 2020, в т.ч. изучите новые стили слоя, градиенты, узоры и прочее! 

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

Помимо этого, вы рассмотрите, как добавлять и редактировать свои собственные эффекты слоя и как применять новые удивительные градиенты и узоры программы Photoshop CC 2020. Я покажу вам даже, как добавить несколько копий эффекта на один и тот же слой, как увеличить размер эффекта, чтобы он подошел к масштабу изображения, как сохранить ваши эффекты в виде готового стиля слоя и многое другое!

Этот урок написан для версии программы Photoshop CC 2020, поэтому, прежде чем вы начнете изучать урок, убедитесь, что у вас установлена нужная версия Photoshop.

Нам нужно многое изучить, поэтому давайте начнем!

Настраиваем документ

Если вы хотите продолжить урок, откройте любое изображение в качестве слоя заднего фона и далее добавьте какой-либо текст на него. В моем случае я воспользовался текстурой, которую скачал с сайта Adobe Stock, и добавил следующие слова «СЛОЙ» (LAYER) и «ЭФФЕКТЫ» (EFFECTS). В этом уроке я буду работать с текстовыми слоями, но эффекты можно также наложить и на слои-фигуры, и на пиксельные слои:

Исходный документ с текстом на слое заднего фона. На панели слоев видно, что текстура расположена на фоновом слое, а каждое слово — на отдельном слое:

На панели слоев отображены три слоя

Что такое эффекты слоя в программе Photoshop

Эффекты слоя – это набор неразрушающих, редактируемых эффектов, которые можно применить почти к любому типу слоев. В программе представлены 10 различных эффектов слоя, которые можно сгруппировать в три основные категории «Тени и блики», «Наложения» и «Обводки». Эффекты слоя напрямую связаны с самим слоем. Поэтому если вы вносите изменения в содержимое слоя, любые эффекты, которые вы применяли к данному слою, также мгновенно обновятся.

Что такое стили слоя?

Часто термины «Стили слоя» и «Эффекты слоя» путают, считая это одним и тем же, однако эффекты слоя – это отдельные эффекты, такие как, например, «Тень» (Drop Shadow), «Обводка» (Stroke), «Внешнее свечение» (Outer Glow) и т.д. Стиль слоя – это соединение двух и более эффектов вместе для придания слою определенного образа. Стили слоев также включают режимы наложения, применяемые к слою, вместе с настройками непрозрачности и заливки.

Какие преимущества дает нам применение эффектов слоя?

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

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

Где найти эффекты слоя?

Вы можете найти список эффектов слоя в двух основных местах.

Раздел «Слои»

Одно из мест – это раздел «Слои» в строке меню в верхней части экрана. Перейдите в раздел «Слои» (Layer) и выберите «Стиль слоя» (Layer Style). Вам откроется перечень всех эффектов слоя, из которых вы сможете выбрать нужный, включая Тиснение (Bevel & Emboss), Обводка (Stroke), Внутренняя тень (Inner Shadow), и пр. Для того чтобы добавить эффект, выберите его из списка:

Для выбора эффекта слоя перейдите «Слои» — «Стиль слоя».

Панель слоев

Другой, более быстрый способ добавить эффект слоя – кликнуть по значку fx в нижней части панели слоев:

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

Добавляем эффект слоя с помощью панели слоев.

Почему эффекты слоя подсвечены серым?

Если эффекты слоя в разделе «Стиль слоя» в строке меню подсвечены серым, или серым цветом выделена иконка fx, скорее всего, это из-за того, что на панели слоев у вас выбран фоновый слой. Программа не дает нам возможность применять эффекты к слою заднего фона, чаще всего потому, что эффекты работают лучше всего со слоями, которые включают в себя прозрачные области, в то время как слой заднего фона такую возможность не поддерживает:

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

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

Как применять готовые стили слоя в Photoshop

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

Если вы не видите панель стилей на своем экране, вы можете открыть ее, перейдя в раздел меню «Окно» (Window) в строке меню в верхней части экрана и выбрав «Стили» (Styles):

Выбираем «Окно» — «Стили».

Новые стили слоев по умолчанию в программе Photoshop CC 2020

В программе Photoshop CC 2020 представлены совершенно новые стили слоев, которые сгруппированы в 4 набора – «Основные» (Basics), «Природа» (Natural), «Мех» (Fur), «Ткань» (Fabric). Каждый набор имеет отдельную папку на панели стилей, и каждый стиль слоя представлен своей миниатюрой.

По умолчанию, все четыре папки развернуты, и размер миниатюр установлен на «Большие миниатюры» (Large). Поэтому для того, чтобы просмотреть все стили, вам нужно пролистать вниз список:

Исходный вид панели стилей в программе Photoshop CC 2020.

Настраиваем панель стилей

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

Открываем меню панели стилей и затем выбираем «Маленькие миниатюры» (Small Thumbnail):

Выбираем размер миниатюр «Маленькие миниатюры». Миниатюры стали меньше:

Теперь за раз видно больше стилей слоя.

Совет. Как закрыть или открыть все папки за раз

Каждый набор на панели стилей можно открыть или закрыть, нажав на стрелку слева от иконки папки. Вы также можете развернуть или свернуть все папки за один раз, удерживая клавишу Ctrl (Win) / Command (Mac) нажатой и кликая по одной из стрелок:

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

Удерживайте клавишу Ctrl (Win) / Command (Mac) нажатой, чтобы закрыть все папки за раз.

Далее, для того чтобы открыть нужную папку, отпустите клавишу Ctrl (Win) / Command (Mac) и кликните по стрелке. Я открою папку «Природа» (Natural):

Открываем отдельную папку, кликнув по значку стрелки.

Как применить готовый стиль

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

Кликните по стилю слоя, чтобы применить его. Стиль мгновенно будет применен к выбранному слою. В моем случае мы получили темно-синий подводный эффект:

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

Отдельный стиль слоя может включать в себя множество эффектов слоя.

Выбираем другой стиль слоя

Для того, чтобы выбрать другой стиль слоя, просто кликните по его миниатюре. Я применю стиль слоя из набора «Природа» (Nature), например, «Дерево» (Wood):

Выбираем другой готовый стиль слоя.

Новый стиль слоя заменил предыдущий, и теперь на моем тексте появился эффект текстуры древесины:

Новый стиль слоя мгновенно заменяет предыдущий. Эффекты, которые образуют новый стиль, появились под слоем:

Различные стили слоя включают в себя различные эффекты.

Выбираем стили слоя из другого набора

Я закрою набор «Природа», кликнув по стрелке рядом с соответствующей папкой. Затем я разверну папку «Мех» (Fur), и выберу стиль «Зебра» (Zebra):

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

Еще один стиль по умолчанию в программе Photoshop CC 2020. И снова, мы видим перечень эффектов под слоем:

Эффекты, которые образовали стиль слоя «Зебра».

Разворачиваем и сворачиваем список эффектов слоя

Для того чтобы освободить место на панели слоев, вы можете свернуть список эффектов слоя, нажав на маленькую стрелку рядом с иконкой fx с правой стороны от названия слоя. Кликните по стрелке еще раз, чтобы развернуть список. Этим действием мы не отключаем / включаем сами эффекты, мы просто освобождаем место на панели слоев, особенно когда мы применяем эффекты к нескольким слоям, и панель слоев становится загроможденной:

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

Как загрузить еще больше стилей слоя в программу Photoshop CC 2020

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

Нажимаем на значок меню панели стилей:

Открываем раздел меню панели стилей. И выбираем «Стили прежней версии и др.» (Legacy Styles and More):

В результате ниже исходных папок с готовыми стилями добавится папка «Стили прежней версии и др.» (Legacy Styles and More):

Разверните эту папку, и внутри вы увидите еще две папки. В папке «Стили 2019» (2019 Styles) находится еще больше новых стилей слоя, которые можно попробовать в работе, а папка «Все стили по умолчанию прежней версии» (All Legacy Default Styles) содержит все исходные стили слоя прежних версий программы Photoshop:

«Стили 2019»

Стили слоя в папке «Стили 2019» разделены на различные наборы, включая «Гель» (Gel), «Стекло» (Glass), «Гранж» (Grunge), «Хром» (Chrome), «Металл» (Metallic) и «3D» (3D). Я разверну папку «Хром» и выберу стиль «Побрякушки» (Bling):

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

И если я разверну папку 3D и выберу стиль «Дубликаты» (Duplicates) из нижней части списка:

То получится совершенно иной эффект, эффект дублирования текста другими цветами:

Результат после применения стиля слоя «Дубликаты».

Стили по умолчанию прежней версии

Для того чтобы применить стили слоя из прежних версий программы, разверните папку «Все стили по умолчанию прежней версии» (All Legacy Default Styles). Там расположены все исходные стили, снова разделенные на наборы.

Я выберу стиль «Хромированный атлас» (Chromed Satin) из набора «Стили по умолчанию прежней версии»:

И мы получили классический хромированный эффект:

Эффект хромированного атласа из прежней версии программы.

Как включать и отключать эффекты слоя

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

Например, если я отключу эффект «Наложение градиента» (Gradient Overlay) в стиле «Хромированный атлас»:

То, оранжево-голубой градиент в буквах пропадет, и в тексте останется только эффект затенения:

Для того, чтобы снова включить эффект, кликните по пустому месту около названия эффекта:

Включаем эффект «Наложение градиента». И градиент снова появился:

Как отключить все эффекты слоя за раз

Чтобы отключить все эффекты за раз, кликните по иконке основного глаза около слова «Эффекты». Кликните по ней снова, чтобы снова включить все эффекты:

Как перемещать и копировать стили слоя

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

И выберите пункт «Скопировать стиль слоя» (Copy Layer Style):

Затем кликните правой кнопкой мышки по слою, к которому вы хотите применить стиль:

И выбираем пункт «Вставить стиль слоя» (Paste Layer Style):

И у нас тот же стиль слоя применился к обоим слоям:

Как очистить стиль слоя

Для того чтобы очистить стиль слоя, кликните правой кнопкой мышки по значку fx около названия слоя:

И выберите пункт «Очистить стиль слоя» (Clear Layer Style):

И теперь мои эффекты снова применяются только к верхнему текстовому слою:

Как перемещать эффекты слоя на другой слой

Если вы хотите переместить эффекты на другой слой, кликните по иконке fx того слоя, который содержит эффекты, перетащите ее на другой слой и затем отпустите кнопку мышки:

Эффекты тотчас переместятся с исходного слоя на новый:

Более быстрый способ скопировать эффекты слоя

Если вы нажмете и удержите нажатой клавишу Alt (Win) / Option (Mac) при перемещении иконки fx:

Нажимаем и удерживаем нажатой клавишу Alt (Win) / Option (Mac) при перетаскивании иконки fx

Вы скопируете, а не переместите эффекты с одного слоя на другой. Более подробно о копировании эффектов слоя я рассказываю в уроке «Как скопировать эффекты слоя» 

Как редактировать эффект внутри стиля слоя

Обратите внимание, что после копирования стиля слоя «Хромированный атлас»» градиент выглядит на всех буквах одинаково – с переходом от оранжевого цвета к голубому. А что, если я захочу изменить градиент на буквах верхнего слоя? Более подробно редактирование и добавление эффектов слоя мы рассмотрим чуть позже, сейчас же пара слов о том, как изменить настройки эффекта внутри стиля слоя. Для этого дважды щелкните левой кнопкой мышки по названию эффекта под слоем.

Например, я хочу отредактировать градиент, поэтому я дважды щелкну левой кнопкой мышки по эффекту «Наложение градиента» (Gradient Overlay):

Программа Photoshop откроет диалоговое окно «Стиль слоя» (Layer Style) с расположенными в центре настройками эффекта:

Для того чтобы поменять местами цвета в градиенте, все что мне потребуется – это выбрать параметр «Инверсия» (Reverse). Далее я нажму ОК для закрытия диалогового окна:

И теперь цвета градиента для букв верхнего слоя поменялись местами:

Как очистить стиль слоя у нескольких слоев одновременно

Ранее мы рассмотрели, как очистить стиль одного слоя. Для того, чтобы убрать стили у нескольких слоев за раз, выберите какой-нибудь один слой и далее, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните по остальным слоям для их выбора:

После этого щелкаем правой кнопкой мышки по любому из выделенных слоев и в появившемся меню выбираем пункт «Очистить стиль слоя» (Clear Layer Style):

И теперь мы вернулись к исходным белым буквам на голубом фоне:

Как изменить размер эффекта слоя в программе Photoshop

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

Например, на панели слоев я выберу верхний текстовый слой:

И далее на панели стилей я разверну папку с набором стилей «Стили KS» (KS Styles) (находится в папке «Все стили по умолчанию прежней версии) и выберу стиль «Изморозь» (Frosted):

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

Результат после применения стиля слоя «Изморозь».

Для того чтобы исправить это, мы можем изменить размер эффекта. Один из способов изменения масштаба – выбрать пункт «Слои» (Layer) в строке меню, далее «Стиль слоя» (Layer Style) и «Воздействие слой-эффектов» (Scale Effects):

Другой способ – кликнуть правой кнопкой мышки по значку fx:

И выбираем из появившегося меню пункт «Воздействие слой-эффектов» (Scale Effects):

Далее в диалоговом окне «Воздействие слой-эффектов» выбираем необходимый нам масштаб (Scale). В моем случае, я уменьшу масштаб со 100% до 60%. Убедитесь, что в окошке «Просмотр» (Preview) стоит галочка, чтобы вы могли предварительно просмотреть результат. Когда все будет сделано, нажмите ОК для закрытия диалогового окна:

И вот ниже представлен результат применения стиля слоя «Изморозь» с масштабом, равным 60%. Обратите внимание, размер самого текста не изменился. Изменился только размер эффекта, который применяется к тексту:

Стили слоя включают в себя не только эффекты

Прежде чем мы продолжим, обратите внимание, что на панели слоев этот стиль слоя также понизил значение «Заливки» (Fill) со 100% до 56%:

Далее мы рассмотрим, на что влияет параметр «Заливка». Также помимо эффектов слоя стиль слоя может включать параметры наложения, в которые входят режимы наложения, параметры «Непрозрачность» (Opacity) и «Заливка» (Fill):

Еще один способ очистить стиль слоя

Я поделюсь с вами еще одним способом очистить стиль слоя в программе Photoshop CC 2020. На панели слоев выберите нужный слой. Далее на панели стилей раскройте папку «Основные» (Basics) и выберите стиль по умолчанию «Нет» (None) (это белая миниатюра с красной диагональной линией):

После очищения стиля слоя мы снова возвращаемся к простому белому тексту.  Итак, мы рассмотрели основы работы с готовыми стилями слоя в программе Photoshop!

Как добавлять эффекты слоя в программе Photoshop

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

Выбираем эффект слоя

Сначала, на панели слоев необходимо выбрать слой, к которому мы применим один или несколько эффектов. Я выберу верхний текстовый слой:

Далее мы щелкаем по значку «Эффекты слоя» (значок fx):

И выбираем из появившегося списка нужный эффект. Я начну с эффекта «Тень» (Drop Shadow):

Диалоговое окно стиля слоя

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

Диалоговое окно «Стиль слоя» отображает настройки выбранного эффекта слоя

Восстанавливаем исходные настройки эффекта слоя

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

Как настроить эффект слоя

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

Например, для эффекта «Тень», вы можете отрегулировать насыщенность тени, переместив в нужную сторону бегунок параметра «Непрозрачность» (Opacity). Вы также можете изменить режим наложения эффекта (хотя режим «Умножение» (Multiply), обычно самый подходящий для работы с тенями). И также вы можете кликнуть по образцу цвета для выбора другого цвета тени. По умолчанию, цвет тени черный, но иногда в эффекте лучше смотрится другой цвет:

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

 

Параметр «Глобальное освещение»

Параметр «Глобальное освещение» (Use Global Light) позволяет всем эффектам, которым необходим источник света, получить общее освещение, которое будет казаться равномерным применительно ко всему эффекту. Вы найдете этот параметр не только в диалоговом окне эффекта «Тень», но и в настройках эффекта «Тиснение» и «Внутренняя тень». В большинстве случаев вы захотите оставить опцию «Глобальное освещение» включенной, каковой она является по умолчанию:

Параметр «Смещение» (Distance) определяет, насколько далеко будет простираться тень по отношению к содержимому слоя.  Например, когда мы применяем эффект «Тень» к текстовому слою, параметр «Смещение» задает расстояние, на которое падает тень от букв.

Параметр «Размер» (Size) регулирует размер тени в целом. Когда значение параметра «Размах» (Spread), равно 0%, увеличение значения параметра «Размер» приводит к смягчению краев тени. В то время как увеличение значения опции «Размах» делает тень более насыщенной и непрозрачной:

Я увеличу значение непрозрачности (Opacity) тени до 40%, смещения (Distance) до 90 пикселей и размера (Size) до 40 пикселей:

Как подтвердить изменение настроек

Когда вы внесете нужные изменения в настройки эффекта, и это будет единственный эффект, который Вы примените к слою, нажмите ОК, чтобы подтвердить изменения и закрыть диалоговое окно «Стиль слоя»:

Как редактировать эффект слоя

В моем документе, эффект тени появился за буквами в слове «LAYER» (прим.переводчика: «СЛОЙ»):

На панели слоев эффект «Тень» отобразился под текстовым слоем. Чтобы изменить эффект слоя, дважды кликните левой кнопкой мышки по названию эффекта:

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

Я увеличу значение параметра «Непрозрачность» (Opacity) до 50%, а параметра «Смещение» (Distance) — до 100 пикселей. При этом я оставлю диалоговое окно открытым, поскольку хочу добавить другие эффекты слоя:

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

Добавляем еще больше эффектов с помощью диалогового окна «Стиль слоя»

Мы знаем, что можно добавить эффекты слоя, кликнув по иконке fx на панели слоев. Но если открыто диалоговое окно «Стиль слоя», вы можете добавить больше эффектов, выбрав их из столбца с левой стороны окна:

Как отображать пропущенные эффекты

Если некоторые из эффектов слоя пропущены в списке, кликните по иконке fx в нижнем углу диалогового окна:

И выберите пункт «Показать все эффекты» (Show All Effects):

Категории эффектов слоя

Как я уже упоминал ранее, все эффекты слоя можно разделить на 3 основные категории. У нас есть группа эффектов свечения и тени, которая включает в себя эффекты «Тиснение» (Bevel & Emboss), «Внутренняя тень» (Inner Shadow), «Внутреннее свечение» (Inner Glow), «Глянец» (Satin), «Внешнее свечение» (Outer Glow) и «Тень» (Drop Shadow).  Обратите внимание, что «Контур» (Contour) и «Текстура» (Texture), расположенные под эффектом «Тиснение», являются его частью, поэтому они немного смещены вправо:

Также в диалоговом окне есть эффекты наложения «Наложение цвета» (Color Overlay), «Наложение градиента» (Gradient Overlay) и «Наложение узора» (Pattern Overlay)):

И также у нас есть эффект «Обводка» (Stroke), который добавляет к содержимому слоя очертание или границу:

Порядок наложения эффектов слоя

Обратите внимание на порядок, в котором располагаются эффекты слоя. В последних версиях программы эффекты слоя расположены в порядке, в котором они применяются к слоям — снизу вверх. Таким образом, эффект «Тень» всегда применятся первым, далее можно применить «Внешнее свечение». Следующие по порядку эффекты наложения («Узор», затем «Градиент» и далее «Цвет»), после них – «Глянец», «Внутреннее Свечение», «Внутренняя тень» и «Обводка». Эффект «Тиснение» всегда применяется последним, поверх остальных эффектов.

Также, всего два эффекта «Тень» и «Внешнее свечение» — проявляются под содержимым слоя. Все остальные эффекты накладываются поверх содержимого слоя. Знание порядка расположения эффектов может показаться вам неважным, но это может помочь вам понять, почему результат от применения эффектов может получиться иным, чем тот, который вы ожидали:

Добавление второго эффекта слоя

Для того, чтобы добавить еще один эффект слоя, кликните по его названию. Я добавлю «Обводку» (Stroke):

Настройка эффекта слоя «Обводка»

В настройках эффекта я снова начну с выбора параметра «Восстановить значения по умолчанию» (Reset to Default), чтобы восстановить исходные значения:

Далее я изменю цвет обводки, кликнув по образцу цвета:

В палитре цветов я выберу оттенок оранжевого, установив значения параметров «Цветовой тон» (Hue (H)) на 25, «Насыщенность» (Saturation(S)) на 100 и «Яркость» (Brightness (B)) также на 100. Далее я нажму ОК и закрою палитру цветов:

Параметр «Положение» (Position) позволяет сделать обводку либо внутреннего края содержимого слоя («Внутри» (Inside)), либо внешнего («Снаружи» (Outside)).  Или вы можете сделать обводку из Центра (Center). Я выберу «Снаружи». Параметр «Размер» (Size) регулирует ширину или толщину обводки. Я увеличу его до 20 пикселей:

И снова, я оставлю диалоговое окно «Стиль слоя» открытым. Ниже представлен результат эффекта, примененный к верхнему текстовому слою, с оранжевой обводкой и тенью:

Параметры наложения

Помимо выбора и редактирования эффектов диалоговое окно «Стиль слоя» предоставляет нам доступ к параметрам наложения. Выберите раздел «Параметры наложения» (Blending Options) в левом столбце выше названий эффектов:

В данном разделе мы можем получить доступ к тем же опциям «Режим наложения» (Blend Mode), «Непрозрачность» (Opacity), «Заливка» (Fill), что расположены и на панели слоев. Также тут нам доступны расширенные настройки параметров наложения, которые мы рассмотрим в других уроках:

Как спрятать содержимое слоя и отобразить только эффекты

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

Если я уменьшу значение параметра «Непрозрачность» (Opacity) со 100% до 0%:

То и текст, и эффекты слоя, применимые к тексту, тут же исчезнут:

Уменьшение значения параметра «Непрозрачность» привело к тому, что и текст, и сами эффекты стали прозрачными.

Но если я верну значение «Непрозрачности» обратно на 100% и далее уменьшу значение параметра «Заливка» (Fill) (параметр «Непрозрачность заливки» (Fill Opacity) в диалоговом окне «Стиль слоя») до 0%:

То мы получим следующее: сам текст исчезнет, а эффекты слоя останутся заметными, позволяя нам видеть за буквами синий фон. Таким образом, параметр «Непрозрачность» влияет на видимость и самого содержимого слоя, и его эффектов, а параметр «Заливка» влияет только на прозрачность содержимого слоя. Более подробно об этих параметрах вы можете изучить в моем уроке «Заливка VS Непрозрачности».

Результат после уменьшения значения «Заливки» до 0%.

Выход из диалогового окна «Стиль слоя»

Я закрою диалоговое окно «Стиль слоя», нажав ОК:

На панели слоев нам стало видно, что у слоя появились два эффекта — «Обводка» и «Тень». Обратите внимание, что значение параметра «Заливка» равно 0%, т.к. в диалоговом окне «Стиль слоя» я его уменьшил:

Новые градиенты и узоры в версии программы Photoshop CC 2020

Наряду с новыми стилями, в версию программы Photoshop CC 2020 включены также новые градиенты и узоры, которые можно применить как эффекты слоя. Но для того, чтобы получить доступ ко всем градиентам и узорам, нам нужно сначала открыть панели градиентов и узоров, также обновленные в версии CC 2020.

Как загрузить больше узоров

Прежде всего, переключитесь на панель «Узоры» (Patterns). Она расположена в одном месте с панелями «Цвет» (Color) и «Образцы» (Swatches). Так же, как и в случае с панелью «Стили», новые узоры поделены на группы, которые можно разворачивать и сворачивать. По умолчанию, представлены всего несколько наборов узоров, из которых можно выбрать нужный («Деревья» (Trees), «Трава» (Grass) и «Вода» (Water)).

Для того чтобы загрузить больше узоров, кликните по иконке меню панели «Узоры»:

И выберите пункт «Узоры прежней версии и др» (Legacy Patterns and More):

В результате ниже папок с исходными узорами появится новая папка под названием «Узоры прежней версии и др» («Legacy Patterns and More»). Если вы развернете эту папку, то увидите внутри еще две папки. В одной содержатся новые узоры версии Photoshop 2019, а в другой – узоры более ранних версий программы. Все эти узоры теперь доступны в диалоговом окне «Стиль слоя»:

Все узоры более ранних версий программы теперь доступны.

Как загрузить больше градиентов

Далее, переключитесь на панель «Градиенты» (Gradients), расположенную рядом с панелью «Узоры». Здесь вы найдете множество новых градиентов, доступных в версии CC 2020, снова разделённых на группы.

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

[110.jpg

И выберите пункт «Градиенты прежней версии» (Legacy Gradients):

Папка «Градиенты прежней версии» («Legacy Gradients») появится ниже исходных папок с градиентами, и теперь все градиенты также станут доступными в диалоговом окне «Стиль слоя»:

Добавление эффекта «Наложение узора»

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

И выберите эффект «Наложение узора» (Pattern Overlay):

В диалоговом окне «Стиль слоя» щелкните по образцу узора:

И далее, пролистывая узоры, выберите нужный. Я разверну папку «Узоры прежней версии и др» (Legacy Patterns and More) — «Узоры 2019» (2019 Patterns) — «Камень» (Stone) и выберу узор мрамора, кликнув по его миниатюре. Обратите внимание, что вы можете сделать окошко выбора узоров при необходимости больше:

Выбираем один из новых узоров в программе Photoshop CC 2020. И теперь мой текст заполнился узором в виде мрамора:

Результат после применения эффекта «Наложение узора».

Добавление эффекта «Наложение градиента»

Для того чтобы добавить градиент, оставьте открытым диалоговое окно «Стиль слоя» и выберите эффект «Наложение градиента» (Gradient Overlay) из левого столбца:

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

Затем пролистайте вниз перечень наборов, чтобы выбрать подходящий градиент. Я разверну папку «Оранжевые» (Oranges) и выберу градиент «Оранжевый 10» (Orange 10), кликнув по его миниатюре:

Выбираем один из новых градиентов в программе Photoshop CC 2020.

И вот на моем тексте появился градиент. Однако, обратите внимание, что он закрыл собой узор. Так произошло, потому что градиенты всегда накладываются поверх узоров, о чем мы с вами уже говорили, когда рассматривали порядок расположения эффектов слоя:

Градиент в настоящий момент закрывает собой узор.

Изменение режима наложения эффекта слоя

Для того чтобы соединить градиент с узором, перейдите в раздел «Режим наложения» (Blend Mode) и выберите из списка новый режим. В моем случае я выбрал «Линейный затемнитель» (Linear Burn):

И теперь цвета градиента плавно перемешались с узором под ним:

Как добавить несколько раз один и тот же эффект слоя

Если вы посмотрите на эффекты в левой части диалогового окна «Стиль слоя», то увидите, что у некоторых из них («Обводка», «Внутренняя тень», «Наложение цвета», «Наложение градиента» и «Тень») есть значок плюса справа от названия. Этот значок означает, что мы можем добавить несколько копий эффекта на один и тот же слой:

Редактируем первый эффект обводки

Давайте изучим, как добавить вторую обводку. Но для начала, я хочу изменить цвет существующей, поэтому я повторно выберу эффект «Обводка» (Stroke) из перечня эффектов:

Далее я кликну по образцу цвета обводки:

И в палитре цветов выберу белый:

Я оставлю параметр «Положение» (Position) на значении «Снаружи» (Outside):

И вот цвет нашей обводки текста стал белым:

Добавляем второй эффект обводки

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

Программа добавит новый эффект обводки поверх первого, что будет означать, что новая обводка появится над исходной в документе:

Редактируем вторую обводку

На текущий момент обе обводки одинаковы. Поэтому я изменю цвет второй обводки на черный, кликнув по образцу ее цвета:

И в палитре цветов выбираем черный цвет:

Обратите внимание, что новая ободка закрыла собой исходную, и вместо того, чтобы видеть вокруг букв и чёрную, и белую обводку, мы видим только черную:

 

Причина заключается в том, что обе обводки имеют позицию «Снаружи» (Outside). Это означает, что они обе обводят внешний край букв. И поскольку обе обводки имеют одинаковый размер (20 пикселей), то вторая обводка закрывает собой первую.

Для того чтобы это исправить, я изменю положение второй обводки на «Внутри» (Inside), в результате чего она будет проходить вокруг внутреннего края букв. Также я уменьшу размер (Size) обводки с 20 пикселей до 10 пикселей:

Изменяем положение второй обводки и уменьшаем ее размер

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

Сохранение ваших эффектов как готовый стиль слоя

И наконец, чтобы сохранить ваши эффекты слоя в качестве готового стиля слоя, нажмите на кнопку «Новый стиль» (New Style) в правой части диалогового окна «Стиль слоя»:

И далее даем название вашему стилю. Я назову свой «Две обводки+Оранжевый+Мрамор». Убедитесь, что активна галочка «Включает эффекты слоя» (Include Layer Effects), и если вы использовали какие-то настройки наложения, то также проверьте галочку «Включает параметры наложения слоя» (Include Layer Blending Options). Вы также можете добавить этот стиль в текущую СС библиотеку:

 

Нажмите ОК, чтобы закрыть диалоговое окно «Новый стиль», и еще раз нажмите ОК для закрытия диалогового окна «Стиль слоя».

Переключитесь на панель «Стили», и вы обнаружите миниатюру образца вашего нового стиля ниже всех папок:

Создание собственной папки со стилями

Для того чтобы не загромождать панель стилей, сгруппируйте собственные стили в отдельную папку. Для этого кликните по иконке «Создать новую группу» (Create New Group) в нижней части панели «Стили»:

Далее дайте название группе, например, «Мои стили» (My Styles). Нажмите ОК для подтверждения:

Новая папка появится ниже остальных папок. Кликните по миниатюре своего стиля и переместите ее в папку:

Как применить созданный стиль слоя

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

Далее на панели стилей кликните по миниатюре стиля:

Весь эффект целиком мгновенно применится к слою:

И вот мы закончили! Мы изучили все, что нужно знать об эффектах слоя и стилях слоя, чтобы начать их применять в своих работах в программе Photoshop CC 2020!

Автор: Стив Паттерсон (Steve Patterson)

Источник: www.photoshopessentials.com

Как добавлять слои в фотошопе

Очередь просмотра

Очередь

• Удалить все
• Отключить

YouTube Premium

Хотите сохраните это видео?

Пожаловаться на видео?

Выполните вход, чтобы сообщить о неприемлемом контенте.

Понравилось?

Не понравилось?

Текст видео

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

Создать новый слой очень просто. Для этого есть несколько способов. В меню кликните на раздел Layer т.е. Слои. Затем наведите мышкой на пункт New т.е. Новый, а затем кликните на пункт Layer т.е. Слой. После этого появится окно, в котором вы можете дать имя новому слою, а также настроить для него некоторые параметры если это необходимо. Затем нажмите Ок.

Если не хотите каждый раз заходить в меню воспользуйтесь горячими клавишами – Shift + Ctrl + N. Справа внизу в Photoshop есть специальная панель для работы со слоями. Если она не отображается, то нажмите клавишу F7 чтобы вызвать ее. С помощью этой панели вы также можете создать новый слой. Для этого кликните на иконку со стрелочкой в правом верхнем углу этой панели.

В появившемся меню выберите пункт New Layer т.е. Новый Слой. После этого также появится окошко. Нажмите Ок. Также в этой панели для работы со слоями есть специальная кнопка под названием Create а New Layer т.е. Создать Новый Слой, которая находится в правом нижнем углу панели и выглядит как листок с отогнутым уголком. Вам нужно всего лишь нажать на эту кнопку и появится новый слой.

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

А какой способ создать новый слой подходит вам больше всего? Свои ответы пишите в комментариях.

На этой странице

Создание слоев и групп

Новый слой появляется на панели «Слои» или над выделенным слоем, или внутри выделенной группы.

Создание нового слоя или группы

Выполните одно из следующих действий.

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

Выберите меню «Слой» > «Новый» > «Слой» или «Слой» > «Новый» > «Группа».

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

Чтобы открыть диалоговое окно «Новый слой» и выбрать параметры слоя, нажмите кнопку «Создать новый слой» или «Создать новую группу» на панели «Слои», удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).

Чтобы поместить новый слой ниже выделенного слоя, нажмите кнопку «Создать новый слой» или «Создать новую группу» на панели «Слои», удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS).

Укажите следующие параметры слоя и нажмите кнопку «ОК»:

Имя слоя или группы.

Использовать предыдущий слой для создания обтравочной маски

Цвет этого слоя или группы на панели «Слои».

Режим наложения для слоя или группы. (См. раздел Режимы наложения.)

Степень непрозрачности слоя или группы.

Выполнить заливку нейтральным цветом

Заливка слоя ранее заданным нейтральным цветом.

Для добавления выбранных слоев в новую группу выберите «Слой» > «Группа слоев» или щелкните, удерживая нажатой клавишу «Shift», кнопку «Создать новую группу», расположенную в нижней части панели «Слои».

Создание слоя из существующего файла

Перетащите значок файла из ОС Windows или Mac OS на открытое изображение в Photoshop.

Переместите, масштабируйте или поверните импортированное изображение. (См. раздел Помещение файла в Photoshop.)

Нажмите клавишу «Enter» или «Return».

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

Если помещенный файл представляет собой многослойное изображение, сведенная версия отображается как новый слой. Чтобы вместо этого скопировать отдельные слои, создайте их дубликаты в другом изображении. (См. раздел Дублирование слоев.)

Создание слоя с использованием эффектов другого слоя

На панели «Слои» выделите слой.

Перетащите указанный слой на кнопку «Создать новый слой» в нижней части панели «Слои». Вновь созданный слой будет содержать все эффекты выбранного слоя.

Преобразование выделенной области в слой

Выполните одно из следующих действий.

Чтобы скопировать в новый слой выделенную область изображения, выберите меню «Слой» > «Новый» > «Скопировать на новый слой».

Чтобы вырезать выделенную область изображения и поместить ее в новый слой, выберите пункт меню «Слой» > «Новый» > «Вырезать на новый слой».

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

Просмотр слоев и вложенных групп

Щелкните треугольник слева от значка папки .

Правой кнопкой мыши (Windows) или удерживая клавишу «Control» (Mac OS) щелкните треугольник слева от значка папки и выберите пункт «Открыть эту группу».

Чтобы открыть или закрыть группу и вложенные в нее подгруппы, щелкните треугольник, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).

Включение и выключение отображения слоя, группы или стиля

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

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

В меню «Слой» выберите пункт «Показать слои» или «Скрыть слои».

Для отображения содержимого только указанного слоя или группы щелкните значок видимости , удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). При этом Photoshop запоминает состояние видимости для всех слоев, прежде чем скрыть их. Если видимость каких-либо других слоев не изменялась, то, повторно щелкнув тот же значок и удерживая клавишу «Alt» (Windows) или «Option» (Mac OS), можно вернуть видимость всех слоев в прежнее состояние.

Чтобы изменить состояние видимости сразу нескольких элементов на панели «Слои», можно перетащить курсор мыши вдоль столбца со значками видимости.

На печать выводятся только видимые слои.

Копирование и вставка слоев

Теперь в Photoshop можно копировать и вставлять слои внутри документа и между документами. В зависимости от настроек управления цветом и цветового профиля файла (или импортируемых данных) Photoshop предложить инструкции по обработке цветовой информации в импортируемых данных.

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

Команды копирования и вставки

( Правка > Копировать или Cmd/Ctrl+C): копируются выделенные слои

( Правка > Вставить или Cmd/Ctrl+V): скопированные слои вставляются в центре выбранного документа. Вставка создает дубликат слоя, включая все растровые и векторные маски, а также эффекты слоев.

( Правка > Специальная вставка > Вставить вместо или Cmd/Ctrl+Shift+V): скопированные слои вставляются в целевой документ в позицию, определяемую относительно их положения в исходном документе. Например, слой, содержащий фрагмент из нижнего правого угла большого документа, вставляется в нижний правый угол нового документа. Во всех случаях Photoshop старается оставить по крайней мере фрагмент вставленного слоя видимым в целевом документе, чтобы при необходимости его можно было переместить.

Если вы копируете слой, а затем создаете новый документ, то можно использовать вариант «Буфер обмена» в диалоговом окне «Новый документ». При выборе этого параметра создается новый документ по размеру скопированных слоев. После этого можно просто вставить все скопированные слои в новый документ

Команда «Вырезать» недоступна, если выделен один или несколько слоев. Удаляйте слои непосредственно на панели «Слои».

Особенности копирования и вставки слоев, содержащих контуры

Варианты поведения при копировании

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

Варианты поведения вставки

• Если слой вставляется между документами с различными разрешениями, вставляемый слой сохраняет свои размеры в пикселях. Такое поведение может привести к тому, что вставляемый фрагмент может обладать неправильными пропорциями относительного нового изображения. Воспользуйтесь командой «Размер изображения», чтобы перед копированием и вставкой установить одинаковое разрешение исходного и конечного изображений, либо командой «Свободное трансформирование» для изменения размера вставленного содержимого.
• Если выделен слой, который не содержит контуров, например, растровый слой, при вставке данных контура создается новая векторная маска.
• Если выделен слой, который содержит контуры, например, слой-фигура, но контуры не выделены, то при вставке заменяется текущая фигура в слое.
• Если выбран слой-фигура и выделен контур, то при вставке данных контура в существующий слой-фигуру вставляются данные контура и объединяются с существующим контуром.
• Если выбран слой с векторной маской, но векторная маска не выбрана, то при вставке данных контура заменяется контур векторной маски.
• Если выбран слой с векторной маской и эта маска выделена, то при вставке данные контура вставляются в векторную маску и объединяются с существующим контуром.

Скопировать совмещенные данные

Эта команда создает совмещенную копию всех видимых слоев в выбранной области.

Справки по другим продуктам

На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Вопросы сообществу

Получайте помощь от экспертов по интересующим вас вопросам.

На этой странице

Слои Photoshop

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

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

Общие сведения о слоях

Упорядочивание слоев Photoshop

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

Работа со слоями выполняется с помощью панели «Слои». Группы слоев помогают упорядочить слои и управлять ими. Группы помогают расположить слои по логическим группам и упорядочить панель «Слои». Можно создавать группы внутри других групп. Группы можно использовать для применения атрибутов и масок к нескольким слоям одновременно.

Несколько отличных советов по работе со слоями см. в видеопособии Упорядочение слоев и групп слоев.

Слои для обратимого редактирования

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

Специальный тип слоя, называемый смарт-объект, содержит один слой содержимого или более. Можно трансформировать (масштабировать, наклонить или перерисовывать) смарт-объект, не изменяя напрямую пикселы изображения. Кроме того, можно редактировать смарт-объект как отдельное изображение даже после вставки его в изображение Photoshop. Смарт-объекты также могут содержать эффекты смарт-фильтров, которые позволяют применять фильтры к изображениям, не нарушая их. Это позволяет в дальнейшем изменить интенсивность фильтра или удалить его. См. раздел Обратимое редактирование и Работа со смарт-объектами.

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

Обзор панели «Слои» программы Photoshop

Панель «Слои» в Photoshop предоставляет сведения обо всех слоях и группах слоев изображения, а также о слоевых эффектах. Средствами панели «Слои» можно включать и отключать отображение слоев, создавать новые слои, а также работать с группами слоев. В меню панели «Слои» можно получить доступ к дополнительным командам и параметрам.

Отображение панели «Слои» в Photoshop

Выберите меню «Окно» > «Слои».

Выбор команды из меню панели «Слои» в Photoshop

Щелкните треугольник в правом верхнем углу панели.

Изменение размера миниатюр слоев в Photoshop

В меню панели «Слои» выберите пункт «Параметры панели», затем выберите размер миниатюр.

Изменение содержимого миниатюры

Чтобы миниатюра отображала содержимое всего документа, выберите в меню панели «Слои» пункт «Параметры панели», затем пункт «Весь документ». Чтобы в миниатюре отображался лишь фрагмент слоя, занятый пикселами объекта, выберите пункт «Границы слоев».

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

Развертывание и свертывание групп

Щелкните треугольник слева от папки группы. См. раздел Просмотр слоев группы и вложенных групп.

Фильтрация слоев Photoshop

Параметры фильтрации, доступные в верхней части панели «Слои», помогают быстро находить основные слои в сложных документах. Можно вывести на экран подмножество слоев на основе имени, типа, эффекта, режима, атрибута или метки цвета.

Выберите тип фильтра во всплывающем меню.

Выберите или укажите условия фильтрации.

Щелкните переключатель, чтобы включить фильтрацию слоя или выключить ее.

Преобразование фона и слоев Photoshop

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

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

Преобразование фона в обычный слой Photoshop

На панели «Слои» дважды щелкните фон или выберите меню «Слой» > «Новый» > «Из фона».

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

Нажмите кнопку ОК.

Преобразование слоя Photoshop в фон

Выберите слой Photoshop на панели «Слои».

В меню «Слой» выберите команду «Новый» > «Преобразовать в фон».

Всем прозрачным пикселам слоя присваивается цвет фона, а слой перемещается в конец списка слоев.

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

Видеопособие | Преобразование фонового слоя в обычный слой

Дублирование слоев Photoshop

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

Создание дубликата слоя Photoshop или группы в текущем изображении

Выберите слой или группу на панели «Слои».

Выполните одно из следующих действий.

Перетащите слой или группу на кнопку «Создать новый слой» .

В меню «Слой» или в меню панели «Слои» выберите пункт «Создать дубликат слоя» или «Создать дубликат группы». Введите имя слоя или группы и нажмите кнопку ОК.

Создание дубликата слоя Photoshop или группы в другом изображении

Откройте исходное и целевое изображения.

На панели «Слои» исходного изображения выберите один или несколько слоев либо группу.

Выполните одно из следующих действий.

Перетащите слой или группу из панели «Слои» в целевое изображение.

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

В меню «Слой» или в меню панели «Слои» выберите пункт «Создать дубликат слоя» или «Создать дубликат группы». В раскрывающемся меню «Документ» выберите целевой документ и нажмите кнопку ОК.

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

Как настроить слой в фотошопе

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

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

Если отойти от художественной темы и поискать примеры в кулинарии, то слои можно сравнить с бутербродом, тортом или слоеным пирогом – на каждом слое (корже) разные ингредиенты, которые в целом составляют блюдо единое.

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

Как создать слой

Давайте для начала научимся создавать слои. Создаем новый документ Файл-Создать (File—New) с размером 1000х1000 пикселей:

Создать новый слой можно несколькими способами: через меню Слои-Новый-Слой (Layer—New—Layer), при помощи сочетания горячих клавиш Shift + Ctrl + N, нажатием на иконку создания нового слоя впанели слоев (чтобы активировать панель слоев, нужно перейти в меню Окно-Слои (Window-Layer)):

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

Почему чистый, спросите вы? Потому что он не содержит какой-либо информации, об этом говорят серые квадратики, расположенные в шахматном порядке на миниатюре слоя – именно они обозначают его прозрачность. Посмотрите также на цвет документа, белый остался белым. Если бы мы поместили в документ новую картинку, она бы тоже считалась и называлась слоем, но перекрыла бы изображение. Чтобы убедиться, что слой пустой, давайте зальем его каким-нибудь цветом, Редактирование-Выполнить заливку (Edit-Fill).

Цвет, видимый нами, изменился с белого на зеленый, верхний слой перекрыл нижний. Именно по такому принципу работают слои. Стоит отметить, что не всегда верхний слой перекрывает нижний полностью – все зависит от содержания слоя (полностью он заполнен или нет), а также от режимов наложения слоя.

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

Как переименовать слой

Для того, чтобы переименовать слой, дважды щелкните мышью по его названию в панели слоев, введите новое имя и нажмите клавишу Enter, либо выберите пункт меню Слои—Переименовать слой (Layer-Rename Layer):

Как продублировать / скопировать слой

Чтобы дублировать слой, нажмите сочетание клавиш Ctrl + J, или же сделайте щелчок правой кнопкой мыши по слою в панели слоев, и выберите пункт Создать дубликат слоя (Duplicate Layer):

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

Как группировать слои

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

Переименование группы идентично переименованию слоя.

Как удалить слой

Для удаления слоя необходимо сделать щелчок правой кнопкой мыши по слою в палитре слоев и выбрать пункт Удалить слой (Delete Layer) или нажать на иконку удаления слоя/группы:

Как объединить слои

Слияние/объединение слоев

В завершении работы или в ее процессе часто необходимо слить слои.

Для того, чтобы слить все видимые слои в один, нужно нажать сочетание клавиш Shift + Ctrl + E либо перейти в меню Слои-Выполнить сведение (Layer-Flatten image), этот шаг сольет все слои, находящееся на палитре, в один.

Для объединения слоя с предыдущим (нижележащим) нужно нажать сочетание Ctrl + E или перейти в меню Слои-Объединить с предыдущим (Layer-Merge Down).

Для создания отпечатка всех видимых слоев нужно нажать сочетание Shift + Ctrl + Alt + E или перейти в Выделение-Выделить все (Select—Select all), потом в Редактирование-Скопировать совмещенные данные (Edit-Copy Merged), далее Редактирование-Вставить (Edit— Paste). Этот шаг создаст поверх всех слоев новый слой, при этом все имеющиеся в работе слои сохранятся.

Панель слоев в фотошопе

С основными настройками панели слоев мы ознакомились, давайте более детально рассмотрим, какие дополнительные возможности работы со слоями предоставляет нам панель слоев, разберем каждую функцию отдельно:

1 – вид. В этом окне вы сможете выбрать просмотр слоев по предложенным фильтрам. Фильтры представлены как в текстовом виде (слева), так и в виде значков (справа). Белая кнопочка-ползунок справа в виде кружочка отключает фильтрацию, тем самым упреждая случайное нажатие на фильтрацию.

3 – непрозрачность слоя;

4 – дополнительные настройки слоя, позволяющие закрепить положение слоя, сохранить цвета или прозрачность пикселей и т.п.

5 – заливка слоя (этот параметр в основном используют при добавлении стилей слоя к слою, если снизить параметр заливки к 0, то стили слоя останутся без изменений, а вот сам слой станет невидимым;

6 — видимость слоя (при «включенном» глазике слой видимый, при «выключенном» — невидим).

После нажатия на иконку «глазика» правой кнопкой мыши откроется меню выбора цвета слоя, при желании можно изменить цвет «глазика» — это поможет быстрее найти слой в палитре и не запутаться в слоях;

7 – выпадающий список с дополнительными параметрами слоя, многие настройки дублированы из меню, появляющегося после нажатия правой кнопки мыши по слою;

8 – иконка, позволяющая связать выбранные слои, это поможет проводить все действия со слоями параллельно;

9 – добавления стилей слоя;

10 – добавление маски слоя;

11 – добавление корректирующих слоев;

12 – группирование слоев;

13 – создание нового слоя;

14 – удаление слоя/группы.

В дополнительных настройках (п. 7) есть пункт Параметры панели, он позволяет управлять отображением слоев, изменять размер превью, автоматически добавлять/не добавлять маски к корректирующим слоям, раскрывать/не раскрывать новые эффекты и управлять названиями копий групп или слоев:

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

На этой странице

Слои Photoshop

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

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

Общие сведения о слоях

Упорядочивание слоев Photoshop

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

Работа со слоями выполняется с помощью панели «Слои». Группы слоев помогают упорядочить слои и управлять ими. Группы помогают расположить слои по логическим группам и упорядочить панель «Слои». Можно создавать группы внутри других групп. Группы можно использовать для применения атрибутов и масок к нескольким слоям одновременно.

Несколько отличных советов по работе со слоями см. в видеопособии Упорядочение слоев и групп слоев.

Слои для обратимого редактирования

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

Специальный тип слоя, называемый смарт-объект, содержит один слой содержимого или более. Можно трансформировать (масштабировать, наклонить или перерисовывать) смарт-объект, не изменяя напрямую пикселы изображения. Кроме того, можно редактировать смарт-объект как отдельное изображение даже после вставки его в изображение Photoshop. Смарт-объекты также могут содержать эффекты смарт-фильтров, которые позволяют применять фильтры к изображениям, не нарушая их. Это позволяет в дальнейшем изменить интенсивность фильтра или удалить его. См. раздел Обратимое редактирование и Работа со смарт-объектами.

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

Обзор панели «Слои» программы Photoshop

Панель «Слои» в Photoshop предоставляет сведения обо всех слоях и группах слоев изображения, а также о слоевых эффектах. Средствами панели «Слои» можно включать и отключать отображение слоев, создавать новые слои, а также работать с группами слоев. В меню панели «Слои» можно получить доступ к дополнительным командам и параметрам.

Отображение панели «Слои» в Photoshop

Выберите меню «Окно» > «Слои».

Выбор команды из меню панели «Слои» в Photoshop

Щелкните треугольник в правом верхнем углу панели.

Изменение размера миниатюр слоев в Photoshop

В меню панели «Слои» выберите пункт «Параметры панели», затем выберите размер миниатюр.

Изменение содержимого миниатюры

Чтобы миниатюра отображала содержимое всего документа, выберите в меню панели «Слои» пункт «Параметры панели», затем пункт «Весь документ». Чтобы в миниатюре отображался лишь фрагмент слоя, занятый пикселами объекта, выберите пункт «Границы слоев».

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

Развертывание и свертывание групп

Щелкните треугольник слева от папки группы. См. раздел Просмотр слоев группы и вложенных групп.

Фильтрация слоев Photoshop

Параметры фильтрации, доступные в верхней части панели «Слои», помогают быстро находить основные слои в сложных документах. Можно вывести на экран подмножество слоев на основе имени, типа, эффекта, режима, атрибута или метки цвета.

Выберите тип фильтра во всплывающем меню.

Выберите или укажите условия фильтрации.

Щелкните переключатель, чтобы включить фильтрацию слоя или выключить ее.

Преобразование фона и слоев Photoshop

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

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

Преобразование фона в обычный слой Photoshop

На панели «Слои» дважды щелкните фон или выберите меню «Слой» > «Новый» > «Из фона».

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

Нажмите кнопку ОК.

Преобразование слоя Photoshop в фон

Выберите слой Photoshop на панели «Слои».

В меню «Слой» выберите команду «Новый» > «Преобразовать в фон».

Всем прозрачным пикселам слоя присваивается цвет фона, а слой перемещается в конец списка слоев.

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

Видеопособие | Преобразование фонового слоя в обычный слой

Дублирование слоев Photoshop

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

Создание дубликата слоя Photoshop или группы в текущем изображении

Выберите слой или группу на панели «Слои».

Выполните одно из следующих действий.

Перетащите слой или группу на кнопку «Создать новый слой» .

В меню «Слой» или в меню панели «Слои» выберите пункт «Создать дубликат слоя» или «Создать дубликат группы». Введите имя слоя или группы и нажмите кнопку ОК.

Создание дубликата слоя Photoshop или группы в другом изображении

Откройте исходное и целевое изображения.

На панели «Слои» исходного изображения выберите один или несколько слоев либо группу.

Выполните одно из следующих действий.

Перетащите слой или группу из панели «Слои» в целевое изображение.

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

В меню «Слой» или в меню панели «Слои» выберите пункт «Создать дубликат слоя» или «Создать дубликат группы». В раскрывающемся меню «Документ» выберите целевой документ и нажмите кнопку ОК.

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

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

В данном уроке я буду работать в версии программы Photoshop CC, но мои советы подойдут и для более поздних версий программы.

Ниже представлено изображение, открытое у меня на экране в данный момент (портрет девушки с венком на волосах, взятый из фотобанка Shutterstock):

Изображение, открытое в программе Photoshop CC.

Изменение размера миниатюры предварительного просмотра

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

Миниатюра предварительного просмотра слоя на панели слоев

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

Затем из появившегося списка выберите пункт «Параметры панели» (Panel Options):

Выбираем пункт «Параметры панели»

Это действие приведет к открытию диалогового окна «Параметры панели», где в самом верху вы увидите раздел с выбором размера миниатюр. Мы можем выбрать маленький, средний или большой размер миниатюр, представленный тремя различными иконками с изображением, или можем выбрать слово «Снять выделение» (None), если вообще не хотим видеть на экране миниатюры предварительного просмотра. Что касается меня, я предпочитаю видеть на экране большие миниатюры с содержимым слоя, поэтому выберу большой размер миниатюр, нажав на самую большую из трех иконок:

Выбираем большой размер миниатюр предварительного просмотра

Далее я нажму ОК для выхода из диалогового окна «Параметры панели», и теперь панель слоев отображает нам самый большой размер миниатюр предварительного просмотра слоя из возможных:

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

Еще один способ изменить размер миниатюр – просто кликнуть правой кнопкой мыши по пустой области под самым нижним слоем на панели слоев и из появившегося меню выбрать необходимый параметр – «Маленькие миниатюры» (Small), «Средние миниатюры» (Medium), Большие миниатюры» (Large) или «Без миниатюр» (No Thumbnails). Обратите внимание, что хотя этот метод и быстрее, у вас может не оказаться пустого места под нижним слоем из-за большого количества слоев на панели. В таком случае, для изменения размера миниатюр вам нужно использовать первый метод (выбрать пункт «Параметры панели» из основного меню панели слоев):

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

Отключение добавления слой-масок программой по умолчанию

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

В других случаях, довольно часто, мы хотим, чтобы корректирующий слой или слой-заливка применялись ко всему изображению. Это означает, что слой-маска нам не нужна, и ее миниатюра на панели слоев только займет лишнее место. В моем случае, я добавил корректирующий слой «Уровни» (Levels), чтобы привести в соответствие яркость и контраст изображения в целом. Мне не требуется слой-маска для корректирующего слоя, но программа Photoshop все равно ее добавила, из-за чего панель слоев выглядит загроможденной. Я даже не могу увидеть название моего корректирующего слоя, поскольку миниатюра маски закрывает его из вида:

Большие миниатюры предварительного просмотра слоев полезны, а вот миниатюры масок – не всегда

Многие пользователи предпочитают отключать добавление слой-масок по умолчанию и для корректирующего слоя, и для слоя-заливки, и добавляют слой-маску вручную, когда это требуется. Если вы не знаете, в чем разница между корректирующим слоем и слоем-заливкой, давайте кликнем по значку «Создать новый корректирующий слой или слой-заливку» (New Fill or Adjustment Layer) в нижней части панели слоев:

Нажимаем на значок «Создать новый корректирующий слой или слой-заливку»

Первые три слоя в списке – это слои заливки: Цвет (Solid Color), Градиент (Gradient), Узор (Pattern). Все, что расположено ниже, – это корректирующие слои:

Слои заливки: Цвет, Градиент и Узор

Для того чтобы отключить добавление слой-масок по умолчанию для трех слоев заливки, еще раз нажмите на значок меню в правом верхнем углу панели слоев и выберите из списка пункт «Параметры панели», как мы делали до этого. Затем, в нижней части диалогового окна «Параметры панели» уберите галочку с параметра «Использовать маски по умолчанию для слоев заливки» (Use Default Masks on Fill Layers):

Убираем галочку с параметра «Использовать маски по умолчанию для слоев заливки»

Для того чтобы отключить добавление слой-масок для корректирующих слоев, нам нужно переключиться с панели слоев на панель «Коррекция» (Adjustments panel). Нажмите на значок меню в правом верхнем углу панели «Коррекция»:

Нажимаем на значок меню панели «Коррекция»

В появившемся на экране меню мы можем увидеть параметр «Добавить маску по умолчанию» (Add Mask by Default). Галочка около названия параметра свидетельствует о том, что в данный момент параметр нам доступен. Кликните по параметру, чтобы его отключить:

Кликните по параметру «Добавить маску по умолчанию» для его отключения

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

Добавляем еще один корректирующий слой «Уровни», на этот раз без слой-маски

Мы можем с легкостью добавлять слой-маску для корректирующего слоя по мере необходимости вручную, нажимая на значок «Добавить слой-маску» (Add Layer Mask), расположенный в нижней части панели слоев:

Добавляем к корректирующему слою «Уровни» слой-маску вручную

Конечно, появившаяся при этом миниатюра слоя-маски будет занимать место на панели, но в данном случае это наш осознанный выбор, а не автоматическое действие программы:

Миниатюра слой-маски появилась, но это наш осознанный выбор, а не автоматическое действие программы

Отключение автоматического добавления слова «Копия» к названию скопированного слоя

Последнее преимущество при настройке панели слоев заключается в том, что мы можем указать программе Photoshop не добавлять слово «копия» к названию дубликатов слоя. По умолчанию, всякий раз как мы копируем слой, программа добавляет слово «копия» ( copy) в конец его названия. Ситуация ухудшается еще больше, когда мы начинаем делать копии уже скопированных слоев, так как названия получаются слишком запутанными и не информативными: «Слой 1 копия 2» (Layer 1 copy 2), «Слой 1 копия 3» (Layer 1 copy 3″) и т.д.

Разве многочисленный повтор слова «копия» действительно полезен для нас? Возможно, нет.

Для того чтобы отключить автоматическое добавление слова «копия», кликните по значку меню панели слоев еще раз и из появившегося списка выберите пункт «Параметры панели». Далее, в нижней части диалогового окна ««Параметры панели» уберите галочку с параметра «Добавить слово «копия» к скопированным слоям и группам» (Add «copy» to Copied Layers and Groups):

Убираем галочку с параметра «Добавить слово «копия» к скопированным слоям и группам»

После отключения данного параметра, в следующий раз при создании дубликата слоя слово «копия» в названии слоя появляться не будет:

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

И вот мы закончили! Мы кратко рассмотрели несколько простых способов настройки панели слоев таким образом, чтобы освободить ее от лишних элементов и сделать максимально удобной для нашей работы! Для изучения других уроков по работе со слоями и другими элементами программы Photoshop посетите наш раздел «Основы программы Photoshop»! Или перейдите к последующим урокам, которые могут вас заинтересовать!

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

Как создать новый слой в «Фотошопе»: наложение и соединение, как убрать и изменить размер

От обычного графического редактора (Paint и прочих) программа Adobe Photoshop отличается возможностью работы со слоями. Это позволяет в любой момент редактировать тот или иной нанесенный эффект. Также без слоев невозможно представить работу над созданием векторных логотипов.

Создать новый слой в «Фотошопе»

Если вы сейчас установите самую первую версию программы Photoshop, то очень сильно ей удивитесь. Вы спросите: где в «Фотошопе» слои? Первые версии графического редактора мало отличались от современного Paint. Поддержка слоев появилась чуть позже. Теперь же без этой функции не обходится ни один профессиональный редактор изображений. В Photoshop можно свободно создавать до тысячи слоев, на скорости работы это никак не отразится. Но это уже экстремальный случай, на практике фотографы задействуют не более 20-30 слоев.

Суть слоя очень проста. Он содержит в себе какой-либо фильтр или маску, а также эффект от применения определенного инструмента. Например, вы вставили в изображение новую картинку. Она отобразится на новом слое. В результате вы сможете добавить ей обводку, изменить размер картинки, а также установить ту или иную степень прозрачности. В любой момент вы можете в «Фотошопе» изменить размер слоя, даже если после предыдущей работы с ним прошло очень много времени. Именно этим полезны слои. Без них пришлось бы отменять множество операций, чтобы вновь получить возможность изменения размера вставленной картинки.

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

Где слои в «Фотошопе»

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

Как сделать прозрачным слой в «Фотошопе»

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

В третьей строке панели «Слои» присутствуют инструменты закрепления. Если вы хотите закрепить положение слоя или его прозрачность — вам именно сюда. Ещё в этой строке присутствует пункт «Заливка», эффект которого схож с функцией непрозрачности.

Остальная область панели выделена под список слоев. Если к некоторым из них будут применены специальные эффекты, то их список тоже будет расположен именно здесь. В самом низу размещены специальные кнопки, с помощью которых в «Фотошопе» осуществляется работа со слоями (основная её часть).

Как убрать слой в «Фотошопе»

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

На новом слое вы можете заниматься чем угодно. На нём вы можете воспользоваться заливкой, нарисовать любую фигуру или произвести прочие действия. Если ваше изображение получается многослойным, то не мешает дать новому слою собственное название. Иначе он так и будет называться: «Слой 7». Для переименования следует совершить по слою двойной щелчок левой кнопкой мыши.

Еще слои можно группировать. Создайте новую папку посредством соответствующей кнопки в нижней части панели «Слои». Затем методом перетаскивания перенесите в неё слои, которые вы хотите объединить в одну группу. В многослойных композициях без этого не обойтись, иначе начинается настоящая путаница.

Некоторые слои по ходу создания изображения становятся нам ненужными. Их рекомендуется удалять. Для этого выделите слой и нажмите клавишу «Delete». Также для этого слой можно перетащить на кнопку с изображением корзины в нижней части панели. Можно убрать слой в «Фотошопе» и другим способом. Около каждого слоя присутствует кнопка с изображением глаза. Нажмите её — видимость слоя сразу отключится. Это своеобразный аналог нулевой непрозрачности. Сам слой из панели при этом никуда не денется, вы в любой момент способны включить его отображение.

Как соединить: наложение слоев в «Фотошопе»

Если в вашем изображении уже очень много слоев, то некоторые из них можно объединить. Возьмем за пример два слоя, каждый из которых содержит в себе одну маленькую картинку. Если их объединить, то по отдельности передвигать две картинки уже не получится. Теперь они будут перемещаться в пространстве только вместе друг с другом.
Чтобы в «Фотошопе» соединить слои, их необходимо сначала выделить. Делается это кликами левой кнопкой мыши при зажатой клавише «Ctrl». После выделения кликните правой кнопкой мыши. В отобразившемся контекстном меню выберите пункт «Объединить слои».

Изменить размер слоя в «Фотошоп»

Чуть выше в том же контекстном меню вы обнаружите пункт «Связать слои». Он схож с предыдущим. Но при его выборе оба слоя остаются в панели на своём месте. Рядом с ними появляется значок сцепки. Он тоже не позволит вам изменять размер этих слоев или двигать их по отдельности. Но в любой момент вы можете отменить связку, тогда как с объединенными слоями подобное провернуть не удастся.

Заключение
Работа со слоями в «Фотошопе» реализована очень просто. Стоит вам потратить несколько минут на изучение панели «Слои», как навсегда влюбитесь в функционал, который она предоставляет. Любое сложное изображение должно быть многослойным, в противном случае на его создание вы потратите слишком много времени.

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

Прежде чем мы приступим к дальнейшему изучению того, какие удивительные вещи можно совершать со слоями, нам нужно рассмотреть один особой тип слоя — «Фон» (Background layer). Причина, по которой мы останавливаемся на изучении слоя заднего фона, заключается в том, что некоторые действия с этим слоем совершать нельзя в отличие от действий с другими слоями. Если мы не будем осведомлены об этих действиях заранее, мы сможем легко запутаться в нашей работе и не получить желаемый результат.

Ниже представлено изображение фоторамки, открытое в программе Photoshop. Данное изображение я взял из фотобанка Fotolia:

Исходное изображение

Всякий раз, когда мы открываем новое изображение в программе Photoshop, оно открывается в окне собственного документа и размещается на отдельном слое под названием «Фон» (Background), что мы и можем видеть на панели слоев. Обратите внимание, что слово «Фон» выделено курсивом. Таким образом, программа уведомляет нас о некоторых особенностях этого слоя:

Панель слоев отображает, что изображение размещено на слое заднего фона

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

Правило 1: Мы не можем перемещать содержимое слоя заднего фона

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

Выбираем на панели инструментов инструмент «Перемещение»

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

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

Если мы снова обратимся к панели слоев и посмотрим на слой «Фон», то увидим с правой стороны маленький значок в виде замка, который говорит нам о том, что данный слой закреплен и не может быть нами перемещен. Способа разблокировать слой «Фон» — не существует, но, как я уже говорил, в конце урока, мы рассмотрим, как это маленькое правило о невозможности перемещения содержимого слоя и другие правила можно обойти:

Значок в виде замка говорит нам о том, что данный слой закреплен

Правило 2: Отсутствие прозрачных пикселей

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

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

Выбираем инструмент «Волшебная палочка»

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

Белая область внутри рамки теперь выделена

Чтобы удалить область внутри рамки, я нажму клавишу Backspace (Win) / Delete (Mac). Однако вместо ожидаемого удаления области и замещения белого цвета прозрачными пикселями, программа открывает диалоговое окно параметра «Заполнить» (Fill) и предлагает заполнить выделенную область другим цветом:

Вместо того чтобы удалить область, программа Photoshop открывает диалоговое окно параметра «Заполнить»

Я нажму кнопку «Отмена» (Cancel) для выхода из диалогового окна, поскольку это совсем не та команда, которую я хотел выполнить. Я хотел удалить белую область внутри фоторамки, но не заполнять ее другим цветом. Может быть, программа Photoshop что-то перепутала? Хорошо, я попробую удалить область другим способом. Для этого я перейду в раздел «Редактирование» (Edit) в строке меню в верхней части экрана и выберу команду «Вырезать» (Cut):

Выбираем команду «Вырезать» в разделе «Редактирование»

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

Белая область внутри рамки теперь заполнена черным цветом

Откуда же взялся черный цвет? Оказывается, программа Photoshop заполнила область черным цветом, потому что, если мы посмотрим на образцы цвета переднего плана и цвета фона в нижней части панели инструментов, то увидим, что цвет фона (на нижнем правом квадрате) — в настоящий момент черный, соответственно программа и заполнила область цветом фона. Если бы цвет фона был выбран фиолетовым, область заполнилась бы именно фиолетовым цветом. Однако в данный момент цвет фона — черный:

Образцы цвета переднего плана (левый верхний) и цвета фона (правый нижний)

Итак, почему же программа Photoshop не удалила белую область внутри рамки? Почему же вместо этого она заполнила ее другим цветом? Причина в том — что слои заднего фона не поддерживают прозрачность. Действительно, так как назначение слоя «Фон» — служить задним фоном документу, то нет необходимости делать его прозрачным, ведь под этим слоем для просмотра быть ничего не должно. Ведь задний фон — это все-таки задний фон! Неважно, каким способом я буду пытаться удалить область внутри рамки, у меня никогда не получится этого сделать, до тех пор, пока изображение размещено на слое заднего фона. Как же тогда я смогу разместить еще одну фотографию внутри рамки? Давайте пока отложим решение этой проблемы и вернемся к ней чуть позже.

Правило 3: Мы не можем перемещать слой «Фон» и помещать его над другим слоем

Ниже представлена фотография, которую я хочу поместить внутри фоторамки. Данное изображение я также взял из фотобанка Fotolia:

Изображение, которое будет размещено внутри фоторамки

В настоящий момент изображение открыто в отдельном окне, поэтому я быстро скопирую его в окно документа с фоторамкой, нажав сочетание клавиш Ctrl+A (Win) / Command+A (Mac) для выделения всей фотографии. Затем я нажму клавишную комбинацию Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение во внутренний буфер. После этого я перейду в окно документа с фоторамкой и нажму сочетание клавиш Ctrl+V (Win) / Command+V (Mac), чтобы вставить изображение в документ. Программа поместит новое изображение на отдельный слой под названием «Слой 1» (Layer 1), расположенный над слоем «Фон» с фоторамкой:

Вторая фотография размещена на отдельном слое над слоем «Фон»

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

Второе изображение появилось перед фоторамкой

Для того чтобы мое второе изображение появилось внутри рамки, мне нужно поменять порядок расположения слоев — поместить слой с рамкой поверх слоя с фотографией. Обычно, менять слои местами — легко, необходимо всего лишь выбрать слой для перемещения и перетащить его поверх другого слоя, но не в нашем случае, когда мы хотим переместить слой «Фон». Когда я нажимаю на слой «Фон» и пытаюсь переместить его поверх слоя с фотографией, появляется маленький значок в виде перечеркнутого круга (международный знак запрета), свидетельствующий о том, что по некоторым причинам это действие невозможно:

Значок в виде перечеркнутого круга свидетельствует о том, что я не могу переместить слой «Фон» поверх слоя «Слой 1»

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

Правило 4: Мы не можем перемещать другие слои под слой «Фон»

Хорошо, если мы не можем перемещать слой «Фон» поверх другого слоя, что будет, если мы попробуем переместить другой слой под слой «Фон»? Я нажму на «Слой 1» и попробую переместить его под слой «Фон», но и это не получается. Опять возникает маленький значок в виде перечеркнутого круга, который означает невозможность совершения действия:

Тот же значок запрета появляется, и когда мы пытаемся переместить «Слой 1» под слой заднего фона

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

Простое решение проблемы

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

Так как главное назначение слоя «Фон» — служить основой документу, каждое из этих правил имеет смысл. Тем не менее, как и с большинством других правил, иногда нам требуется их нарушить. В нашем случае, обойти все эти правила легко! Все, что нам требуется, — как-то иначе переименовать слой «Фон»! Для того чтобы переименовать слой «Фон», вы можете перейти в раздел «Слои» (Layer) в верхней части экрана, выбрать пункт «Новый» (New) и далее — «Слой из заднего плана» (Layer From Background):

Выбираем «Слои» > «Новый» > «Слой из заднего плана» (Layer > New > Layer From Background)

Более быстрый способ заключается в том, что можно просто дважды кликнуть кнопкой мыши по слову «Фон» на панели слоев:

Дважды кликаем кнопкой мыши по названию слоя «Фон»

В любом случае после этих действий откроется диалоговое окно «Новый слой» (New Layer), где можно будет ввести новое имя для слоя. По умолчанию, программа предлагает имя «Слой 0» (Layer 0), которое нам подходит. Так как нам подойдет любое другое имя кроме «Фон» , просто нажмите ОК для подтверждения нового имени «Слой 0» и выхода из диалогового окна, при условии, что вы не хотите дать слою какое-то определенное имя:

Вы можете оставить имя «Слой 0» в качестве нового имени слоя или ввести любое другое на ваше усмотрение

Совет: чтобы еще быстрее переименовать слой «Фон», дважды щелкните кнопкой мыши по слову «Фон», удерживая нажатой клавишу Alt (Win) / Option (Mac). Программа тотчас переименует слой, присвоив ему имя «Слой 0» без открытия диалогового окна «Новый слой».

Теперь мы можем видеть, что имя слоя заднего фона изменилось на «Слой 0»:

Слой «Фон» был переименован на «Слой 0»

Всего лишь переименовав слой заднего фона, мы превратили его в обычный слой, в результате чего правила, которые мы рассмотрели выше, перестали на него распространяться! Теперь мы спокойно можем перемещать содержимое слоя, используя инструмент «Перемещение» , удалять область на слое, заменяя ее прозрачной частью, и свободно перемещать наш слой относительно других слоев!

Например, мне все еще нужно переместить фоторамку поверх изображения на «Слое 1». Теперь это сделать легко, так как фоторамка больше не находится на слое «Фон»! Я могу всего лишь нажать на «Слой 0» на панели слоев и перетащить его наверх, чтобы тонкая светлая полоска появилась над «Слоем 1»:

Переместим «Слой 0» поверх «Слоя 1»

После этого я отпущу кнопку мыши, и программа Photoshop разместит «Слой 0» над «Слоем 1», как мне и нужно:

«Слой 0» теперь расположен над «Слоем 1». Этого нельзя было достичь, пока «Слой 0» назывался слой «Фон»

Раньше я не мог удалить белую область внутри рамки, пока изображение было на слое «Фон», но теперь, после того как я переименовал слой «Фон» на «Слой 0», это стало сделать нетрудно. Я выделю область внутри рамки, применяя инструмент «Волшебная палочка» , как я это сделал в первый раз:

Белая область внутри рамки опять стала выделенной

Затем я нажму клавишу Backspace (Win) / Delete (Mac), и на этот раз программа сделает все именно так, как я и ожидал, — вместо открытия диалогового окна параметра «Заполнить» она удалит область со слоя и отобразит фотографию под ней:

Область внутри рамки, наконец, удалена, и под ней видно другое изображение

Далее я нажму сочетание клавиш Ctrl+D (Win) / Command+D (Mac), чтобы снять выделение с области внутри рамки и убрать линию выделения. Затем для успешного завершения работы, я нажму на «Слой 1» на панели слоев и сделаю его активным:

Выбираем «Слой 1»

На панели инструментов я выберу инструмент «Перемещение» (Move), кликну по фотографии и перемещу ее внутрь фоторамки, как мне нужно. Несмотря на то, что «Слой 1» в настоящий момент является самым нижним слоем в документе, он не закреплен, поскольку не служит больше слоем заднего фона. Я могу свободно перемещать его, куда пожелаю:

Перемещаем фотографию на нужное место внутрь фоторамки

Как мы с вами рассмотрели, слои заднего фона являются особым типом слоев в программе Photoshop, с наложенными на них ограничениями. Мы не можем перемещать их содержимое, удалять что-либо с них, и они всегда должны оставаться среди слоев документа в самом низу. В большинстве случаев, эти ограничения не причиняют нам особых неудобств, поскольку обычно мы не работаем напрямую со слоем «Фон». Но если вам нужно снять ограничения, просто переименуйте слой «Фон» и дайте ему любое другое имя. Это действие приведет к тому, что данный слой немедленно станет нормальным слоем, с которым вы сможете работать без ограничений!

И вот мы закончили! Ознакомьтесь с полным списком уроков по работе со слоями в программе Photoshop или посетите наш раздел «Основы программы Photoshop» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

Перевод: Ксения Руденко

Твитнуть

Тебе потребуется: Ps C3/Ps CS4, планшет, средний уровень навыка цифрового рисования

Что представляет собой корректирующий слой

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

Корректирующие слои можно найти в контекстном меню «Коррекция» («Adjustments») или через иконку под списком слоёв в виде небольшого диагонально разделенного черно-белого круга.

Основная информация

После того, как ты выберешь коррекцию, которую хочешь применить, поверх слоя, с которым ты работал, создастся новый слой. Корректирующие слои работают в паре с маской слоя («layer mask»).

Корректирующий слой отделен от самого рисунка: всё, что ты вытворишь ним, никак не повлияет на пиксели под ним. Чтобы в этом убедиться, просто спрячь или удали корректирующий слой: твой рисунок на месте и выглядит так, как и в самом начале. Проще некуда!

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

На маске слоя ты сможешь рисовать лишь оттенками серого. Изначально маска слоя – белая, и это означает, что эффект от слоя распространяется на всю область рисунка. Там, где ты добавишь черный, ты «сотрёшь» часть корректирующего слоя, и сквозь него будет виден изначальный вид этой области рисунка. Орудуя оттенками серого – от темного к светлому, — ты сможешь определить интенсивность применения коррекции.

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

Где расположены слои

Сначала следует открыть файл с нужной картинкой или создать новый документ. Обычно по умолчанию еще до появления в рабочей области картинки видно справа специальное окно, на котором расположена вкладка «Слои». Если этой вкладки нет, то в горизонтальном меню нужно нажать Window (по-русски «Окно»), затем найти в списке Layer («Слои»). В меню появляется галочка слева от слова, а также окно «Свойства» и открытая вкладка со слоями. Теперь можно приступать к работе.

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

Создание слоев при помощи окна «Свойства»

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

Все функции, связанные со слоями, располагаются в нижней части окна «Свойства» во вкладке «Слои». Второй значок справа — это и есть «Создать новый слой», который по-английски означает New Lawer. Достаточно нажать левой кнопкой мыши, чтобы он появился. Рекомендуется обратить внимание на то, где отображается новый слой во вкладке. Как правило, по умолчанию он располагается над предыдущим.

Разблокировка изображения

Следует отметить, что по умолчанию открытый документ имеет В окне со свойствами виден справа «замочек» и надпись «Фон». То есть с картинкой нельзя работать. Она заблокирована от каких-либо операций. Чтобы она стала рабочей, нужно дважды левой кнопкой мыши щелкнуть по «Фону» во все той же вкладке «Слои». Появляется горизонтальной прямоугольное окошко с предложением сделать изображение новым слоем, а также дать ему наименование. Таким образом, становится понятно, как создать новый слой в «Фотошопе» на оригинальном файле с изображением.

Дополнительные два способа создания

В «Фотошопе» есть несколько вариантов того, как создать новый слой. Один из них уже рассмотрен. Следующий способ подразумевает использование горизонтального меню сверху. Там есть вкладка «Слои» («Layer»). Нажав ее, можно увидеть самое первое в списке слово «Новый» («New»). Следует нажать на «Слой…».

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

• дать имя;
• задать цвет;
• выбрать режим наложения;
• откорректировать непрозрачность в процентах.

Затем следует нажать «Ок».

Есть еще один интересный способ, как создать слой в Фотошопе моментально, буквально за одну секунду без наведения курсора мыши на значок и меню. Для этого применяется комбинация клавиш, которые нужно нажать сразу все вместе на клавиатуре — Ctrl+Shift+N. Но чтобы успешно таким способом создать новый слой, нужно деактивировать другие операции, например, создание текста или трансформирование. Пусть будет активным только один из имеющихся слоев во вкладке окна «Свойства».

Разные версии «Фотошопа»

Новичков может смутить то, что существуют разные версии программы. Нередко на тематических форумах и в социальных сетях они спрашивают: «Как создать новый слой в «Фотошопе CS6″, если я изучал более раннюю версию?». Ответ простой: так же, отличий никаких.

Корректирующий слой

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

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

1. Через меню «Слои». Открыть «Новый корректирующий слой», далее нужно выбрать функцию.
2. В окне «Свойства». Найти «Слои», внизу есть круглый черно-белый значок с треугольником справа.

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

Итак, в статье была приведена инструкция по тому, как создать слой в «Фотошопе» тремя способами. Успехов!

На веб-странице расположены три изображения игральных карт (рис. 3.51). Пока они лежат рядом, их порядок значения не имеет, но если применить к ним позиционирование и сместить изображения так, чтобы они накладывались друг на друга, одна карта будет находиться выше другой (рис. 3.52).

Рис. 3.51. Карты рядом друг с другом

Рис. 3.52. Карты одна на другой

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

Рис. 3.53. Воображаемые координаты веб-страницы

Пример 3.38. Обычный порядок карт

Порядок карт

В CSS за положением по Z-оси отвечает свойство z-index , которое определяет, «ближе» к нам элемент находится или «дальше». В качестве значений принимается целое число, чем оно больше, тем выше располагается элемент по отношению к другим. Элементам автоматически присваивается значение 0, так что даже z-index : 1 заставит элемент перекрывать все нижележащие. Доработаем пример 3.38 так, чтобы порядок карт поменялся на противоположный, причём только редактируя стиль, оставляя HTML-код прежним.

Card IMG { position: relative; } .three { top: 50px; left: 55px; z-index: 5; } .seven { left: -120px; top: 25px; z-index: 2; } .ace { left: -295px; z-index: 1; }

Свойство z-index для класса three специально установлено как 5 для демонстрации, что последовательность значений z-index роли не играет. Главное, чтобы одно число было больше другого.

Свойство z-index работает только для элементов, у которых значение position задано как absolute , fixed или relative .

Когда требуется расположить элемент поверх всех остальных на странице, ему ставят очень большое значение z-index , например 9999. Это гарантирует, что даже если в стилях и применяется z-index , он будет меньше указанного. В примере 3.39 у карт при наведении на них курсора меняется z-index на 10. Никаких скриптов здесь не понадобится, всё делается через псевдокласс :hover .

Пример 3.39. Изменение z-index при наведении на карту

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Порядок карт

Понимание слоев в Photoshop

Изучите основы работы со слоями в Photoshop, включая то, что такое слои, как они работают и почему так важно знать, как использовать слои. Для Photoshop CC, CS6 и более ранних версий Photoshop.

Автор Стив Паттерсон.

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

Основы слоев не изменились за прошедшие годы, поэтому, хотя я буду использовать здесь Photoshop CS6 , все полностью совместимо с Photoshop CC , а также с более ранними версиями Photoshop.Итак, если вы готовы узнать о слоях, приступим!

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

Нужно добавить текст в макет? Он появится на отдельном слое типа.Как насчет векторных фигур? Они появятся на отдельных слоях с фигурами. Слои — это сердце и душа Photoshop. В таком случае хорошо, что слои настолько просты в использовании и понятны, по крайней мере, если вы обернулись вокруг них.

«Это здорово!» — скажете вы, «но это не говорит мне, что такое слои». Хорошая мысль, давайте узнаем!

Это руководство является частью моего полного руководства по слоям Photoshop.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Фотошоп без слоев

Прежде чем мы рассмотрим, что такое слои и как их использовать, давайте сначала посмотрим, как будет работать в Photoshop без слоев.Так вам будет легче понять, почему слои так важны. Начнем с создания нового документа Photoshop. Для этого перейдите в меню File в строке меню в верхней части экрана и выберите New :

.

Переход к файлу> Создать.

Откроется диалоговое окно «Создать». Для нашего документа нам не нужен определенный размер, но чтобы мы оба были на одной странице, введите 1200 пикселей для Width и 800 пикселей для Height .Вы можете оставить значение Разрешение равным 72 пикселя / дюйм . Наконец, убедитесь, что для Background Contents установлено значение White , чтобы у нашего нового документа был сплошной белый фон. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. На экране появится ваш новый документ с белой заливкой:

Новое диалоговое окно Photoshop.

Рисование квадратной формы

Теперь, когда у нас готов новый документ, давайте нарисуем пару простых фигур.Сначала мы нарисуем квадрат и для этого воспользуемся одним из основных инструментов выделения Photoshop. Выберите инструмент Rectangular Marquee Tool в верхней части панели инструментов в левой части экрана:

Выбор инструмента «Прямоугольная область».

Чтобы нарисовать квадрат с помощью инструмента «Прямоугольная область», щелкните в любом месте в левом верхнем углу документа, чтобы установить начальную точку для выделения. Затем, все еще удерживая кнопку мыши нажатой, нажмите и удерживайте клавишу Shift и перетащите по диагонали в правый нижний угол.Обычно инструмент Rectangular Marquee Tool рисует прямоугольные выделения произвольной формы, но, нажав и удерживая клавишу Shift, мы говорим Photoshop, чтобы форма выделения превратилась в идеальный квадрат.

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

Рисование квадратного выделения с помощью инструмента «Прямоугольная область».

Теперь, когда мы нарисовали наш контур выделения, давайте заполним его цветом. Для этого мы воспользуемся командой Photoshop «Заливка». Поднимитесь в меню Edit вверху экрана и выберите Fill :

.

Идем в меню «Правка»> «Заливка».

Откроется диалоговое окно «Заливка». Измените параметр Использовать в верхней части диалогового окна на Цвет :

Изменение цвета на использование.

Как только вы выберете «Цвет», Photoshop откроет панель выбора цвета , чтобы мы могли выбрать, какой цвет мы хотим использовать.Вы можете выбрать любой понравившийся цвет. Выберу оттенок красного:

Выберите цвет в палитре цветов. Подойдет любой цвет.

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

Документ после заполнения выделения красным цветом.

Нам больше не нужен контур выделения вокруг квадрата, поэтому давайте удалим его, перейдя в меню Select вверху экрана и выбрав Deselect :

Собираюсь Выбрать> Отменить выбор.

Рисование круглой формы

Пока все хорошо. Теперь добавим в документ вторую фигуру. Мы уже добавили квадрат, так что давайте немного перемешаем и на этот раз добавим круглую форму. Для этого мы воспользуемся еще одним из основных инструментов выделения Photoshop — инструментом Elliptical Marquee Tool.

Инструмент «Эллиптическая область» находится за инструментом «Прямоугольная область» на панели «Инструменты». Чтобы выбрать его, щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте Rectangular Marquee Tool, затем выберите инструмент Elliptical Marquee Tool из всплывающего меню:

Выбор инструмента Elliptical Marquee Tool.

Давайте нарисуем нашу круглую форму так, чтобы она перекрывала квадрат. Щелкните в правом нижнем углу квадрата, чтобы установить начальную точку выделения. Затем, все еще удерживая кнопку мыши нажатой, нажмите и удерживайте Shift + Alt (Win) / Shift + Option (Mac) на клавиатуре и перетащите его от начальной точки.

Обычно инструмент Elliptical Marquee Tool рисует произвольные эллиптические выделения, но, удерживая нажатой клавишу Shift при перетаскивании, мы форсируем форму в виде идеального круга.Удерживание клавиши Alt (Win) / Option (Mac) говорит Photoshop, что нужно нарисовать фигуру наружу от точки, где мы изначально щелкнули.

Вытяните фигуру так, чтобы она была примерно того же размера, что и квадрат. Когда вы закончите, отпустите клавишу Shift и клавишу Alt (Win) / Option (Mac), затем отпустите кнопку мыши. Опять же, убедитесь, что вы сначала отпускаете клавиши, , затем кнопку мыши:

Рисование круглой области, перекрывающей квадрат.

После того, как вы нарисовали круговой контур выделения, вернитесь в меню Edit вверху экрана и выберите Fill , чтобы залить выделение цветом.Для параметра Use в верхней части диалогового окна Fill уже должно быть установлено значение Color , поскольку это то, что мы установили ранее. Но если вы просто нажмете «ОК», чтобы закрыть диалоговое окно, Photoshop заполнит выделение тем же цветом, который вы выбрали в прошлый раз, а это не то, что мы хотим.

Нам нужен другой цвет для круглой формы, поэтому щелкните слово «Цвет», затем повторно выберите «Цвет» из списка параметров (я знаю, кажется странным выбирать что-то, что уже выбрано), после чего Photoshop повторно выполнит операцию. откройте палитру цветов .На этот раз выберите другой цвет. Я выберу оранжевый. Опять же, не стесняйтесь выбирать любой понравившийся цвет:

Выберите другой цвет для второй формы.

Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка», после чего Photoshop закрасит выделение цветом. Чтобы удалить контур выделения вокруг формы, перейдите в меню Select вверху экрана и выберите Deselect , как мы это делали в прошлый раз.Теперь у нас есть две формы — квадрат и круг — с кругом, перекрывающим квадрат:

Документ с добавленными обеими фигурами.

Проблема …

Мы нарисовали наши формы, и все выглядит отлично. Хотя …

Теперь, когда я смотрел на это некоторое время, я не уверен, что меня что-то устраивает. Видите, как оранжевая форма перекрывает красную? Я знаю, что сделал это специально, но теперь думаю, что это была ошибка. Было бы лучше, если бы красная фигура была перед оранжевой.Думаю, я хочу их поменять местами. Это должно быть достаточно просто, правда? Все, что мне нужно сделать, это взять красный и переместить его поверх оранжевого.

Для этого мы … гм … хм. Подождите, как нам это сделать? Я нарисовал красный, затем оранжевый, и теперь мне просто нужно переместить красный перед оранжевым. Звучит достаточно просто, но … как?

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

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

Давайте взглянем на нашу панель Layers , чтобы увидеть, что происходит. Панель «Слои» — это то место, где мы просматриваем слои в нашем документе. Обратите внимание, что хотя мы еще не смотрели слои и не пытались добавить их сами, Photoshop автоматически создал для нас слой по умолчанию. Слой по умолчанию называется Background , потому что он служит фоном для нашей композиции.

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

Панель «Слои», показывающая все, что находится на фоновом слое.

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

К счастью, есть! Решение — использовать слои. Давайте попробуем то же самое, но на этот раз со слоями!

Дубль два, на этот раз со слоями

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

Перейдите в меню Edit вверху экрана и еще раз выберите Fill . Когда появится диалоговое окно «Заливка», измените параметр Использовать с Цвет на Белый :

Переходим в Edit> Fill, затем меняем Use на White.

Щелкните OK, чтобы закрыть диалоговое окно. Photoshop заполняет документ белым цветом, и мы возвращаемся к тому, с чего начали:

.

Документ снова закрашен белым.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Панель слоев

Я упомянул минуту назад, что панель «Слои» — это то место, куда мы переходим для просмотра слоев в нашем документе. Но на самом деле панель «Слои» — это гораздо больше. Фактически, это действительно Command Central для слоев. Если в Photoshop есть что-то, что связано со слоями, мы делаем это на панели «Слои». Мы используем панель «Слои» для создания новых слоев, удаления существующих слоев, переименования слоев, перемещения слоев, включения и выключения слоев в документе, добавления масок слоев и эффектов слоев…. список можно продолжить. И все это делается на панели «Слои».

Как мы уже видели, панель «Слои» показывает нам, что в настоящее время у нас есть один слой в нашем документе — фоновый слой по умолчанию. Миниатюра предварительного просмотра слева от имени слоя показывает нам, что фоновый слой залит белым цветом:

Панель «Слои», показывающая фоновый слой с белой заливкой.

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

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

Щелкните значок «Новый слой».

Новый слой появляется над фоновым слоем. Photoshop автоматически называет новый слой Layer 1 . Если мы посмотрим на эскиз предварительного просмотра слева от имени слоя, мы увидим, что он заполнен шаблоном шахматной доски . Узор в виде шахматной доски — это способ изображения прозрачности в Photoshop.Другими словами, он сообщает нам, что новый слой пустой. Он там ждет, что мы с ним что-то сделаем, но на данный момент на нем ничего нет:

Новый пустой слой с именем «Слой 1» появляется над фоновым слоем.

Обратите внимание, что уровень 1 выделен синим цветом. Это означает, что в настоящее время это активный слой . Все, что мы добавляем в документ на этом этапе, будет добавлено к активному слою (Layer 1), а не к фоновому слою под ним. Давайте добавим нашу первую фигуру, как мы это делали раньше.Поскольку нашей первой формой был квадрат, нам нужно снова выбрать инструмент Rectangular Marquee Tool на панели инструментов.

Панель инструментов показывает нам последний инструмент, который мы выбрали из группы. Под «группой» я подразумеваю все инструменты, вложенные вместе в одном месте. Поскольку последним инструментом, который мы выбрали из группы, был инструмент Elliptical Marquee Tool, его значок отображается сейчас на панели инструментов. Чтобы вернуться к инструменту Rectangular Marquee Tool, нам нужно щелкнуть правой кнопкой мыши (Win) / Control-щелкнуть (Mac) на инструменте Elliptical Marquee Tool, а затем выбрать инструмент Rectangular Marquee Tool из всплывающего меню:

Выбираем инструмент Rectangular Marquee Tool из-за инструмента Elliptical Marquee Tool.

С инструментом «Прямоугольная область» в руке щелкните и вытяните квадратное выделение, подобное предыдущему, нажав и удерживая клавишу Shift при перетаскивании, чтобы форма превратилась в идеальный квадрат. Когда вы закончите, отпустите клавишу Shift, затем отпустите кнопку мыши. Здесь мы видим схему моего выбора:

Рисование другого квадрата.

Перейдите в меню Edit вверху экрана и выберите Fill . Когда откроется диалоговое окно «Заливка», измените параметр Использовать на Цвет , затем выберите цвет квадрата из палитры Color Picker .Я выберу тот же красный цвет, что и в прошлый раз. Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка».

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

.

Документ после повторного рисования такой же квадратной формы.

Не похоже, чтобы что-то изменилось, просто глядя на саму композицию. У нас есть квадратная форма на белом фоне, как и в прошлый раз. Но панель «Слои» теперь рассказывает другую историю. Миниатюры предварительного просмотра показывают нам, что фоновый слой по-прежнему залит сплошным белым цветом, а квадрат теперь находится на совершенно отдельном слое (слой 1) над ним. Это означает, что белый фон и квадратная форма больше не являются частью одного плоского изображения. выглядит как , как в документе, но на самом деле это два совершенно разных элемента:

Квадратная форма и белый фон теперь независимы друг от друга.

Давайте добавим нашу вторую форму. Опять же, мы хотим разместить его на отдельном слое, что означает, что сначала нам нужно добавить еще один новый слой в документ, щелкнув значок New Layer в нижней части панели «Слои»:

Добавляем еще один новый слой.

Второй новый слой, Layer 2 , появляется над слоем 1.Обычно мы хотели бы переименовать наши слои, поскольку такие имена, как «Слой 1» и «Слой 2» ничего не говорят нам о том, что на самом деле находится на каждом слое. Но для наших целей подходят автоматические имена. Обратите внимание, что еще раз узор шахматной доски на миниатюре предварительного просмотра сообщает нам, что новый слой в настоящее время пуст:

Новый пустой слой появляется над слоем 1.

Также обратите внимание, что слой 2 выделен синим цветом, что означает, что теперь он является активным слоем. Все, что мы добавляем рядом с документом, будет добавлено на уровень 2.Возьмите инструмент Elliptical Marquee Tool из панели Tools (вложенный за инструментом Rectangular Marquee Tool) и растяните круговое выделение, как мы делали раньше. Убедитесь, что часть его перекрывает квадрат. Затем вернитесь в меню Edit и выберите Fill . Повторно выберите Color для Используйте опцию , чтобы открыть Color Picker и выбрать цвет для формы. Я выберу такой же апельсин.

Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка».Photoshop заполняет выделение цветом. Поднимитесь в меню Select и выберите Deselect , чтобы удалить контур выделения вокруг формы. А теперь мы вернулись к тому, как все выглядело ранее с добавленными обеими нашими фигурами:

Обе фигуры были перерисованы.

Глядя на панель «Слои», мы видим, что квадратная форма остается сама по себе на слое 1, в то время как новая круглая форма была размещена на слое 2. Белый фон остается на фоновом слое, что означает, что все три элемента, составляющие наш документ (белый фон, квадратная форма и круглая форма) теперь находятся на отдельных отдельных слоях и полностью независимы друг от друга:

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

Изменение порядка слоев

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

В настоящий момент круглая форма появляется перед квадратной формой в композиции, потому что слой круглой формы (слой 2) находится на выше слоя квадратной формы (слой 1) на панели «Слои». Представьте, что вы смотрите на слои сверху вниз на панели «Слои» и смотрите с по на слои в документе. Любой слой над другим слоем на панели «Слои» отображается в документе перед ним. Если содержимое двух слоев перекрывает друг друга, как это делают наши фигуры, то какой бы слой ни находился на ниже , другой на панели «Слои» появится на позади другого слоя в композиции.

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

Перетаскивание слоя 1 над слоем 2.

Идите вперед и отпустите кнопку мыши, после чего Photoshop поместит слой 1 на место над слоем 2:

Слой 1 теперь отображается над слоем 2 на панели «Слои».

Теперь, когда слой квадратной формы находится над слоем круглой формы, их порядок в композиции был изменен на обратный. Теперь квадратная форма появляется перед круглой:

Благодаря слоям можно было легко перемещать одну фигуру перед другой.

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

Что, если я решу это позже, знаете что? Раньше мне это действительно нравилось больше. Я хочу переместить круглую форму так, чтобы она была перед квадратной. Благодаря слоям это не проблема! Так же, как мы можем перетаскивать слои над другими слоями, мы также можем перетаскивать их под другими слоями.

Я нажимаю на слой квадратной формы (слой 1) и перетаскиваю его обратно под слой круглой формы (слой 2).Еще раз, полоса выделения показывает мне, куда будет перемещен слой, когда я отпущу кнопку мыши:

Перетаскивание слоя 1 ниже слоя 2.

Я отпущу кнопку мыши, чтобы Photoshop мог поместить слой 1 ниже слоя 2:

Слой квадратной формы снова ниже слоя круглой формы.

И мы снова видим круглую форму перед квадратной в композиции:

Формы возвращены в исходный порядок.

Перемещение слоев вокруг

Что, если мы действительно не хотим, чтобы фигуры перекрывали друг друга? Может быть, они выглядели бы лучше, если бы они были разнесены дальше друг от друга.Опять же, поскольку они находятся на разных слоях, мы можем легко их перемещать.

Чтобы переместить содержимое слоя, выберите Photoshop Move Tool в верхней части панели инструментов:

Выбор инструмента «Перемещение».

Затем убедитесь, что на панели «Слои» выбран правильный слой. Я собираюсь переместить круглую форму справа от квадратной формы, поэтому я нажму на слой круглой формы (Слой 2), чтобы выбрать его и сделать активным. Опять же, я знаю, что теперь это активный слой, потому что Photoshop выделяет его синим, когда я нажимаю на него:

Щелкните слой 2, чтобы выбрать его.

Выбрав слой 2, я щелкну инструментом «Перемещение» по круглой форме и перетащу ее вправо от квадрата:

Слои позволяют легко перемещать элементы внутри композиции.

Мы даже можем перемещать обе фигуры одновременно. Для этого нам нужно выбрать оба слоя-фигуры одновременно. У меня уже выбран слой 2 на панели «Слои». Чтобы также выбрать слой 1, все, что мне нужно сделать, это нажать и удерживать клавишу Shift и нажать на слой 1.Оба слоя теперь выделены синим цветом, что означает, что они оба выбраны:

Одновременный выбор обоих слоев-фигур.

Если выбраны оба слоя, если мы щелкнем и перетащим один из них с помощью инструмента «Перемещение», обе фигуры переместятся вместе:

Одновременное перемещение обеих фигур.

Удаление слоев

Последнее, что мы рассмотрим в этом руководстве, — это удаление слоев. Если мы решим, что одна из фигур нам не нужна, мы можем удалить ее из композиции, просто удалив ее слой.Я нажимаю на слой квадрата (Layer 1), чтобы выбрать его. Затем, чтобы удалить слой, все, что нам нужно сделать, это перетащить его в корзину Trash Bin в нижней части панели «Слои» (крайний правый значок):

Перетаскивание слоя 1 в корзину.

После удаления слоя квадрата в документе остается только круглая форма (конечно, вместе с белым фоном):

При удалении слоя его содержимое удаляется из документа.

Я сделаю то же самое с круглой формой, перетащив ее слой в корзину:

Перетаскивание слоя 2 в корзину.

И теперь, когда оба слоя с фигурами удалены, мы снова вернулись ни к чему, кроме сплошного белого фона:

Обе формы удалены. Остается только фон.

Куда идти дальше …

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

Как я уже упоминал ранее, все, что связано со слоями в Photoshop, делается на панели «Слои». Итак, теперь, когда у нас есть базовое представление о том, что такое слои и как они работают, в следующем уроке мы узнаем все о панели «Слои» в Photoshop!

Вы можете перейти к любому другому уроку в этой серии Photoshop Layers.Или посетите наш раздел Основы Photoshop, чтобы узнать больше!

Использование слоев в Adobe Photoshop CS4

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

Чтобы просмотреть все слои изображения Photoshop, перейдите на панель «Слои». Он сгруппирован с помощью каналов и пути. Если вы его не видите, перейдите в Window> Layers . Рядом со слоями должна быть галочка.

Фоновый слой создан для вас в Photoshop. Это слой, который создается каждый раз, когда вы создаете новое изображение или документ — если только вы не создаете новое изображение с прозрачным фоном. Фоновый слой заблокирован. Это означает, что вы не можете его переместить.Однако вы можете рисовать на нем или добавлять к нему изображения.

Фоновый слой помечен и показан на панели «Слои», как показано ниже).

После того, как вы создали дополнительные слои (поверх фонового слоя), вы можете удалить фоновый слой, щелкнув слой на панели слоев, а затем дважды щелкнув мусорное ведро в нижней правой части панели.

Создание слоев

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

ПРИМЕЧАНИЕ : Вы также можете перейти к Layer> New> Layer .

Теперь вы увидите новый слой на панели слоев.

Создание нового слоя с эффектами другого слоя

• Начните с выбора существующего слоя на панели «Слои», щелкнув по нему.
• Перетащите этот слой на кнопку «Создать новый слой» внизу слоя.

Новый слой теперь будет содержать эффекты существующего.

Превратить выделение в новый слой

Сначала выберите область или объект изображения, который вы хотите превратить в новый слой.

Затем перейдите к Layer> New> Layer Via Copy или Layer> New> Layer Via Cut , чтобы скопировать или вырезать выделение; затем вставьте его в новый слой.

Выбор слоев

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

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

Для выбора слоя (-ов):

• Щелкните слой на панели.
• Чтобы выбрать несколько смежных слоев, щелкните первый слой, затем Shift + щелкните последний слой.Если они не являются смежными, щелкните каждый слой на панели, удерживая нажатой клавишу Control.
• Если вы хотите выбрать все слои, перейдите в Select> All Layers .

Чтобы отменить выбор всех слоев, перейдите к Select> Deselect Layers .

На следующем снимке мы выбрали все слои.

Канальных уровней

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

Для связывания слоев:

Выберите слои, которые вы хотите связать, на панели «Слои».

Щелкните значок в нижней части панели.

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

Когда слои связаны, значок ссылки появится рядом с каждым связанным слоем, как показано ниже.

Удалить слой

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

Слои замка

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

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

Чтобы полностью заблокировать слой:

· Выберите слой, затем нажмите кнопку «Заблокировать все» на панели «Слои».Опция «Заблокировать все» находится над всеми существующими слоями. Это последний значок в ряду:

Для частичной блокировки слоя:

Выберите слой, затем щелкните один (или несколько) параметров на панели «Слои»:

Заблокировать прозрачные пиксели . Это ограничивает дальнейшее редактирование цветными пикселями в слое.

Заблокировать пиксели изображения . Это делает невозможным изменение пикселей слоя с помощью инструментов рисования.

Положение блокировки .Это предотвращает перемещение пикселей в слое.

Объединить слои

При объединении двух или более слоев объединенные слои становятся одним слоем.

Для объединения слоев:

· Выберите слои, которые вы хотите объединить.

· Щелкните слои правой кнопкой мыши и выберите «Объединить слои».

Применение предустановленного стиля к слою

Стиль — это просто эффект, который вы применяете к слою.Вы можете создавать свои собственные стили или использовать предустановленные стили, которые вам предоставляет Photoshop.

Чтобы применить предустановленный стиль к слою:

Выберите слой (слои) для применения стиля.

Откройте панель «Стили», выбрав «Окно »> «Стили ».

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

Копирование стилей слоя

Чтобы скопировать стиль из одного слоя в другой:

Выберите слой, содержащий стиль, который вы хотите скопировать, на панели «Слои».

Перейдите в Layer> Layer Style> Copy Layer Style .

Теперь выберите слой, на который вы хотите скопировать стиль, затем перейдите к Layer> Layer Style> Paste Layer Style.

Слои заполнения и группировки

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

Для заливки слоя с помощью инструмента «Заливка»:

Выберите цвет переднего плана на панели инструментов.

Выберите инструмент «Заливка».

На панели параметров (показанной ниже) выберите, хотите ли вы заливать цвет передним планом или узором.

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

Для получения более гладких краев щелкните «Сглаживание».

Не выбирайте «Смежные», если вы хотите заполнить все похожие пиксели изображения.

Если вы хотите заполнить пиксели на основе объединенных цветовых данных из всех слоев, установите флажок «Все слои».

Теперь щелкните ту часть изображения, которую хотите заполнить.

На снимке ниже мы выбрали инструмент «Заливка», чтобы применить узор к слою 1. Слой 1 имеет прозрачный фон, поэтому вы можете увидеть (по снимку), как узор, нарисованный на слое 1, влияет на все изображение. .

Слои группировки

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

Чтобы сгруппировать слои:

· Выберите первый слой, который вы хотите сгруппировать, и перетащите его в папку Group в нижней части панели Layers.

· Перетащите все последующие слои в группу, показанную на панели «Слои».

· На снимке выше мы перетащили слой 1 в папку групп, затем перетащили слой 2 в «группу 1».

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

Режимы наложения, непрозрачность и заливка

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

Чтобы выбрать режим наложения, перейдите на панель «Слои» и выберите слой.

Выберите параметр наложения в меню «Режим наложения».

В нашем примере мы устанавливаем режим наложения для слоя 2. Мы собираемся смешать узор в слое 2 (показано ниже) с сплошным цветом в слое 1 (также показано ниже).

Уровень 1

Уровень 2

ПРИМЕЧАНИЕ: Для просмотра одного слоя в рабочей области убедитесь, что глаз отображается рядом с этим слоем (и ни с каким другим слоем) на панели «Слои».

Из меню мы собираемся выбрать режим наложения Lighten.

На снимке ниже вы можете увидеть, как режим наложения, который мы выбрали для слоя 2, повлиял на нижележащий слой.

Если бы мы не выбрали режим наложения, наше изображение выглядело бы так:

Непрозрачность

Непрозрачность слоя определяет, как он показывает или скрывает нижележащий слой.

Давайте еще раз посмотрим на снимок нашего изображения, когда мы использовали режим наложения Lighten на нашем слое:

Теперь мы можем установить непрозрачность для слоя 2, чтобы показать или скрыть больше слоя 1.Вы устанавливаете непрозрачность в процентах с помощью ползунка. Он расположен рядом с меню Blending Modes на панели Layers:

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

Заливка

Заливка находится под «Непрозрачностью» на панели «Слои». Заливка влияет на непрозрачность текущего слоя, не затрагивая никакие слои под ним.

Автоматическое смешивание: Новое в CS4

Auto Blend — это новинка Photoshop CS4, но, как и большинство улучшений Photoshop, это очень долгожданный шаг вперед.Когда вы используете Auto Blend, вы можете сшивать или комбинировать изображения и получать плавные переходы в конечном изображении.

Auto Blend работает, применяя маски слоя к каждому слою по мере необходимости. Это маскирует или скрывает переэкспонированные или недоэкспонированные участки. Однако вы можете использовать автоматическое наложение только на изображениях RGB или оттенках серого.

Вы можете использовать Auto Blend для:

· Смешайте несколько изображений сцены, в которой есть разные области в фокусе.

· Создайте композицию, смешав несколько изображений сцены, каждое с разным освещением.

· Соедините разные изображения и создайте панораму.

Для использования Auto Blend:

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

2. Затем выберите слои, которые вы хотите смешать.

3. Выровняйте слои с помощью Auto Align (мы узнаем, как это сделать всего за несколько минут).

4. Когда вы выбрали слои, перейдите в Edit> Auto-Blend Layers .

Вы увидите это диалоговое окно:

Панорама объединит перекрывающиеся слои в панорамное изображение.

Stack Images объединит детали в каждой соответствующей области (как показано в примере в диалоговом окне).

Оставьте флажок в разделе «Бесшовные тона и цвета», чтобы цвет и тональность были скорректированы для смешивания, затем нажмите «ОК».

Автоматическое выравнивание

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

Photoshop CS4 выровняет ваши слои с помощью функции автоматического выравнивания.

Вы можете использовать Auto-Align для:

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

Сшивка изображений с перекрывающимся содержимым.

Для использования автоматического выравнивания:

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

Создайте эталонный слой, который Photoshop может использовать в качестве эталона для выравнивания остальных слоев. Создайте опорный слой, заблокировав один слой на панели «Слои».

Выберите слои, которые нужно выровнять, включая опорный слой.

Перейдите в Edit> Auto-Align Layers . Вы увидите это диалоговое окно:

Теперь выберите ваши параметры:

Авто означает, что Photoshop анализирует изображение и применяет либо перспективный, либо цилиндрический макет.Он выберет тот, который создаст лучшее изображение.

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

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

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

Коллаж сцены выравнивает слои и сопоставляет содержимое, не изменяя формы.

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

Используйте раздел «Коррекция объектива», чтобы устранить любые проблемы с объективом.

· Удаление виньетки удалит более темные края на изображениях, которые были вызваны дефектным объективом.

· Геометрическое распределение исправит искажения объектива, такие как «рыбий глаз».

После автоматического выравнивания слоев перейдите в Edit> Free Transform , чтобы внести необходимые корректировки, затем объедините или объедините слои.

Создание и изменение текста

Создание и изменение текста — одна из самых простых вещей, которую вы научитесь делать в Photoshop.

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

Теперь перейдите на панель инструментов и щелкните инструмент Текст.

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

Во-первых, выберите, хотите ли вы, чтобы текст шел по изображению горизонтально или вертикально, щелкнув этот значок:

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

Затем выберите размер шрифта, и если вы хотите, чтобы шрифт был резким, четким, ярким или гладким.

Выберите способ выравнивания текста на изображении.

Выравнивает весь текст по левому краю.

Центрирует текст.

По ширине вправо.

Теперь выберите цвет для текста.

Щелкните значок, чтобы придать тексту эффект «деформации» с помощью предопределенных форм: Щелкните, чтобы переключить панель абзацев и символов:

Вышеупомянутая панель «Абзац» позволяет задавать отступы и блокировать текст.Это также позволяет Photoshop автоматически переносить текст при переносе от одной строки к другой.

Чтобы добавить текст к изображению:

· Щелкните область изображения, в которую вы хотите добавить текст.

· Начните печатать.

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

Как добавить маски слоя в Photoshop

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

В этом уроке мы рассмотрим основы масок слоев в Photoshop, их работу, их настройки и способы их уточнения с помощью панели «Свойства».

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

Технически существует два типа масок слоев:

• Маски слоя редактируются с помощью растровых инструментов, таких как инструменты рисования или выделения.
• Векторные маски редактируются с помощью векторных инструментов, таких как инструмент «Перо» или «Фигура».

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

Маски слоя

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

Шаг 1. Выберите слой

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

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

Шаг 2: Нажмите кнопку «Добавить маску слоя»

Затем выберите «Добавить маску» в нижней части панели «Слои».

Маски слоя начинаются с белого цвета.

Шаг 3: закрасьте черный, чтобы скрыть

Выберите инструмент «Кисть» и установите цвет переднего плана на черный. Выбрав маску слоя, нарисуйте черный цвет, чтобы скрыть или скрыть части слоя.

Вы также можете использовать другие параметры заливки, такие как инструмент «Перо», различные инструменты выделения, а затем инструмент «Градиент».

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

Шаг 4: Покрасьте в белый цвет, чтобы выявить

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

Маски слоя

работают в оттенках серого, что означает, что на маске слоя можно использовать только оттенки черного, серого и белого.Например, нанесение 50% серого на маску белого слоя приведет к маске с прозрачностью 50%.

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

Шаг 5: Скопируйте маску слоя

Если вы хотите скопировать одну и ту же маску слоя на несколько разных слоев, перетащите маску на другой слой, удерживая клавишу «Alt» в Windows или «Option» на Mac.

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

Шаг 6. Отключите слои и маски

По умолчанию слой связан со своей маской слоя, на что указывает значок связи между миниатюрами на панели «Слои».

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

Отключение слоя и его маски позволяет перемещать их независимо друг от друга и изменять границы маски отдельно от слоя.

Имейте это в виду:

• Чтобы отсоединить слой от его маски, щелкните значок связи между миниатюрами слоя и маски слоя.
• Чтобы связать слой и его маску, щелкните значок ссылки еще раз.

Шаг 7. Включение и выключение маски слоя

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

• Щелкните правой кнопкой мыши> Отключить маску слоя, чтобы выключить, и щелкните правой кнопкой мыши> Включить маску слоя, чтобы снова включить ее.
• Вы также можете щелкнуть миниатюру маски слоя, удерживая нажатой клавишу «Shift». Удерживая нажатой клавишу «Shift», щелкните маску слоя второй раз, чтобы снова включить ее.

Отключение маски слоя скрывает только маску слоя; он не удаляет его.Чтобы снова включить маску слоя, вы можете:

Шаг 8: Применение или удаление маски слоя

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

• Щелкните правой кнопкой мыши> Применить маску слоя, чтобы навсегда удалить замаскированные части слоя.
• Или щелкните правой кнопкой мыши> Удалить маску слоя, что удалит только маску слоя и оставит слой без изменений.

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

Шаг 1. Отрегулируйте непрозрачность

Существует несколько способов настройки или точной настройки маски слоя. Сначала выберите маску слоя и откройте панель Windows> Свойства.

Чтобы настроить непрозрачность маски слоя, сдвиньте ползунок «Плотность» влево или вправо. В этом случае плотность и непрозрачность означают одно и то же.

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

Шаг 2: Отрегулируйте растушевку

Растушевка размывает края маски для создания более мягкого перехода. Снова выберите маску слоя, которую вы хотите отредактировать, и откройте панель Windows> Свойства.

Перетащите ползунок «Растушевка», чтобы применить растушевку к краю маски.

Шаг 3: выделение и маска

«Выделение и маска» — это то место, где вы найдете все инструменты Photoshop для уточнения краев и автоматической маски. Это включает в себя Feather, Refine Edge и инструмент автоматического выбора волос Photoshop.

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

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

Это охватывает все, что вам нужно знать об основах создания масок слоев в Photoshop! Прочитав обо всех преимуществах масок слоев, вы, возможно, задаетесь вопросом: «Зачем использовать маски слоев вместо кисти« Ластик »?»

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

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

Похожие сообщения

Добавление стилей слоев в Photoshop Elements

---

---

Подробнее… подписывайтесь на меня:

---

«Просто примечание, чтобы сказать, что я ЛЮБЛЮ ваш сайт! Кажется, есть несколько элементов PS обучающие сайты, но ваш, безусловно, самый ясный и легкий для понимать.Спасибо! »- Элли

---

«Просматривая ваши уроки даже о вещах, которые, как мне кажется, я знаю, я ВСЕГДА узнаю что-то новое. Большое вам спасибо!» — Дуглас

---

«Я очень рада найти такие полезные и понятные информация по использованию Photoshop Elements. Я не могу дождаться, чтобы использовать твой учебные пособия (особенно с моей одержимостью скрапбукингом) »- Джуди в MS

---

Хорошо день Рик: «Я очень ценю ВСЕ, ВСЕ ваши уроки. Очень, очень ясно а также полезные советы, приемы и практические приемы в PSE9.Отличный отличный работа! »- Хоан

---

«Мне нравятся ваши учебные пособия на YouTube. Очень четкие и полезные. Большое спасибо». —
Богатые

---

«Я люблю твои видео! Они были такой БОЛЬШОЙ помощью. Я купил чайников книга, и это нормально, но я лучше смотрю, а не читаю. Престижность к вам! «- Ура, Кэти

---

«Спасибо за этот сайт! Я нашел его в одном из ваших видео на YouTube.
Еще раз, большое вам спасибо!» — Ванесса

---

«Это действительно щедрый и очень достойный внимания сайт!» — Ура, Йонас

---

«Привет Рик! Сначала я должен сказать спасибо за всю информацию, которую вы Поделиться.Не могу дождаться, чтобы увидеть «советы и рекомендации», над которыми вы работаете потому что похоже, что это поможет всему собраться вместе.
Я просмотрел несколько ваших руководств и многому научился. Я не могу похвалить вас за ваше время и терпение »- Вики.

---

«Ваш сайт — отличный сервис, и я благодарю вас!»
— С уважением, апрель

---

«Большое спасибо вам и вашему веб-сайту, а также за информацию и помощь, которую я получил от
, это очень ценно.»- Роб

---

Рик — «Большое спасибо за ваш совет, который я приму. Большое спасибо, как хорошо для вас исключительно хорошие учебные пособия. Кажется, у вас есть удивительное умение заставлять сложные задачи казаться легкими и простой. Я фанат! »- С наилучшими пожеланиями, Тони

---

«Намного полезнее, чем книга PS Elements 9 для чайников… Большое спасибо за ваш сайт… действительно легко следить.» — Карин

---

Привет Рик.Просто хотел сказать большое спасибо за все отличные информация, содержащаяся в ваших учебных пособиях. Я наткнулся на PS9 для прошло уже несколько недель, и я не могу поверить, насколько легко вы объясняете разные аспекты. Это способ, намного более мощный, чем я представлял, и теперь для меня тоже можно использовать. Большое, большое спасибо из Великобритании. — Парень

Photoshop — Слои — Расширенные методы работы со слоями в Photoshop 6

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

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

Установка эксперимента

Поскольку мы экспериментировали, давайте начнем с большого нового файла изображения — первого с большим пространством для игры.Нажмите «Создать» в меню «Файл» и создайте файл размером 2000 пикселей в ширину и 1000 пикселей в высоту. Сохраняйте разрешение файлов на низком уровне, например 72ppi (пикселей на дюйм). Также сделайте фон прозрачным. Прежде чем начать работу с новым файлом, откройте меню «Окно» и убедитесь, что отображаются Инструменты, Параметры и Слои.

Откройте тестовое изображение, выберите объект или человека на изображении и скопируйте выделенный фрагмент. (Сделайте выбор с помощью инструментов «Область» или «Лассо» или команды «Выделить / Все».) Затем вставьте это выделение в новый файл, который вы только что создали. Сохраните файл в собственном формате Photoshop, PSD (единственный формат, в котором сохраняются слои). Обратите внимание, что ниже «Параметры сохранения» флажок «Слои» установлен по умолчанию.

Добавить и разместить

В палитре «Слои» щелкните значок «Создать новый слой», чтобы создать два или более новых слоя. Затем скопируйте и вставьте новое изображение в каждый слой. Выберите инструмент «Перемещение» на панели инструментов и установите флажок «Автоматический выбор слоя» на панели параметров.Это позволит вам переместить отредактированные изображения, не выбирая их предварительно в палитре «Слои». (Вы можете снять флажок «Показать ограничивающую рамку», что может раздражать.)

Используйте мышь, чтобы перемещать выделенные области в большом окне файлов изображений. Чтобы изменить расположение слоев, перетащите их один над или под другим в палитре «Слои». Чтобы лучше видеть слои в палитре, щелкните правой кнопкой мыши пустую область палитры и выберите «Большой».

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

Стили слоя. Вы можете использовать инструменты Photoshops Drop Shadow, чтобы создать идеальный угол освещения, расстояние, распространение и размер. Просто щелкните любой слой, щелкните значок «Добавить стиль слоя», выберите «Тень», используйте инструменты в центре диалогового окна, чтобы внести необходимые изменения, и нажмите «ОК». (Если вам мешают другие изображения, щелкните значки с изображением глаз, чтобы скрыть их слои.) Вы увидите значок «f» в нижнем регистре под слоем с новым стилем. Щелкните стрелку рядом со значком «f», чтобы включить или выключить описание слоя.

Чтобы применить стиль Drop Shadow, который вы только что создали, к другому слою, щелкните слой правой кнопкой мыши и выберите «Копировать стиль слоя». Затем выберите другой слой, щелкните правой кнопкой мыши и выберите «Вставить стиль слоя». Вы даже можете перетащить стиль с одного слоя на другой. Чтобы удалить стиль слоя, щелкните его правой кнопкой мыши и выберите «Очистить стиль слоя».

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

Заполните свой фон. Чтобы создать однородный фон для многослойной композиции, используйте параметр «Заливка слоя». В палитре выделите нижний слой и щелкните значок в виде черно-белого круга.Доступны три типа заливки: сплошной цвет, градиент или узор. Выберите параметр «Сплошной цвет», выберите цвет и нажмите «ОК». С градиентной заливкой тоже интересно поэкспериментировать, так что не бойтесь пробовать другие варианты.

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

Слияние и выравнивание

Чтобы размер файла изображения оставался управляемым после работы с несколькими слоями, объедините слои после их настройки. Щелкните значки глаз, чтобы сделать видимыми все слои, которые вы хотите объединить, откройте меню «Слой» и выберите «Объединить видимые».

Когда вы будете готовы сохранить файл в его окончательной версии, самое время сгладить изображение.Это действие удаляет скрытые неиспользуемые слои и объединяет все слои в один, значительно уменьшая размер файла. Поскольку вы потеряете возможность редактировать сведенные слои, обязательно сначала сохраните копию файла PSD. После этого вы можете выбрать Flatten Image в меню Layer.

Теперь, когда вы хорошо применили несколько практических слоев, вы можете начать экспериментировать с этими новыми техниками.

Как добавить изображение к существующему слою в Photoshop

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

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

Итак, давайте сразу же узнаем, как создать свой первый многослойный проект Photoshop.

Добавить новое изображение вне Photoshop

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

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

3. После того, как вы отрегулировали размеры (или нет), просто щелкните значок галочки или нажмите CTRL + ENTER (CMD + ENTER на Mac).

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

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

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

Добавление изображений из Photoshop

Чтобы добавить изображение из другого документа, открытого в Photoshop, вы можете просто перетащить слой из одного документа в другой.

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

Использование команды «Дублировать слои» для добавления одного или нескольких изображений в Photoshop

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

2. Для этого просто выберите один или несколько слоев в открытом документе в Photoshop и щелкните их правой кнопкой мыши.

3. В появившемся меню выберите опцию «Дублировать слои».

4. Появится диалоговое окно, которое позволит вам указать целевой документ для копируемых слоев.

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

6. Диалоговое окно дублирования слоя также позволит вам выбрать «Новый» в качестве опции для целевого документа. Это просто означает, что Photoshop откроет новый документ, в котором он создаст для вас дублированные слои. Размеры этого нового документа будут основаны на дублируемых слоях.

Советы и устранение неисправностей

# 1: Фоновый слой по умолчанию заблокирован

• Когда вы открываете отдельное изображение в Photoshop, оно по умолчанию помещается как заблокированный «фоновый» слой.Этот слой можно дублировать без разблокировки, но нельзя редактировать.

• Чтобы разблокировать «фоновый» слой по умолчанию, просто дважды щелкните по нему и нажмите OK в появившемся диалоговом окне.

# 2: Падение изображения меньше и больше холста извне Photoshop

• Если вы поместите изображение вне Photoshop, размер которого превышает размер холста, в целевой документ, оно будет автоматически помещено внутри холста.Изображение, которое меньше целевого холста, будет размещено как есть.

# 3: Удаление слоя в Photoshop на холст меньшего размера

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

# 4: Организация новых или дублированных слоев

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

# 5: Сохранять слои как смарт-объекты

• Если вы изначально не уверены в изменении размера, сохраните слои как смарт-объекты.Последняя версия Photoshop делает это по умолчанию для всех новых изображений. Это позволит вам свободно изменять их размер столько раз, сколько необходимо, без потери данных изображения. Растрированные изображения станут пиксельными, если вы попытаетесь увеличить их после однократного сжатия.
• Чтобы преобразовать слой в смарт-объект, просто щелкните слой правой кнопкой мыши и выберите «преобразовать в смарт-объект». На слое появится новый значок, показывающий, что это смарт-объект.

# 6: Растрировать слои

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

# 7: Соотношение сторон при изменении размера

• Чтобы сохранить правильное соотношение сторон при изменении размера, всегда удерживайте нажатой клавишу SHIFT при щелчке и перетаскивании в режиме преобразования. Чтобы изменить размер, сохраняя центрирование изображения вокруг его текущего положения, удерживайте нажатой клавишу ALT (OPTION на Mac) вместе с SHIFT.Попробуйте, и это сразу же обретет смысл.

# 8 Свести изображение

• Чтобы добавить весь многослойный проект в другой проект, вы можете сначала сгладить проект, щелкнув слои правой кнопкой мыши и выбрав «сгладить изображение». Вы также можете объединить несколько слоев, чтобы работать с меньшим количеством слоев. Сделайте это, выбрав несколько слоев (удерживая нажатой клавишу SHIFT при нажатии), щелкнув их правой кнопкой мыши и выбрав опцию «Объединить слои».Вы также можете объединить группы слоев таким же образом, щелкнув правой кнопкой мыши и выбрав «объединить группу».

Заключение

Итак, в заключение, вы можете добавить дополнительные изображения в свой проект Photoshop прямо из папки в Проводнике (Windows) или Finder (Mac).

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

Вы также можете перетащить другие поддерживаемые типы файлов, такие как PDF, AI (Illustrator), SVG (общий вектор) и даже другие файлы PSD, в свой проект, чтобы добавить их как новые изображения / слои. В зависимости от типа файла вы можете получить диалоговые окна импорта с соответствующими параметрами, которые нужно настроить, прежде чем он будет помещен в документ.

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

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

трюков и ярлыков слоев Photoshop

Ярлыки и хитрости слоев

Добавление слоев

• Command (Mac) / Control (Win) + Shift + N добавит новый слой и отобразит диалоговое окно New Layer.Когда вы добавляете клавишу Option на (Mac) / Alt (Win), вы добавляете новый слой без отображения диалогового окна.

Отображение слоев

• Option (Mac) / Alt (Win) — щелкните значок глаза слоя, чтобы скрыть все остальные слои, Option (Mac) / Alt (Win) — щелкните еще раз, чтобы переключить все ранее видимые слои . Чтобы сделать все слои видимыми (в отличие от только тех, которые были ранее видны), Control (Mac) / правая мышь (Win) — щелкните значок глаза слоя и выберите « Показать / Скрыть все остальные слои ».

Параметры предварительного просмотра панели слоев

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

Выбор похожих слоев

• Быстро выберите все слои с текстом, нацелив один на панели «Слои», а затем выберите Выбрать > Похожие слои .Это также работает с корректирующими слоями, слоями заливки, смарт-объектами и т. Д. Однако в версии CS6 у вас есть эти параметры фильтра в верхней части панели «Слои», где вы можете фильтровать свои слои. Вы также можете выполнить поиск по слою, введя ключевое слово. Справа вы можете включить или выключить фильтрацию слоев.

Загрузить содержимое слоя как выделенное

• Command (Mac) / Control (Win) — щелкните значок слоя на панели слоев.
• Command (Mac) / Control (Win) + Shift, чтобы добавить дополнительные слои к выделению.
• Option-Command (Mac) / Alt-Control (Win), чтобы вычесть еще один слой из выделения.
• Option-Command (Mac) / Alt-Control (Win) + Shift для создания пересечения двух слоев.

Быстрое центрирование слоя

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

Выбрать все слои

• Command + Option (Mac) / Control + Alt (Win) + A выберет все слои. Обратите внимание, что скрытые слои включены в этот выбор, однако фон не выбирается с помощью этого ярлыка.

Примечание. , чтобы преобразовать фон в слой, перетащите значок замка (на фоновом слое на панели «Слои») на значок корзины в нижней части палитры слоев.

Слои с автоматическим выбором

• Для автоматического выбора слоя с выбранным инструментом «Перемещение» установите флажок «Автоматический выбор» на панели параметров.Выберите между автоматическим выбором слоев или группой. Или, чтобы временно вызвать функцию автоматического выбора, с выбранным инструментом «Перемещение», Command (Mac) / Control (Win) -щелкните часть содержимого слоя. Чтобы выбрать более одного слоя, щелкните его содержимое в области изображения, удерживая нажатой клавишу «Shift». Щелчок с зажатой клавишей Shift на уже выделенном объекте отменяет его выбор.

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

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

Выбор нескольких слоев с помощью панели слоев

• Чтобы выбрать несколько слоев на панели «Слои», Command (Mac) / Control (Win) — щелкните справа от миниатюры слоя или маски (в области имени) на нескольких слоях. Shift — щелкните, чтобы выбрать диапазон смежных слоев на панели «Слои». Когда выбрано несколько слоев, команды будут применяться ко всем слоям, когда это возможно (включая перемещение, преобразование, выравнивание, распределение, применение стилей и т. Д.). Фактически, при выборе нескольких слоев с помощью инструмента «Перемещение» у вас есть возможность установить флажок « Показать элементы управления преобразованием » (на панели параметров), чтобы Photoshop отображал ограничивающую рамку вокруг выбранных слоев. Это не только помогает показать, какие слои выбраны, но также может использоваться для быстрого преобразования нескольких слоев без использования команды «Свободное преобразование».

Дублирующие слои

• Чтобы скопировать слой (и) на панели «Слои», выберите слой (и) и Option (Mac) / Alt (Win) — перетащите, пока не увидите жирную черную линию между слоями — затем отпустите мышь и клавишу Option / Alt.Я предпочитаю этот метод использованию Command (Mac) / Control (Win) + J, потому что этот ярлык будет дублировать только один слой. Однако, чтобы вырезать выделение (или весь слой) на новый слой, Command (Mac) / Control (Win) + Shift + J работает как шарм.

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

• Command (Mac) / Control (Win) + Shift + E объединит видимые слои.
• Command + Option (Mac) / Control + Alt (Win) + E создает новый слой и вставляет на него « сглаженный » выбранных слоев.
• Command + Option (Mac) / Control + Alt (Win) + Shift + E создает новый слой и вставляет на него версию всех слоев « сглаженный ».

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

• Если выбран инструмент Move , выбор нескольких слоев (или выбор связанных слоев) позволяет их выровнять и распределить с помощью значков Align и Distribute на панели параметров Options .

Нацеливание на маску слоя

• Command (Mac) / Control (Win) + «\» (обратная косая черта) указывает маску слоя на панели «Слои». Command (Mac) / Control (Win) + 2 нацелены на слой.

Копирование нескольких слоев

• Вместо перетаскивания нескольких слоев между документами можно выбрать целевые слои на панели «Слои», а затем выбрать «Правка»> «Копировать» , чтобы скопировать все слои в буфер обмена Photoshop. Затем вы можете вставить их в один документ или перейти к другому и выбрать « вставить все слои ».

Таргетинг на слои с помощью клавиатуры

• Option (Mac) / Alt (Win) + «[» или «]» нацелен на слой выше или ниже текущего целевого слоя.
• Option (Mac) / Alt (Win) + Shift + «]» или + «[» добавляет следующий уровень вверх или вниз к целевым слоям (обратите внимание, когда вы перейдете наверх) или внизу стопки слоев, Photoshop будет « обернуть вокруг », чтобы продолжить добавление / вычитание слоев).
• Option (Mac) / Alt (Win) + «,» или «.» нацелен на нижний / самый верхний слой.
• Option (Mac) / Alt (Win) + Shift + «,» или «.« нацелен на все слои, которые попадают между текущим целевым слоем и вверху или внизу стека слоев.

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

Подвижные слои

• Command (Mac) / Control (Win) + «[» или «]» перемещает уровень вверх или вниз. Это очень полезный ярлык при записи действий, поскольку конкретное имя слоя не записывается.

Обратный порядок слоев

• Выберите Layer> Arrange> Reverse , чтобы изменить порядок наложения выбранных слоев. Примечание: если слои находятся в разных группах, эта опция недоступна.

Добавление групп слоев

• Группы слоев — отличный способ организовать сложный многослойный документ. Чтобы создать пустую группу слоев, щелкните значок Create Layer Group (папка) в нижней части панели «Слои».Группа будет добавлена ​​над текущим целевым слоем. Если нет целевых слоев, Photoshop добавляет группу в верхнюю часть стека слоев.
• Чтобы создать новую группу слоев, одновременно помещая целевые слои в эту группу. Группа выберите «Слой »> «Сгруппировать слои » или перетащите целевые слои (на панели «Слои») на значок «Новая группа» в нижней части панели «Слои» или используйте сочетание клавиш Command (Mac) / Control (Win) + G .Группа будет добавлена ​​над самым верхним текущим целевым слоем.
• Чтобы разгруппировать слои, выберите Layer> Ungroup Layers или используйте сочетание клавиш Command (Mac) / Control (Win) + Shift + G .

Дублирование групп слоев

• Выбрав группу на панели слоев, выберите Layer> Duplicate Group или Option (Mac) / Alt (Win) — перетащите группу на панели слоев (пока не увидите жирную черную линию между слои) и отпустите.

Примечание : этот ярлык не будет работать (в CS5 или более ранней версии), если Группа находится в верхней части панели «Слои» — в этом случае я использую контекстно-зависимое меню (Control -click (Mac) или правой кнопкой мыши щелкните) на группе и выберите Дублировать группу.

Удаление групп слоев

• Чтобы удалить группу, выберите «Слой »> «Удалить»> «Группа » или, выбрав группу на панели «Слои», щелкните значок корзины. Любой метод отображает диалоговое окно с параметрами для удаления « Group and Contents » (удаляет оба), « Group Only » (удаляет все группы, но оставляет слои) или « Cancel ».
• Чтобы удалить группу и все ее содержимое, минуя диалоговое окно, выберите группу на панели слоев и либо перетащите группу на значок корзины, либо Option (Mac) / Alt (Win) — щелкните значок значок корзины.
• Command (Mac) / Control (Win) — перетащите группу в корзину, чтобы удалить группу без удаления ее содержимого.

Выбор групп слоев

• Для автоматического выбора групп слоев (в отличие от выбора отдельных слоев) с выбранным инструментом «Перемещение» установите флажок «Автовыбор» на панели параметров и выберите «Группа» в раскрывающемся меню.

Отображение содержимого группы слоев

• Command (Mac) / Control (Win) — щелкните треугольник раскрытия рядом с группой слоев, чтобы развернуть или свернуть все группы слоев в документе.
• Option (Mac) / Alt (Win) — щелкните треугольник раскрытия, чтобы развернуть, свернуть все группы, вложенные в текущую группу.
• Option-Command (Mac) / Alt-Control (Win) — щелкните треугольник раскрытия, чтобы развернуть и свернуть все группы (вложенные или нет).
• Или, если хотите, Control (Mac) / правой кнопкой мыши (Win) — щелкните треугольник раскрытия группы и выберите « Close / Open this Group » или « Close / Open all Other Groups » .

Копирование объединенных слоев (и групп)

• Command (Mac) / Control (Win) + Shift + C (с выделением) копирует объединенный вид всех видимых слоев в буфер обмена.
• Option-Command (Mac) / Alt-Control (Win) + Shift + E , вставляет объединенную копию всех видимых слоев на (один) новый слой над самым верхним текущим выбранным слоем.

Многослойное маскирование

• Группы слоев отлично подходят не только для организации слоев, но и для одновременного маскирования содержимого нескольких слоев. Выбрав группу на панели «Слои», щелкните значок «Добавить пиксельную (или векторную) маску» на панели «Маски». Эта маска будет контролировать видимость всех слоев в группе.

Группы слоев смешивания

• Группы слоев по умолчанию настроены на отображение эффектов наложения (таких как непрозрачность, режимы наложения и т. Д.)), как и любой другой слой в Photoshop. Например, если для слоя в группе установлен режим наложения « Multiply », он будет умножен (смешан) со всеми другими слоями ниже него. В этом состоянии по умолчанию при нажатии на группу на панели слоев отображается « проходит через » в качестве режима наложения группы (то есть: любое смешивание, применяемое к слоям в группе, будет « пройти через », группа будет применена к слои ниже).
• Чтобы изменить это поведение по умолчанию, чтобы ограничить смешивание между слоями только этими слоями в пределах групп, выберите группу на панели «Слои» и установите режим наложения «Группы» на « Нормальный ».Для еще более продвинутого смешивания каналов в группах выберите «Слой »> «Свойства группы» (или Control (Mac) / , правая мышь (Win) — щелкните значок «Группа» на панели «Слои» и выберите «Свойства группы»), чтобы указать, какие каналы для использования со специальным эффектом наложения слоев.

Прозрачность слоя блокировки

• Находясь на слое, нажмите клавишу «/» , чтобы включить или выключить параметр «Блокировка (прозрачность, пиксели, положение или все)».

Преобразование слоя или маски слоя в выделение

• Command (Mac) / Control (Win) — щелкните миниатюру слоя или маски слоя на панели «Слои», чтобы загрузить его как выделение. Дополнительно:
• Command (Mac) / Control (Win) + Shift , чтобы добавить дополнительный слой или маску слоя к выделению.
• Option-Command (Mac) / Alt-Control (Win), чтобы вычесть другой слой или маску слоя из выделения.
• Option-Command (Mac) / Alt-Control (Win) + Shift для создания пересечения двух слоев и / или масок слоев.

Открытие файлов по слоям

• Когда вы знаете, что хотите открыть несколько файлов в одном документе, проще всего выбрать нужные файлы в Bridge и затем выбрать «Инструменты »> «Photoshop»> «Загрузить файлы в слои Photoshop» . Это открывает все файлы и помещает их в один файл Photoshop.

Отсутствующий ярлык «Сглаживание слоев»

• Мне всегда был нужен ярлык для сглаживания всех слоев, но по умолчанию его нет. Это прекрасный пример того, когда ценно возможность создавать собственные сочетания клавиш. Просто выберите Edit> Keyboard Shortcuts , в раскрывающемся меню « Shortcuts For » выберите Application Menus, щелкните треугольник раскрытия для « Layers » и добавьте свой собственный ярлык.

Правила связывания слоев

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

Кредит

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