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

Урок 1. Слои в Photoshop.

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

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

Рис. 1

Как мы видим, создавать новый слой можно не только из выпадающего меню, но и при помощи комбинации клавиш Shift+Ctrl+N. Для того чтобы сделать работу ещё более комфортной и быстрой, разработчики предусмотрели возможность создания нового слоя в один клик (рис. 2)

Рис. 2

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

Рис. 3

Добавить что-либо в новый слой можно с помощью команды «поместить» (рис. 4)

Рис. 4

Переименовать можно простым двойным щелчком по имени слоя.

Выше списка слоёв находятся кнопки управления режимами и стилями слоя, а также фильтры слоёв  (рис. 5)

Рис. 5

К слою можно применять такие действия:

— сменить стиль его наложения (рис. 6)

Рис. 6

— сменить его прозрачность и силу заливки цветом (рис. 7-8)

Рис. 7-8

— дополнительные функции (рис. 9)

Рис. 9

— также к списку слоёв, для большего удобства работы с ними, можно применять фильтры (рис. 10)

Рис. 10

Пойдём далее по списку выпадающего меню «Слои».

Например, для того чтобы сделать дубликат слоя не открывая меню, одним кликом – достаточно нажать на нужном слое левой кнопкой мыши и не отпуская протянуть его до кнопки «новый слой» – появится его копия. Либо используя комбинацию Ctrl+J  (рис. 11)

Рис. 11

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

Чтобы выделить несколько слоёв, необходимо нажимать на требующихся слоях левой кнопкой мыши удерживая при этом нажатой клавишу Ctrl. Для того, чтобы их объединить – достаточно нажать комбинацию Ctrl+E. Для сведения всех слоёв в один – Alt+Ctrl+Shift+E, но нужно запомнить – выделенным должен быть самый верхний слой и он обязательно должен быть активным. Активность слоя переключается глазком слева от его (слоя) миниатюры. (рис. 12)

Рис. 12

Давайте поместим в наш пустой слой произвольный объект и проделаем с ним несколько действий.  

Например, чтобы переместить слой достаточно потянуть его не отпуская левую кнопку вверх или вниз списка, а чтобы опустить его ниже фонового слоя – нужно разблокировать фоновый слой двойным щелчком левой кнопкой. Как видите – слой перемещён за фоновый, он активен, но из-за своего  положения в списке не виден (рис. 13)

Рис. 13

Отменить любое действие можно нажатием такой комбинации – Ctrl+Alt+Z. Прокрутить же отменённые события вперёд – Ctrl+Shift+Z.  

Создадим новый пустой слой и зальём его цветом. Чтобы залить основным цветом, достаточно нажать Alt+Backspace (рис. 14). Для заливки фоновым цветом – Ctrl+Backspace. Можно также использовать нижние кнопки, тогда выбранная функция будет представлена отдельным слоем.

Рис. 14

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

Достигается это таким образом – нужно выделить все слои, которые хотим сгруппировать и нажать Ctrl+G. Можно конечно и из выпадающего меню «Слои» используя соответствующие вкладки. Разгруппировываются же они таким образом – нужно просто перетянуть требуемый слой по списку вверх или вниз так, чтобы он вышел за пределы отмеченные группой. Саму группу можно также превратить в смарт-объект, либо растрировать. К группе слоёв тоже можно применять функции смешивания, менять степень прозрачности и заливки, как и с отдельными слоями.

Рис. 15

Слой вместе с содержимым можно трансформировать. Для этого используют комбинацию клавиш Ctrl+T. Непосредственно можно менять размер и форму объекта, просто подведя указатель мыши к одному из углов. Чтоб не потерять пропорциональность, это, например, важно для фото, при растягивании изображения нужно одновременно удерживать кнопку Shift. (рис. 16)

Рис. 16

Для придания же произвольной формы, нужно тянуть за края объекта с нажатой кнопкой Ctrl. (рис. 17)

Рис. 17

Ещё можно деформировать объект, исказить, исказить в перспективе и т.д. После нажатия Ctrl+T кликаем на нём правой кнопкой и выбираем то, что нам требуется (рис. 18)

Рис. 18

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

Рис. 19

Это меню настолько обширно, что отдельно останавливаться на нём пока не будем.

Маска слоя.  Её суть заключается в скрытии объекта или его частей без их удаления. Многие ошибочно полагают, что пользоваться маской слоя неудобно – напротив! Это прекрасный инструмент, позволяющий в любой момент повторно отредактировать или изменить выполненную обработку.   Чего вам не позволит сделать инструмент «ластик» например. (рис. 20)

Рис. 20

Чтобы скрыть часть объекта нужно по белой маске рисовать чёрной кистью и наоборот (рис. 21)

Рис. 21

Обтравочная маска. Даёт возможность отсечь части одно объекта относительно границе другого. Выполняется так:  удерживая кнопку ALT поднести курсор мыши к границе слоёв между ними. После появления соответствующего значка отпустить. (рис. 22-23)

Рис. 22

Рис. 23

Стрелочка указывает на то, что слой обтравлен.

Выделяем содержимое. Для этого достаточно просто щёлкнуть на миниатюре слоя, удерживая Ctrl (рис. 24).

Рис. 24

____________________

Читайте также:

Обработка фотографий. Фильтры в портрете

Обработка фотографий. Цветокоррекция

Урок Photosop. Подавление шумов

Слои в фотошопе, как работать со слоями

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

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

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

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

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

Панель слоев

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

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

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

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

Теперь рассмотрим вторую панель с пиктограммами.

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

Удобство работы со слоями

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

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

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

3. Это цветовое обозначение слоя, оно позволяет задать цвет выделения слоя. Для выделения можно задать любой цвет. Он не повлияет на работы, сделано это исключительно для удобства работы дизайнера (пользователя) графическим редактором adobe photoshop. Для того чтобы задать какой-либо цвет необходимо кликнуть у пиктограммы глазика , которая указывает на видимость слоя правой кнопкой мыши и в выпавшем меню выбрать нужный нам цвет.

Немного о работе со слоями в photoshop

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

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

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

Объединить слои —  для объединения слоев есть три варианта, которые позволяют объединять нужные нам слои.

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

Чтобы выполнить объединение слоев необходимо нажать правой кнопкой мыши на слое, который нужно объединить и в выпавшем меню выбрать необходимый пункт.

Удаление слоя – чтобы удалить слой необходимо выделить его и нажать Delete, либо перетащить слой на иконку с корзинкой (удалить слой). Можно также воспользоваться и меню слои.

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

Думаю на сегодня информации достаточно, заглядывайте чаще на fotodizart.ru, задавайте свои вопросы, подписывайтесь на новости сайта.

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

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

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

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

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

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

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

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

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

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

Откроется диалоговое окно « Загрузить слои» в Photoshop :

Диалоговое окно «Загрузить слои».

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

Чтобы выбрать папку и позволить Photoshop автоматически выбирать каждое изображение или файл в этой папке, измените параметр « Использовать» на « Папка» . Затем, чтобы перейти к папке, нажмите кнопку « Обзор» :

Установите «Использовать» в «Папка», затем нажмите «Обзор».

Это открывает окно проводника на ПК или окно Finder на Mac (что я и использую здесь). Перейдите в папку на вашем компьютере. В моем случае все мои изображения находятся в папке с именем «photos» на рабочем столе.

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

Нажмите OK (Win) / Open (Mac), чтобы автоматически выбрать все файлы в папке.

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

Нажмите «Отмена», чтобы закрыть окно.

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

Измените «Использовать» на «Файлы», затем нажмите «Обзор».

Как и прежде, это открывает окно проводника на ПК или окно Finder на Mac. Перейдите в папку, в которой хранятся ваши изображения. Я перейду к той же папке «фото» на рабочем столе.

Обратите внимание, что на этот раз файлы не отображаются серым цветом, что означает, что мы можем выбрать только те, которые нам нужны. Чтобы выбрать файлы вручную, нажмите на одно изображение, чтобы выбрать его. Затем нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и нажмите на другие изображения, которые хотите открыть.

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

Вручную выбирая картинки мне нужно открыть.

Имена файлов

Прежде чем я открою изображения, обратите внимание на имена моих файлов («forest.jpg», «Portrait.jpg» и «texture.jpg»). Photoshop будет использовать имена ваших файлов в качестве имен ваших слоев, поэтому может быть хорошей идеей переименовать ваши файлы перед загрузкой их в Photoshop. Конечно, вы всегда можете переименовать свои слои позже, если вам нужно, но переименование ваших файлов сначала избавит вас от хлопот:

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

Выбрав изображения, нажмите « ОК» в окне «Проводник» или « Открыть» в окне «Finder», чтобы загрузить изображения:

Открытие выбранных изображений.

Имена файлов, которые вы выбрали, появятся в диалоговом окне Load Layers:

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

Удаление файла из списка

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

Чтобы удалить файл, выберите его, затем нажмите «Удалить».

Шаг 3: Нажмите OK, чтобы загрузить изображения в Photoshop

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

Нажмите кнопку ОК, чтобы открыть изображения в Photoshop.

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

Панель «Слои» показывает все три изображения на отдельных слоях.

Просмотр ваших изображений

Поскольку мой слой «forest.jpg» отображается над двумя другими слоями на панели «Слои», изображение на этом слое отображается перед двумя другими моими изображениями в документе (фотография тропического леса из Adobe Stock) :

Изображение на верхнем слое. Фото предоставлено: Adobe Stock.

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

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

При отключенном верхнем слое мы видим мое портретное изображение в документе (портретное фото из Adobe Stock) :

Изображение на среднем слое. Фото предоставлено: Adobe Stock.

Я щелкну значок видимости слоя « Portrait.jpg», чтобы отключить средний слой, чтобы мы могли видеть изображение в нижнем слое:

Отключение слоя «Portrait.jpg».

А вот как выглядит изображение на слое «texture.jpg». Обратите внимание на рисунок шахматной доски справа от изображения. Шаблон шахматной доски — то, как Photoshop представляет прозрачность на слое. Когда Photoshop создал новый документ для хранения изображений, он установил значения ширины и высоты документа на основе ширины и высоты самых больших изображений.

Все три мои фотографии имеют одинаковую высоту, но мое текстурное изображение не такое широкое, как две другие, оставляя некоторое свободное пространство справа от его слоя. Если все ваши изображения не имеют одинаковую ширину и высоту, вам, скорее всего, потребуется изменить размер некоторых из них после их загрузки в Photoshop (текстурное изображение из Adobe Stock ):

Изображение на нижнем слое. Фото предоставлено: Adobe Stock.

Смешивание изображений

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

Во-первых, мне нужно изменить размер текстуры, чтобы она заполнила весь слой. Для этого я щелкну слой «texture.jpg» на панели «Слои», чтобы выбрать его:

Выбор слоя «texture.jpg» на панели «Слои».

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

Собираемся Правка> Свободное Преобразование.

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

Чтобы принять преобразование и закрыть команду «Свободное преобразование», я нажму Enter (Win) / Return (Mac) на моей клавиатуре:

Изменение размера текстуры изображения с помощью Free Transform.

Далее я снова включу два других слоя в документе, нажав на их значки видимости :

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

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

Перетащите слой «Portrait.jpg» над слоем «Forest.jpg».

Затем, чтобы смешать портретное изображение с лесным изображением, я изменю режим наложения слоя «Portrait.jpg» с Normal на Screen :

Изменение режима наложения слоя на Screen.

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

Результат после изменения режима наложения портретного слоя на Экран.

Затем мне нужно переместить изображение текстуры выше двух других изображений, поэтому я нажму на слой «texture.jpg» и перетащу его выше слоя «Portrait.jpg»:

Перетаскивая слой «texture.jpg» на вершину стека слоев.

Наконец, чтобы смешать текстуру со слоями под ней, я изменю режим смешивания с Normal на Soft Light :

Изменение режима наложения текстурного слоя на Soft Light.

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

Результат после изменения режима наложения текстуры на Soft Light.

Смешивание фотографий со слоями масок и градиентов в фотошопе

Используя маску слоя

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

Во-первых, с выбранным слоем «texture.jpg», я нажму значок « Добавить маску слоя» в нижней части панели «Слои»:

Нажав значок «Добавить маску слоя».

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

Появится миниатюра маски слоя.

Я выберу Photoshop’s Brush Tool на панели инструментов :

Выбор инструмента «Кисть».

И поскольку я хочу использовать маску слоя, чтобы скрыть части слоя текстуры, я позабочусь о том, чтобы цвет моей кисти ( цвет переднего плана ) был установлен на черный :

Установка цвета переднего плана на черный.

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

Скрытие текстурного слоя от области тени слева от волос женщины.

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

Скрытие текстурного слоя в правом нижнем углу.

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

Миниатюра маски слоя показывает, какие области слоя теперь скрыты.

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

Конечный результат.

Для записи видео с экрана и видеомонтажа рекомендуем видеоредактор Camtasia Studio. Очень мощный функционал!

Слои в Photoshop: понятным языком

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

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

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

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

Палитра слоёв в Photoshop

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

В правом нижнем углу панели вы увидите урну, нажатие на нее удалит активный в данный момент слой, а вот кнопкой Add New Layer, расположенной рядом с урной, создается новый слой. Здесь же, внизу, вы увидите маленький черно-белый кружок, разделенные пополам, нажатием по нему создаются корректирующие слои, а чтобы добавить маску слоя, нужно щелкнуть левой кнопкой мыши по прямоугольнику с белым кругом в центре него.

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

Слои Photoshop в действии

1. Фоновый слой «Background»

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

2. Копия фона, непрозрачность 85% «Opaciti» 85%

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

3. «Opaciti» 65% и режим наложения «Soft Light» — Мягкий свет

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

4. «Opaciti» 100% и режим наложения «Color» — Цветность

Если скрыть нижнюю часть фото с помощью маски, то этот слой лишь слегка охладит верхнюю часть снимка.

5. «Opaciti» 80% и режим наложения «Overlay» — Перекрытие

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

6. Корректирующий слой

Для того, чтобы обесцветить всю фотографию, применяем корректирующий слой «Hue/Saturation» — Цветовой тон/Насыщенность. В любой момент параметры корректирующего слоя поддаются коррекции, достаточно лишь дважды щелкнуть по данному слою на панели слоев.

7. «Opaciti» 45% и режим наложения «Soft Light» — Мягкий свет

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

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

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

На основе материалов с сайта: http://www.digitalcameraworld.com

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

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

Группа слоев представляет из себя папку, расположенную на палитре слоев. В нее можно поместить любое количество слоев и даже другие папки (об этом ниже по тексту). Затем эту группу слоев можно сворачивать (для компактного отображения) и, соответственно, разворачивать, чтобы показать ее содержимое.

Обратите внимание на скриншот выше. Стрелочка около папки нам показывает в открытом или закрытом состоянии находится папка. Открытая папка — означает, что на палитре слоев станет видно ее содержимое. Закрытая папка — это свернутая группа слоев. Удобно для компактного отображения содержимого палитры. Это актуально, когда слоев в проекте набралось немало, например, 100. Чтобы систематизировать весь этот объем, предполагается, что пользователь будет объединять однородные слои по группам.

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

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

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

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

Чтобы удалить группу — выберите ее и нажмите кнопку Delete или Backspace.

Совет

Если удалить папку, то вместе с ней удалятся и все вложенные слои. Будьте аккуратней!

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

Объединение группы слоев — это процесс, при котором все слои, входящие в данную группу объединяться в один единый слой. Чтобы это сделать, выберите папку, нажмите по ней правой кнопкой мыши. Появится контекстное меню, в котором самым последним пунктом идет команда Объединить слои. Процесс обратной силы не имеет.

Как создать группу слоев

Чтобы создать папку в фотошопе существует 3 способа. На способ создания влияет то, как вы хотите туда поместить слои.

Способ 1 Иконка папки в нижней части палитры слоев

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

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

Способ 2 Перетаскивание слоя на иконку группы слоев

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

Главное, смотрите внимательней, когда перетаскиваете на иконку, клавишу мыши надо отпускать тогда, когда увидите, что иконка примет вид вдавленной кнопки.

Способ 3 Через меню программы

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

Предварительно нужно выбрать нужные слои, после чего переходите: Слои — Сгруппировать слои (Group Layers). В это же мгновение па палитре появится группа, заполненная выбранными слоями.

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Основы Photoshop — работа со слоями.

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

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

Общий вид окна Photoshop. Выделена палитра слои.

Палитра слоев может быть расположена и в другом месте, это зависит от версии программы и настроек, но внешний вид у нее аналогичный, по-этому найти ее не составит труда. Если же она просто отключена, то достаточно включить ее в меню «Window — Layers» («Окно — Слои«) или нажав F7.

Чтобы начать работу нам нужно сделать копию слоя. Для этого достаточно перенести его на иконку копии слоя (на палитре внизу вторая справа), взяв левой кнопкой мыши, или просто нажать «Ctrl+J«.

Теперь у нас есть 2 слоя (нижняя картинка). Все изменения сделанные на одном из них никак не отразятся на остальных. Если мы хотим что-то сделать на слое, нужно его выбрать, для этого нужно просто кликнуть по нем, в нашем случае выбран верхний слой (подсвеченный синим). Чтобы скрыть слой достаточно нажать на иконку «видимости» слева от него, при этом будет показан слой, находящийся под ним. Так как мы пока ничего не меняли, то разница при скрытии слоя не будет заметна. Если нужно удалить слой, то его можно перенести на иконку корзины или просто нажать кнопку «Delete«.

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

Выбираем нужный слой кликнув по нему мышкой в нашем случае верхний и применяем фильтр из группы Sharpen — «Sharpen More» и затем сразу в меню «Edit — Fade Sharpen More«, чтобы ослабить действие фильтр выбираем 55%. Стало четче, но задаче еще не решена т.к. фильтр был применен ко всей фотографии и трава внизу, шина и некоторые детали тоже стали существенно резче и выглядят неестественно.

Чтобы этого избежать сотрем их на верхнем слое, для этого нужно выбрать ластик в режиме «Brush» («Кисть«). В настройках кисти ставим Hardness где-то 50% для того, чтобы получить мягкий переход между стертой частью и той, которая осталась. Для удобства работы можно скрыть нижний слой, чтобы точно видеть, что мы стираем.

Если включить нижний слой, то видно, что с резкостью задачу мы решили полностью, осталось повернуть изображение. Если мы начнем поворачивать верхний слой, то он переместится относительно нижнего, а это значит, что мы получим искажения на фотографии. Поэтому сделаем еще одну копию нижнего слоя и склеим ее с верхним. Для склейки нужно, чтобы оба слоя были не скрыты, итак объединяем слои через меню «Layer — Merge Down» («Слой — Объединить с нижним«) или нажав «Ctrl+E«.

Теперь у нас есть два слоя — исходный (нижний) и исправленный (верхний). Поворачиваем верхний слой через меню «Edit — Transform — Rotate» против часовой стрелки. Для этого нужно подвести мышку к верхнему левому углу и потянуть вниз. Для более точного результата можно воспользоваться заданием угла поворота вручную в верхней панели (отмечена на рисунке красным кружком).

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

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

Что такое слой и как его создать? / Creativo.one

Приветствуем будущего Photoshop-мастера!

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

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

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

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

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

• Мы покрываем стены слоем краски.
• Атмосфера Земли состоит из нескольких слоев.
• Бутерброд: хлеб, масло, сыр…

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

Создайте новый документ Файл — создать (File — New) или Ctrl+N.

Теперь перейдем к созданию нового слоя:

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

Главное меню — Слои — Новый — Слой… (Layer — New — Layer…).

Появляется такое окошко:

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

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

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

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

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

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

Если зажать Alt и кликнуть по ней, то снова появится знакомое окошко. А если просто кликнуть по ней, то окошко в этом случае не появится, но если вы хотите задать слою имя, то кликните дважды на слове Слой 1:

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

Используйте комбинацию клавиш Shift+Ctrl+N

Итак, в окне работы со слоями появился квадрат с шахматной доской — это и есть новый слой.

— шахматка означает прозрачность.

На рабочем документе он никак не проявится.

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

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

Посмотрим, что у нас получилось?

Итак, мы нарисовали рот на отдельном прозрачном слое, что доказывает изображение рта на миниатюре слоя (рот на шахматке!)

На документе фон за кругом — голубой, потому что просвечивает предыдущий голубой слой.

Примечание:

— этот значок, слева от иконки со слоем, показывает нам то, что слой видимый

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

Рот есть. Нарисуем глаза!

Снова создаем НОВЫЙ слой и рисуем на нем глаза. Вот что у нас получилось:

Продолжаем, теперь на очереди очки! Создаем НОВЫЙ слой!

Как видите, я очки частично перекрывают глаза, т.к. слой с глазами находится под слоем с очками.

Осталось дорисовать брови!

Создаем НОВЫЙ слой!

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

До встречи в следующем уроке!

Понимание слоев в Photoshop

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

Автор Стив Паттерсон.

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

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

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

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

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

Это руководство является частью 1 нашего учебного руководства по слоям 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 из панели инструментов (вложенной за инструментом 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 — Основы Photoshop для начинающих

Узнайте все о слоях в Photoshop из нашей постоянно растущей коллекции руководств по слоям! На этой странице представлен полный список всех написанных нами руководств по слоям, причем самые последние из них перечислены первыми.

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

Photoshop Layers Основные мощные ярлыки

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

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

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

Фоновый слой в Photoshop CC

В этом уроке из нашей серии Photoshop Layers вы узнаете все о фоновом слое в Photoshop CC, почему он отличается от обычных слоев и как обойти его ограничения.

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

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

Настройки панели «Основные слои»

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

Выровнять и распределить слои в Photoshop

Узнайте, как легко и автоматически выравнивать и распределять слои в документе Photoshop с помощью параметров «Выровнять и распределить», а также как группы слоев позволяют легко центрировать несколько слоев по самому документу!

Слои Photoshop — Группы слоев

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

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

Устали перетаскивать изображения из одного документа Photoshop в другой? Узнайте, как команда «Загрузить файлы в слои Photoshop», впервые представленная в Adobe Bridge CS4, может одновременно открывать несколько изображений как слои в одном документе!

Слои Photoshop — Фоновый слой

Слои

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

Фоновый слой в Photoshop CS5

Для Photoshop CS5 и более ранних версий. Узнайте все о фоновом слое в Photoshop, о том, что делает его особенным, а также о том, как обойти его правила и ограничения.

Основы панели слоев Photoshop CS5

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

Слои Photoshop Введение

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

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

Параметры Непрозрачности и Заливки в Photoshop на панели «Слои» управляют прозрачностью слоя, но в этом уроке мы узнаем важную разницу между ними при работе со стилями слоя!

Общие сведения о слоях-масках в Photoshop

Все еще необратимо повреждает ваши изображения с помощью инструмента «Ластик», потому что вы думаете, что маски слоев выходят за рамки вашего уровня навыков? Если вы знаете разницу между черным и белым и умеете рисовать кистью в Photoshop, у вас есть все необходимые навыки!

слоев Photoshop для начинающих — что, когда и как их лучше всего использовать

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

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

Зачем использовать слои Photoshop?

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

1.Это способ работать без разрушения

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

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

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

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

Легко добавлять текст, не затрагивая исходное изображение

2. Обеспечивает организованное и гибкое редактирование.

Photoshop — отличный вариант, если вам нужен больший контроль над процессом редактирования. Хотя вы начинаете с определенного конечного результата, вы можете передумать во время (или даже по завершении) вашего процесса. Конечно, есть способы лучше, чем отменить несколько изменений или начать с нуля, верно?

Enter, слои.

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

Слои

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

Вы можете использовать слои для замены простого неба

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

Как использовать слои Photoshop

Если вы не видите панель слоев в правой части экрана, вам необходимо включить ее. Для этого перейдите в Меню-> Окно-> Слои.

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

Первым шагом обычно является дублирование этого слоя. Таким образом, фоновый слой останется нетронутым (исходным).

Для начала продублируйте фоновый слой:

1. Открыть изображение в Photoshop
2. Щелкните правой кнопкой мыши эскиз изображения на панели слоев с именем «Фон» и выберите параметр дублирования слоя.
3. Нажмите ОК. Новый слой появится над исходным слоем с именем по умолчанию «Фоновая копия» — вы можете переименовать его как угодно.Я предлагаю переименовать его во что-нибудь, что связано с изменениями, которые вы вносите. Это упрощает поиск в дальнейшем, если у вас много слоев.

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

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

Корректирующие слои

В

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

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

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

Маски слоя

Маска слоя — это еще один метод неразрушающего редактирования в Photoshop, используемый для управления прозрачностью слоя, к которому вы ее применяете. Еще более простое определение — маска слоя может сделать слой видимым или невидимым. Это делается путем окрашивания в белый цвет (чтобы сделать его видимым) или черным (чтобы сделать его невидимым).

Режимы наложения

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

Пример того, как различные режимы наложения меняют внешний вид вашего изображения: 1. Нормальный 2. Умножение 3. Мягкий свет 4. Яркий свет 5. Оттенок 6. Яркость

Важные примечания по слоям для начинающих

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

Вы можете сохранить изменения как файл Photoshop (PSD), закрыть его и открыть позже, чтобы найти все ваши слои (и изменения) в том виде, в каком вы его оставили. Следует отметить, что при сохранении таким образом размер файла увеличивается. Если вы закончили редактирование и вам не нужен большой PSD-файл, вы можете объединить все слои (или сгладить файл) и сохранить его в меньшем, более сжатом типе файла, таком как jpeg.Конечно, при этом вы больше не сможете получить доступ к этим отдельным слоям позже.

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

Заключение

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

Если вы не объединяете слои, вы можете открыть файл Photoshop через несколько лет и внести изменения, не затрагивая исходное изображение.

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

Работа со слоями в Photoshop: руководство для начинающих

Layers — мощный инструмент в Photoshop и одно из основных преимуществ этой программы по сравнению с Lightroom.

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

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

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

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

Я занимаюсь обработкой в ​​Photoshop с 2006 года, поэтому могу сказать вам это с большой уверенностью: когда вы знаете, как работают слои в Photoshop, вы уже значительно опережаете процесс обучения. Большинство техник в Photoshop основаны на неразрушающем рабочем процессе, который могут обеспечить слои … поэтому абсолютно важно, чтобы вам было удобно использовать слои, если вы хотите создавать высококачественные, необычные пейзажные фотографии.

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

А теперь перейдем к руководству! Если вы предпочитаете смотреть или читать, я расскажу вам ниже.

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

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

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

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

Если по какой-либо причине палитра слоев не отображается, просто перейдите в верхнее меню и нажмите Windows> Слои или нажмите F7 на клавиатуре.

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

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

Как добавить новый слой

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

Спуститесь в нижнюю часть палитры слоев и щелкните значок «Добавить корректирующий слой» (как показано на скриншоте ниже) и добавьте новый корректирующий слой «Черно-белый».

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

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

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

Слои подобны стеклу

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

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

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

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

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

Это отражено в миниатюре нового слоя, на которую я указываю на скриншоте выше; это абсолютно прозрачно.

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

Итак, давайте нарисуем этот слой (или кусок стекла), чтобы проиллюстрировать, как слои могут взаимодействовать друг с другом.

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

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

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

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

Этот новый черный наложенный слой на 100% не зависит от слоя фотографии под ним: я могу взять этот слой (или кусок стекла) и убрать его, уменьшить прозрачность, переместить… но он всегда будет оставаться отдельно от моей фотографии, потому что никоим образом не привязан к нему.

[cboxarea id = ”cbox-7fsz7Q6rf38cujKU”]

Взаимодействие со слоями

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

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

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

Просто введите желаемое имя (для этого слоя я назову его «Черный оверлей») и нажмите Enter.

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

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

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

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

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

Подвижные слои

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

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

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

Преобразование слоя

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

Выбрав черный оверлейный слой, нажмите CMD + T, чтобы активировать инструмент преобразования. Теперь у инструмента преобразования есть несколько расширенных функций, о которых я расскажу в другом уроке … но его основная функция — просто растянуть или сжать ваш слой по длине и / или ширине.

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

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

Чтобы подтвердить изменения в вашем слое, нажмите клавишу Enter или установите флажок в верхнем меню… в противном случае ваша работа в инструменте преобразования не будет установлена.

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

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

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

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

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

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

Теперь, если вы когда-нибудь хотели дублировать слой, это тоже просто. Просто нажмите + удерживайте свой слой, как вы только что сделали на предыдущем шаге, но вместо этого … вы собираетесь перетащить его до самого низа палитры слоев, пока не наведете курсор на значок «создать новый слой». , а затем отпустите кнопку мыши.

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

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

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

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

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

>> Щелкните здесь, чтобы перейти к следующему руководству по маскам слоя <<

Как обрезать слой в Photoshop: 2 метода

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

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

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

Это связано с тем, что обрезка просто уменьшает общий размер холста — это визуальная версия настройки размера холста.

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

Решение 1. Используйте инструмент выделения.

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

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

Затем перейдите в меню «Выбор» и нажмите «Инверсия».

Это приведет к снятию выделения с исходного выделения и выделению всего внешнего.

Наконец, нажмите клавишу удаления, чтобы удалить выделение. Вы только что (эффективно) обрезали слой!

Что делать, если вам сначала нужно создать новый слой?

Если у вас еще нет слоя, вы можете выбрать часть изображения, которую хотите обрезать, и перейти к Layer => Layer via Cut.

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

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

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

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

Есть еще один способ «обрезать» часть слоя с сохранением — это использование маски слоя.

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

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

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

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

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

Помните, что вы на самом деле не возитесь со слоем, вы просто накладываете / накладываете на трафарет.

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

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

Если вы ищете курс Photoshop, охватывающий практически все, то стоит попробовать этот курс Бена Уиллмора.

Связанные

Заключение

Хотя изначально невозможно (пока) обрезать слой в Photoshop, эти два обходных пути довольно эффективны.Маска слоя — это, безусловно, самый мощный и надежный способ сделать это без потери данных изображения.

Приемы создания пользовательских текстур в Photoshop — Smashing Magazine

Об авторе

Стивен Г. Петрани — штатный графический дизайнер и по совместительству инструктор в Университете Брэдли в США. Ему нравится работать в Photoshop …
Больше о
Стивен
↬

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

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

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

Дополнительная информация о SmashingMag:

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

Сравнение текстур. (Просмотр большой версии)

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

Текстурирование с помощью фильтров

Фильтры по-прежнему рассматриваются многими как дешевые уловки, которые не имеют реальной применимой функции в Photoshop. (Я знаю, что раньше я был по ту сторону забора.) Напротив, фильтры Photoshop — это чрезвычайно мощные эффекты, которые при правильном использовании могут дать потрясающие результаты.Если фильтры не являются частью вашего обычного рабочего процесса Photoshop, я рекомендую вам еще раз взглянуть на эти недооцененные эффекты и использовать приведенные ниже советы, чтобы начать работу.

Применение фильтра к фильтру

Никто никогда не говорил, что можно применить только один фильтр. Вместо этого попробуйте добавить второй, третий или больше. Поэкспериментируйте с несколькими фильтрами и посмотрите, как они взаимодействуют друг с другом для создания новых эффектов. На панели «Галерея фильтров» ( «Фильтр» → «Галерея фильтров» ) даже есть стек фильтров, в котором вы можете предварительно просмотреть, как несколько фильтров работают вместе.На изображении ниже показано, как фильтр Craquelure становится намного интереснее, просто применяя его к фильтру Reticulation через галерею фильтров.

Фильтр «Кракелюр», примененный к фильтру «Ретикуляция» на панели «Галерея фильтров». (Просмотр большой версии)

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

Грубая текстура, созданная с помощью нескольких фильтров. (Просмотр большой версии)

На изображении ниже показаны шаги, необходимые для воссоздания этой текстуры.Текстура начинается с чистого холста (слева). Добавление фильтра шума ( Фильтр → Шум → Добавить шум ) (в центре) вносит случайность в сцену и создает хорошую основу для следующего фильтра. Поскольку фильтры работают, манипулируя пикселями на слое, порядок, в котором вы применяете фильтры, важен. Итак, применяя фильтр Emboss ( Filter → Stylize → Emboss ) поверх фильтра Noise, создается новая текстура (справа).

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

Более того, некоторые фильтры просто дают лучшие результаты при более чем однократном применении. Рассмотрим изображение ниже обведенной сетки. Применение фильтра Spherize ( Фильтр → Искажение → Spherize ) дает только умеренный результат (средний). Однако повторное применение создает более правдоподобную сферу (справа).

Некоторые фильтры работают лучше при многократном применении. (Просмотр большой версии)

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

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

Some Filters Naturally Tile

Укладка текстур желательна, но часто требует много времени и усилий. Почему бы не позволить Photoshop сделать большую часть работы за вас? Некоторые фильтры (например, «Облака» и «Шум») будут естественным образом мозаичными, если размер документа будет кратным 2 (например, 256 × 256, 512 × 512, даже 512 × 1024).Если вы начнете с одной из этих текстур в качестве основы и будете строить поверх нее, вы обнаружите, что можете быстро создать несколько сложных текстур, которые мозаичны, с небольшими дополнительными усилиями или без них. На изображении ниже показан пример текстуры, созданной с использованием фильтра «Облака» в качестве отправной точки.

Текстура дерева, созданная с использованием фильтра «Облака» в качестве основы. (Просмотр большой версии)

Как уже говорилось, эта текстура начинается с фильтра «Облака» ( Фильтр → Рендеринг → Облака ), применяемого к документу размером 1024 × 1024 пикселей.Подобно шуму, фильтр «Облака» обеспечивает некоторую случайность, которая хорошо работает с другими фильтрами.

Фильтр облаков применен к пустому документу. (Просмотр увеличенной версии)

На этом этапе мы можем изменять размеры изображения, не нарушая его возможности мозаичного размещения. Следовательно, регулируя размер с помощью меню Image → Image Size , мы можем сжать текстуру, сохраняя ее мозаичной (слева). Теперь, если мы добавим эффект постеризации ( Изображение → Коррекция → Постеризация ), мы сможем разбить текстуру на несколько оттенков серого с более четкими краями (в центре).Фильтр «Найти края» ( Фильтр → Стилизация → Найти края, ) изолирует только эти края, создавая начало рисунка текстуры древесины (справа).

Растянутый фильтр облаков становится текстурой дерева. (Просмотр большой версии)

Чтобы узнать весь процесс создания этой текстуры, ознакомьтесь с моим руководством «Пользовательская текстура дерева в Adobe Photoshop».

Текстурирование с помощью стилей слоя

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

Режимы наложения

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

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

Совет: Работа с текстурами в градациях серого при использовании режимов наложения значительно упрощает управление наложением (цвет всегда можно добавить позже).

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

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

Параметры «Расширенное наложение» и «Смешать, если»

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

Панель Layers Style содержит часто упускаемые из виду параметры «Advanced Blending» и «Blend If». (Просмотр большой версии)

Сделайте изображение ниже. Глянцевая текстура краски была создана с минимальными усилиями с помощью ползунков «Растушевка, если».

Изображение кисти, созданное с помощью различных техник в Photoshop. (Просмотр большой версии)

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

Этапы создания глянцевой текстуры. (Просмотр увеличенной версии)

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

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

Чтобы узнать больше о том, как было создано это изображение, ознакомьтесь с моим руководством «Создание кисти в Photoshop».

Дублирование стилей слоя

Иногда для слоя полезно иметь два одинаковых стиля слоя с разными настройками.В прошлых версиях Photoshop сделать это без использования деструктивных методов было сложно. С появлением смарт-объектов в CS2 — а теперь с возможностью добавления стилей слоев в группы слоев в CS6 — Photoshop упрощает использование и повторное использование нескольких стилей слоя на одном слое. Эта техника была использована для создания жидкости и стеклянной бутылки на сцене ниже.

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

Рассматривая только жидкость со сцены, она начинается с общей формы на ее собственном слое (слева).Слою (в центре) были назначены стили слоя Inner Shadow и Gradient Overlay. Слой был преобразован в смарт-объект, что позволяет вам редактировать стили слоя в будущем. Затем те же два стиля слоя («Внутренняя тень» и «Наложение градиента») были повторно применены к смарт-объекту (справа) с использованием других настроек для достижения более сложного эффекта.

Жидкая форма с повторяющимися стилями слоя. (Просмотр большой версии)

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

Чтобы узнать больше о том, как это было создано, ознакомьтесь с моим руководством «Создание бутылки вина и бокала с помощью смарт-объектов».

Текстурирование с помощью кистей

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

Изучение панели кистей

Это может показаться довольно простым, но многие люди придерживаются только настроек «Жесткость» и «Размер». Регулировка настроек на панели «Кисти» (Окно → Кисть ) позволяет быстро расширить возможности использования любой кисти.Он дает вам возможность точно настроить поведение кисти, делая его более случайным и, следовательно, более естественным. Вот как я создал некоторые элементы на изображении ниже (например, блики карандаша).

Сцена с карандашом и бумагой, созданная в Photoshop. (Просмотр большой версии)

Чтобы создать реалистичные блики, я скорректировал параметры «Динамика формы» и «Рассеивание» на панели «Кисти» (слева). Изменив настройки и размер, я смог создать несколько мазков кисти, которые выглядят более фрагментированными и более естественными (справа).Каждый мазок кисти представляет собой отдельный блик, нанесенный карандашом.

Различные мазки кисти, созданные с помощью панели «Кисти». (Просмотр большой версии)

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

Чтобы узнать больше о том, как была создана эта сцена, ознакомьтесь с моим руководством «Создание реалистичной карандашной иллюстрации в Adobe Photoshop».

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

Иногда просто настроить параметры существующей кисти недостаточно.Создание новой формы кисти (с помощью команды Edit → Define Brush Preset ) открывает больше возможностей для достижения естественных текстур. Формы кисти не обязательно должны быть сложными, чтобы быть эффективными — я обычно работаю с простыми формами и регулирую настройки в соответствии со своими потребностями. Хорошим примером этого являются царапины на деревянной ручке кисти на изображении ниже.

Потертая ручка кисти. (Просмотр большой версии)

Царапины были созданы путем рисования простой формы, такой же, как на изображении ниже (слева).Выбор Edit → Define Brush Preset добавит форму кисти в вашу библиотеку кистей. Используя технику из предыдущего шага и отрегулировав параметры «Динамика формы» и «Рассеивание» на панели «Кисти», мы можем создать кисть, которая показывает царапины (в центре). Изображение справа показывает используемую кисть.

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

Используйте инструмент «Кисть» для рисования со стилями слоя

Эта следующая техника позволяет буквально рисовать текстурой.Он сочетает в себе инструмент «Кисть» и стили слоя, чтобы легко создавать сложные эффекты текстурирования. Хитрость заключается в том, чтобы установить параметр «Заливка» слоя на 0%, чтобы скрыть мазки кисти и сфокусироваться на стиле слоя. Изображение ниже демонстрирует эту технику. В этом случае я использовал эту технику, чтобы нарисовать вмятины на металлическом каркасе.

Знак изношенный с помятой металлической рамкой. (Просмотр большой версии)

Эта техника работает лучше всего, когда вы используете кисть, которая уже имеет некоторые вариации. Это может быть пользовательская кисть или одна из нескольких предустановленных кистей Photoshop, например, кисть «Уголь 59 пикселей», показанная на изображении ниже.

Кисть для угля. (Просмотр большой версии)

Следуя одному из предыдущих приемов, я использовал панель «Кисти» для настройки параметров «Динамика формы» и «Рассеивание», чтобы добиться большего разнообразия фактического мазка кисти, как показано на изображении ниже (слева ). Прежде чем использовать кисть, просто создайте новый слой со стилем слоя Bevel and Emboss, а затем установите параметр «Заливка» на 0% (который скроет цвет обводки, но оставит стиль слоя видимым). Теперь, рисуя на этом слое, вы можете буквально рисовать текстурой (справа).

Использование специальной кисти для рисования текстуры. (Просмотр большой версии)

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

Текстурирование с изображениями

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

Заключение

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

Дополнительная литература

(al, ml)

(Архивы) Adobe Photoshop CS3: Работа со слоями

Эта статья основана на устаревшем программном обеспечении.

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

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

Photoshop позволяет создавать несколько слоев изображения. Каждому слою назначается имя по умолчанию, а непрозрачность по умолчанию установлена ​​на 100%. Вы можете переименовывать слои или изменять прозрачность во время создания слоя или позже.

Слои можно создавать с помощью диалогового окна «Новый слой» или палитры «Слои».

Создание слоев: параметр диалогового окна

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

1. В меню Layer выберите New »Layer …
   OR
   Нажмите [Ctrl] + [Shift] + [N].
   ИЛИ
   Нажмите [Alt] + . Создайте новый слой на палитре Layers .
   Откроется диалоговое окно Новый слой .

2. В текстовом поле Имя введите желаемое имя.
   ПРИМЕЧАНИЕ. Присвоение слоям имен, описывающих ваш проект или содержимое слоя, позволяет более эффективно управлять слоями.

3. (Необязательно) Чтобы изменить непрозрачность слоя, в текстовом поле Непрозрачность введите желаемый процент непрозрачности.
   ИЛИ
   Щелкните стрелку и отрегулируйте ползунок Непрозрачность .
   ПРИМЕЧАНИЕ. Процент непрозрачности определяет степень видимости других слоев через этот слой.

4. (Необязательно) Чтобы задать цветовой код слоя, из раскрывающегося списка Цвет выберите нужный цвет.

5. (Необязательно) Чтобы изменить режим слоя, из раскрывающегося списка Mode выберите нужный режим.
   ПРИМЕЧАНИЕ. Режим слоя определяет, как его пиксели смешиваются с нижележащими пикселями изображения. Вы можете создавать различные специальные эффекты, используя режимы слоев.

6. Щелкните ОК .
   Новый слой появится на палитре Layers .

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

1. На палитре «Слои » щелкните « Создать новый слой».
   Новый слой появится на палитре Layers .

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

Если вам больше не нужен слой или вы хотите заменить слой, вы можете его удалить.Если вы удалили слой по ошибке, вы можете получить его с помощью функций «Отменить» или «Шаг назад».

Слои можно удалить с помощью параметра меню, параметра щелчка правой кнопкой мыши или параметра кнопки.

Удаление слоев: опция меню

1. В палитре «Слои » выберите слой, который нужно удалить.

2. В меню Layer выберите Delete Layer .
   Появится диалоговое окно подтверждения.

3. Щелкните Да.
   Слой удален.

Удаление слоев: параметр правой кнопкой мыши

1. В палитре «Слои » щелкните правой кнопкой мыши слой, который нужно удалить.

2. В меню Layer выберите Delete Layer .
   Появится диалоговое окно подтверждения.

3. Щелкните Да.
   Слой удален.

Удаление слоев: опция кнопки

1. В палитре «Слои » выберите слой, который нужно удалить.

2. Нажмите кнопку Удалить слой .
   Появится диалоговое окно подтверждения.

3. Щелкните Да.
   Слой удален.

Получение удаленных слоев

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

Получение удаленных слоев: опция отмены

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

1. В меню Edit выберите Undo Delete Layer .
   ИЛИ
   Нажмите [Ctrl] + [Z].
   Удаленный слой снова появляется.

Получение удаленных слоев: шаг назад

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

1. В меню Edit выберите Step Backward .
   ИЛИ
   Нажмите [Ctrl] + [Alt] + [Z].
   Самое последнее изменение изображения стирается.

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

Переименование слоев

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

Переименование слоев: диалоговое окно «Свойства слоя»

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

2. В меню Layers выберите Layer Properties …
   OR
   В палитре Layers щелкните правой кнопкой мыши слой, который хотите переименовать.

3. Выберите Свойства слоя …
   Откроется диалоговое окно «Свойства слоя » .

4. В текстовом поле Имя введите подходящее имя для слоя.

5. Щелкните ОК .
   Новое имя слоя появится на палитре Layers .

Переименование слоев: параметр мыши

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

2. Введите имя нового слоя.

3. Нажмите [Enter].
   Новое имя слоя появится на палитре Layers .

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

Вы можете установить непрозрачность слоя на любое значение от 0 до 100%.Слой с непрозрачностью 0% полностью прозрачен; слой с непрозрачностью 100% полностью непрозрачен. Например, если вы создадите слой с непрозрачностью 50% и примените к этому слою краску со 100% непрозрачностью, этот слой сможет отображать краску только с непрозрачностью 50%.