1. Opacity (Прозрачность)

Этот параметр меняет прозрачность слою.

Например, изменим прозрачность рубашки человечка до 60%.

Смотрите, что с ней происходит! Она стала прозрачной!

У параметра «Fill» (Заливка) похожая функция.

2. Блокировки слоев

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

Блокировка — не позволяет рисовать на слое, появляется запрещающий кружок.

Блокировка — не позволяет перемещать слой.

Блокировка «замок» — включает в себя сразу все виды блокировок.

3. Создаем папку для слоев

Ее можно свернуть до такого вида:

4. Вызов палитры стилей.

Источник: photoshop-master.ru

⇐ • Как активизировать, перемещать, скреплять и объединять слои (предыдущая страница учебника)

• Как вернуть действие (следующая страница учебника) ⇒

Полное руководство по слоям в фотошопе

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

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

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

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

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

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

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

Photoshop без слоев

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

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

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

Now that we have our new document ready to go, let’s draw a couple of simple shapes. First, we’ll draw a square, and for that, we’ll use one of Photoshop’s basic selection tools. Select the Rectangular Marquee Tool from the top of your Tools panel along the left of the screen: части панели инструментов в левой части экрана:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эта проблема…

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

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

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

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

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

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

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

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

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

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

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

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

Щелкните OK, чтобы закрыть диалоговое окно. Photoshop заполняет документ белым цветом, и мы возвращаемся к тому, с чего начали:

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

Панель слоев

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы переместить содержимое слоя, выберите инструмент Photoshop Move Tool в верхней части панели инструментов:

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

Выбрав слой 2, я щелкну инструментом «Перемещение» по круглой фигуре и перетащу ее вправо от квадрата:

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

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

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

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

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

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

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

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

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

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

Вывод первой части

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

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

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

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

В этом уроке мы совершим головокружительный тур по панели слоев и узнаем все, что нам нужно знать, чтобы быстро приступить к работе. Я буду использовать Photoshop CS6, но все, что мы расскажем, полностью совместимо с Photoshop CC. Если вы используете Photoshop CS5 или более раннюю версию, вы можете следовать здесь или посмотреть оригинальную версию нашего руководства по панели слоев.

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

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

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

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

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

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

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

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

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

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

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

Слой ряд

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

Имя слоя

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

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

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

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

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

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

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

Если я еще раз щелкну значок «Новый слой»:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы немного смягчить эффект, я применю фильтр Photoshop «Размытие по Гауссу», вернувшись в меню «Фильтр», вернувшись в «Размытие» и на этот раз выбрав «Размытие по Гауссу»:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop спросит, что вы хотите удалить. Если вы хотите удалить и группу, и слои внутри группы, выберите «Группа и содержимое». В моем случае я хочу удалить группу, но оставить слои внутри нее, поэтому я выберу Group Only:

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

С группами слоев в Photoshop можно многое сделать.

Стили слоя

Также внизу панели «Слои» находится значок «Стили слоя». Стили слоя также называются эффектами слоя, поэтому на значке написано «fx»:

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

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

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

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

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

Панель поиска слоя

Новая функция, которая была впервые добавлена ​​на панель «Слои» в Photoshop CS6, – это панель поиска, которую вы найдете в самом верху (чуть ниже вкладки имени):

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

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

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

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

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

Щелкнув поле «Тип фильтра», вы увидите список всех способов фильтрации наших слоев, в том числе по имени, эффекту слоя, режиму наложения и т. Д. Как я упоминал ранее, здесь я использую Photoshop CS6, но если вы используете Photoshop CC, вы найдете несколько дополнительных параметров фильтрации внизу (смарт-объект, выделенное и монтажная область):

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

Выбрав имя для типа фильтра, я введу имя «Размытие» в поле поиска, и здесь мы увидим, что остается видимым только мой слой размытия:

Чтобы отключить параметры фильтрации, снова установите тип фильтра «Вид», затем убедитесь, что ни один из значков не выбран. Или щелкните выключатель света справа от панели поиска, чтобы включить или выключить параметры фильтра:

Изменение размера миниатюрного изображения

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

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

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

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

Вывод второй части

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

03. Настройки панели основных слоев

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

Вот изображение, которое я сейчас открываю на моем экране (фотография женщины с цветочным венком из Shutterstock):

Изменение размера эскиза предварительного просмотра

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

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

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

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

Я нажму OK, чтобы закрыть диалоговое окно Layers Panel Options, и теперь моя панель Layers показывает самый большой возможный размер эскиза предварительного просмотра:

Другой способ изменить размер миниатюры – просто щелкнуть правой кнопкой мыши (Win) / щелкнуть, удерживая нажатой клавишу Control (Mac), в любом месте пустого пространства под нижним слоем на панели «Слои», затем выбрать «Маленький», «Средний», «Большой» или «Без миниатюр» из вверху появившегося меню. Однако обратите внимание, что хотя этот метод быстрее, в зависимости от того, сколько слоев у вас в настоящее время на панели «Слои», под нижним слоем может не быть пустого места. В этом случае вам нужно будет использовать первый метод, который мы рассмотрели (выбрав Параметры панели в главном меню панели слоев), чтобы изменить размер миниатюры:

Отключение масок слоя по умолчанию

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

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

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

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

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

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

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

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

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

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

Отключение «копии» в скопированных слоях

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

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

Если этот параметр отключен, в следующий раз, когда вы сделаете копии слоя (или группы слоев), слово «копия» не будет добавлено к именам:

Вывод третьей части

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

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

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

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

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

Это руководство предназначено специально для Photoshop CC (Creative Cloud), поскольку Adobe внесла несколько изменений, которые не применимы к более ранним версиям. Если вы используете Photoshop CS6 или более раннюю версию, вам стоит ознакомиться с предыдущей версией нашего руководства по созданию фонового слоя.

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

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

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

Правила фонового слоя

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

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

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

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

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

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

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

Правило 2: никаких прозрачных пикселей

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

Во-первых, мне нужно выделить область внутри рамки. Поскольку он залит сплошным белым цветом, я выберу его с помощью инструмента Photoshop Magic Wand Tool. По умолчанию «Волшебная палочка» находится за инструментом быстрого выбора на панели «Инструменты». Чтобы добраться до него, щелкните правой кнопкой мыши (Win) / щелкните, удерживая нажатой клавишу Control (Mac), на инструменте быстрого выбора, затем выберите инструмент Magic Wand Tool из всплывающего меню:

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

Чтобы удалить область, я нажму Backspace (Win) / Delete (Mac) на клавиатуре. Но вместо того, чтобы удалить область и заменить ее прозрачностью, как мы ожидали от обычного слоя, Photoshop таинственным образом открывает диалоговое окно Fill, спрашивая меня, как я хочу заполнить область:

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

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

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

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

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

Я отменю свой последний шаг (вырезание выделения), перейдя в меню Edit и выбрав Undo Cut Pixels:

Затем я вернусь в меню «Правка» и снова выберу «Вырезать»:

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

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

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

Правило 3: мы не можем переместить фоновый слой над другим слоем

Вот фото, которое я хочу поместить в рамку. Я также загрузил это из Adobe Stock:

Изображение в настоящее время открыто в собственном документе, поэтому я быстро скопирую его в документ фоторамки, нажав Ctrl + A (Win) / Command + A (Mac), чтобы выделить всю фотографию. Затем я нажимаю Ctrl + C (Win) / Command + C (Mac), чтобы скопировать изображение в буфер обмена.

Я переключусь на документ фоторамки, а затем нажму Ctrl + V (Win) / Command + V (Mac), чтобы вставить изображение в документ. Photoshop помещает изображение на новый слой с именем «Слой 1» над фоторамкой на фоновом слое:

Если мы посмотрим в документ, мы увидим новую фотографию, появившуюся перед рамкой:

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

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

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

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

Итак, мы не можем переместить фоновый слой над другим слоем. Что, если мы попробуем переместить другой слой ниже фонового слоя? Я нажимаю на слой 1 и пытаюсь перетащить его ниже фонового слоя, но это тоже не работает. Я получаю тот же маленький символ Охотников за привидениями, говорящий мне, что Photoshop не позволяет мне это сделать:

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

Правило 5: мы не можем изменить режим наложения, прозрачность или заливку

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

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

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

Простое решение

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

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

Однако более быстрый способ, и это новинка Photoshop CC, – это просто щелкнуть значок замка справа от фонового слоя:

Это мгновенно изменит имя фонового слоя на «Слой 0», и вы заметите, что значок замка исчезнет:

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

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

Я отпущу кнопку мыши, и в этот момент Photoshop опускает слой 0 над слоем 1, как мне и нужно:

Ранее мы видели, что мне не удалось удалить белую область внутри кадра, пока изображение находилось на фоновом слое, но теперь, когда я переименовал его в Layer 0, это больше не проблема. Я щелкну внутри рамки с помощью инструмента Magic Wand Tool, чтобы мгновенно выделить белую область, как я делал раньше:

Затем я нажимаю Backspace (Win) / Delete (Mac) на клавиатуре, и на этот раз, вместо того, чтобы приветствовать диалоговое окно Fill, Photoshop действительно делает то, что я ожидал, удаляя область из слоя и открывая фотографию. под этим:

Я нажму Ctrl + D (Win) / Command + D (Mac) на клавиатуре, чтобы отменить выделение области внутри рамки и удалить контур выделения. Затем, чтобы быстро закончить работу, я нажимаю на Layer 1 на панели Layers, чтобы выбрать его и сделать активным:

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

Преобразование нормального слоя в фоновый слой

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

Вы можете подумать, что одна и та же логика применима в обоих направлениях; если мы можем преобразовать фоновый слой в нормальный слой, переименовав его во что-то другое, кроме «Background», тогда мы сможем преобразовать нормальный слой в фоновый слой, переименовав его в «Background». Имеет смысл, правда? К сожалению, это не работает. Все, что у вас получится, – это обычный слой, который называется «Фон».

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

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

И теперь мы видим на панели Layers, что мой нижний слой, ранее «Layer 1», теперь является официальным фоновым слоем моего документа:

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

Вывод четвертой части

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

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

Узнайте, как создать новый фоновый слой для документа Photoshop с нуля и как сохранить свои шаги, чтобы сэкономить время! Для Photoshop CS6, CC и более ранних версий Photoshop.

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

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

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

Каждый раз, когда мы открываем изображение, Photoshop автоматически помещает его на фоновый слой, как мы видим здесь на моей панели слоев:

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

Как сделать прозрачность в «Фотошопе»?

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

Зачем это нужно?

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

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

Делаем прозрачным все изображение

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

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

Сохранение отредактированного изображения

Дело в том, что формат JPEG, использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в формате PNG-24. Без этого никак. Идем в «Файл», «Сохранить как…» и в строке выбора формата выходного файла выбираем PNG. Жмем «Сохранить». На этом все. Но это только верхушка айсберга, поскольку мы рассмотрели самый простой способ, как сделать прозрачность в «Фотошопе». На примере целого изображения. Но что делать, если нам нужно сделать водяной знак с какой-нибудь надписью? Об этом чуть ниже.

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

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

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

Делаем прозрачным фон изображения

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

После того как вышеописанные манипуляции были произведены, выполняем сведение слоев и смотрим на результат. Если он нас устраивает, то сохраняем изображение в формате PNG. Если нет, то отменяем последнее действие и продолжаем работу со слоями до тех пор, пока результат нас не устроит. Эта работа очень кропотлива и требует концентрации внимания. Ибо одно неверное движение ластиком — и придется все переделывать. Оно вам надо? Не думаем.

Заключение

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

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

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

Параметры Opacity и Fill управляют прозрачностью слоя . Таким образом, они управляют тем, насколько текущий выбранный слой позволяет показывать другие слои под ним в документе. Обычно, чтобы уменьшить прозрачность слоя, мы уменьшаем значение непрозрачности. Но если параметр «Заливка» также снижает прозрачность, то какой смысл иметь два параметра, которые делают одно и то же? Должна быть разница, верно?

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

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

Вот изображение, которое я открыл в фотошопе. Я добавил к нему простой текст — слово «мечта». Само изображение без текста доступно в библиотеке изображений Fotolia :

Исходное изображение.

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

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

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

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

Что такое маска слоя Photoshop?
–

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

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

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

Я имею в виду… нельзя ли использовать ластик для удаления частей изображения? Ответ — да! Однако, если вы сделаете это, эти части изображения будут потеряны навсегда.Этот метод заключается в том, что мы считаем деструктивным рабочим процессом.

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

Учебник по маске слоя

–

Photoshop предоставляет полный набор функций для обработки масок слоев. Начнем с добавления маски слоя к слою.

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

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

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

Слой-маска с черным заполнением

Что произойдет, если мы заменим белые пиксели маски слоя черными пикселями? Просто щелкните миниатюру маски слоя, затем нажмите Edit> Fill .Выберем черный. Мгновенно мы видим, что миниатюра маски слоя становится черной, а соответствующий слой исчезает с холста, открывая облака в Layer 2 !

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

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

Маска слоя с градиентом

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

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

По сути, облака в Layer 2 «просвечивают» области Layer 1, , которые стали прозрачными в результате маски градиентного слоя.

Слой-маска, заполненная фотографическим контентом

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

Для начала создадим маску слоя на слое «Fade». Затем скопируйте содержимое слоя штукатурки, щелкнув его миниатюру, затем нажмите Ctrl / Command + A , чтобы выделить все, затем Ctrl / Command + C , чтобы скопировать.

Чтобы вставить это изображение в маску слоя на слое штукатурки, нам нужно войти в «параллельную вселенную» маски слоя, и мы делаем это, удерживая alt / option , затем щелкнув миниатюру маски слоя.

Теперь на холсте отображается содержимое маски слоя.Круто, да? Вставьте гипсовое изображение, нажав Ctrl / Command + V .

Чтобы выйти из этой «параллельной вселенной» (разве это не весело?), Просто щелкните миниатюру слоя (заглавная буква «T»). Большой! Теперь «Fade» имеет текстуру штукатурки, которая пропускает часть цветного фона.

Вы можете точно настроить маску слоя, снова щелкнув миниатюру маски слоя и выбрав Image> Adjustments> Brightness & Contrast . Отлично! Что нам нравится в этой технике, так это то, что она позволяет нижнему слою, в случае заливки теплого оранжевого цвета, просвечивать сквозь текстурную дисперсию.

Рабица

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

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

Заключение

–

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

Как еще вы использовали маски слоев Photoshop? Комментарий ниже!

Как использовать корректирующие слои в Photoshop CS6

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

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

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

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

1. Яркость / контраст

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

2. Уровни

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

3. Кривые

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

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

4. Воздействие

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

5. Вибрация

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

6. Оттенок / насыщенность

Оттенок / Насыщенность позволяет настраивать оттенок, насыщенность и яркость всего изображения или в определенном диапазоне цветов изображения.

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

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

7. Цветовой баланс

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

8. Черно-белое

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

9. Фотофильтр

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

10. Смеситель каналов

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

11. Поиск цвета

Эта настройка поставляется с набором готовых «стилей», которые вы можете применить к своему изображению. Три варианта ( 3DLUT File, Abstract и Device Link ), которые используются для загрузки этих различных представлений. Каждый «взгляд» преобразует цвета в вашем изображении с помощью таблицы поиска (LUT). Эти эффекты довольно интересны, и вы даже можете создать свои собственные LUT в Adobe Speedgrade и загрузить в Photoshop для стилизации ваших изображений.

12. Инвертировать

Слой Invert слой создает негативный эффект фотографии, инвертируя цвета вашего изображения.

13. Постеризация

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

14. Порог

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

15. Карта градиента

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

16. Выборочный цвет

Корректирующий слой Selective Color выборочно изменяет количество основного цвета без изменения других основных цветов в изображении. Поскольку на моей цветочной фотографии много красных, я выбрал красный в раскрывающемся меню «Цвет» в качестве цвета на моей фотографии, который я хочу выбрать и изменить. По умолчанию в CS6 установлен флажок «Абсолютный», который регулирует цвет в абсолютных значениях.(Параметр «Относительный» изменяет существующее количество голубого, пурпурного, желтого или черного цветов на его процентное соотношение от общего количества.)

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

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

Какой ваш любимый корректирующий слой? Делитесь в комментариях!

Как создать логотип с прозрачным фоном с помощью GIMP или Photoshop: Survey Anyplace

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

Нужно ли мне специальное программное обеспечение?

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

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

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

Итак, приступим, ладно?

GIMP

Шаг 1. Настройка GIMP

Хорошо, вы установили GIMP и запустили его, вероятно, будет похож на на этот .

Чтобы открыть GIMP в одном окне, перейдите в Окна> Режим единого окна

Шаг 2: Сделайте фон прозрачным

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

Но вы можете использовать любое изображение, которое вам нравится. Чтобы открыть изображение, выберите «Файл»> «Открыть» и выберите свой файл. Или вы можете нажать CTRL + O .

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

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

Чтобы сделать фон прозрачным, воспользуемся инструментом Select By Color Tool . Вы можете использовать его, нажав Shift + O или перейдя в Инструменты> Инструменты выделения> По выбору цвета.

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

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

Поздравляем, ! Вы сделали свой первый логотип с прозрачным фоном!

Шаг 3. Экспорт вашего логотипа

Вы не можете просто «Сохранить» свое изображение или «Сохранить как».Вы сохраните свое изображение в формате .xcf, таким образом оно подходит только для графического редактора. Чтобы использовать его на своем сайте, вам нужно экспортировать изображение . Для этого выберите «Файл»> «Экспортировать как» или нажмите Shift + Ctrl + E.

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

Теперь нажмите « Export », и все готово!

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

Теперь давайте посмотрим, как это можно сделать с помощью Photoshop:

Photoshop

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

Метод 1: Инструмент «Волшебная палочка»

Шаг 1: Откройте изображение

Для этого перейдите в Файл> Открыть или нажмите сочетание клавиш Ctrl + O .

Шаг 2. Выбор инструмента Magic Wand

Вы можете увидеть значок справа от экрана на вертикальной панели инструментов. Щелкните правой кнопкой мыши 4-й значок и выберите Magic Wand Tool . Вы также можете нажать W как ярлык.

Шаг 3: Удаление фона

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

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

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

Шаг 4: Сохранение изображения

Теперь пора сохранить изображение. Перейдите в Файл> Сохранить как . Не все типы изображений отображают прозрачность. Убедитесь, что ваше изображение сохранено как файл PNG.

Выберите вариант PNG:

Теперь нажмите « Сохранить ».

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

Ta-da ! Теперь у вас есть прозрачный логотип. Но есть и второй способ сделать это:

Метод 2: Инструмент «Многоугольное лассо»

Если фон слишком загроможден, инструмента «Волшебная палочка» не всегда будет достаточно. В этом случае мы воспользуемся инструментом Polygonal Lasso Tool.

Шаг 1. Откройте изображение

Для этого перейдите в Файл> Открыть или нажмите сочетание клавиш Ctrl + O .

Шаг 2: Инструмент «Многоугольное лассо»

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

Шаг 3: Удаление фона

Теперь вы можете нарисовать контур вокруг того, что вы хотите удалить с вашего изображения. Для более точного выбора вы всегда можете нажать Ctrl и «+» для увеличения.Чтобы завершить выбор, нажмите Ctrl + щелкните на последнем фрагменте созданного пути. Нажмите Удалить , чтобы удалить элемент, на месте объекта должен появиться фон в виде клетки.

Шаг 4: Сохранение изображения

Перейдите в Файл> Сохранить как . Убедитесь, что ваше изображение сохранено как файл PNG. Другие типы изображений не всегда поддерживают прозрачность.

Выберите вариант PNG:

Теперь нажмите « Сохранить ».

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