Делаем водяной знак на фотографии в Adobe Photoshop. Как добавить водяной знак на любое фото в фотошопе Как внедрить водяной знак в фотошопе

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

Все скриншоты и описания, в том числе названия кнопок и иконок приводятся из русской версии Adobe Photoshop CS5 Extended.

О программе Adobe Photoshop CS5 Extended

Возможно, вы спросите, почему так? Да всё потому, что мы русские, во всяком случае, все русскоговорящие, а значит, очень хорошо понимаем русский язык. К тому же, английский язык для многих людей является совершенно не понятным. Я знаю английский язык на начальном уровне и то, только потому, что играл в игры на английском языке в недалёком прошлом. Поэтому, зачем усложнять? Нужно наоборот, делать жизнь проще и доступнее. К тому же, вы можете пользоваться этой программой бесплатно в течение ознакомительного срока, а именно, 30 дней. И так, о чём это я? Ах да, о том, как сделать водяной знак в фотошоп.

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

1). Создадим в фотошопе новый документ – “Файл -> Создать”, либо нажав сочетание быстрых клавиш “Ctrl+N”. Выставим его высоту 200 пикселей и длину 400 пикселей с прозрачным фоном.

Создание в фотошопе нового документа

2). На вкладке справа “Слои” создать новый слой.

3.

Создание нового слоя в фотошопе

3). Выберите на панели инструментов “Горизонтальный текст”, затем сверху подходящий шрифт для вашего водяного знака и размер кегля. Я выбрал шрифт “Harlow Solid Italic”, так как водяной знак с толстыми буквами будет смотреться интереснее, чем с тощими. Печатаем название сайта, его url или свой никнейм, который будет красоваться на вашем водяном знаке.

4.

Выбираем шрифт, каким будет наш водяной знак в фотошопе

4). Для выравнивания нашего будущего водяного знака, нужно выбрать инструмент “Перемещение” и нажать для выделения поля “Ctrl+A”, затем нажать на выделенные кнопки в верхнем меню для выравнивания по горизонтали и вертикали, после чего нажать “Ctrl+D” для снятия выделения. Если выровнять указанными кнопками не удаётся, то выровнять просто перетащив текст, зажав его кнопкой мыши.

5.

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

5). Для эффектности водяного знака можно придать ему эффект рельефности. Для этого вы должны нажать “Слои –> Стиль слоя –> Параметры слоя”. В открывшемся окне выбрать настройки для придания красоты и выпуклости водяного знака. Я выбрал тиснение. Вы можете выбрать тень или обводку, но мне это не понравилось. Вы можете поиграть с параметрами и эффектами, но решающее значение будет играть следующий этап работы с водяным знаком. Все наложенные эффекты вы сможете в любой момент снять с вашего водяного знака.

6.

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

7.

Наложение эффектов на водяной знак в фотошопе

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

8.

Получившийся водяной знак с наложенными на него эффектами

После этого, выберите во вкладке слои параметр “Заливка” и выставите бегунок в положение равное 0%.

9.

Выставление параметра заливки в 0%

Ваш водяной знак станет практически невидимым. Вот таким:

10.

Водяной знак в фотошопе с нулевой заливкой практически невидим

7). Сохраните получившийся водяной знак в формате.psd. Назвать вы его можете по аналогии с английским вариантом “watermark”. Именно этот получившийся в программе фотошоп водяной знак и будет накладываться на ваши изображения для подтверждения вашего авторства и мешать присваивать его всяким нехорошим людям.

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

11.

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

9). Пример наложения водяного знака на белый цвет:

12.

Наложение водяного знака на белый цвет

Пример наложения водяного знака на чёрный цвет с белым внешним свечением (так как буква k в в водяном знаке AntonKozlov.ru становится плохо различимой):

13.

Наложение водяного знака на чёрный цвет

10). Делается это достаточно просто. Открываете любое изображение в фотошопе и выбираете наложение вашего водяного знака “Файл -> Поместить”. Размещаете его в любом месте простым перетаскиванием.

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

14.

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

Вот такой получился урок по созданию водяного знака в фотошопе.

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

Итак приступим, для работы нам понадобится Photoshop и собственно фотографии. Открываем Photoshopи создаем новый файл (Ctrl+N) размером 400х200 с прозрачным фоном.

Выбираем инструмент “горизонтальный текст”

В настройках текста выбираем Нужный шрифт.

Нажимаем F7 чтобы отобразить окно слоев. Жмем кнопку “Создать новый слой”

Создаем новый слой

Теперь в новом активном слое печатаем текст водяного знака.

Фильтр\Стилизация\Тиснение. Photoshop предлагает нам выполнить Растрирование – жмем ОК.

Стиль — тиснение

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

Теперь наша надпись практически не видна.

Теперь у нас прозрачный текст

Сохраняем наш файл в формате Photoshop — *.PSD. Например WaterAsEasy.psd, этот файл нам понадобится для нанесения водяного знака.

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

Открываем фотографию, на которую нам надо нанести водяной знак. После открытия, жмем – Alt+F9. Мы перешли на вкладку — Операции. Нажимаем – Создать новую операцию.

Создаем новую операцию.

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

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

Запись, стоп, удалить

Помещаем водяной знак

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

ВНИМАНИЕ!!! – Для пакетной обработки фотографий (автоматизации) уменьшение водяного знака подходит только для одинакового размера файлов. Если файлы разного размера, уменьшать размер знака не рекомендую, так он будет автоматически масштабироваться и позиционироваться по центру!

Меняем размер

Сохраняем пригодное для ВЕБ изображение

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

Теперь наконец, пришло время автоматизировать процесс нанесения водяного знака. Для этого переходим — Файл\Автоматизация\Пакетная обработка. В поле “набор” выбираем тот, который создавали для записи операции. Выбираем операцию “Защита фото”. В качестве источника выбираем папку, в которой собраны фото для нанесения водяного знака (нажать кнопку “Выбрать”). Назначение это папка, куда будут сохраняться фото с водяным знаком. Затем выбрать “Порядковый номер” (1 цифра). Если вы хотите выбрать другие варианты, нужно щелкнуть по стрелочке справа от этого поля и выбрать “расширение”. Это позволит в конечном итоге пронумерованные фото с расширением файла, которое было перед пакетной обработкой. Нажать “Да”и Photoshop наносит водяные знаки на все фото, хранящиеся в папке.

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

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

В каких случаях полезно использовать водяной знак

1. Чтобы защитить от копирования свой фотоконтент, который вы выкладываете в сети интернет, например, в социальных сетях или персональном сайте. Изображения с чужими водяными знаками неохотно копируются пользователями. Даже если все-таки кто-то, например, репостнул себе в публичную группу такое изображение, то вытекает второй случай пользы таких знаков…
2. Пиар. Пользователи, которые, несмотря на ваш водяной знак, скопировали себе на сайты или публичные странички, создают вам бесплатную рекламу. Логика проста — человек, увидевший ваше изображение, также обратит внимание и на водяной знак. А дальше, если его заинтересовало ваше творчество, он получит необходимую информацию о том, как вас найти, ибо любому понятно, что это и есть первоисточник данного контента.
3. Не забываем о банальной раскрутке бренда . Люди, копирующие ваш контент, распространяют его по всем мысленным и не мысленным источникам. А постоянное мелькание бренда оставляет в памяти некий след, который потом сослужит пользу, в том числе и коммерческий успех.
4. Если фотоконтент достаточно специфический, как, например, на этом сайте, где я выкладываю обучающие скриншоты, чтобы отбить желание конкурентов копировать контент , водяной знак как ничто другое в этом помогает. Собственно конкуренты вряд ли захотят строить свой аналогичный сайт с картинками, на которых прямая ссылка на мой проект. Даже если они это и сделают, я не буду расстроен, поскольку, как указано в пункте 2, это реклама и дополнительный источник целевого трафика.

Как делать водяной знак

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

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

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

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

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

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

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

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

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

Для этого, проследите чтобы картинка с логотипом была выбрана (как на скриншоте выше — выбранный слой отмечен синим цветом), выберите инструмент Ctrl+T . Вокруг недоиспеченного водяного знака появится ограничительная рамка. Двигайте ее за углы, чтобы уменьшить/увеличить картинку.

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

Закончив с размером, нажмите клавишу Enter или кнопку в виде галочки на инструмента.

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

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

Данный экшен будет работать так:

Открываем в фотошопе фотографию и нажимаем воспроизведение экшена с водяным знаком. Повторяем эти действия для каждой фотографии.

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

Шаг 1

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

Шаг 2

Я рассматриваю пример на своем заранее созданном логотипе. Этот файл должен быть у вас сохранен на компьютере. Выберите папочку, где он будет лежать. Это местоположение больше нельзя будет менять / переименовывать, в том числе другие папки предшествующие конечной. Проще говоря, поместив картинку, например, по такому пути: «C:\Users\Имя пользователя\Desktop\Картиночки\logo.png», ни одну из папок больше нельзя будет переименовывать, перемещать и так далее. В противном случае экшен перестанет работать.

Шаг 3 Откроем палитру.

Откройте палитру с экшенами / операциями: Окно — Операции или клавиши Alt+F9 .

Вот так она должна выглядеть:

Шаг 3 Начинаем запись.

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

Теперь создадим новую операцию. Нажмите на вторую справа кнопку Создает новую операцию . Придумайте ей имя.

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

Шаг 4

Первым делом выполняем команду открыть картинку с будущим водяным знаком: Файл — Открыть или Ctrl+O . Далее найдите картинку у себя на компьютере.

Картинка должны открыться на новой самостоятельной вкладке ().

Шаг 5

Следующая задача скопировать логотип и перенести на исходную фотографию.

Для этого нажмите клавиши Ctrl+A . Мы сделали полное выделение содержимого картинки, по периметру должны появиться «марширующие муравьи».

Сделаем копию Ctrl+C . Так картинка была скопирована в буфер обмена.

Перейдите на предыдущую вкладку с открытой фотографией и вставьте туда скопированный логотип — Ctrl+V .

Шаг 6

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

Для этого на палитре слоев выделите слой с самой фотографией и нажмите Ctrl+A , чтобы выделить его весь.

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

Для этого при выбранном инструменте Перемещение , зажав клавишу Shift нажмите по одному разу на левую и верхнюю стрелочки на клавиатуре. Произойдет сдвиг картинки на 10 пикселей в заданные стороны. Если этого много, нажимайте на стрелочки без Shift’a , тогда сдвиг будет по 1 пикселю.

Финальный аккорд — на палитре слоев измените непрозрачность логотипа. Я поставил 60%.

Шаг 8

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

Для этого ОБЯЗАТЕЛЬНО сначала нажмите на эту вкладку, чтобы она стала активной (активная вкладка подсвечивается более ярким цветом), после этого нажмите на крестик. Иначе, фотошоп запишет в экшен закрытие нашей основной вкладки с фотографией.

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

Не забудьте нажать на кнопку Стоп , чтобы завершить запись экшена.

Проверка на работоспособность

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

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

Результат

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

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

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

1. Запустите Фотошоп и создайте новое изображение, выбрав пункт «Создать» из главного меню «Файл» или сделайте то же самое сочетанием клавиш Ctrl + N. Выберите для создаваемого слоя прозрачный фон. Высоту и ширину установите в пределах средних значений. В данном примере мы создадим слой длиной 300 и высотой 150 пикселей.
   

   

2. Активируйте инструмент «Горизонтальный текст» из панели инструментов.
   
3. Добавьте к изображению надпись, которая будет идентифицировать вас как автора данного изображения.
   

   

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

   Для этого перейдите по следующему пути из главного меню «Слои»-«Стиль слоя»-«Параметры наложения».
   

   

6. Сделайте водяной знак прозрачным, снизив непрозрачность его заливки до 0% в открывшемся окне. Надпись станет полностью прозрачной и исчезнет из вида.
   

   

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

   

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

   

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

    

12. Выберите всю область изображения с водяным знаком из главного меню через «Выделение»-«Все» или просто нажмите сочетание клавиш Ctrl + A для этого. Скопируйте созданный контейнер через «Редактирование»-«Скопировать» из главного меню или просто нажмите сочетание клавиш Ctrl + C для этого.
    
13. Перейдите на вкладку с открытой фотографией и нажмите кнопку создания нового слоя в панели слоев, или нажмите сочетание клавиш Ctrl + N.
    
14. Скопируйте на созданный слой водяной знак, перейдя через главное меню в «Редактирование»-«Скопировать», или нажмите сочетание клавиш Ctrl + V для достижения того же самого эффекта. Водяной знак будет вставлен в центр фотографии. Можно отредактировать ее местоположение или размер, применив инструмент «Трансформирование».
    

    

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

    

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

    

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

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

Я не говорю о всех, это мое сугубо личное мнение.

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

Как сделать водяной знак?

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

Для урока нам понадобится:

• Photoshop
• Панель «Операции» (Action) в фотошопе
• Логотип/Шрифт/Надпись

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

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

Подписываем папку на свое усмотрение и жмем «ОК »

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

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

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

Что бы наш водяной знак не действовал на нервы и не портил всю картину – изменим непрозрачность наших стараний. Рекомендую выставить значения приблизительно 80% (у меня 50%)

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