В сети интернет присутствует большое количество изображений, которые, как правило, загружаются владельцами сайтов, либо пользователями сайта. В зависимости от актуальности изображение может мигрировать от сайта к сайту. Не говоря уже об авторском праве, не каждому владельцу сайта может понравиться тот факт, что изображения с его сайта копируют на других ресурсах. Как средство борьбы с банальным копированием изображений сайта было придумано накладывать водные знаки на изображения, с указанием принадлежности изображения к тому или иному ресурсу. Это может быть особо актуально для сайтов, у которых большое количество уникальных изображений.
Рассмотрим пример кода, который демонстрирует наложение водного знака, на загружаемые картинки.
Итак, основные настройки содержаться в виде констант, и идут в коде первыми:
// путь изображению водяного знака 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;" />
Ну а теперь самое основное, это функции для обработки изображения. Разместить эти функции следует перед показом формы на странице.
Две ключевые функции, с помощью одной изображение загружается на сервер, с помощью другой накладывается водяной знак. Пожалуй, комментарии к функциям расписаны более чем подробно, и писать тоже самое здесь будет лишним.
Многие из Вас уже сталкивались с наличием на изображение водяного знака. Изначально подпись на фото делалась только из соображений известности автора, но в наше время, когда стало возможным повсеместное использование чужих изображений без какого-либо уведомления и упоминания автора, стала появляться другая практика - оставлять водяной знак вместо подписи, и желательно на всех изображениях. Если уже заимствуют, то пускай хоть пользователи знают откуда.
Поскольку на отдыхе или в поездке не всегда удобно использовать полноценный компьютер с соответствующим ПО в этой статье я предложу Вашему вниманию сервис, который позволит даже с мобильного или планшета создать изображение с водяным знаком!
Водяной знак на изображении в три шага
1. Загружаем изображение (Manage Photo(s))Разрешается использоваться форматы jpg, jpeg, png, gif, bmp, tif, tiff , чтобы размер фото был меньше 500Кб . Можно загрузить несколько файлов.
2. Создаём водяной знак (Add Watermark)
И тут раздолье! Можно либо загрузить своё изображение - условия загрузки те же, что и с основной, фоновой частью (те же форматы, менее 500 Кб), либо текст, что примечательно - есть множество параметров его форматирования: ввод текста, около 60 шрифтов на выбор, размер, цвет, наклон, степень прозрачности .
Результат всегда можно будет увидеть в блоке, который расположен правее. Обновление происходит в течение 1-2 секунд.
3. Сохраняем своё изображение! (Process Photo)
На всё про всё, как правило, уходит меньше минуты времени. После чего выбираете как скачать изображение (водяной знак можно отдельно).
Ссылка на сервис
www.watermark.ws - сервис нанесения водяных знаков на изображения он-лайн.Спасибо за внимание! И желаю Вашему сайту только добросовестных посетителей!)
.
В этом уроке 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 , которые я задал для этого действия в начале урока. Вот результат:
Получившийся водяной знак прозрачен и удалить его не так просто.
Желаю Вам творческих успехов! До новых уроков!
Вы сильно рискуете, когда публикуете свои изображения и видео в интернете, так как Ваши материалы с легкостью могут быть скопированы на сотни других ресурсов. Не очень здорово будет обнаружить Вашу картинку к новости, например, над которой Вы усиленно трудились, на другом сайте без указания источника, то есть Вашего сайта, не правда ли? Вы, мягко говоря, расстроитесь, а если это была не простая картинка к новости, а сложная работа в фотошопе, сказать, что Вы будите в гневе – ничего не сказать! Так, что же можно предпринять, чтобы защитить свои графические материалы?
Для защиты авторских прав на изображения или видео в интернете используется, как правило, цифровой водяной знак или ЦВЗ для удобства. Прикрепляйте ЦВЗ на каждое загружаемое изображение, для того, чтобы обезопасить его. ЦВЗ может быть логотипом Вашего сайта или компании, красиво и эстетично размещенный на загружаемых изображениях.
Создадим, вначале, файл содержащий необходимые настройки в виде констант – /config.php :
Define("WATERMARK_OVERLAY_IMAGE", "/develop/images/watermark.png"); // Путь до Вашего ЦВЗ define("WATERMARK_OUTPUT_QUALITY", 100); // Качество получаемого изображения с ЦВЗ. Помните, что качество напрямую влияет на размер файла. define("UPLOADED_IMAGE_DESTINATION", "/develop/folder1/"); // Путь к расположению исходных загружаемых изображений define("WATERMARK_IMAGE_DESTINATION", "/develop/folder2/"); // Путь к изображениям с наложенным ЦВЗ
Соберем созданные выше файлы в исполняющем загрузку файле /upload.php
Include ("config.php"); include ("functions.php"); $result = ImageUpload($_FILES["userfile"]["tmp_name"], $_FILES["userfile"]["name"]); if ($result === false){ echo "Загрузка не удалась!"; }
Для примера если загружаемое изображение было:
То после загрузки и наложения водяного знака, получиться следующее изображение:
В данном примере загружаемое изображение сохраняется в одну папку, а изображение, на которое был наложен цифровой водяной знак в другую, чтобы Вы всегда имели доступ к оригинальным изображениям, но на сайте, разумеется, стоит размещать изображения с ЦВЗ.
(178,4 KiB, 989 hits)
Загрузка...