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

Ну, давайте обо все по-порядку:

Picmarkr.com — сервис создания водяных знаков

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

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

После того как мы выбрали изображения, нажимаем кнопку Ok! Go to Step2 и переходим к следующему шагу. В появившемся окне будет 3 варианта нанесения водяного знака. В первом окне — Text watermark можно нанести текстовый знак с указанием цвета и месторасположения. Вводите в поле Text to display – необходимый текст, в строке Presets – выбираете цвет заливки (можно и без нее), самого текста и в области Watermark align выбираете место на картинке для вашего знака.

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

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

После того, как вы определились с необходимым типом знака, загрузили картинку и выбрали вариант, как сделать водяной знак, жмите кнопку Continue (справа внизу под картинкой) и после этого кнопку Download images to computer. Все, работа выполнена, вот как выглядит, к примеру, картинка с нанесением логотипа по всему рисунку.

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

Что такое Watermark , я думаю, все знают. Это метка на фото, которая указывает на автора снимка. Я сейчас говорю не про Digital Watermark , который хитро внедряется в фото, размазываясь по всей поверхности, а про подпись или знак на картинке.

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

«Водяные знаки» можно поставить в Adobe Photoshop .

Там нужно заготовить образец (Pattern) в отдельном окне на прозрачном фоне.

У меня он оптимальный 508×288 для снимка шириной 1280пикс.

Заходим в Edit/Define Pattern и назначаем вашему «водяному знаку» имя.

Переходим обратно на снимок в другом окне фотошопа и создаём пустой слой, поверх снимка.

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

В принципе, фото защищено неплохо. Но черные надписи поверх чёрных объектов на снимке выглядят не очень. Тогда мы идём в Blending Options в окне Layers (слои).

Выбираем там опцию Stroke (обводка) и задаём ей параметры: цвет (я задал белый), толщина обводки (size) и непрозрачность (opacity).

Получается вот так.

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

Для этих действий имеет смысл записать Action (макрос, набор команд, выполняемый автоматически) и далее выполнять по одной кнопке.

Если же вам хочется более удобного решения (ведь Adobe Photoshop не очень быстрая программа), то на помощь приходит AnyPic Watermark .
Я перепробовал кучу программ для установки «водяных знаков» и эта - самая удобная и быстрая.

Для Windows XP она называется как я написал выше, а если у вас более новая ОС (например, Windows 7 ), то старая версия программы хоть и поставится, но работать не будет. Вам стоит устанавливать её новую версию PearlMountain Photo Watermark .

Интерфейс не перегруженный, есть Watermark текстовой и графический. Быстро обрабатывает пачку фотографий.
Есть несколько шаблонов для Watermark .

И третий вариант — установка Watermark непосредственно при загрузке фото на сайт.
Я использую систему WordPress и ней есть несколько платных и бесплатных плагинов, которые добавляют «водяные знаки».

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

Добавляющие знаки прямо на фото
- отображающие Watermark поверх фото (фото остается чистым на сервере)

Я пробовал второй вариант т.к. он интереснее.

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

Иногда впоследствии не найти оригиналов фото без «водяных знаков». Но оказалось, что, во-первых, такие плагины очень сильно зависят от хостинга, на котором находится ваш сайт, а, во-вторых, при сбоях на сайте все ваши фото неожиданно оказываются в свободном доступе без каких либо Watermark . Хотя должен признать, выглядят они красиво. Но вот разве в этом смысл?
Большие же сайты, типа Shutterstock, имеют собственные защищенные сервера и собственные плагины Watermark , так что у них нет подобных проблем.

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

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

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

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

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

1. Каким должен быть водяной знак

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

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

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

2. Создание водяного знака в программе Paint.NET

Создадим водяной знак для нашего сайта — сайт, а процесс его создания поручим программе Paint.NET . Это растровый графический редактор, и это бесплатная альтернатива платным программным продуктам для работы с изображениями, в частности, известному Adobe PhotoShop. С помощью Paint.NET можно создавать целые шедевры изобразительного искусства: программа обустроена различными эффектами, фильтрами, инструментами стилизации, искажения, размытия, коррекции, создания узоров и прочими функциями для художественной обработки изображений. Функциональность Paint.NET можно увеличить за счёт дополнительных плагинов. Программа также работает с внешними устройствами – сканером и камерой. Немаловажную роль при выборе программы для создания водяного знака сыграла не только бесплатность, но также юзабельность и простота программы.

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

Что же, приступим. Скачиваем Paint.NET с официального сайта разработчика, устанавливаем и запускаем.

В окне программы откроется новый файл изображения с предустановленным белым фоном. Для создания налаживаемых объектов, как в нашем случае надписи для водяного знака, фон какого-бы то ни было цвета нам не нужен. Потому выбираем инструмент перемещения выделенной области, кликаем на полотно и жмём клавишу Delete.

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

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

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

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

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

Процесс создания объекта для наложения, как в нашем случае, в плане проявления творческого потенциала будет сильно стеснён рамками специфики использования водяного знака, если это адрес веб-ресурса – напомним, надпись должна быть незаметной, но при необходимости читаемой. Здесь, увы, особо ни талант не проявить, ни раскрыть возможности Paint.NET. А вот для процесса создания других налаживаемых объектов, например, логотипов, штампов, эмблем, прочих бренд-символов можно смело экспериментировать с эффектами программы.

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

Водяной знак готов.

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

Теперь это изображение можно налаживать на фото и картинки.

3. Наложение водяного знака в программе Paint.NET

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

Чтобы наложить водяной знак на изображение, открываем его в программе Paint.NET. Жмём меню «Слои », далее – «Импорт из файла » и выбираем сохранённый ранее файл водяного знака.

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

Сохраняем файл в нужном формате.

4. Пакетное наложение водяного знака с помощью FastStone Image Viewer

Налаживать водяной знак на несколько картинок, безусловно, гораздо удобнее в пакетном режиме. Такая функция – обыденная вещь для любого более-менее стоящего менеджера изображений. Но в нашем случае для пакетного наложения водяного знака будет использоваться не более-менее стоящая программа, а достаточно функциональный продукт — FastStone Image Viewer . Это бесплатный менеджер изображений, который позволяет проводить редакцию картинок в автоматическом режиме – менять их размеры, обрезать, переименовывать, изменять глубину цвета, яркость, контрастность, насыщенность, применять наложения и рамки, конвертировать в другие форматы и пр.

Скачиваем FastStone Image Viewer с официального сайта разработчика и устанавливаем программу.

Для пакетной работы с наложением водяного знака все изображения необходимо поместить в одну папку и открыть ее в окне FastStone Image Viewer. Жмём меню «Сервис », затем – «Пакетное преобразование/переименование ».

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

Ставим галочку на опции «Изменить настройки (размеры) » и жмём появившуюся кнопку «Дополнительно ».

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

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

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

Помогла ли вам данная статья?

Простая пошаговая инструкция, с помощью которой каждый сделает водяной знак в Фотошопе (Photoshop) на фотографиях, которые вы выкладываете в Интернете. Водяной знак поможет защитить их от несанкционированного использования. Автор поста — Наталья Горобец , ведущая блога Mama’s Brand .

Как сделать водяной знак в Фотошопе: руководство для работы с фотографиями, подготовленными для Web.

Есть разные способы нанесения водяного знака. Расскажу, как делаю я. Перед тем, как разместить фотографию в Интернет, я подготавливаю ее копию размером 400х600 пикселей.

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

Создадим в фотошопе новый файл для web размером 640х480 пикселей с прозрачным фоном.

Возьмем инструмент Horizontal Type Tool (Горизонтальный текст).

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

Я возьму шрифт Times New Romans. Цвет шрифта сделаем белым.

В окне слоев нажимаем на указанную иконку и создаем новый слой.

Затем печатаем текст:

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

Надпись стала рельефной.

Затем в окне слоев уменьшим насыщенность слоя. Для этого регулируем параметры Непрозрачность и Заливка.

Надпись станет прозрачной, практически невидимой.

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

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

Заходим в Файл-Поместить и выбираем наш сохраненный водяной знак. Надпись вместе с рамкой трансформации появится в центре изображения:

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

Кроме того, с помощью рамки трансформации можно вращать надпись и поместить ее по вертикально или диагонали.

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

В верхнем меню выбираем Слои-Выполнить сведение. Затем сохраняем изображение, Файл-Сохранить.

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

Желаю Вам успешной работы!

Наталья Горобец (мама Наташа).

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

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

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

Водяной знак можно делать цветным и прозрачным. Я предпочитаю прозрачный водяной знак. Сейчас мы с вами его сделаем в фотошопе CS6.

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

1. Создаём в фотошопе документ, размером 400*100, даём ему название «Водяной знак».
Для этого, нажимаем надпись «Файл» и в появившемся окне «Создать»:


2. Заполняем все необходимые поля аналогично приведённой картинке:

Обратите внимание на следующие пункты:

• ширина — 400 (для слайдов 800-1000) пикселей
• высота — 100 (для слайдов 200) пикселей
• разрешение 300 (очень часто фотошоп на автомате предлагает другое)
• цветовой режим RGB (важно!)
• содержимое фона — Прозрачный (у вас может на автомате стоять «Белый»)

Только внимательно проверив все прописанные мной пункты — нажимаем «ОК».

3. На левой панели инструментов находим Инстумент Горизонтальный текст:

4. Кликаем этим инструментом на наш документ, чтобы появился курсор.

5. Нам необходимо сделать цвет надписи чёрным. Для этого нажимаем на верхней панели иконку цвета шрифта — у меня она пока голубого цвета (появится только после того, как у вас будет курсор на документе):

6. Как только вы кликните на иконку, увидите новое окошко, на котором мы и задаём чёрный цвет шрифта, перемещая кружочек в крайнее нижнее положение слева и нажимая кнопку «ОК»:

Как видите, цвет стал чёрным.

7. Также можете настроить величину шрифта и название шрифта. У меня шрифт «Rubius» и размер шрифта 14:

Шрифт можно скачать по ссылке с моего Яндекс.Диска https://yadi.sk/d/eD73rTIijNa5z . Я им часто пользуюсь, очень красиво смотрится в надписях.

8. Прописываем либо своё имя и фамилию, либо — название сайта. В ролике я прописываю имя и фамилию, а сейчас пропишу название сайта (на английском языке):

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

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

Как сделать водяной знак прозрачным

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

11. Появится окошко и мы выбираем (кликаем) «Тиснение»:

Откроется ещё окошко и там тоже выбираем «Тиснение»:

12. Делаем наш водяной знак прозрачным:

Как сделать водяной знак прозрачным:

• кликаем на надпись «Слои» (на рисунке цифра 1)
• откроется окошко с нашей надписью
• возле слова «Заливка» нажимаем на треугольник на рисунке цифра 2)
• появится ползунок
• отводим его в крайнее левое положение, пока цифра "100%" возле слова «Заливка» не поменяется на надпись"0%" (на рисунке цифра 3)
• смотрим, как стала надпись почти невидимой — прозрачной (на рисунке цифра 4)

Теперь вы знаете, как сделать водяной знак в фотошопе прозрачным.

Первое сохранение для возможного исправления чего-либо в фотошопе (а вдруг надо будет?):

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

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

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

Я записала для вас видео, как сделать водяной знак в фотошопе CS6 прозрачным. Смотрите и сделайте себе.

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

С уважением, Галина Нагорная

P.S. Если у вас что-то не получилось — пишите в комментариях, помогу, исправлю... Главная ошибка здесь — не добавили стили, а в них — тиснение.