Как открыть окно в фотошопе со слоями: Просмотр нескольких изображений в Photoshop

Содержание

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

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

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

Если, по каким-либо причинам эта панель не отображается у вас на экране, вы можете нажать клавишу F7 или открыть ее самостоятельно, зайдя в меню Window > Layers (Окно – Слои). Наличие галочки слева от названия панели означает, что в настоящее время она отображается на экране. А если галочки нет, то панель скрыта.

Откройте это яркое изображение с бабочкой в Photoshop. По желанию вы можете выбрать свое.

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

Вкладка Layers

В верхней части панели слоев имеется отдельная вкладка Layers (Слои). По ней-то мы и определяем, что данная панель именно для слоев.

Вы, наверно, заметили, что рядом имеются две другие вкладки Channels (Каналы) и Paths (Контуры), они отображаются серым цветом.

Эти две панели сгруппированы с панелью Layers (Слои). На самом деле панелей в Photoshop очень много и, если их все отобразить на экране, то они просто закроют всю рабочую область и работать в такой обстановке будет не комфортно. Именно поэтому производители Adobe Photoshop решили оставить только небольшую группу из нескольких панелей для экономии места.

Чтобы переключиться на другую панель в этой группе, нужно просто нажать на нужную вкладку. Но, несмотря на то, что все вкладки находятся в одной группе, панели Channels (Каналы) и Paths (Контуры) не имеют никакого отношения к панели Layers (Слои). Кроме одного факта, что они так же широко используются в Photoshop. Так, что пока мы конкретно рассматриваем панель слоев, другие вкладки мы можем игнорировать.

Строки слоев

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

Название слоев

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

Миниатюры слоя

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

Добавление нового слоя

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

Новый слой появляется на панели слоев прямо над фоновым слоем. Photoshop автоматически присваивает название слою. Ниже на изображении видно, что новому слою присвоено название Layer 1 (Слой 1). Обратите внимание, что у нас теперь имеется две строки в панели слоев, каждая из которых представляет отдельный слой.

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

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

Photoshop автоматически присвоил ему название Layer 2 (Слой 2). Теперь у нас получилось три строки, каждая из которых представляет один отдельный слой в документе.

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

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

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

Единственный слой, который мы не сможем переместить – это слой Background (Фон). Так же мы не можем передвинуть другие слои ниже фонового. Все остальные слои могут быть перемещены как угодно по мере необходимости.

Активный слой

Вы, наверно, заметили, что когда у нас был только один фоновый слой, он был выделен синим цветом в палитре слоев. Далее, когда мы добавили слой Layer 1 (Слой 1), он выделился и так далее. Когда слой выделяется, он в настоящее время считается активным. Все, что вы будете делать на рабочем документе, будет относиться к выделенному слою.

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

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

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

Теперь удалите и второй слой, сделав клик на слое Layer 2 (Слой 2), и перетащите его на значок с урной.

На панели слоев остался только один фоновый слой.

Копирование слоя

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

Находясь над значком, отпустите кнопку мыши. Копия слоя появится над оригиналом. В результате Photoshop сделал копию фонового слоя и присвоил ему название Background Copy (Фон копия). Обратите внимание, что новый слой стал активным.

Теперь я хочу применить пару фильтров для размытия слоя Background Copy (Фон копия). Вот, что получилось после применения нескольких фильтров.

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

Значок видимости слоя

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

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

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

Оригинальное изображение скрылось за размытым.

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

Нам известно, что при создании нового слоя Photoshop автоматически присваивает ему название. Это удобно, когда мы работаем с парой, тройкой слоев. А когда их 10, 20 или 100, то это совсем неудобно, для большого количества слоев требуются более осмысленные названия.

К счастью программа Photoshop позволяет легко переименовать нужный слой. Для этого нужно просто сделать двойной клик по названию слоя в палитре слоев, затем ввести новое название. Измените название слоя копии на Blur, после этого нажмите Enter (Ввод), чтобы принять изменения.

Добавляем слой-маску

В Photoshop слой-маска имеет важное значение для большей части работы. Я не буду вдаваться в конкретные подробности. Перед тем как добавить к слою маску, убедитесь, что выбран нужный слой. А затем нажмите на значок, расположенный в нижней части панели слоев Layer Mask (Добавить слой-маску).

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

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

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

В нижней части панели слоев справа от значка Layer Mask (Добавить слой-маску) находится черно-белый кружок Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку).

Нажав на этот значок, должен открыться список. Выберите из него Hue/Saturation (Цветовой тон/Насыщенность).

Этот корректирующий слой позволяет легко менять цвета изображений. В Photoshop CS4 и CS5, элементы для корректирующих слоев появляются в панели настроек. А в CS3 и более ранних версиях они открываются в отдельном диалоговом окне. Активируйте опцию Colorize (Тонирование) и вы увидите, как поменяется цвет на изображении. Далее измените следующие значения Hue (Цветовой тон) 195 и изображение окрасилось в синие тона, Saturation (Насыщенность) 60, изображение приобрело более насыщенный синий цвет. Я не вдаюсь в конкретные подробности, поэтому, если что-то не понятно, то ориентируйтесь по рисунку ниже.

Вот результат после создания корректирующего слоя.

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

Изменение режима смешивания

В панели слоев для каждого слоя отдельно мы можем изменить режим. Опция Blend mode (Режим наложения) расположена в верхнем левом углу в панели слоев прямо под вкладками. По умолчанию там установлен режим Normal (Обычные).

Измените режим наложения для корректирующего слоя Hue/Saturation (Цветовой тон/Насыщенность) на Color (Цветность). Посмотрите на изображение, оно стало немного ярче.

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

У каждого слоя мы можем контролировать уровень прозрачности. Данная опция находится напротив опции режима наложения. Значение Opacity (Непрозрачность) 100% установлено по умолчанию, и оно означает, что мы не можем видеть сквозь данный слой. Измените Opacity (Непрозрачность) для корректирующего слоя на 70%.

Хоть значение непрозрачности снижено незначительно, а первоначальные цвета уже начинают проявляться.

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

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

Ранее мы узнали, что для удобства в работе с большим количеством слоев можно давать осмысленные названия каждому слою. Другой путь заключается в группировке слоев. В нижней части панели слоев есть значок папка Create a New Group (Создать новую группу). Но имеются и другие способы создания группы.

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

После того, как вы выбрали, какие слои будете группировать, нажмите на значок меню в верхнем правом углу панели слоев (в более ранних версиях Photoshop значок меню выглядит как маленькая стрелочка). В открывшемся меню слоев выберите New Group from Layers (Новая группа из слоев).

После этого на экране появится диалоговое окно New Group from Layers (Новая группа из слоев), в котором вы можете изменить название группы, а также некоторые другие параметры. Затем нажмите на кнопку ОК, чтобы принять настройки по умолчанию или какие-либо изменения, если вы что-то изменили.

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

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

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

Стили слоя

Наряду с уже ранее перечисленными значками в нижней части панели слоев есть значок Add a Layer Style (Добавить стиль слоя).

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

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

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

В панели слоев чуть ниже опции Blend mode (Режим наложения) расположено четыре значка блокировки. Слева направо: Lock Transparent Pixels (Сохраняет прозрачность пикселов), Lock Image Pixels (Сохраняет цвета пикселов), Lock Position (Закрепляет положение) и Lock All (Сохраняет все). Если вы выберите один из вариантов блокировки, то на выбранном слое справа появится значок замка.

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

Изменение размера миниатюр

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

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

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

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

Слои Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Щелкните переключатель, чтобы включить фильтрацию слоя или выключить ее.

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

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

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

Преобразование фона в обычный слой Photoshop

На панели «Слои» дважды щелкните фон или выберите меню «Слой» > «Новый» > «Из фона».

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

Нажмите кнопку ОК.

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

Выберите слой Photoshop на панели «Слои».

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

Всем прозрачным пикселам слоя присваивается цвет фона, а слой перемещается в конец списка слоев.

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

Видеопособие | Преобразование фонового слоя в обычный слой

Дублирование слоев Photoshop

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

Создание дубликата слоя Photoshop или группы в текущем изображении

Выберите слой или группу на панели «Слои».

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

Перетащите слой или группу на кнопку «Создать новый слой» .

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

Создание дубликата слоя Photoshop или группы в другом изображении

Откройте исходное и целевое изображения.

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

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

Перетащите слой или группу из панели «Слои» в целевое изображение.

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

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

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

В предыдущем материале мы вкратце рассмотрели, что такое слои и как они облегчают работу в Photoshop. Но прежде чем мы сможем приступить к их полноценному использованию, мы должны получить некоторые необходимые навыки по работе в «управляющем центре» слоёв – Панели слоёв (Layers panel).

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

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

По умолчанию, эта панель находится в правой нижней части экрана. Здесь я использую Photoshop CS6, но, независимо от того, какую версию программы вы используете, вы сможете найти панель слоёв на том же месте:

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

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

Имя панели

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

Вы, возможно, заметили, что рядом с Панелью слоёв имеются две другие вкладки – Каналы (Channels) и Контуры (Paths) – они сейчас не активные и отображены чёрным (в ранних версиях – серым) цветом.

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

Не позволяйте тому обстоятельству, что Панель слоёв сгруппирована с этими двумя другими, сбить вас с толку. Каналы (Channels) и Контуры (Paths) не имеют ничего общего с Панелью слоёв!

Отображение слоёв в Панели

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

Имя слоя

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

Миниатюра слоя (миниатюра предпосмотра)

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

Размер миниатюр можно менять, либо попросту отключить, но для этого требуется создать ещё один слой, кроме фонового, либо изменить фоновый слой на обычный.
Для изменения или отключения миниатюр кликните в поле миниатюры правой клавишей мыши и выберите соответствующую строку, на рис. обведены красным (в англ. интерфейсе это строки No Thumbnails, Small Thumbnails, Medium Thumbnails, Large Thumbnails соответственно):

Добавление нового слоя

Чтобы добавить новый слой в документ, нажмите на значок «Создать новый слой» (Create a New Layer), расположенный внизу палитры слоёв:

Новый слой появляется в панели прямо над фоновым слоем. Photoshop автоматически именует новые слои. В этом случае, он назвал слой «Слой 1» (Layer 1). Обратите внимание, что у теперь нас в панели слоёв находятся две строки, каждая из которых представляет свой отдельный слой:

Если я снова нажму на значок «Создать новый слой», Photoshop добавит ещё один новый слой в документе, на этот раз назвав его «Слой 2» (Layer 2), и теперь мы имеем три строки, каждая из которых содержит один из трех слоёв в документе:

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

Перемещение слоёв

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

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

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

Активный слой

Вы, возможно, заметили, что, когда в моем документе был только один фоновый слой, он был выделен фиолетовым (в версях ниже CS6 – синим) цветом в панелие слоёв. Потом, когда я добавил «Слой 1, выделенным стал именно он. А с данный момент «Слой 2» является выделенным. Когда слой выделен, это означает, что в настоящее время он является активным. Все действия, которые мы производим в документе, осуществляются на активном слое. Каждый раз, когда мы добавляем новый слой, Photoshop автоматически делает его активным, но мы можем изменить вручную то, какой слой является активным, просто кликнув по нужному. Здесь я сделаю «Слой 1» активный, нажав на него, и мы видим, что он выделился цветом. На всякий случай, на рисунке справа я привожу вид панели в версиях Photoshop CS5 и ниже:

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

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

Есть и другой способ удаления отдельных слоёв. Выделите нужный слой и нажмите клавишу Delete на клавиатуре. Таким образом я удалю «Слой 2».

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

Копирование слоя

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

Когда вы наведёте курсор на значок и затем отпустите кнопку мыши, копия слоя появится над оригиналом. В моем случае, Photoshop сделал копию моего фонового слоя и назвал его «Фон копия» (Background copy). Обратите внимание на то, что после данных действий этот новый слой стал активным:

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

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

Иконка видимости слоя

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

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

Как мы уже видели, Photoshop при создании или копировании автоматически именует слои, но имена он дает им довольно общие и ничего не значащие, такие, как «Слой 1» и «Фон копия», такие имена не могут быть полезны для пользователя. Когда у нас есть всего несколько слоёв в документе, названия не очень важны, но, когда мы работаем с 10-ю, 20-ю, сотней и более слоёв, гораздо проще, чтобы слои имели осмысленные имена.

К счастью, Photoshop, позволяет легко переименовать слой. Просто дважды щелкните непосредственно на имени слоя в палитре, затем введите новое имя. Я изменю имя «Фон копия» на «Blur». Когда вы закончите вводить имя, щёлкните мышкой в любом месте палитры или нажмите клавишу клавиатуры Enter, чтобы принять изменённое имя:

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

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение «Фонарик» для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Заранее благодарен, Дмитрий.

QR-код для установки:

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

Как открыть окно в фотошопе стиль слоя. Установка и использование стилей в Photoshop

Посвященных Стилям в Фотошопе. Что такое стили? Зачем они нужны? Что с ними можно сделать? Какие стили существуют и как их применять? На все эти вопросы можно будет найти ответы в этом цикле статей. Я так же пройдусь по каждому из эффектов стилей и разберу все основные настройки.

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

Стили, в целом, созданы исключительно для веб. Этакий аналог символов, только в Фотошопе. Появились стили как ответ на стили в другой, некогда конкурирующей программе Macromedia Fireworks , которая заточена исключительно под веб графику. Затем Adobe купила Macromedia и конкуренция закончилась. А стили остались.

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

Получается аналог Appearance в Иллюстраторе, кроме того, что Styles в Фотошопе появились на лет 10-15 раньше.

Где находятся стили в Фотошопе?

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

Другой и самый частый способ применения стилей — панель слоев Layers , которую можно открыть через Windows > Layers . Как пользоваться? Можно сделать двойной клик средней части слоя, или открыть выпадающее меню на дне панели — иконка с надписью fx. Это ещё один способ воспользоваться стилем.

Воспользоваться стилями можно и из панели стилей Style . Открыть её можно через Windows > Styles . Эта панель содержит все загруженные на данный момент стили Фотошопа. Так же через неё можно создавать новые стили. А старые удалять. Если вы никогда не работали со стилями, то у вас скорее всего в ней содержатся дефолтные стили. Эти коллекции находятся в Фотошопе по умолчанию. Дефолтные стили можно смело удалять, при необходимости вернуть их можно одним кликом из выпадающего меню в этой же панели Стилей.

Ещё один способ управлять стилями — . Это диалоговое окно является менеджером настроек. Не сложно догадаться что оно управляет сохраненными настройками. Например стилями. А так же кистями, фигурами, кривыми и большей частью того, что в Фотошопе можно сохранить как шаблонную настройку. Preset Manager — достаточно древнее диалоговое окно. Его преимущество перед той же панелью стилей Styles в том, что через Preset Manager можно совершать групповые операции. Например выделить группу стилей и сохранить их как единую коллекцию.

Стили содержатся во всех панелях настроек всех . Например в настройках инструмента Rectangle Tool или Custom Shape Tool . Дело в том что Стили как раз и задуманы для использования вместе с этими инструментами. Поэтому они и находятся в их панелях настроек. Можно выбрать инструмент Rectangle Tool и сразу прицепить к нему стиль. Затем начать рисовать кнопочки для сайта. Для этого стили и создавались.

Как пользоваться стилями?

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

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

Самый простой способ воспользоваться стилями: выберите инструмент Type Tool и напечатайте любой текст. Откройте Стили слоев любым из вышеописанных способов. Например из панели слоя — иконка fx. или двойной клик по слою или в меню — Layer > Layer Style . Появится диалоговое окно Стилей слоя Layer Style .

В диалоговом окне 3 области:

  • Меню стилей — левая узкая область. Здесь находится список всех стилей для слоя, а так же настройки наложения слоя и окно стилей.
  • Настройки стилей — средняя крупная область. Здесь находятся настройки для конкретного выбранного стиля.
  • Кнопки — правая узкая область. Здесь можно утвердить слой, сохранить его в стили или отменить результат настроек, а так же небольшое превью окошко, в котором виден итоговый стиль.

Выберите любой стиль, например Drop Shadow — тень, поставьте галочку в левом меню, покрутите настройки, нажмите ОК . И ваш первый стиль готов.

Панель стилей Styles

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

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

В нижней части панели знакомые функции:

  • Clear Layer Style — очищает слой от всех стилей.
  • Create New Style — иконка с листиком создает новый стиль с нуля. Так же стиль можно создать просто кликнув по пустой части панели Стилей.
  • Delete Style — чтобы удалить стиль, по нему нужно щелкнуть и перетянуть на иконку с мусорным ведром.

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

В первой группе единственная опция — Create New Style , она же создает новый стиль.

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

Третья Preset Manager , которая вызывает , о котором шла речь выше.

В следующей группе операции, управляющие стилями.

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

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

Последняя группа закрывает панель стилей Styles .

Как использовать панель Стилей?

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

Стили в диалоговом окне Layer Styles

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

Как добавить стили в Фотошоп

Загрузить готовые стили в Фотошоп очень просто. Во первых, весь инет наполнен подобными коллекциями стилей на все случаи жизни. Во вторых, можно создать собственные стили и сохранить их подобный фаил. Сохраняются стили в формат ASL . Чтобы загрузить стили, откройте панель стилей Style и в верхнем правом углу нажмите иконку выпадающего меню. Из меню выберите Load Styles , чтобы загрузить стили в панель. При нажатии OK стили из панели будут заменены на новые. При нажатии Apprend новые стили будут добавлены к старым.

Второй способ загрузить стили — диалоговое окно стилей слоя Layer Style в вкладке Styles . Этот раздел представляет из себя ту же панель стилей, но встроенную в это диалоговое окно. Load Styles надо опять же выбрать из выпадающего меню.

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

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

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

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

Вот темы, которые мы будем обсуждать:

1. Что такое Стиль слоя?

2. Применение Стилей слоя.

3. Диалоговое окно Layer Style.

4. Тень (Drop Shadow).

5. Внутренняя тень (Inner Shadow).

6. Внешнее свечение (Outer Glow).

7. Внутреннее свечение (Inner Glow).

8. Тиснение, текстуры (Bevel and Emboss (Contour/Texture).

9. Глянец (Satin).

10. Наложение цвета (Color Overlay).

11. Наложение градиента (Gradient Overlay).

12. Наложение узора (Pattern Overlay).

13. Обводка (Stroke).

14. Дополнительные советы по применению стилей слоя. (A few layer type tips).

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

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

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

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

Кроме этого, возможно отключение видимости каждого эффекта (стиля) в отдельности. На примере ниже выключен эффект «Тень» (Drop Shadow) .

Добавление Стилей слоя.

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

1. Нажатие правой кнопкой мыши по строке слоя и выбор в выпадающем меню опции «Параметры наложения» (Blending Options) .

2. Двойной клик левой кнопкой мыши по строке слоя в панели слоев.

3. Доступ к окну настроек стилей слоя можно получить через верхнюю панель установок окна программы. Находим вкладку Слой-Стили слоя (Layer> Layer Style) , затем выбираем диалоговое окно всех настроек стилей (Blending Options) или какую-нибудь одну опцию из меню стилей (Тень, Глянец, Наложение градиента и т.д.).

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

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

Когда вы откроете диалоговое окно стилей, то увидите вверху опцию «Параметры наложения» (Blending Options) . Активировав ее, можно настраивать режим смешивания для слоя и уровень его непрозрачности, количество заливки. Есть и более подробные параметры настройки данной опции, расположенные ниже.

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


Тень (Drop Shadow).

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

Режим смешивания (Blend Mode) позволяет наложить тень на фон по-разному (Перекрытие, Умножение и т.д.). Также можно выбрать цвет тени, используя цветовую палитру (квадрат рядом со строкой режима смешивания). По умолчанию программы цвет тени – черный.

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

Угол (Angle) предусматривает положение тени от объекта относительно источника света.

Расстояние/смещение (Distance) позволяет расположить тень ближе или дальше от объекта.

Размах (Spread) делает тень плотнее.

Размер (Size) увеличивает или уменьшает величину тени.

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

Пример 1:

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

Пример 2:

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

Внутренняя тень (Inner Shadow).

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

Все настройки внутренней тени аналогичны предыдущей опции, за исключением смены параметра Размах (Spread) на Стягивание (Choke) . Чем больше стягивание, тем толще тень внутри объекта.

Пример 1:

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

Пример 2:

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

Пример 3:

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

Внешнее свечение (Outer Glow).

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

В настройках опции «Внешнее свечение» можно изменять параметры режимов смешивания, непрозрачности и уровня шума, а также размера и размаха, как и в настройках «Тени». Здесь, в отличие от тени, можно выбрать один из методов свечения: мягкий или точный (Technique) . Мягкое свечение делает свет более тонким и слабым, а точное – расширяет ореол, усиливая его плотность. Опция Диапазон (Range) позволяет изменять толщину свечения. Чем меньше значение опции, тем толще световой край. Установка диапазона, например, в 1 рх, сделает для вашего объекта обводку, а не свечение.

Пример:

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

Внутреннее свечение (Inner Glow).

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

Параметры данного эффекта аналогичны предыдущему стилю, кроме еще одного добавленного: Источник (Source) . Он позволяет сделать ваше свечение, исходящим из центра объекта, либо от его краев к центру (по умолчанию).

Пример 1:

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

Пример 2:

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

Тиснение (Bevel and Emboss).

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

Активация флажка «Контур» позволяет вам сделать тиснение краев вашей фигуры резче или мягче.

Использование «Текстуры» добавляет объекту узорное покрытие.

При применении стиля «Тиснение» работают следующие условия: чем выше глубина (Depth) , тем резче структура тиснения, чем выше размер (Size) , тем ближе к центру выполняется тиснение. Настройка Затенение (Shading) позволяет вам установить уровень непрозрачности блика и угол падения света на тисненую область объекта.

Пример 1:

На примере ниже использовано сильное тиснение с большим уровнем глубины до 1000%, но малым показателем размера и смягчения (Size, Soften) , что придает резкие очертания выпуклым краям изображения.

Пример 2:

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

Пример 3:

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

Глянец (Satin).

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

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

Пример 1:

В этом примере я выбрал за основу красный цвет, смещение (Distance) глянца установил на 72 рх, а его размер на 0 рх, чтобы создать узорное оформление моего фото.

Пример 2:

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

Наложение цвета (Color Overlay).

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

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

Пример 1:

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

Пример 2:

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

Пример 3:

При использовании черного цвета как основного и установке режима смешивания на Перекрытие (Overlay) с непрозрачностью 100%, можно полностью исключить некоторые цвета на изображении, что может быть полезно при изолировании объекта с фона.

Наложение Градиента (Gradient Overlay).

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

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

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

Пример 1:

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

Пример 2:

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

Наложение узора (Pattern Overlay).

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

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

Пример 1:

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

Пример 2:

При помощи опции Масштаб (Scale) вы можете увеличить или уменьшить разрешение вашего узора.

Пример 3:

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

Обводка (Stroke).

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

Многие опции в диалоговом окне данного стиля встречались нам уже раньше.

Поговорим о незнакомых параметрах эффекта.

Опция «Позиция» указывает на местоположение обводки: внутри, снаружи или из центра объекта. Толщина обводки регулируется перемещением ползунка в опции «Размер» (Size) . По умолчанию программы используется размер в 3 рх, но чаще применима обводка 1 рх. Опция «Тип обводки» (Fill Type) позволяет заполнять обводку цветом, градиентом или узором. По умолчанию обводка заполнена цветом.

Пример 1:

В этом примере представлен стиль слоя с настройками «по умолчанию».

Пример 2:

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

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

Если вы имеете много стилей слоя, примененных к объекту, а затем хотите перенести эти стили на другой объект, нажмите правой кнопкой мыши по строке слоя и выберите «Скопировать стили слоя» (Copy Layer Style) . Затем, перейдя на нужный вам слой, опять нажмите правой кнопкой мыши по слою и выберите «Вклеить стиль слоя» (Paste Layer Style) . Такой прием экономит ваше время.

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

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

С применением стилей слоя ваши возможности в освоении программы Фотошоп значительно расширятся.


Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

Стили в фотошопе – это набор эффектов слоя. Из сочетаний этих эффектов и получаются стили. Как правило, этот набор имитирует какой-то материал или эффект, какое-то состояние вещества. Например, сверкающее золото, искрящийся лед, цветное стекло, мозаика и т.п.

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

Некоторое количество стилей есть в фотошопе по умолчанию.

Посмотреть существующие стили можно открыв окно Styles (Стили).

Для этого выполните команду меню Window (Окнo)> Styles (Стили).

Как применить стиль

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

Если в коллекции вы не нашли нужного вам стиля, его следует скачать на нашем сайте или в другом месте. Файл стиля должен быть с расширением ASL (файл может быть в архиве rar или zip, нужно распаковать)

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

Файл стилей с разрешением ASL нужно разместить в папке, где хранятся стили и они станут доступными в фотошопе. Если вы установили программу Photoshop на диске C:, то, скорее всего она у вас будет в папке \Program Files\. Возможно, стили находятся в папке C:\Program Files\Adobe\Photoshop CS\Presets\Styles. Но не обязательно, это зависит от версии фотошопа.

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

Но тогда они сами не появятся, и их следует загрузить.

Как загрузить стили

Откройте фотошоп. В правом верхнем углу панели Styles (Стили) есть небольшая кнопка с треугольником.

Нажмите ее и откройте меню, в котором перечислены действия, которые вы можете проделать со стилями. Чтобы загрузить новый набор, нажмите Load Styles (Загрузить стиль), выберите файл с расширением ASL, нажмите ОК.

Или другой способ: Команда меню Edit (Редактирование)>Preset Manager (Менеджер настроек), нажать кнопку Load (Загрузить).

Как изменить стиль

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

Обратите внимание – в панели Layers (Слои) на изображении слоя, в котором вы применили стиль, появились символы f x и под слоем появился перечень эффектов, из которых скомпонован стиль (Если не видите перечня эффектов, нажмите треугольную кнопку рядом с символами).

Щелкните два раза на этом слое в панели Layers (Слои) и откройте диалоговое окно с настройками Layer style.Сверху справа есть команда Styles открывающая окно, в котором можно выбрать или сменить стиль

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

Как сохранить стиль в программе фотошоп

Если эксперимент прошел удачно и стиль вам нравится, то следует сохранить изменения с помощью кнопки New Style (Новый стиль), расположенной в правом верхнем углу панели Layer style, сразу под OK и Cancel. Нажмите на нее, и в панели Styles появится новый стиль.

Как сохранить стиль в отдельном файле

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

Нужно помнить, что

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

Если стиль при применении отображается не совсем адекватно, то измените разрешение у файла, с которым работаете. Меню Image (Изображение)>Image Size (размер изображения), в окне с параметрами обратите внимание на строку Resolution (Разрешение). Некоторые стили не корректно работают при разрешении 300 dpi, а если изменить значение на 72 dpi, то все будет нормально.

При изменении размера изображения, масштабируются и элементы стиля.

Чтобы избежать этого, есть простой способ: добавьте новый прозрачный слой и объедините слой со стилем с этим новым прозрачным слоем (Команда контекстного меню Merge (Объединить)). После этого трансформируйте, как хотите.

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

Расскажем и покажем общие принципы

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

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

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

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

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

С правой стороны от основного экрана Adobe Photoshop cs6 должна быть расположена палитра стилистических эффектов. Если её нет, значит, следует её отобразить. Проделать это совершенно несложно, достаточно в верхней панели кликнуть по параметру «Окно», а затем установить возле пункта «Стили» галочку. После этого палитра стилистических эффектов отобразиться с правой стороны основного окна.

В приложении уже есть предустановленные наборы

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

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

Можно обмениваться стилями между слоями либо полностью удалять

Установка новых стилистических разновидностей

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

Правила установки закачанных наборов

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

Теперь, когда все готово к процессу установки стилей, следует запустить Adobe Photoshop, ознакомиться с дальнейшими рекомендациями, как установить стили в Фотошоп.

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

Первоначально следует найти в верхней части параметр «Редактирование», кликнуть по нему, а затем перейти в пункт «Наборы», а затем в подпункт «Управление наборами».

Выбираем скачанный ранее файл с набором

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

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

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

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

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

Инструкция

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

Чтобы увидеть все доступные наборы стилей, нажмите на крохотный треугольник в правом верхнем углу палитры. Перед вами появится окно с опциями, в нижней части которого находится список загруженных стилей. Щелкните по названию нужного набора, например, Abstract Style — «Абстрактный стиль». Откроется диалоговое окно с вопросом: Replace current style with the style from Abstract Style? — «Хотите ли вы заменить установленный стиль на «Абстрактный стиль?». Чтобы согласиться с предложением программы, нажмите OK. Если нужно добавить новый набор, сохранив при этом предыдущие, нажмите кнопку Append.

Изменяя эффекты слоя, вы можете редактировать готовые стили, а также создавать новые. Щелкните на значке fx в нижней левой части палитры Layers — «Слои». Откроется диалоговое окно Layer Style — «Стиль слоя», в левой части которого вы увидите список разделов. Первый из них Styles — «Стили» предназначен для выбора и управления готовыми стилями. Следующий раздел Blending Options: Default — «Параметры наложения по умолчанию» применяется для настройки режима наложения слоя. Остальные разделы используются для выбора и настройки отдельных эффектов.

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

Для имитации объема, создания фасок и рельефов используйте эффект Bevel and Emboss — «Тиснение». Он хорошо подойдет для обработки текстовых слоев и фигур. Если вам нужно создать цветную или градиентную обводку, примените эффект Stroke — «Обводка». Параметр Inner Shadow — «Внутренняя тень» создает тень от границ в пределах самого объекта. Применение этого эффекта создает впечатление, будто объект вырезан из фона. Для имитации света, исходящего изнутри объекта, воспользуйтесь Inner Glow — «Внутреннее свечение».

Для создания впечатления размытости и шелковых бликов, совместно с другими эффектами, примените функцию Satin — «Глянец». Эффекты группы Overlay — «Наложение» перекрывают содержимое слоя цветом, градиентом или узорной заливкой. Эффекты данной группы можно использовать совместно. Если вам нужно выделить текстовую надпись, сделанную на многоцветном фоне, используйте эффект Outer Glow — «Свечение». Примените эффект Drop Shadow — «Тень» для имитации тени от объекта на плоскости.

Управление слоями в панели слоёв и горячие клавиши

Дублирование слоя и копирование выделения на новый слой

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

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

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

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

Выбор всех похожих слоёв одновременно (кроме Photoshop CS6 и выше)

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

Примечание. Эта опция отсутствует в версии CS6 и будет отсутствовать в следующих версиях, т.к. начиная с CS6 в Панели слоёв Photoshop появился поиск по слоям.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Работа с вкладками окон документов в Photoshop

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

Перемещение между вкладками

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

Чтобы перемешаться по вкладкам справа налево, нажмите комбинацию Ctrl+Tab либо Ctrl+~. Для перемещения в другую сторону используйте Ctrl+Shift+Tab либо Ctrl+Shift+~.

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

Выпадающее меню выбора изображений

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

Плавающее изображения в отдельном окне документа

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

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

Другой способ — это нажать на вкладку изображения правой клавишей мыши ми в появившемся контекстном меню выбрать пункт «Переместить в новое окно»(Float in Window) :

Преобразование всех вкладок одновременно в плавающие окна

Если вы хотите избавиться от вкладок полностью с тем, чтобы все открытые изображения отобразились в плавающих окнах, пройдите по вкладке главного меню Окно —> Упорядочить —> Свободно перемещать все окна (Window —> Arrange —> Float All in Windows) :

Перемещение изображения обратно в группу вкладок

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

Перемещение нескольких изображений из окон во вкладки

Если у вас имеется более одного изображения, отображённых в плавающих окнах, и вы хотите сгруппировать все их во вкладках, пройдите по вкладке главного меню Окно —> Упорядочить —> (Window —> Arrange) и выберите пункт «Объединить всё на вкладках» (Consolidate All to Tabs)

Закрыть одну или все вкладки

Чтобы закрыть одну вкладку, надо кликнуть на крестик в правой части заголовка. Чтобы закрыть все вкладки, необходимо пройти по вкладке главного меню Файл —> Закрыть всё (File —> Close All)

Отключение открытия документов во кладках по умолчанию

Если вы предпочитаете старый способ работы в Photoshop с каждым изображением, т.е. в плавающих отдельных окнах, Вы можете отключить настройку открытия документов во вкладках. Для этого пройдите в Редактирование —> Установки —> Интерфейс (Edit —> Preferences —> Interface). Это действие вызовет диалоговое окно настроек интерфейса. где в разделе «Параметры» снимите галку с опции «Открыть документы во вкладках»(Open Documents as Tabs)

Открыть несколько изображений в виде слоев в 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. Очень мощный функционал!

Как открыть стили в фотошопе. Стили слоя (Layer Style) в Photoshop. Диалоговое окно Layer Style

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

Примечание: скриншоты операционной системы Windows10, Photoshop CC 2017. Для других версий Photoshop алгоритм действий будет тот же.

Открываем Управление наборами

Для начала скачайте из Интернета файл с новыми стилями и распакуйте его, если он заархивирован.

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

Кнопка под цифрой 2 (в виде шестерёнки) показывает разновидности дополнения.

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

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



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


Снова нажимаем Загрузить (Load).

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

Примечание: если стилей много, опустите полосу прокрутки вниз, и в конце списка будут видны новые стили.


Вот и все, программа Photoshop скопировала указанный файл со стилями в свой набор. Можете пользоваться!

Я вместе с вами установила себе новые стили! Посмотрим, что получилось!


Если в исходнике только обычные слои с применёнными стилями.
Пользуемся таким стилем так:

Вариант 1
Откройте PSD исходник со стилями, выделите текст с готовым стилем слоя, введите свой текст.
Получаем готовую надпись с применённым стилем.

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

Если в исходнике для применения эффекта смарт объект.

Откройте смарт объект двойным нажатием на его миниатюре. Далее измените слой с текстом на свой вариант надписи. Закройте смарт объект, подтвердив сохранение.


Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

Стили в фотошопе – это набор эффектов слоя. Из сочетаний этих эффектов и получаются стили. Как правило, этот набор имитирует какой-то материал или эффект, какое-то состояние вещества. Например, сверкающее золото, искрящийся лед, цветное стекло, мозаика и т.п.

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

Некоторое количество стилей есть в фотошопе по умолчанию.

Посмотреть существующие стили можно открыв окно Styles (Стили).

Для этого выполните команду меню Window (Окнo)> Styles (Стили).

Как применить стиль

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

Если в коллекции вы не нашли нужного вам стиля, его следует скачать на нашем сайте или в другом месте. Файл стиля должен быть с расширением ASL (файл может быть в архиве rar или zip, нужно распаковать)

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

Файл стилей с разрешением ASL нужно разместить в папке, где хранятся стили и они станут доступными в фотошопе. Если вы установили программу Photoshop на диске C:, то, скорее всего она у вас будет в папке \Program Files\. Возможно, стили находятся в папке C:\Program Files\Adobe\Photoshop CS\Presets\Styles. Но не обязательно, это зависит от версии фотошопа.

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

Но тогда они сами не появятся, и их следует загрузить.

Как загрузить стили

Откройте фотошоп. В правом верхнем углу панели Styles (Стили) есть небольшая кнопка с треугольником.

Нажмите ее и откройте меню, в котором перечислены действия, которые вы можете проделать со стилями. Чтобы загрузить новый набор, нажмите Load Styles (Загрузить стиль), выберите файл с расширением ASL, нажмите ОК.

Или другой способ: Команда меню Edit (Редактирование)>Preset Manager (Менеджер настроек), нажать кнопку Load (Загрузить).

Как изменить стиль

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

Обратите внимание – в панели Layers (Слои) на изображении слоя, в котором вы применили стиль, появились символы f x и под слоем появился перечень эффектов, из которых скомпонован стиль (Если не видите перечня эффектов, нажмите треугольную кнопку рядом с символами).

Щелкните два раза на этом слое в панели Layers (Слои) и откройте диалоговое окно с настройками Layer style.Сверху справа есть команда Styles открывающая окно, в котором можно выбрать или сменить стиль

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

Как сохранить стиль в программе фотошоп

Если эксперимент прошел удачно и стиль вам нравится, то следует сохранить изменения с помощью кнопки New Style (Новый стиль), расположенной в правом верхнем углу панели Layer style, сразу под OK и Cancel. Нажмите на нее, и в панели Styles появится новый стиль.

Как сохранить стиль в отдельном файле

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

Нужно помнить, что

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

Если стиль при применении отображается не совсем адекватно, то измените разрешение у файла, с которым работаете. Меню Image (Изображение)>Image Size (размер изображения), в окне с параметрами обратите внимание на строку Resolution (Разрешение). Некоторые стили не корректно работают при разрешении 300 dpi, а если изменить значение на 72 dpi, то все будет нормально.

При изменении размера изображения, масштабируются и элементы стиля.

Чтобы избежать этого, есть простой способ: добавьте новый прозрачный слой и объедините слой со стилем с этим новым прозрачным слоем (Команда контекстного меню Merge (Объединить)). После этого трансформируйте, как хотите.

Вернемся к работе со слоями. Речь пойдет о диалоговом окне Стиль слоя и тех эффектах и настройках, которые предлагает это окно.

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

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

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

Примечание

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

Сразу перейдем к самому интересному и «вкусному»…

Готовые специальные эффекты фотошопа

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

Photoshop CS5 предлагает к использованию такие эффекты:

Тень

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

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

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

Аналогично, как с внутренней тенью. В настройках есть только одно отличие: можно указать источник свечения (Из центра или На краях)

Тиснение (Контур, Текстура)

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

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

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

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

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

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

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

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

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

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

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

Расскажем и покажем общие принципы

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

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

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

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

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

С правой стороны от основного экрана Adobe Photoshop cs6 должна быть расположена палитра стилистических эффектов. Если её нет, значит, следует её отобразить. Проделать это совершенно несложно, достаточно в верхней панели кликнуть по параметру «Окно», а затем установить возле пункта «Стили» галочку. После этого палитра стилистических эффектов отобразиться с правой стороны основного окна.

В приложении уже есть предустановленные наборы

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

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

Можно обмениваться стилями между слоями либо полностью удалять

Установка новых стилистических разновидностей

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

Правила установки закачанных наборов

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

Теперь, когда все готово к процессу установки стилей, следует запустить Adobe Photoshop, ознакомиться с дальнейшими рекомендациями, как установить стили в Фотошоп.

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

Первоначально следует найти в верхней части параметр «Редактирование», кликнуть по нему, а затем перейти в пункт «Наборы», а затем в подпункт «Управление наборами».

Выбираем скачанный ранее файл с набором

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

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

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

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

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

Посвященных Стилям в Фотошопе. Что такое стили? Зачем они нужны? Что с ними можно сделать? Какие стили существуют и как их применять? На все эти вопросы можно будет найти ответы в этом цикле статей. Я так же пройдусь по каждому из эффектов стилей и разберу все основные настройки.

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

Стили, в целом, созданы исключительно для веб. Этакий аналог символов, только в Фотошопе. Появились стили как ответ на стили в другой, некогда конкурирующей программе Macromedia Fireworks , которая заточена исключительно под веб графику. Затем Adobe купила Macromedia и конкуренция закончилась. А стили остались.

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

Получается аналог Appearance в Иллюстраторе, кроме того, что Styles в Фотошопе появились на лет 10-15 раньше.

Где находятся стили в Фотошопе?

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

Другой и самый частый способ применения стилей — панель слоев Layers , которую можно открыть через Windows > Layers . Как пользоваться? Можно сделать двойной клик средней части слоя, или открыть выпадающее меню на дне панели — иконка с надписью fx. Это ещё один способ воспользоваться стилем.

Воспользоваться стилями можно и из панели стилей Style . Открыть её можно через Windows > Styles . Эта панель содержит все загруженные на данный момент стили Фотошопа. Так же через неё можно создавать новые стили. А старые удалять. Если вы никогда не работали со стилями, то у вас скорее всего в ней содержатся дефолтные стили. Эти коллекции находятся в Фотошопе по умолчанию. Дефолтные стили можно смело удалять, при необходимости вернуть их можно одним кликом из выпадающего меню в этой же панели Стилей.

Ещё один способ управлять стилями — Preset Manager . Это диалоговое окно является менеджером настроек. Не сложно догадаться что оно управляет сохраненными настройками. Например стилями. А так же кистями, фигурами, кривыми и большей частью того, что в Фотошопе можно сохранить как шаблонную настройку. Preset Manager — достаточно древнее диалоговое окно. Его преимущество перед той же панелью стилей Styles в том, что через Preset Manager можно совершать групповые операции. Например выделить группу стилей и сохранить их как единую коллекцию.

Стили содержатся во всех панелях настроек всех векторных примитивов . Например в настройках инструмента Rectangle Tool или Custom Shape Tool . Дело в том что Стили как раз и задуманы для использования вместе с этими инструментами. Поэтому они и находятся в их панелях настроек. Можно выбрать инструмент Rectangle Tool и сразу прицепить к нему стиль. Затем начать рисовать кнопочки для сайта. Для этого стили и создавались.

Как пользоваться стилями?

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

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

Самый простой способ воспользоваться стилями: выберите инструмент Type Tool и напечатайте любой текст. Откройте Стили слоев любым из вышеописанных способов. Например из панели слоя — иконка fx. или двойной клик по слою или в меню — Layer > Layer Style . Появится диалоговое окно Стилей слоя Layer Style .

В диалоговом окне 3 области:

  • Меню стилей — левая узкая область. Здесь находится список всех стилей для слоя, а так же настройки наложения слоя и окно стилей.
  • Настройки стилей — средняя крупная область. Здесь находятся настройки для конкретного выбранного стиля.
  • Кнопки — правая узкая область. Здесь можно утвердить слой, сохранить его в стили или отменить результат настроек, а так же небольшое превью окошко, в котором виден итоговый стиль.

Выберите любой стиль, например Drop Shadow — тень, поставьте галочку в левом меню, покрутите настройки, нажмите ОК . И ваш первый стиль готов.

Панель стилей Styles

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

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

В нижней части панели знакомые функции:

  • Clear Layer Style — очищает слой от всех стилей.
  • Create New Style — иконка с листиком создает новый стиль с нуля. Так же стиль можно создать просто кликнув по пустой части панели Стилей.
  • Delete Style — чтобы удалить стиль, по нему нужно щелкнуть и перетянуть на иконку с мусорным ведром.

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

В первой группе единственная опция — Create New Style , она же создает новый стиль.

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

Третья Preset Manager , которая вызывает менеджер настроек , о котором шла речь выше.

В следующей группе операции, управляющие стилями.

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

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

Последняя группа закрывает панель стилей Styles .

Как использовать панель Стилей?

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

Стили в диалоговом окне Layer Styles

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

Как добавить стили в Фотошоп

Загрузить готовые стили в Фотошоп очень просто. Во первых, весь инет наполнен подобными коллекциями стилей на все случаи жизни. Во вторых, можно создать собственные стили и сохранить их подобный фаил. Сохраняются стили в формат ASL . Чтобы загрузить стили, откройте панель стилей Style и в верхнем правом углу нажмите иконку выпадающего меню. Из меню выберите Load Styles , чтобы загрузить стили в панель. При нажатии OK стили из панели будут заменены на новые. При нажатии Apprend новые стили будут добавлены к старым.

Второй способ загрузить стили — диалоговое окно стилей слоя Layer Style в вкладке Styles . Этот раздел представляет из себя ту же панель стилей, но встроенную в это диалоговое окно. Load Styles надо опять же выбрать из выпадающего меню.

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

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

Как работать со слоями в Adobe Photoshop

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

Все примеры я буду показывать в Adobe Photoshop 2020 для Windows.

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

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

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

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

Новый слой создается двумя способами: можно нажать кнопку «Создать новый слой» прямо на панели слоев (значок с плюсом) либо использовать сочетание клавиш Shift + Ctrl + N. В первом случае слой создается с параметрами по умолчанию, а во втором – появляется окно настроек, где вы можете задать имя, выбрать цвет, прозрачность или режим наложения. Можно использовать любой из этих способов: даже если вы просто создадите новый слой с параметрами по умолчанию, все настройки можно будет выставить позже. 

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

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

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

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

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

Как скрыть слой

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

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

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

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

  1. Выберите один или несколько слоев, которые вы хотите скопировать. Зажмите клавишу Alt и потяните выбранные слои вверх или вниз на панели. Таким же образом с зажатым Alt можно потянуть картинку на рабочем поле в сторону – она скопируется, а дубликат слоя отобразится на панели.
  2. Нажмите правой кнопкой мыши на нужный слой, затем в выпадающем меню выберите «Создать дубликат слоя».
  3. Выберите слой, который вы хотите скопировать, а затем нажмите Ctrl +C и Ctrl + V.

Как объединить слои

Объединить два или несколько слоев в Фотошопе очень просто: щелкните по тем слоям, которые вы хотите свести в один, и нажмите Ctrl + E.

Как заблокировать слой

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

Как переместить слой

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

Горячие клавиши для работы со слоями в Photoshop

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

Сочетания клавиш для Фотошопа на Windows:

  • Показать или скрыть панель «Слои»: F7
  • Создание нового слоя: Shift + Ctrl + N
  • Скопировать выделение на новый слой: Ctrl + J
  • Объединить все слои в один: Shift + Ctrl + E
  • Объединить выделенные слои: Ctrl + E
  • Сделать выбранный слой самым верхним: Shift + Ctrl + ]
  • Сделать выбранный слой самым нижним: Shift + Ctrl + [
  • Переместить на один уровень вверх: Ctrl + ]
  • Переместить на один уровень вниз: Ctrl + [

Создаем коллаж

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

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

Я удалила небо, и теперь мне нужно вырезать котика с фона, чтобы поместить его за домами. Я нажимаю на значок с глазом, чтобы снова сделать картинку видимой, аккуратно выделяю кота инструментом «Быстрое выделение» и нажимаю Ctrl + J, чтобы кот оказался на новом слое. Затем я удаляю старого кота, просто щелкнув по нему, а потом на клавишу Delete.

Теперь мне нужно изменить порядок слоев – кот должен быть за домами. Я выделяю слой с котом на панели «Слои» и перетаскиваю его мышкой под изображение с городом. Уже становится веселее!

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

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

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

Как сделать корректирующий слой

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

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

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

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

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

Стили

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

Я хочу применить к коту «Внешнее свечение». В этом окне можно изменять параметры наложения свечения, настроить прозрачность и интенсивность света. Как только вас устроит результат, нажимайте ОК.

Если вы хотите применить одинаковый стиль к нескольким слоям одновременно:

  1. Нажмите на этот слой правой кнопкой мыши, затем «Скопировать стиль слоя»
  2. Выберите те слои, к которым нужно применить этот эффект
  3. Нажмите правой кнопкой мыши на «Вклеить стиль слоя»

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

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

Заключение

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

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

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

Панель слоев в Photoshop

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

Панель «Слои» выделена в правом нижнем углу.

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

Все панели Photoshop можно включить или выключить в меню «Окно» в строке меню.

Я только что открыл изображение в Photoshop, которое я скачал из Adobe Stock. Вы можете легко продолжить, открыв любое собственное изображение:

Недавно открытое изображение в Photoshop.

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

Панель слоев Photoshop.

Вкладка имени

Прежде всего, как мы узнаем, что на самом деле мы смотрим на панель «Слои»? Мы знаем, потому что так написано на вкладке имени в верхней части панели:

Вкладка с названием говорит нам, что мы смотрим на панель «Слои».

Вы могли заметить, что есть две другие вкладки справа от вкладки Layers — Channels и Paths , обе из которых выглядят немного тусклее, чем вкладка панели Layers:

Вкладки «Каналы» и «Пути» отображаются справа от вкладки «Слои».

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

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

Ряд слоев

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

На панели «Слои» слои отображаются в виде строк информации.

Имя слоя

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

На панели «Слои» отображается имя каждого слоя.

Миниатюра предварительного просмотра

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

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

Добавление нового слоя

Чтобы добавить новый слой в документ, щелкните значок New Layer в нижней части панели «Слои»:

Щелкните значок «Новый слой».

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

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

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

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

Если я еще раз щелкну значок нового слоя:

Повторное нажатие на значок «Новый слой».

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

Три слоя, каждый в своем ряду на панели «Слои».

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

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

Чтобы переместить слой, щелкните и перетащите его над или под другим слоем.

Отпустите кнопку мыши, когда появится полоса выделения. Photoshop помещает слой в новое положение:

.

Слой 2 теперь находится между слоем 1 и фоновым слоем.

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

Активный слой

Возможно, вы заметили, что когда у меня был только один фоновый слой в моем документе, он был выделен синим цветом на панели «Слои». Затем, когда я добавил слой 1, слой 1 стал выделенным слоем. И теперь слой 2 — это выделенный слой. Что с основными моментами?

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

Слой 1 теперь является активным слоем в документе.

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

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

Удалите слои, щелкнув и перетащив их в корзину.

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

Перетащите слой 2 в корзину, чтобы удалить его.

И теперь я вернулся к одному слою, фоновому слою, в моем документе:

Два пустых слоя удалены.

Копирование слоя

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

.

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

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

Копия слоя размещается над оригиналом.

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

Сначала я применю фильтр «Размытие в движении», перейдя в меню Фильтр вверху экрана, выбрав Размытие , а затем выбрав Размытие в движении :

Идем в Фильтр> Размытие> Размытие в движении.

Откроется диалоговое окно «Размытие в движении». Я установлю Угол размытия в движении на -45 ° , чтобы движение шло по диагонали от верхнего левого угла к нижнему правому. Затем, поскольку я работаю над большим изображением с высоким разрешением, я увеличиваю значение Distance примерно до 600 пикселей . Если вы используете изображение меньшего размера, вы можете использовать меньшее значение:

.

Диалоговое окно фильтра «Размытие в движении».

Я нажму OK, чтобы закрыть диалоговое окно Motion Blur, и вот результат:

Эффект после применения фильтра «Размытие в движении».

Чтобы немного смягчить эффект, я применю фильтр Photoshop Gaussian Blur, вернувшись в меню Filter , вернувшись к Blur , и на этот раз выбрав Gaussian Blur :

Идем в Фильтр> Размытие> Размытие по Гауссу.

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

Диалоговое окно фильтра размытия по Гауссу.

Я нажимаю ОК, чтобы закрыть диалоговое окно, и вот окончательный результат:

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

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

Мы можем видеть размытое изображение в миниатюре предварительного просмотра фоновой копии.Исходное изображение на нижнем слое не изменилось. Его миниатюра предварительного просмотра по-прежнему показывает исходное нетронутое изображение:

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

Значок видимости слоя

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

Щелкните значок видимости слоя, чтобы отключить слой в документе.

Когда размытый слой скрыт, исходная фотография снова появляется в документе. Размытый слой все еще на месте; мы просто не видим его в данный момент:

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

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

Значок видимости слоя становится пустым, когда слой выключен.

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

Эффект размытия появляется снова.

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

Как мы видели, Photoshop автоматически присваивает имена слоям, когда мы их добавляем, но имена, которые он дает им, например «Слой 1» и «Фоновая копия», довольно общие и не очень полезны. Когда у нас есть только пара слоев в документе, имена могут показаться не очень важными, но когда мы обнаруживаем, что работаем с 10, 20 или даже 100 или более слоями, гораздо легче поддерживать их организованность, если у них есть значащие имена.

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

Переименование слоя «Фоновая копия».

Затем введите новое имя. Я изменю имя слоя с фоновой копией на «Размытие». Когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы принять изменение имени:

Слой «Фоновая копия» теперь является слоем «Размытие».

Добавление маски слоя

Маски слоя необходимы для большей части нашей работы в Photoshop. Мы не будем вдаваться в подробности их здесь, но чтобы добавить маску слоя на слой, сначала убедитесь, что слой, к которому вы хотите добавить его, выбран. Затем щелкните значок Layer Mask в нижней части панели слоев (прямоугольник с кругом посередине):

Добавьте маску слоя, щелкнув значок «Маска слоя».

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

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

Появится эскиз маски слоя.

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

.

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

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

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

Образцы цвета переднего плана (вверху слева) и фона (внизу справа).

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

.

Рисование черным цветом на маске слоя, чтобы скрыть области слоя «Размытие».

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

Миниатюра маски слоя после рисования с помощью инструмента «Кисть».

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

Добавление заливки или корректирующих слоев

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

Значок новой заливки или корректирующего слоя.

При нажатии на него открывается список слоев заливки и коррекции, из которых мы можем выбирать.В качестве примера я выберу корректирующий слой Hue / Saturation из списка:

Выбор корректирующего слоя оттенка / насыщенности.

Слой регулировки оттенка / насыщенности позволяет легко изменять цвета изображения. В Photoshop CS6 и CC элементы управления для корректирующих слоев отображаются на панели «Свойства » . В CS4 и CS5 они появляются на панели настроек . Я быстро раскрашиваю свое изображение, выбирая опцию Colorize , затем устанавливаю значение Hue на 195 для синего цвета и увеличиваю значение Saturation до 60 .Опять же, не волнуйтесь, если что-то, что я делаю здесь, выходит за рамки вашего текущего уровня навыков. Я быстро прохожу через некоторые вещи, чтобы мы могли получить общую картину того, что мы можем сделать на панели слоев:

Панель свойств (CS6 и CC).

Вот мое изображение после раскрашивания:

Изображение после раскрашивания с помощью корректирующего слоя «Цветовой тон / Насыщенность».

Корректирующие слои — еще одна тема, которая выходит за рамки этого руководства, но причина, по которой я пошел дальше и все равно добавил один, заключалась в том, чтобы мы могли видеть, что любые корректирующие слои, которые мы добавляем в документ, отображаются на панели слоев так же, как и обычные слои. .Здесь мой корректирующий слой Hue / Saturation находится над слоем Blur. Я перетащил панель «Слои» немного шире, чтобы название корректирующего слоя («Оттенок / Насыщенность 1») соответствовало:

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

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

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

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

Чтобы выбрать другой режим наложения, щелкните слово «Нормальный» (или любой другой режим наложения, выбранный в то время), затем выберите другой режим наложения из появившегося списка.Я выберу режим наложения Color из списка:

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

При изменении режима наложения корректирующего слоя «Цветовой тон / насыщенность» с «Нормальный» на «Цветной» корректирующий слой теперь влияет только на сами цвета изображения. Значения яркости (светлые, темные и все промежуточные оттенки) не изменяются. Мы видим, что мое изображение теперь выглядит немного ярче, чем было мгновение назад:

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

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

Параметры прозрачности и заливки

Мы можем контролировать уровень слоя , прозрачность с панели «Слои», используя опцию Opacity прямо напротив опции Blend Mode. Значение непрозрачности 100% (значение по умолчанию) означает, что мы вообще не можем видеть сквозь слой, но чем больше мы уменьшаем значение непрозрачности, тем больше просвечивает слой (слои) под ним.Я собираюсь снизить непрозрачность моего корректирующего слоя Hue / Saturation до 70%:

Параметр «Непрозрачность» управляет уровнем прозрачности слоя.

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

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

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

Слои группировки

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

Значок «Новая группа».

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

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

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

Щелкните значок меню панели «Слои».

Откроется меню панели «Слои». Я выберу New Group из Layers из вариантов меню:

Выберите «Новая группа из слоев» в меню панели «Слои».

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

Диалоговое окно «Новая группа из слоев».

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

Два выбранных слоя теперь скрыты внутри группы. Щелкните треугольник, чтобы открыть его.

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

Группы слоев отлично подходят для организации вещей.

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

Выбор опции «Удалить группу».

Photoshop спросит, что вы хотите удалить. Если вы хотите удалить и группу , и слоев внутри группы, выберите Group and Contents . В моем случае я хочу удалить группу, но оставить слои внутри нее, поэтому я выберу Group Only :

Выберите «Только группа», чтобы удалить группу, но оставить все слои внутри нее.

После удаления группы мы вернулись к трем отдельным слоям:

Группа ушла, но слои остались.

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

Стили слоя

Также в нижней части панели «Слои» находится значок Стили слоя . Стили слоя также называются эффектами слоя, поэтому на значке написано «fx»:

Значок стилей слоя.

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

Меню стилей слоя.

Слои блокировки

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

Есть четыре варианта блокировки на выбор, каждый из которых представлен маленьким значком, и они расположены чуть ниже параметра режима наложения.Слева направо у нас есть Lock Transparent Pixels , Lock Image Pixels (который блокирует все пиксели на слое, включая прозрачные), Lock Position и Lock All . Чтобы выбрать любой из параметров блокировки, щелкните его значок, чтобы включить его. Повторный щелчок по той же опции блокировки отключит ее. Обратите внимание, что вам нужно выбрать фактический слой пикселей (например, наш слой размытия), чтобы все параметры блокировки стали доступны:

Четыре варианта блокировки уровня.

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

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

Панель поиска слоя

Новой функцией, которая была впервые добавлена ​​на панель «Слои» в Photoshop CS6, является панель поиска , которую вы найдете в самом верху (чуть ниже вкладки имени):

Функция поиска была добавлена ​​на панель «Слои» в Photoshop CS6.

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

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

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

Фильтрация панели «Слои» для отображения только слоев пикселей.

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

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

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

Фильтрация панели «Слои» для отображения только корректирующих слоев.

Если щелкнуть поле «Тип фильтра», отобразится список всех способов фильтрации слоев, в том числе по имени, эффекту слоя, режиму наложения и т. Д. Как я упоминал ранее, здесь я использую Photoshop CS6, но если вы используете Photoshop CC, вы найдете несколько дополнительных параметров фильтрации внизу (смарт-объект, выделенное и монтажная область):

Щелкните поле «Тип фильтра», чтобы просмотреть все способы фильтрации наших слоев.

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

Выбрав имя для типа фильтра, я введу имя «Размытие» в поле поиска, и здесь мы увидим, что остается видимым только мой слой размытия:

Параметр «Имя» позволяет нам быстро найти слой, выполнив поиск по его имени.

Чтобы отключить параметры фильтрации, снова установите тип фильтра «Вид», затем убедитесь, что ни один из значков не выбран. Или щелкните выключатель света справа от панели поиска, чтобы включить или выключить параметры фильтра:

Щелкните выключатель света, чтобы включить или отключить панель поиска.

Изменение размера миниатюрного изображения

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

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

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

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

.

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

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

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

Куда идти дальше …

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

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

Как открывать изображения с помощью Camera RAW в Photoshop

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

Простые шаги для открытия Camera Raw в Photoshop

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

  1. В Photoshop выберите «Файл | Открыть »в меню Photoshop. Откроется диалоговое окно «Открыть файл».
  2. Выберите файл, который хотите открыть, и нажмите кнопку «Открыть». Если выбранный вами файл является файлом RAW, он откроется в Camera Raw. Если нет, и изображение откроется в Photoshop, перейдите к следующему шагу.
  3. Открыв изображение в Photoshop, щелкните меню «Фильтр», где вверху вы увидите параметр «Фильтр Camera Raw…». Щелкните здесь, чтобы открыть изображение в Adobe Camera Raw.
  4. После внесения корректировок в Camera Raw нажмите кнопку «ОК», чтобы применить корректировки к изображению.

Альтернативой шагу 3 является использование сочетания клавиш в Photoshop. Нажатие Shift + Cmd + A (на Mac) или Shift + Ctrl + A (на ПК) открывает Adobe Camera Raw для редактирования с использованием выбранного слоя изображения в Photoshop.

Несмотря на то, что Camera Raw легко открыть в Photoshop, вы можете сделать гораздо больше, как объясняется в этом руководстве.

Что такое Adobe Camera Raw?

Возможно, вы уже знаете, что файлы Raw — это не изображения, а сохраненные данные с сенсора цифровой камеры.Преобразование этих данных в изображение требует процесса под названием демозаика, который является задачей конвертера RAW. В случае Photoshop конвертер RAW — это Adobe Camera Raw.

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

Открытие Camera Raw в Photoshop

Как упоминалось ранее, Photoshop использует Adobe Camera Raw для обработки любых файлов RAW перед редактированием изображения. Вот почему, когда вы открываете файл RAW с помощью команды «Файл | Открыть »в меню Photoshop, вы обнаружите, что Camera Raw запускается автоматически.

Но что, если вы работаете с обычным изображением, например с файлом JPEG или TIFF. Мы уже говорили, что Camera RAW может редактировать эти файлы изображений. Как вы можете запустить Camera RAW для их редактирования? К счастью, несколько лет назад Photoshop представил способ сделать это.

Открытие файла изображения в Camera Raw

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

Чтобы убедиться, что вы работаете с пиксельным слоем, нужно создать так называемый «слой штампа». Вы можете сделать это, щелкнув верхний слой в окне «Слои», чтобы выбрать его. Затем нажмите Shift + Option + Cmd + E (Mac) на клавиатуре. Если вы используете ПК с Windows, нажмите Shift + Ctrl + Alt + E.Это создает новый слой пикселей над выбранным слоем. Новый слой объединяет все остальные видимые слои изображения и называется слоем штампа.

Объяснение слоев Adobe Photoshop

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

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

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

У нас есть учебные пособия, чтобы запачкать руки, узнать, как совмещать и коллажировать в Photoshop Layers

Часть 1.Что такое слой?

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

Фон с 2 слоями.

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

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

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

Панель слоев

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

Задумывались ли вы, что делают все части панели слоев? Вот скриншот панели слоев. Я объясню, что все части здесь.

Фильтр слоев: Позволяет скрывать слои на основе разных вещей. Облегчает поиск слоев, с которыми вы хотите работать.

Непрозрачность: 0 = прозрачный 100 = полностью непрозрачный. нажмите цифровые клавиши на клавиатуре, чтобы мгновенно установить значение, кратное 10, или отрегулируйте ползунок для получения точной степени прозрачности на каждом слое.

Режимы наложения: Измените их, чтобы изменить способ смешивания выбранного слоя со слоями под ним. Отлично подходит для композитинга и спецэффектов. (При выбранном инструменте перемещения нажмите Shift + или Shift- , чтобы переключаться между режимами наложения.

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

видимость: Если глаз показывает, этот слой виден.Нажмите на глаз, и слой останется там, но невидимым, пока вы снова не нажмете на глаз.

Заблокировано: Замок означает, что что-то заблокировано в слое. (Также щелкните 4 значка в «замке» рядом с прозрачностью заливки, чтобы некоторые элементы можно было редактировать или заблокировать). Вот разные вещи, которые можно заблокировать / разблокировать.

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

Ссылка: Позволяет связывать слои. Все они будут двигаться вместе, если не будут отсоединены.

Эффекты слоя (стили): Специальные эффекты, применяемые к слою изображения. Отмечено маленьким f. Будет указан каждый эффект. одновременно можно использовать несколько эффектов.

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

Добавить корректирующий слой: Лучший способ применить настройки изображения. Там можно изменить цвет или тон изображения. Все слои под корректирующим слоем затрагиваются (если не обрезаны). Это хороший вариант для использования «Изображение»> «Коррекция», поскольку корректирующие слои не разрушают и редактируются.

Группы слоев: Хороший организационный инструмент. Это помещает слои в папку. Вы можете выбрать несколько слоев и нажать Cmd / Ctrl + G, чтобы поместить их в группу, или создать группу, щелкнув этот значок. Слои можно перетаскивать в группы или из них на панели «Слои».

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

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

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

Типы слоев

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

Миниатюра: Небольшое изображение содержимого слоев.

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

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

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

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

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

Смарт-объект: Особый тип слоя, который на самом деле является контейнером, который может содержать; несколько (или 1) слоев, векторы для иллюстратора, необработанные файлы, видео, 3D или многие другие типы объектов.Чтобы подробнее узнать о смарт-объектах, посмотрите это видео,

Art Layer: обычный слой

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

Специальные типы слоев

В новой версии Photoshop появились два разных типа слоев. Раньше они были только в Photoshop Extended.В Photoshop CC больше нет отдельной расширенной версии, все функции теперь включены в каждую копию Photoshop.

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

3D-слой: Photoshop может импортировать и работать с 3D-объектами.Он также имеет возможность выполнять 3D-печать.

Советы по слоям:

Вот несколько полезных советов по работе со слоями Photoshop:

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

Cmd / Ctrl + щелкните, чтобы выбрать несколько слоев

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

Cmd / Ctrl + J, чтобы скопировать слой

Cmd / Ctrl + J, чтобы скопировать выделение на новый слой

Cmd / Ctrl + Shift + J, чтобы переместить выделение на новый слой

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

Нажмите Cmd / Ctrl + G, чтобы переместить все выбранные слои в новую группу

Cmd + Option + Shift + E (Ctrl + Alt + Shift + E windows), чтобы создать новый объединенный слой поверх всех остальных слоев

Удерживайте Option / Alt при добавлении маски для создания перевернутой маски слоя

Вы можете перетаскивать элементы из панели слоев в другие документы

Удерживая нажатой Option / Alt, щелкните панель между двумя слоями, чтобы обрезать содержимое верхнего слоя в прозрачность слоя под ним

Выберите инструмент перемещения «Клавиша V». Нажмите Shift + «+», чтобы просмотреть все режимы наложения.Shift + «-» для обратного цикла.

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

Здесь вы познакомились с концепцией слоев.
Вы готовы начать использовать слои? Хорошо пойдем!

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

Режимы наложения слоев.Бесплатная электронная книга Колина Смита (Да, действительно бесплатно)

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

Посмотрите видео-тренинг, который включает слои, каналы и маски, Route CS6


Как открыть файл PSD без Photoshop

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

Предварительный просмотр на Google Диске

Вы можете использовать этот метод независимо от типа вашей операционной системы. Просто загрузите свой PSD-файл на Google Диск. Вы сможете предварительно просмотреть файл.

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

Вот несколько быстрых клавиш для создания снимков экрана в различных операционных системах:

  • Windows: Win + Shift + S
  • Mac: Command + Shift + 4
  • ChromeOS: Ctrl + Shift + []]] (клавиша переключения окон)

IrfanView (только для Windows)

InfranView — бесплатная программа, которую можно загрузить в Windows.Это позволит вам отображать PSD-файл Photoshop, а также сохранять его во множестве других популярных форматов. Однако он не поддерживает слои в файлах Photoshop, поэтому все будет объединено в один слой.

Загрузите IrfanView здесь.

Предварительный просмотр (только Mac)

Встроенная программа предварительного просмотра в MacOS может открывать файлы Photoshop. Просто щелкните файл правой кнопкой мыши, выберите «Открыть с помощью», затем «Предварительный просмотр». После открытия файла в режиме предварительного просмотра вы можете экспортировать его в другие форматы, выбрав «Файл», затем «Экспорт»… «. В меню» Экспорт «есть раскрывающееся меню, в котором можно выбрать формат. Как и в IrfanView, информация о слоях не поддерживается.

GIMP

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

Чтобы открыть файл Photoshop в GIMP, сначала загрузите и установите GIMP.

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

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

Теперь вы знаете, что вам не нужен Photoshop для открытия файлов PSD!

Эффект отражения в стекле

в Photoshop

В этом уроке вы узнаете, как создать эффект отражения окна в Photoshop.

Этот эффект создаст иллюзию того, что фотография была сделана через стеклянное окно.

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

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

Начало работы Эффект отражения окна в Photoshop

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

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

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

Женщина :
https://stock.adobe.com/stock-photo/time-for-breakfast/107361711

Оживленный город :
https://stock.adobe.com/stock-photo/busy-city/3977204

Стеклянная текстура :
https://stock.adobe.com/stock-photo/dirty-glass/40196017

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

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

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

Советы и полезные методы

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

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

Это возможно, потому что для слоя отражения установлен режим наложения Lighten , который скрывает темные пиксели и показывает яркие пиксели. Это означает, что когда пиксели становятся темнее 50% серого, они начинают исчезать. Если они становятся ярче 50% серого, они начинают проявляться.

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

Добавьте цветовой оттенок для усиления эффекта стекла

Вы когда-нибудь замечали, что некоторые стеклянные окна имеют зеленый или синий оттенок? Из этого видео вы узнаете, как воссоздать этот эффект с помощью корректирующего слоя Hue & Saturation Adjustment Layer .

Установив флажок « Colorize », вы можете применить цвет ко всему слою, а затем использовать ползунок «Непрозрачность» для регулировки интенсивности этого цвета.

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

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

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

Создание бликов и бликов

Этот урок Photoshop покажет вам, как создать свет, сияющий на стекле, с помощью режима наложения Linear Dodge (Add) .

Linear Dodge (Добавить) — один из 8 специальных режимов наложения в Photoshop, который дает разные результаты при настройке непрозрачности по сравнению с заливкой. Кроме того, эти восемь режимов наложения смешиваются по-разному, когда флажок « Transparency Shapes Layer » снят в окне «Стиль слоев».

Размытие и добавление шума для создания более связного изображения

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

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

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

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

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

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

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

00:46 — Вставьте изображения Adobe Stock
01:36 — Создайте эффект отражения с помощью режима наложения «Осветлить»
02:00 — Используйте корректирующий слой «Уровни» для улучшения режима наложения «Осветление»
04:46 — Улучшите основные моменты отражения
06:05 — Создание зеленого оттенка для усиления эффекта окна
06:48 — Использование текстуры для добавления грязи на стекло
07:56 — Добавление градиента затемнения
08:43 — Создание бликов и бликов
12:06 — Добавьте размытие и шум, чтобы сделать композицию более связной

Окончательное изображение

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

Основы Adobe Photoshop: строка меню

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

Строка меню состоит из 11 пунктов: File , Edit , Image , Layer , Select , Filter , Analysis , 3D , View , Window и Справка . Каждое из этих основных меню имеет дополнительные подменю для связанных опций.

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

Эти инструкции применимы к Adobe Photoshop CS5 и более поздним версиям. Некоторые меню и элементы могут отличаться в других версиях.

Файл

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

Например, если вы только что открыли Photoshop и хотите импортировать файл PNG или JPG, вы можете использовать меню «Файл», чтобы выбрать Открыть , чтобы найти изображение, которое вы хотите использовать. Также поддерживаются расширенные операции открытия, такие как открытие изображений в Adobe Bridge, открытие смарт-объектов, сохранение фотографий для использования в Интернете для уменьшения размера и экспорт в видеоформат.

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

Это также меню «Файл», которое позволяет конвертировать видео в кадры, чтобы вы могли редактировать каждый кадр или преобразовывать видео в GIF.

Редактировать

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

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

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

Также здесь есть инструменты для трансформации объектов. Если у вас есть изображение, которое вы хотите деформировать, повернуть, масштабировать, исказить или перевернуть, используйте подменю Edit > Transform , чтобы найти эти параметры.Здесь также расположен инструмент Free Transform , позволяющий регулировать высоту, ширину и ориентацию.

Меню «Правка» позволяет открыть Preset Manager для просмотра кистей, градиентов, образцов, пользовательских форм и загрузки собственных пользовательских кистей ABR. Вы также можете открыть Color Settings для настройки RGB, CMYK и других цветовых профилей (а также для загрузки пользовательских файлов CSF и PSP).

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

Изображение

Многие параметры, связанные с изменением изображений в Photoshop, доступны в меню Image . Первое подменю позволяет вам изменить режим всего холста, между такими режимами, как цвет RGB, оттенки серого, цвет CMYK, многоканальный, двухцветный и т. Д.

Далее идет подменю под названием Adjustments , которое позволяет вам получить доступ к различным инструментам для изменения яркости изображения, контрастности, уровней, экспозиции, яркости, оттенка / насыщенности и цветового баланса.Также здесь находятся инструменты Photo Filter , Channel Mixer и Color Lookup и другие.

Auto Tone , Auto Contrast и Auto Color — это параметры, которые изменяют внешний вид изображения без меню или ползунков.

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

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

Слой

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

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

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

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

Выбрать

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

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

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

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

Фильтр

Фильтры Adobe Photoshop содержатся в меню «Фильтр». Здесь вы можете открыть Filter Gallery для предварительного просмотра художественного оформления, мазка кисти, искажения, эскиза, текстуры и других встроенных фильтров.

Это меню также содержит фильтры для размытия, шума, пикселизации, рендеринга и резкости. Чтобы сохранить или загрузить пользовательский фильтр Photoshop, перейдите к Filter > Other > Custom и используйте кнопку Load , чтобы найти файл ACF, или кнопку Save , чтобы создать новый файл ACF.

Меню «Фильтр» также позволяет смещать пиксели по горизонтали и вертикали, например, для создания эффекта двойного изображения.

Анализ

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

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

3D

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

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

Посмотреть

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

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

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

Окно

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

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

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

Справка

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

Стили слоев Photoshop: подробное руководство

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

Это то, что мы обсудим:

  1. Что такое стиль слоя?
  2. Применение стилей слоя
  3. Диалоговое окно стиля слоя
  4. Drop Shadow
  5. Внутренняя тень
  6. Внешнее свечение
  7. Внутреннее свечение
  8. Фаска и тиснение (контур / текстура)
  9. Атлас
  10. Наложение цвета
  11. Наложение градиента
  12. Наложение рисунка
  13. Ход
  14. Несколько советов по типу слоев

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

Стиль слоя — это просто один или несколько эффектов слоя и параметров наложения, применяемых к слою.Эффекты слоя — это такие вещи, как тени, обводка и наложения цвета.

Вот пример слоя с тремя эффектами слоя (Drop Shadow, Inner Glow и Stroke).

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

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

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

Применение стилей слоя

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

Щелчок правой кнопкой мыши на слое

Щелкнув правой кнопкой мыши на слое, вы можете выбрать Blending Options , чтобы открыть диалоговое окно Layer Style.

Двойной щелчок по слою

Дважды щелкнув миниатюру слоя на панели «Слои», можно открыть окно «Стиль слоя».

Меню панели приложений

Как и большинство вещей в Photoshop, вы можете получить доступ к диалоговому окну стиля слоя через меню панели приложений, выбрав «Слой»> «Стиль слоя». Вы можете найти каждый отдельный эффект слоя (Drop Shadow, Inner Shadow и т. Д.), А также возможность открыть диалоговое окно Layer Style (Параметры наложения).

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

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

Вы можете просмотреть панель стилей, выбрав «Окно»> «Стили».

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

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

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

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

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

Давайте рассмотрим каждый из различных эффектов слоя, начиная с эффекта слоя Drop Shadow.

Эффект слоя падающей тени

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

Режим наложения позволяет смешивать тень с фоном различными способами (умножение, наложение и т. Д.).

Уменьшите непрозрачность до , чтобы увеличить прозрачность тени.

Параметр Angle вашей тени будет влиять на направление ее падения, если для Distance установлено значение 1 пиксель или выше. Если для параметра Distance установлено значение 0, тень будет равномерно распространяться по содержимому слоя.

Spread позволяет сделать тень более толстой / плотной.

Размер определяет размер тени с каждой стороны объекта.

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

Drop Shadow Пример 1

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

Drop Shadow, пример 2

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

Эффект слоя внутренней тени

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

Все параметры такие же, как и в Drop Shadow. Однако вы можете заметить, что Spread был заменен на Choke — чем выше значение Choke, тем толще тень.

Пример внутренней тени 1

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

Пример внутренней тени 2

Inner Shadow также можно использовать для добавления к изображениям легкого старинного эффекта путем увеличения параметра «Шум» и использования большого значения «Размер». Используя такой простой стиль, вы можете сделать так, чтобы ваше изображение выглядело с потемневшими, затемненными краями и углами.

Пример внутренней тени 3

Этот стиль слоя показывает общий текстовый эффект: эффект высокой печати текста. Настройки очень похожи на первый пример Inner Shadow, однако у него есть Distance 2, так что опция Angle дает эффект.

Эффект внешнего свечения

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

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

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

Softer делает край свечения более мягким и утонченным, а Precise делает свечение сильнее и ярче.

Параметр Range вашего свечения позволяет вам изменять его толщину — чем меньше число, тем толще. Например, установка этого параметра на 1% фактически сделает ваше свечение похожим на обводку, а не на свечение.

Пример внешнего свечения

Вот синее внешнее свечение.

Эффект внутреннего свечения

Как Drop Shadow и Inner Shadow, Inner Glow и Outer Glow похожи, они просто противоположны друг другу.

Все параметры такие же, как Outer Glow, с одной дополнительной опцией: Source . Источник позволяет создавать свечение от края (настройка по умолчанию) или центра.

Пример внутреннего свечения 1

Это пример свечения края, которое работает так же, как внутренняя тень.

Пример внутреннего свечения 2

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

Эффект слоя скоса и тиснения

Функция Bevel and Emboss придает объекту приподнятый (Bevel) или вдавленный (Emboss) вид. Эффект имеет два дополнительных эффекта: Контур и Текстура.

Contour позволяет сделать фаску / тиснение резче или мягче.

Текстура дает вам возможность добавить узор к вашему объекту.

Есть несколько различных настроек, когда дело доходит до использования эффекта Bevel and Emboss.Чем выше Depth , тем острее структура. Чем выше размер , тем более центральным будет ваш скос / тиснение. Набор опций Shading позволяет увеличить непрозрачность как светлых участков, так и затенения, а также позволяет изменять угол (источник света).

Пример 1 со скосом и тиснением

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

Пример 2 со скосом и тиснением

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

Пример 3 со скосом и тиснением

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

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

Сатиновый слой с эффектом

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

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

Атлас Пример 1

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

Атлас Пример 2

В этом примере настройки почти такие же, как и в приведенном выше; единственная разница в том, что я увеличил значение размера. Как вы, наверное, заметили, увеличение параметра «Размер» создает эффект размытия.

Эффект слоя наложения цвета

Color Overlay — это невероятно простой стиль слоя, позволяющий полностью покрыть содержимое слоя цветом.

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

Пример наложения цвета 1

Это настройки по умолчанию, которые будут предоставлены вам при применении эффекта слоя «Наложение цвета».

Пример наложения цвета 2

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

Пример наложения цвета 3

При использовании сплошного черного цвета вместе с режимом наложения Overlay и непрозрачностью 100% вы можете полностью удалить некоторые цвета в вашем изображении. Это может быть полезно для отделения субъектов от их фона.

Эффект слоя наложения градиента

Gradient Overlay делает то же самое, что и Color Overlay, за исключением того, что он накладывает на ваши объекты цветовой градиент, а не цвет.

Стиль градиента может быть линейным, радиальным, угловым, отраженным или ромбовидным.

Масштаб градиента делает его меньше или больше по отношению к размеру объектов вашего слоя.

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

При нажатии на параметр «Градиент» открывается редактор Gradient Editor , в котором вы можете установить цвета и тип градиента.

Пример наложения градиента 1

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

Пример 2 наложения градиента

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

Эффект слоя наложения узора

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

Вы можете выбирать из различных встроенных шаблонов Photoshop или создавать / устанавливать свои собственные.

Пример наложения узора 1

Это настройка по умолчанию для стиля наложения узора.

Пример наложения узора 2

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

Пример наложения узора 3

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

Эффект слоя обводки

Это последний эффект слоя, о котором мы поговорим. Эффект обводки просто помещает границу вокруг вашего объекта.

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

Модель Fill Type позволяет заполнять обводку различными элементами; вы можете выбрать однотонный цвет, цветовой градиент или даже узор. Тип заливки по умолчанию — Цвет.

Пример штриха 1

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

Пример штриха 2

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

Советы по стилю слоя

Вот несколько основных советов по работе со стилями слоя.

Область применения

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

Копирование, вставка и удаление стилей слоя

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

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

Не злоупотребляйте стилями слоев

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

Эксперимент

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

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *