Наложение прозрачного слоя в фотошопе на фото для защиты от копирования

Обновлено: 07.07.2024

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

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

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

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

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

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

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

Режим наложения «Очистка» для слоев отсутствует. Для изображений Lab не доступны режимы «Осветление основы», «Затемнение основы», «Затемнение», «Замена светлым», «Разница», «Исключение», «Вычитание» и «Разделение». Для изображений HDR см. раздел Возможности, поддерживающие изображения HDR с цветопередачей 32 бита на канал.

В раскрывающемся меню «Режим наложения» панели «Слои» выберите режим.

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

Примечание.

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

Описания и примеры для каждого режима см. в разделе Режимы наложения.

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

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

Дважды щелкните миниатюру слоя и в меню панели «Слои» выберите пункт «Параметры наложения» или пункт меню «Слои» > «Стиль слоя» > «Параметры наложения».

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

Укажите область действия следующих параметров наложения:

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

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

Дополнительные параметры наложения

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

Чтобы применить эффекты слоя только к областям, задаваемым слоем-маской, выберите параметр «Слой-маска скрывает эффекты».

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

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

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

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

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

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

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

Дважды щелкните миниатюру слоя и выберите пункт «Слои» > «Стиль слоя» > «Параметры наложения» или в меню панели «Слои» выберите пункт «Добавить стиль слоя» > «Параметры наложения».

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

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

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

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

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

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

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

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

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

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

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

Отключение контекстного меню

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

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

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

Наложение прозрачного слоя

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

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

Разрезание изображений

В этом способе картинка разрезается на несколько частей. И придётся скачать их все, а потом соединить, например, в Фотошопе.

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

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

Защита от хотлинка

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

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

Этот способ не запрещает скачивание изображений с вашего сайта.

Цифровые метки

Фотографии, сделанные цифровой камерой, даже на смартфоне, содержат в себе много дополнительной информации – параметры съёмки, модель камеры, дату и время и даже координаты места, определённые по GPS. Это и есть цифровые метки, которые сохраняются в самих файлах фотографий.

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

Водяные знаки

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

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

Что делать, если ваши картинки скопировали

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

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

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

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


Снимок, защищённый авторским правом	Неавторизованное использование

Фиксируйте своё авторское право

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

Как усложнить копирование снимков

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

Примечание: эти методы подразумевают, что у вас есть возможность изменять код HTML на сайте; если это невозможно (на таких сервисах, как Flickr, Picassa и т.д.), можете переходить сразу к следующему пункту.

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

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

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

снимок защищён запретом контекстного меню

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

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

Уведомление об авторстве и условиях использования

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

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

Пример водяного знака, добавленного с помощью слоя в программе Photoshop.
Чтобы сделать собственный: 1) создайте текстовый слой переднего плана с информацией об авторе, 2) используйте белый или чёрный цвет текста, 3) задайте плотность слоя порядка 50% и 4) добавьте такие эффекты слоя, как контурная подсветка и тиснение (чтобы водяной знак было сложнее удалить).

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

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

Примечание: Digimarc по умолчанию встроен в Photoshop. Выберите из основного меню «Filter → Digimarc → Embed Watermark. », и вы сможете добавить собственный водяной знак. Однако это небесплатная возможность, и её стоимость может быть чрезмерной для среднего фотографа.

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

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

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

Мета-данные IPTC. Информация о ваших авторских правах может также быть сохранена в мета-данных файла изображения. Если вы используете формат RAW, вам нужно будет настроить вашу программу обработки RAW так, чтобы она прописывала сведения об авторских правах в создаваемые файлы формата JPEG. Иначе, вы можете настроить пакетную обработку уже созданных файлов формата JPEG с помощью редактора IPTC:

Пример редактора IPTC в Adobe Photoshop. Показанные сведения будут включены в файл.

Примечание: многие вебсайты говорят о редактировании мета-данных EXIF вашей камеры, но строго говоря, сведения об авторском праве находятся в данных IPTC, а данные EXIF содержат параметры настройки камеры, использованные при создании снимка (диафрагма, выдержка и т.д.).

Будьте аккуратны, поскольку инструмент «Save for the web» во многих программах (включая Photoshop) обрезает большую часть мета-данных, если вы не укажете, что они должны быть сохранены.

Обнаружение копий

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

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

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

Все остальные, впрочем, могут использовать один из автоматизированных инструментов, которые помогут вам найти копии ваших снимков, такие как TinEye, поиск по картинкам в Google или Яндексе (ссылка «похожие» под изображением) или поисковый сервис Digimarc. Впрочем, скорее всего они не помогут, если снимок был серьёзно изменён.

Результаты поиска TinEye: в сети найдено 14 копий данного снимка.

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

Обнаружив нарушение, принимайте меры

Попробуйте каждое из следующих действий, в порядке увеличения давления:

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

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

Если снимок размещён на больших сервисах, таких как Flickr, Picassa или PBase, найти контактную информацию будет несложно, но если речь идёт о небольшом частном сайте, всё может быть сложнее. В этом случае может понадобиться использовать сервис «whois» по адресу IP или домену нарушителя. Используйте свою любимую поисковую систему, и вы найдёте несколько различных сайтов, которые предоставляют этот сервис бесплатно.

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

4) Обратитесь в суд. Если всё вышеперечисленное не возымело успеха, и вы считаете, что устранение нарушения стоит времени и затрат, обратитесь в суд. В любом случае, всегда полезно удостовериться в том, что реакция пропорциональна размеру нарушения.

Выводы и дополнительная информация

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

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

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

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

В этом уроке по работе с фотошопом будет показан ещё один способ по защите Ваших фотографий.
Другие уроки по работе с фотошопом на эту тему:

Водяной знак в фотошопе
Создаём водяной знак
Добавляем водяные знаки и внедряем в файл изображения данные об авторских правах
Защищаем авторские права на фотографию
Защита контента
Защита фото в сети Интернет

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

Выберите инструмент "Текст" (Т). Я поставил такие параметры текста.

Напишем надпись, которая будет располагаться на защищаемом изображении.

Нажмём сочетание клавиш Ctrl+T (свободное трансформирование) и повернём надпись.

Перейдём в "Редактирование - Определить узор".

В появившемся окне указываем имя нашего узора.

Откроем изображение, которое мы будем защищать.

Нажмём на четвёртую (слева или справа) - среднюю иконку в палитре "Слои" и выберем "Узор".

В окне "Узорная заливка" прежде всего выберем наш узор - PhSun и подрегулируем масштаб (сколько надписей поместится на фотографии). Нажимаем "Да".

Вот что у нас получилось.

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

Вот наше окончательное изображение с защитой от копирования.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стили

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

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

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

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

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

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

Заключение

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

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

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