Здравствуйте, друзья! Сегодня мы поговорим с вами о том, как добавлять водяные знаки на фото (изображения) в WordPress . Перед тем как начать урок, сперва напомню зачем нужны водяные знаки на сайте.
Во первых, водяные знаки — одна из самых популярных технологий защиты авторских прав на мультимедийный файлах. Во вторых, применение водяных знаков отлично подходит для защиты изображений от копирования и дальнейшего их несанкционированного использования.
Думаю Вы согласитесь, что мало кто захочет выставлять у себя на сайте изображения с чужим логотипом или ссылкой на другой сайт 🙂
Как поставить водяные знаки на картинки (фото) в WordPress
Добавлять водяные знаки на изображения мы будем с помощью плагина Easy Watermark .
1. Устанавливаем и активируем плагин Easy Watermark .
2. После установки и активации плагина переходим в Настройки -> Easy Watermark .
3. Настройки плагина разделены на 3 вкладки : Общие, Изображение, Текст . Давайте поговорим более подробно о самых важных настройках каждой из этих вкладок.
Общие настройки
На этой вкладке находятся общие настройки плагина. Обо всех настройках этой вкладки говорить не вижу смысла, так как плагин почти полностью русифицирован. Напишу только о том, что я рекомендую Вам изменить .
- Поставьте галочку в «Backup» . После включения этой функции, все оригиналы загруженных изображений (без водяных знаков) будут сохраняться в отдельной папке, и их при желании можно будет восстановить . Очень полезная штука.
- В «Размеры изображений» рекомендую оставить только «Fullsize» . Это значит, что водяные знаки будут отображаться только на оригинале изображения (полном размере), а не на миниатюрах и т.п. Таким образом водяные знаки не будут постоянно маячить перед глазами, а большой размер изображения будет защищен.
Изображение
На этой вкладке Вы можете сделать водяной знак из изображения . Для этого нажмите кнопку «Выбрать/загрузить изображение» , после чего настройте его расположение (если необходимо).
Важно! Если Вы решили использовать изображения для водяного знака , укажите в общих настройках «Тип водяного знака» -> «Изображение» .
Текст
Для добавления текстового водяного знака перейдите на вкладку «Текст» и укажите желаемый текст для цифровой подписи.
На этой же вкладке укажите выравнивание текста (нажав по прямоугольнику на изображении), смещение текста (если он не помещается или Вы хотите его сдвинуть), шрифт, цвет и размер текста . Также можно изменить наклон текста и его прозрачность .
Как видите, сложного в создании водяных знаков совершенно ничего нету. Плагин прост в использовании и интуитивно понятен.
Данный плагин также отлично работает с интернет магазином WooCommerce. Включить водяные знаки в магазине очень просто! Для этого на вкладке «Общие» , в блоке настроек «Типы записей» отметьте галочкой «Товары» .
Важно! Плагин WooCommerce должен быть активированный, в противном случае такой пункт в настройках просто не появится.
Восстановление и массовое нанесение водяных знаков
Восстановить оригинальные изображения (если включено их сохранение в настройках) как и массово нанести водяные знаки на все ранее загруженные изображения можно перейдя в Медиафайлы -> Easy Watermark.
«Start» — нанести водяных знаки на все изображения.
«Restore» — восстановить оригинальные изображения, на которых не будет водяного знака.
Результат
Вот такой текстовый водяной знак получился из примера этого урока.
Как всегда хочу напомнить, если у Вас возникают вопросы или трудности — смело пишите в комментариях.
Здравствуйте, друзья! Сегодня мы поговорим с вами о том, как добавлять водяные знаки на фото (изображения) в WordPress. Перед тем как начать урок, сперва напомню зачем нужны водяные знаки на сайте. Во первых, водяные знаки - одна из самых популярных технологий защиты авторских прав на мультимедийный файлах. Во вторых, применение водяных знаков отлично подходит для защиты изображений от копирования и дальнейшего их несанкционированного использования. Думаю Вы согласитесь, что мало кто захочет выставлять у себя на сайте изображения с чужим логотипом или ссылкой на другой сайт:) Как поставить водяные знаки на картинки (фото) в WordPress Добавлять водяные знаки на изображения мы будем с помощью…
Обзор
Оценка урока
100
Водяной знак — это способ защиты своих авторских прав на фотоконтент. Это может быть логотип фирмы, фамилия автора, ссылка на сайт или любое другое уникальное слово или изображение, указывающее на ваше авторство.
Знак называют водяным в связи с тем, что по стандарту его нужно делать полупрозрачным. Ведь на изображении важно само содержимое, а знак не должен привлекать к себе основное внимание. Правильный водяной знак — это неяркая полупрозрачная метка у края изображения.
В каких случаях полезно использовать водяной знак
- Чтобы защитить от копирования свой фотоконтент, который вы выкладываете в сети интернет, например, в социальных сетях или персональном сайте. Изображения с чужими водяными знаками неохотно копируются пользователями. Даже если все-таки кто-то, например, репостнул себе в публичную группу такое изображение, то вытекает второй случай пользы таких знаков…
- Пиар. Пользователи, которые, несмотря на ваш водяной знак, скопировали себе на сайты или публичные странички, создают вам бесплатную рекламу. Логика проста — человек, увидевший ваше изображение, также обратит внимание и на водяной знак. А дальше, если его заинтересовало ваше творчество, он получит необходимую информацию о том, как вас найти, ибо любому понятно, что это и есть первоисточник данного контента.
- Не забываем о банальной раскрутке бренда . Люди, копирующие ваш контент, распространяют его по всем мысленным и не мысленным источникам. А постоянное мелькание бренда оставляет в памяти некий след, который потом сослужит пользу, в том числе и коммерческий успех.
- Если фотоконтент достаточно специфический, как, например, на этом сайте, где я выкладываю обучающие скриншоты, чтобы отбить желание конкурентов копировать контент , водяной знак как ничто другое в этом помогает. Собственно конкуренты вряд ли захотят строить свой аналогичный сайт с картинками, на которых прямая ссылка на мой проект. Даже если они это и сделают, я не буду расстроен, поскольку, как указано в пункте 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 . Спасибо!
Что такое 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 .
Главное, не переусердствуйте. Помните, что по-настоящему защищать имеет смысл только крупные и ценные картинки. Маленькие превьюшки достаточно оснастить надписью в уголке.
Привет друзья, сегодня я хочу поговорить с вами о создании водяного знака на картинки. Часто бывают случаи, когда необходимо, нанести водяной знак на изображение в виде текста или логотипа компании/бренда. В первую очередь это нужно для большей узнаваемости вашего имени, такая себе скрытая реклама, во-вторых, небольшая авторских прав. Процесс нанесения водяного знака, который мы с вами будем разбирать на самом деле очень простой. Необходимо выбрать несколько картинок и вариант водяного знака – текстовый или графический.
Ну, давайте обо все по-порядку:
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. Все, работа выполнена, вот как выглядит, к примеру, картинка с нанесением логотипа по всему рисунку.
Вот такой замечательный сервис полностью отвечающий на вопрос — как сделать водяной знак онлайн, мы разобрали сегодня. Если знаете, подобные сервисы, пишите в
В современном мире многие люди занимаются созданием визуального контента, загружая тонны картинок в интернет ежедневно. Если вы входите в их число - у вас есть свой сайт, блог или вы любите делиться фотографиями в соцсетях — возможно, вы уже задумывались в чем заключается назначение водяного знака и стоит ли вам добавлять его на свои изображения.
Водяной знак на фото — это видимое полупрозрачное клеймо: логотип, название бренда или имя, нанесенное поверх оригинала изображения. В идеале он не должен перетягивать на себя все внимание и отвлекать от самой фотографии.
Вторым преимуществом водяного знака является брендинг и продвижение вашего бренда, ведь по сути это бесплатная реклама. Увидев ваши фотографии или изображения вашего продукта в интернете, потенциальные клиенты смогут быстро найти ваш сайт или страничку в соцсетях благодаря водяному знаку, забив имя или название фирмы в строку поиска. Это намного проще, чем играть в детектива, пытаясь установить личность автора самостоятельно. Например, бренды одежды к каждой вещи пришивают бирку, на которой указано их название, чтобы вы знали, кто является производителем. Водяные знаки - это именные бирки для ваших изображений. Кроме того, люди начнут ассоциировать ваш бренд с определенным стилем и типом фотографии.
В древности великие творцы нередко помечали свои работы, помещая внутрь картины свое имя. Делалось это как для наработки «клиентской базы», так и для сохранения своих авторских прав, хотя в те времени подделать работы выдающихся мастеров мог далеко не важный. К сожалению, в современном мире украсть изображение можно с помощью пары кликов мышки. Если вы хотите избежать такой ситуации и при этом раскрутить свой бренд, повысить количество продаж и увеличить посещаемость сайта, вам нужно клеймить свои изображения.
Повторное использование водяных знаков
При следующем открытии приложения, Visual Watermark автоматически загрузит последнее использованное клеймо. Если вы не хотите использовать предыдущее клеймо, нажмите кнопку Удалить водяной знак справа.
Если вы хотите использовать предыдущее клеймо, щёлкните кнопку Следущий Шаг, чтобы перейти дальше.
Если ваш водяной знак пуст, приложение предложит использовать один из предыдущих водяных знаков.
Visual Watermark сохраняет 10 последних водяных знаков, которые вы использовали. Для загрузки предыдущего клейма, просто щёлкните по нему.
Шаг 3 – Укажите настройки вывода и поставьте знак на фотографии
Как нанести водяной знак на jpeg-изображение?
JPG - это самый распространенный формат изображения. Большая часть фотографий, которые вы видите онлайн - это JPG. Чтобы нанести водяной знак на jpeg-изображение, вам нужно выбрать фото, решит какой тип водяного знака вы хотите (текст, логотип или группа), изменить внешний вид водяного знака, установить настройки вывода и кликнуть по кнопке “Применить клеймо”.
Как поставить водяной знак на фото бесплатно?
Вы можете воспользоваться пробной версией Visual Watermark , чтобы поставить водяной знак бесплатно. Однако, на всех фотографиях к вашему водяному знаку будет добавлен еще один водяной знак с надписью “Пробная версия”.
В качестве альтернативы вы можете поставить водяной знак с помощью онлайн приложения - Watermarkly . Оно быстро работает, им легко пользоваться и вам не нужно ничего устанавливать.
Как наложить логотип на фото?
- Запустите Visual Watermark .
- Нажмите “Выбрать изображения” или перетащите фото в программу.
- Выберете одно или несколько изображений для нанесения водяного знака.
- Кликните “Далее”.
- Выберите “Добавить логотип”. Вы можете загрузить свой шаблон логотипа или выбрать один из 60 встроенных.
- Воспользуйтесь инструментами редактирования и измените внешний вид вашего водяного знака. Вы можете сменить шрифт, размер, цвет, прозрачность и угол поворота, добавить один или два эффекта, сделать так, чтобы ваш водяной знак заполнял всё фото или удалить фон с вашего логотипа.
- Кликните “Далее”, чтобы перейти к настройкам вывода.
- Укажите настройки вывода и выберете папку для сохранения фото.
- Нажмите “Предпросмотр”, чтобы посмотреть, как будет выглядеть готовое фото. Смените размер и/или положение, если захотите.
- Нажмите “Применить клеймо”, чтобы начать процесс нанесения водяного знака.