Как вставить водяной знак в photoshop. Как добавить водяной знак на изображения в WordPress

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

Хотите узнать как стабильно зарабатывать в Интернете от 500 рублей в день?
Скачайте мою бесплатную книгу
=>>

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

Под изображением можно понимать:

  • Картинку;
  • Логотип;
  • Тестовую надпись;
  • Любой символ.

Вот исходя из данных понятий, мы сегодня будем создавать свой водяной знак.

Как сделать водяной знак в Фотошопе, способы

Водяной знак с помощью тиснения

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

Только вместо тени, откройте вкладку — тиснение.

Я выставил следующие значения:

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

Вот такой результат на белом фоне получился у меня:

А так будет на цветном:

Как видите, за счёт освещения сверху, водяной знак стал более заметен на тёмном фоне, буквы как будто выдавливаются на изображении.

Сохранение водяного знака

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

Инструкция по сохранению:

  1. Нажать вверху вкладку слои;
  2. Опуститься до слова — растрировать;
  3. Растрировать текст и растрировать стиль слоя;
  4. Сохранить документ в формате PNG;
  5. Далее вы можете сохранить логотип в виде кисти. Откройте вкладку — редактирование — определить кисть — сохраните;

Теперь, вы можете сделать узор для заливки. Вы наверное видели не раз, как на картинке по диагонали расположены повторяющиеся водяные знаки.

Сделать такой эффект довольно просто:

  1. Откройте вкладку — изображение — размер холста;
  2. Укажите высоту холста, равную ширине. То есть, ваш документ должен стать квадратом;
  3. Зайдите в меню, вверху — редактирование — трансформирование — поворот;
  4. Разверните логотип под углом 45 градусов, то есть по диагонали;
  5. Опять откройте — редактирование — определить узор — сохраните логотип как узор.

Нанесение логотипа на картинку

Теперь у нас есть три варианта нанесения логотипа на картинку.


Как сделать водяной знак в Фотошопе, итог

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

Удачи вам, всего доброго!

P.S. Прикладываю скриншот моих заработков в партнёрских программах. И напоминаю, что так зарабатывать может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов Интернет бизнеса.


Заберите список проверенных Партнёрских Программ 2018 года, которые платят деньги!


Скачайте чек-лист и ценные бонусы бесплатно
=>> «Лучшие партнёрки 2018 года»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поддерживаемые форматы

Visual Watermark поддерживает JPEG, PNG, TIFF, GIF и BMP графические форматы. Visual Watermark поддерживает цветовые пространства RGB, CMYK 8bit и фото с цветовыми профилями. Защищенные фото всегда в цветовом пространстве RGB и цветовыми профилем sRGB. Автоматически поворачивает вертикальные фото. Сохраняет EXIF и IPTC информацию в JPEG файлах. Поддерживает 100% качество для JPEG изобраений. Не использует сжатие цветности при сохранении в JPEG формат. Это обеспечивает наиболее качественную передачу цвета.

Водяные знаки с текстом

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

Водяные знаки с логотипами

Логотип вашей компании в качестве водяного знака. Замените логотип шаблона на ваш на экране персонализации клейма. Поддерживаемые форматы клейма: JPEG, PNG, TIFF, GIF и BMP. Visual Watermark удалит фон на вашем логотипе, если потребуется.

Пакетная обработка фотографий

Visual Watermark позволяет поместить водяной знак на группу фотографий за раз. Выберите фотографии и папки для защиты и программа поместит клеймо на все выбранные фото. Visual Watermark использует до 4х процессорных ядер для максимальной производительности.

Изменяет размер клейма автоматически

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

Копирайт-метаданные

Программа Visual Watermark добавляет ваш копирайт в метаданные защищаемых фотографий. Это позволяет прикрепить ваши контактные данные к файлу фотографии не увеличивая размер водяного знака. Ваши клиенты могут прочитать копирайт из скаченного файла с помощью Preview на Mac и экрана Свойства файла на Windows.

Переименование фотографий

Дает новые названия защищенным фотографиям. Используйте эту функцию, чтобы дать осмысленные названия файлам перед отправкой их клиентам. Программа Visual Watermark может заменить «DSC03682.JPG» осмысленным названием «Свадьба Никифоровых 1.jpg».

Интегрируется с iPhoto на Mac

Visual Watermark для Mac принимает фото из программы iPhoto. Выберите и перетащие изображения вы хотите защитить в окно Visual Watermark. Программа поставит водяной знак на них.

Эффекты для водяных знаков

Visual Watermark поставляется с 66 эффектами. Все из них учитывают установленную прозрачность, вращение и заполнение клейма. Вы можете применять эффект к текст и логотипам.

Тень и фон

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

Режим заполнения

Эта функция повторяет водяной знак на фото пока последнее не будет полностью заполнено. Включите эту функцию на экране персонализации. Там же вы можете изменить пространство между отдельными экземплярами клейма.

Вертикальные и повернутые водяные знаки

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

Системные требования

Visual Watermark работает на всех компьютерах с Windows Vista, 7, 8 и 10. MacBook и iMacs с Mac OS X Lion (10.7) или новее также поддерживаются. Программа Visual Watermark поддерживает экраны высокого разрешения (Retina) на Windows и Mac. Одна лицензия позволяет установить Visual Watermark на Windows и Mac.

Здравствуйте, друзья! Сегодня мы поговорим с вами о том, как добавлять водяные знаки на фото (изображения) в WordPress . Перед тем как начать урок, сперва напомню зачем нужны водяные знаки на сайте.

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

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

Как поставить водяные знаки на картинки (фото) в WordPress

Добавлять водяные знаки на изображения мы будем с помощью плагина Easy Watermark .

1. Устанавливаем и активируем плагин Easy Watermark .

2. После установки и активации плагина переходим в Настройки -> Easy Watermark .

3. Настройки плагина разделены на 3 вкладки : Общие, Изображение, Текст . Давайте поговорим более подробно о самых важных настройках каждой из этих вкладок.

Общие настройки

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

  • Поставьте галочку в «Backup» . После включения этой функции, все оригиналы загруженных изображений (без водяных знаков) будут сохраняться в отдельной папке, и их при желании можно будет восстановить . Очень полезная штука.
  • В «Размеры изображений» рекомендую оставить только «Fullsize» . Это значит, что водяные знаки будут отображаться только на оригинале изображения (полном размере), а не на миниатюрах и т.п. Таким образом водяные знаки не будут постоянно маячить перед глазами, а большой размер изображения будет защищен.

Изображение

На этой вкладке Вы можете сделать водяной знак из изображения . Для этого нажмите кнопку «Выбрать/загрузить изображение» , после чего настройте его расположение (если необходимо).

Важно! Если Вы решили использовать изображения для водяного знака , укажите в общих настройках «Тип водяного знака» -> «Изображение» .

Текст

Для добавления текстового водяного знака перейдите на вкладку «Текст» и укажите желаемый текст для цифровой подписи.

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

Как видите, сложного в создании водяных знаков совершенно ничего нету. Плагин прост в использовании и интуитивно понятен.

Данный плагин также отлично работает с интернет магазином WooCommerce. Включить водяные знаки в магазине очень просто! Для этого на вкладке «Общие» , в блоке настроек «Типы записей» отметьте галочкой «Товары» .

Важно! Плагин WooCommerce должен быть активированный, в противном случае такой пункт в настройках просто не появится.

Восстановление и массовое нанесение водяных знаков

Восстановить оригинальные изображения (если включено их сохранение в настройках) как и массово нанести водяные знаки на все ранее загруженные изображения можно перейдя в Медиафайлы -> Easy Watermark.

«Start» — нанести водяных знаки на все изображения.

«Restore» — восстановить оригинальные изображения, на которых не будет водяного знака.

Результат

Вот такой текстовый водяной знак получился из примера этого урока.

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

Здравствуйте, друзья! Сегодня мы поговорим с вами о том, как добавлять водяные знаки на фото (изображения) в WordPress. Перед тем как начать урок, сперва напомню зачем нужны водяные знаки на сайте. Во первых, водяные знаки - одна из самых популярных технологий защиты авторских прав на мультимедийный файлах. Во вторых, применение водяных знаков отлично подходит для защиты изображений от копирования и дальнейшего их несанкционированного использования. Думаю Вы согласитесь, что мало кто захочет выставлять у себя на сайте изображения с чужим логотипом или ссылкой на другой сайт:) Как поставить водяные знаки на картинки (фото) в WordPress Добавлять водяные знаки на изображения мы будем с помощью…

Обзор

Оценка урока

100