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

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

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

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. Жмём меню «Сервис », затем – «Пакетное преобразование/переименование ».

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

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

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

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

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

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

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

Знаю, Пятачок. Вернее, как раз сейчас с такой знакомлюсь.

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

Ослик, хватит каламбурить. Винни уже готов нам ее представить. Да, Винни?

Конечно, друзья. Сейчас я вам о ней расскажу и даже покажу.

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

Винни, хватит дурака валять, ты лучше скажи…

Да бесплатная она, Ослик, бесплатная. Ты же это хотел спросить? Но при желании ее можно обновить до платной версии PRO (там есть кнопка Upgrade to PRO).

Скачать программу Водяные знаки бесплатно можно .

Итак. Установили программу для создания водяных знаков. Далее просто загружаем фото, на которые нужно нанести водяной знак, как в Фотошопе. Жмем на «Далее».

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

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

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

Текст, т. е. сам водяной знак, пишем в верхнем правом окошке. Тут все просто.

Вещь! Для ленивых юзеров самое то.

Но это еще не все!

Да нам и этого с Осликом хватит! Побежал устанавливать программу.

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

Но и это не все. В бесплатной программе для водяных знаков имеется генератор демотиваторов!

Ишь ты! А что это такое? Денатуратор генераторов?

Не денатуратор генераторов, а генератор демотиваторов. Ослик, не сбивай. И так еле выговорил.

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

Так что с помощью Bytescout Watermarking легко быть в тренде.

Еще можно сделать две разные надписи — сверху и снизу. В стиле LOLCat. Что это такое, посмотрите на последнем фото с кулером.

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

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

Итак, откроем любое изображение. Я использую фотографию из Майами, которую прислал мой друг BCool. У нас еще температура прохладная, а там океан уже теплый, как молоко. Красота, не правда ли?

Затем откроем окно
Window-Actions (Окна-Действия)
или просто нажмите Alt+F9 на клавиатуре.

Затем кликните на указанной иконке для того, чтобы создать новое Action (Действие) .

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

Жмем Record (Запись) , и в окне действий появится индикатор записи:

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

Например, мы можем уменьшить размер изображения:
Image-Image Resize
(Изображения-размер изображения) Alt+Ctrl+I .

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

Затем наносим водяной знак:
File-Place (Файл-Поместить)
и выбираем свой файл с водяным знаком в формате psd, который мы сделали в предыдущем уроке.

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

Затем сохраним изображение для веба:
File-Save for web (Файл-Сохранить для веб) .
Вы можете задать свои действия. В этом уроке Photoshop я привожу те действия, которые использую для публикации изображений на сайтах и shakin.ru .

В появившемся окне выберем следующие параметры:

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

Теперь просто закроем изображение. В новом окне жмем No (Нет) .

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

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

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

Желаю Вам творческих успехов! До новых уроков!

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

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

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

// путь изображению водяного знака define("WATERMARK_OVERLAY_IMAGE", "/lab/watermark/watermark.png"); // Сжатие, диапазон 0-100 (влияет на качетсво изображения) define("WATERMARK_OUTPUT_QUALITY", 100); // папка с исходными изображениями define("UPLOADED_IMAGE_DESTINATION", "/lab/watermark/upload/src/"); // папка с обработанными изображениями define("WATERMARK_IMAGE_DESTINATION", "/lab/watermark/upload/");

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

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

" style="max-width: 300px;" />

Изображение с водяным знаком

" style="max-width: 300px;" />

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

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