21.07.2023
Программа для массового добавления водяных знаков. Водяной знак на фото, программа XnView
Сегодня у авторов изображений, выкладываемых в Интернете, по сути, нет более практичного способа защитить свои материалы, чем налаживать на них водяные знаки. Бороться с воровством фотоконтента активными способами можно, но это займёт много сил, а результаты могут оказаться незначительными. Главная задача водяного знака – это указание первоисточника изображения, конкретного сайта, где то или иное изображение в оригинале выложено его владельцем. Водяной знак может играть и второстепенную роль, ведь это ещё и дополнительный логотип проекта, а, следовательно, и пассивный способ заполучить узнаваемость массами.
Как создать водяной знак, как наладить работу с его наложением на изображения в пакетном режиме, с помощью каких программ это сделать проще всего – во всех этих вопросах будем разбираться ниже.
Но прежде чем приступить к конкретным инструкциям по созданию водяного знака, несколько слов о том, каким он должен быть.
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. Жмём меню «Сервис », затем – «Пакетное преобразование/переименование ».
Добавляем все изображения папки или отдельные, на которые нужно наложить водяной знак. Выбираем формат и папку, куда будут помещены изображения на выходе с уже наложенным водяным знаком. Лучше назначить отличную от исходной папки, в этом случае оригиналы изображений останутся без изменений, а картинки с наложенным водяным знаком будут сохранены с теми же именами файлов, но в отдельной папке.
Ставим галочку на опции «Изменить настройки (размеры) » и жмём появившуюся кнопку «Дополнительно ».
Переходим на вкладку «Водяной знак » и выставляем активной опцию «Добавить водяной знак ». Указываем путь к сохранённому файлу изображения водяного знака, выставляем позицию, уровень прозрачности и жмём «ОК ».
Возвратившись в общее меню преобразования изображений, можем запускать процесс наложения водяного знака – жмём кнопку «Старт ».
Всё – изображения с уже наложенным водяным знаком можем искать в указанной папке.
Помогла ли вам данная статья?
Сохраняя картинку с какого-либо сайта, вы наверняка хоть раз замечали наличие небольшой текстовой или графической символики в одном из ее углов. Как правило, используют текстовую символику – название или URL адрес самого сайта.
Однако в некоторых случаях на картинку ставят графический логотип. Все эти символики и логотипы можно назвать одним общим словом – водяной знак. Почему водяной?
Наверно потому, что он ставится поверх основного изображения и довольно часто обладает определенной степенью прозрачности (изображение под ним выглядит так, как будто находится под тонким слоем воды). Наносится водяной знак на фото как правило с целью защиты изображений сайта от воровства.
Можно назвать как минимум две причины его размещения на картинках. Во-первых, защита от копирования (воровства). Каждый веб-мастер хочет, чтобы контент его сайта (текстовый и графический) всегда оставался уникальным. Воровать текст, если он уже проиндексирован, особого смысла нет (но все-равно воруют).
С графикой дела обстоят совсем иначе. Чтобы усложнить злоумышленникам задачу, наносят водяной знак на фото. Теперь для размещения ее на другом сайте нужно будет вырезать знак при помощи графических редакторов. А это – дополнительные усилия и время.
Во-вторых, ненавязчивая реклама сайта и пиар. При каждом просмотре скачанной картинки вы непроизвольно будете натыкаться на название сайта (которое прописано в водяном знаке). Соответственно, рано или поздно у вас наверняка возникнет желание заглянуть на данный сайт еще раз, посмотреть новые картинки, почитать статьи и т.д.
Наложить водяной знак на фото
Ну а теперь непосредственно о том, как же поставить водяной знак на изображения своего сайта? В первую очередь, нужно этот самый знак создать. Самый простой вариант – воспользоваться программой Paint.- Создаем новый файл с размерами будущего знака (обычно это небольшой вытянутый прямоугольник).
- Далее выбираем инструмент «Текст», нужный шрифт и пишем название вашего сайта.
- В конце не забываем сохранить файл в графическом формате.
Или можно и использовать его в качестве водяного знака.
Поставить водяной знак на картинку можно в том же Paint или Photoshop. Но это целесообразно делать лишь тогда, когда вы работаете с 1-2 изображениями.
Если речь идет о нескольких десятках картинок, то понадобится более универсальный и эффективный инструмент, к примеру, программа XnView. При помощи нее можно поставить водяные знаки практически на неограниченное количество изображений (и все это – в автоматическом режиме).
Пакетное нанесение водяных знаков на фото при помощи бесплатной программы XnView
Программа XnView, в которой можно наложить водяной знак на фото, является бесплатной, поэтому вам нужно лишь скачать и установить ее. Главное окно является обычным проводником (наподобие проводника Windows).В правой части данного проводника расположен список всех директорий вашего ПК, в левой – содержимое выбранной на данный момент директории. Перед обработкой поместите все картинки в одну папку и откройте ее в проводнике XnView. Далее выделите мышкой все файлы, а в контекстном меню (правая кнопка) выберите опцию «Пакетная обработка».
Откроется новое окошко. Первая вкладка в данном окошке называется «Основные» (расположены основные настройки). Нас интересует раздел «Выходные данные».
В пункте «Папка» выбираем директорию, в которую будут сохраняться изображения с уже поставленным водяным знаком. В пункте «Формат» выбираем формат графических файлов.
Пункт «Опции» открывает еще одно окошко. Здесь можно выбрать качество обработки картинок после простановки водяного знака (измеряется в процентах от исходного качества).
Теперь закрываем «Опции» и открываем вторую вкладку окна с «Пакетной обработкой». Вторая вкладка называется «Преобразования».
Здесь выбираем тип преобразования. В нашем случае – это «Водяной знак». В «Параметрах» следует выбрать сам файл водяного знака (мы его создали ранее), установить степень его прозрачности в процентах, выбрать место размещения знака (центр или один из углов), указать отступ в пикселях от края картинки (если это нужно).
В конце жмите «Выполнить». Скорость работы программы довольно высокая. К примеру, простановка водяного знака на нескольких сотнях картинок займет буквально 1-2 секунды.
http://www.softportal.com/software-2543-xnview.html
В сети интернет присутствует большое количество изображений, которые, как правило, загружаются владельцами сайтов, либо пользователями сайта. В зависимости от актуальности изображение может мигрировать от сайта к сайту. Не говоря уже об авторском праве, не каждому владельцу сайта может понравиться тот факт, что изображения с его сайта копируют на других ресурсах. Как средство борьбы с банальным копированием изображений сайта было придумано накладывать водные знаки на изображения, с указанием принадлежности изображения к тому или иному ресурсу. Это может быть особо актуально для сайтов, у которых большое количество уникальных изображений.
Рассмотрим пример кода, который демонстрирует наложение водного знака, на загружаемые картинки.
Итак, основные настройки содержаться в виде констант, и идут в коде первыми:
// путь изображению водяного знака 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/");
На странице мы разместим форму загрузки изображения, с помощью которой изображения будут отправляться на сервер.
Код формы:
Ну а теперь самое основное, это функции для обработки изображения. Разместить эти функции следует перед показом формы на странице.
// функция загрузки изображения function ImageUpload($temp_path, $temp_name){ // получаем параметры изображения list($temp_width, $temp_height, $temp_type) = getimagesize($temp_path); // если тип определить не получилось, то возвращаем FALSE if ($temp_type === NULL) return false; // если тип загружаемого файла не GIF, JPEG, PNG switch ($temp_type){ case 1: break; case 2: break; case 3: break; default: return false; } // пути для сохранения $upload_image_path = UPLOADED_IMAGE_DESTINATION . $temp_name; $watermark_image_path = WATERMARK_IMAGE_DESTINATION . preg_replace("/\\.[^\\.]+$/", ".jpg", $temp_name); // загружаем исходное изображение move_uploaded_file($temp_path, $_SERVER["DOCUMENT_ROOT"].$upload_image_path); // создаем копию изображения и добавляем водяной знак $result = AddWaterMark($_SERVER["DOCUMENT_ROOT"].$upload_image_path, $_SERVER["DOCUMENT_ROOT"].$watermark_image_path); // возвращаем путь к файлу return ($result === false ? false: array($upload_image_path, $watermark_image_path)); } // функция добавления водяного знака function AddWaterMark($source_image_path, $result_image_path){ // получаем размеры и тип исходного изображения list($source_image_width, $source_image_height, $source_image_type) = getimagesize($source_image_path); // останавливаем выполнение если не удалось определить тип if ($source_image_type === NULL) return false; // создаем ресурс изображения из исходной картинки switch ($source_image_type) { case 1: // картинка *.gif $source_image = imagecreatefromgif($source_image_path); break; case 2: // картинка *.jpeg, *.jpg $source_image = imagecreatefromjpeg($source_image_path); break; case 3: // картинка *.png $source_image = imagecreatefrompng($source_image_path); break; default: return false; // в ином случае не делаем ничего } // создаем ресурс изображения для нашего водяного знака $watermark_image = imagecreatefrompng($_SERVER["DOCUMENT_ROOT"].WATERMARK_OVERLAY_IMAGE); // получаем размеры $watermark_width = imagesx($watermark_image); $watermark_height = imagesy($watermark_image); // параметры наложения с прозрачным фоном imagealphablending($source_image, true); imagesavealpha($source_image, true); // копирование и наложение знака на исходное изображение imagecopy($source_image, $watermark_image, $source_image_width - $watermark_width, $source_image_height - $watermark_height, 0, 0, $watermark_width, $watermark_height); // сохранение результата imagejpeg($source_image, $result_image_path, WATERMARK_OUTPUT_QUALITY); // очистка всех временных ресурсов imagedestroy($source_image); imagedestroy($watermark_image); } ?>
Две ключевые функции, с помощью одной изображение загружается на сервер, с помощью другой накладывается водяной знак. Пожалуй, комментарии к функциям расписаны более чем подробно, и писать тоже самое здесь будет лишним.
.
В этом уроке 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 , которые я задал для этого действия в начале урока. Вот результат:
Получившийся водяной знак прозрачен и удалить его не так просто.
Желаю Вам творческих успехов! До новых уроков!