Как поставить водяные знаки на фото: Attention Required! | Cloudflare

Содержание

Как сделать водяной знак за 4 шага

Создание и нанесения водяных знаков – это совсем несложно. С Make Watermark вы защитите свои фотографии всего за несколько простых шагов. Загрузите ваши изображения. Отредактируйте водяной знак. Укажите настройки вывода. Скачайте изображения с водяными знаками. Никаких продвинутых навыков редактирования не требуется!

Шаг 1 — Загрузите фото в приложение

Изображения можно импортировать с вашего компьютера, Google Drive, Google Photos или Dropbox.

С вашего компьютера

Перетащите фото из папки на вашем компьютере прямо в приложение. Так же, вы можете нажать на «Выбрать изображения» или «Добавить фото» и кликнуть по «С моего компьютера». Выберете нужные фотографии в диалоговом окне «Открыть файл». Нажмите Ctrl + A на Windows или Cmd + A на Mac, чтобы выделить все изображения в папке.

С Google Drive

Нажмите «Выбрать изображения» / «Добавить фото» и выберите «С Google Drive». Сначала Make Watermark нужно получить разрешение. Нажмите «Да» в появившемся диалоговом окне, чтобы предоставить доступ к вашему Google Drive. Появится Google Drive Picker. Теперь выберете нужные фотографии. Вы можете выделить несколько изображений, нажав на них и удерживая клавишу Shift на клавиатуре. Для Google photo процесс такой же.

Из Dropbox

Нажмите «Выбрать изображения» / «Добавить фото» и выберите «С DropBox». Сначала Make Watermark нужно получить разрешение. Нажмите «Да» в появившемся диалоговом окне, чтобы предоставить доступ к вашему DropBox. Появится DropBox Picker. Теперь выберете нужные фотографии. Вы можете выделить несколько изображений, нажав на них и удерживая клавишу Shift на клавиатуре.

Убрать изображения

Нажмите «Очистить», чтобы удалить все загруженные фото из приложения.

Шаг 2 — Создайте водяной знак

Пора сделать свой водяной знак! Make Watermark позволяет добавлять текстовый водяной знак («Добавить Текст») или логотип («Добавить Лого»). Логотип можно загрузить с вашего компьютера, DropBox, Google Drive или Google Photos. Также можно воспользоваться готовыми логотипами из нашей галереи.

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

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

Шаг 3 — Укажите настройки вывода

Нажмите «Добавить водяной знак», чтобы перейти к настройкам вывода. Здесь есть два варианта:

  • Качество JPEG. Задайте качество изображений с водяными знаками. Тут представлено 4 варианта: Среднее, Хорошее, Превосходное и Максимальное. Качество влияет на размер фото: чем выше качество, тем больше файлы.
  • Изменить размер изображения. В этом раскрывающемся меню есть несколько параметров: «Нет», «По ширине», «По высоте», «Уместить в квадрат», «Проценты». Если вы решите изменить размер изображения по ширине, высоте или обоим параметрам, вам нужно будет ввести необходимое количество пикселей. Рекомендуется размещать в интернете изображения с более низким разрешением, чтобы оригиналы ваших фотографий не были украдены.

Раздел Предпросмотра

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

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

Шаг 4 — Нанесите свой водяной знак.

Теперь осталось лишь нажать на кнопку «Добавить Водяной Знак», чтобы запустить процесс обработки.

После его завершения нажмите «Загрузить все», чтобы загрузить zip-архив со всеми фото с водяными знаками. Чтобы скачать каждое изображение отдельно, нажмите на название фото в списке.

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

Как ставить водяные знаки на изображениях при помощи Python

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

Приступим!

Добавляем текстовый водяной знак

Начнем мы с добавления просто текста на фотографию маяка. Для примера возьмем вот эту:

Теперь нам нужно добавить текст на картинку. В нашем случае, используем этот домен: www.mousevspython.com

from PIL import Image from PIL import ImageDraw from PIL import ImageFont def watermark_text(input_image_path, output_image_path, text, pos): photo = Image.open(input_image_path) # make the image editable drawing = ImageDraw.Draw(photo) black = (3, 8, 12) font = ImageFont.truetype(«Pillow/Tests/fonts/FreeMono.ttf», 40) drawing.text(pos, text, fill=black, font=font) photo.show() photo.save(output_image_path) if __name__ == ‘__main__’: img = ‘lighthouse.jpg’ watermark_text(img, ‘lighthouse_watermarked.jpg’, text=’www.mousevspython.com’, pos=(0, 0))

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

from PIL import Image

from PIL import ImageDraw

from PIL import ImageFont

def watermark_text(input_image_path,

                   output_image_path,

                   text, pos):

    photo = Image.open(input_image_path)

    # make the image editable

    drawing = ImageDraw.Draw(photo)

    black = (3, 8, 12)

    font = ImageFont.truetype(«Pillow/Tests/fonts/FreeMono.ttf», 40)

    drawing.text(pos, text, fill=black, font=font)

    photo.show()

    photo.save(output_image_path)

if __name__ == ‘__main__’:

    img = ‘lighthouse.jpg’

    watermark_text(img, ‘lighthouse_watermarked.jpg’,

                   text=’www.mousevspython.com’,

                   pos=(0, 0))

Здесь мы импортируем несколько классов из PIL: Image, ImageDraw и ImageFont. Далее, мы создаем функцию watermark_text, которая использует четыре аргумента:

  • Путь ввода изображения;
  • Путь вывода изображения;
  • Текст, который будет использован;
  • Координаты позиционирования текста на изображении.

Далее, мы открываем наше фото. Создаем его копию при помощи метода

ImageDraw.Draw. Это упрощает добавление текста на изображение. Далее, создаем шрифт при помощи метода ImageFont.truetype. Используются только шрифты, доступные в библиотеке Pillow. Указываем размер шрифта – 40 точек. Наконец, открываем результат и сохраняем на диск:

Теперь попробуем вместо текста добавить картинку!

Используем картинку как водный знак

Многие профессиональные фотографы ставят ватермарки на свои фотографии, используя для этого логотип. Иногда это стилизованная «фото» версия их сайта. Добавление изображения поверх изображения при помощи Pillow — это очень просто. Давайте посмотрим на то, как это сделать.

В данном примере используем один из моих логотипов в качестве ватермарка.

from PIL import Image def watermark_photo(input_image_path, output_image_path, watermark_image_path, position): base_image = Image.open(input_image_path) watermark = Image.open(watermark_image_path) # add watermark to your image base_image.paste(watermark, position) base_image.show() base_image.save(output_image_path) if __name__ == ‘__main__’: img = ‘lighthouse.jpg’ watermark_with_photo(img, ‘lighthouse_watermarked2.jpg’, ‘watermark.png’, position=(0,0))

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

from PIL import Image

def watermark_photo(input_image_path,

                    output_image_path,

                    watermark_image_path,

                    position):

    base_image = Image.open(input_image_path)

    watermark = Image.open(watermark_image_path)

    # add watermark to your image

    base_image.paste(watermark, position)

    base_image.show()

    base_image.save(output_image_path)

if __name__ == ‘__main__’:

    img = ‘lighthouse.jpg’

    watermark_with_photo(img, ‘lighthouse_watermarked2.jpg’,

                         ‘watermark.png’, position=(0,0))

 

Здесь мы создали функцию, которая очень похожа на функцию из предыдущего раздела, но вместо передачи текста, мы передаем путь к файлу водного знака. В функции мы открываем наше фото и необходимое для водяного знака изображение, логотип. Далее, мы берем наше фото и вызываем его метод paste(), указываем ему, что именно мы хотим передать (в нашем случае – водяной знак) и позицию на фотографии, где будет размещен наш водяной знак. Наконец, мы открываем картинку и сохраняем её. Вот результат:

Как мы видим, результат не совсем оправдывает ожидания. Черный фон на изображении закрывает слишком много места, а нам это не нужно. Как так получилось? Ответ прост: мы не указали параметры прозрачности.

Есть вопросы по Python?

На нашем форуме вы можете задать любой вопрос и получить ответ от всего нашего сообщества!

Telegram Чат & Канал

Вступите в наш дружный чат по Python и начните общение с единомышленниками! Станьте частью большого сообщества!

Паблик VK

Одно из самых больших сообществ по Python в социальной сети ВК. Видео уроки и книги для вас!

Нанесение водяных знаков – не забываем про прозрачность

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

from PIL import Image def watermark_with_transparency(input_image_path, output_image_path, watermark_image_path, position): base_image = Image.open(input_image_path) watermark = Image.open(watermark_image_path) width, height = base_image.size transparent = Image.new(‘RGBA’, (width, height), (0,0,0,0)) transparent.paste(base_image, (0,0)) transparent.paste(watermark, position, mask=watermark) transparent.show() transparent.save(output_image_path) if __name__ == ‘__main__’: img = ‘lighthouse.jpg’ watermark_with_transparency(img, ‘lighthouse_watermarked3.jpg’, ‘watermark.png’, position=(0,0))

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

from PIL import Image

def watermark_with_transparency(input_image_path,

                                output_image_path,

                                watermark_image_path,

                                position):

    base_image = Image.open(input_image_path)

    watermark = Image.open(watermark_image_path)

    width, height = base_image.size

    transparent = Image.new(‘RGBA’, (width, height), (0,0,0,0))

    transparent.paste(base_image, (0,0))

    transparent.paste(watermark, position, mask=watermark)

    transparent.show()

    transparent.save(output_image_path)

if __name__ == ‘__main__’:

    img = ‘lighthouse.jpg’

    watermark_with_transparency(img, ‘lighthouse_watermarked3.jpg’,

                                ‘watermark.png’, position=(0,0))

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

водяной знак. Обратите внимание на то, что тип изображения, которое мы создаем – RGBA (Red, Green, Blue with Alpha — красный, зеленый, синий и альфа). Далее, мы вставляем наш водяной знак в верхний левый угол, чьи координаты указаны как: (0,0). Далее, мы вставляем наш водяной знак, используя указанную позицию, а также маскируем его. После этого можно сохранять фотографию.

Вот так будет выглядеть результат:

Круто, не так ли?

Подведем итоги

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

Готовые шаблоны для Adobe After Effects для хостинговой компании Web Hosting Explainer для главной страницы. Видео описание вашего хостинга даст более продуктивный результат нежели текстовое объяснение.

Являюсь администратором нескольких порталов по обучению языков программирования Python, Golang и Kotlin. В составе небольшой команды единомышленников, мы занимаемся популяризацией языков программирования на русскоязычную аудиторию. Большая часть статей была адаптирована нами на русский язык и распространяется бесплатно.

E-mail: [email protected]

Образование
Universitatea Tehnică a Moldovei (utm.md)

  • 2014 — 2018 Технический Университет Молдовы, ИТ-Инженер. Тема дипломной работы «Автоматизация покупки и продажи криптовалюты используя технический анализ»
  • 2018 — 2020 Технический Университет Молдовы, Магистр, Магистерская диссертация «Идентификация человека в киберпространстве по фотографии лица»

Как сделать водяной знак в фотошопе и автоматически добавлять его на фото

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

Знак называют водяным в связи с тем, что по стандарту его нужно делать полупрозрачным. Ведь на изображении важно само содержимое, а знак не должен привлекать к себе основное внимание. Правильный водяной знак — это неяркая полупрозрачная метка у края изображения.

В каких случаях полезно использовать водяной знак

  1. Чтобы защитить от копирования свой фотоконтент, который вы выкладываете в сети интернет, например, в социальных сетях или персональном сайте. Изображения с чужими водяными знаками неохотно копируются пользователями. Даже если все-таки кто-то, например, репостнул себе в публичную группу такое изображение, то вытекает второй случай пользы таких знаков…
  2. Пиар. Пользователи, которые, несмотря на ваш водяной знак, скопировали себе на сайты или публичные странички, создают вам бесплатную рекламу. Логика проста — человек, увидевший ваше изображение, также обратит внимание и на водяной знак. А дальше, если его заинтересовало ваше творчество, он получит необходимую информацию о том, как вас найти, ибо любому понятно, что это и есть первоисточник данного контента.
  3. Не забываем о банальной раскрутке бренда. Люди, копирующие ваш контент, распространяют его по всем мысленным и не мысленным источникам. А постоянное мелькание бренда оставляет в памяти некий след, который потом сослужит пользу, в том числе и коммерческий успех.
  4. Если фотоконтент достаточно специфический, как, например, на этом сайте, где я выкладываю обучающие скриншоты, чтобы отбить желание конкурентов копировать контент, водяной знак как ничто другое в этом помогает. Собственно конкуренты вряд ли захотят строить свой аналогичный сайт с картинками, на которых прямая ссылка на мой проект. Даже если они это и сделают, я не буду расстроен, поскольку, как указано в пункте 2, это реклама и дополнительный источник целевого трафика.

Как делать водяной знак

Для начала определитесь что это будет: логотип, ссылка, какое-то слово или что-нибудь другое. Например, на своем сайте в качестве водяного знака я использую ссылку стилизованную под основной логотип сайта. Если картинка где-нибудь и мелькнет, то заинтересованный пользователь знает как найти первоисточник.

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

Сделайте знак полупрозрачным и погасите яркость красок. Он не должен быть броским и кидаться в глаза. На изображении главное само содержимое, а не ваш «вырви глаз» водяной знак.


Используя вышеуказанные советы, сначала сделаем набросок.

Откройте любое изображение и поместите в него ваш будущий водяной знак.

В рамках этой статьи мы не будем учиться делать логотипы или красивые надписи. Это совсем другая история и у каждого она своя…

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

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

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

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

Для этого, проследите чтобы картинка с логотипом была выбрана (как на скриншоте выше — выбранный слой отмечен синим цветом), выберите инструмент Свободная трансформация Ctrl+T. Вокруг недоиспеченного водяного знака появится ограничительная рамка. Двигайте ее за углы, чтобы уменьшить/увеличить картинку.

Совет

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

Закончив с размером, нажмите клавишу Enter или кнопку в виде галочки на панели параметров инструмента.

Теперь нужно переместить водяной знак в неприметное место. Классический вариант — нижний правый угол.

Для этого выберите инструмент Перемещение V. Проследите, чтобы активным слоем была картинка с логотипом, а затем перетащите его в нужное место.

Примечание

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

Установив в нужно место, для пущей красоты и точности, можно еще более детальней подвинуть картинку. Для этого, при выбранном инструменте Перемещение, нажимайте на клавиши со стрелками на клавиатуре и картинка будет сдвигаться ровно на 1 пиксель (что такое пиксели). Если при этом еще и удерживать клавишу Shift, то сдвиг будет сразу на 10 пикселей.

Последний этап — создание эффекта полупрозрачности.

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

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

Автоматическое добавление водяного знака с помощью экшена

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

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

Данный экшен будет работать так:

Открываем в фотошопе фотографию и нажимаем воспроизведение экшена с водяным знаком. Повторяем эти действия для каждой фотографии.

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

Шаг 1

Экшен будем создавать на заранее открытой фотографии. Поэтому выберите и откройте в фотошопе любую.

Шаг 2

Я рассматриваю пример на своем заранее созданном логотипе. Этот файл должен быть у вас сохранен на компьютере. Выберите папочку, где он будет лежать. Это местоположение больше нельзя будет менять / переименовывать, в том числе другие папки предшествующие конечной. Проще говоря, поместив картинку, например, по такому пути: «C:\Users\Имя пользователя\Desktop\Картиночки\logo.png», ни одну из папок больше нельзя будет переименовывать, перемещать и так далее. В противном случае экшен перестанет работать.

Шаг 3 Откроем палитру.

Откройте палитру с экшенами / операциями: Окно — Операции или клавиши Alt+F9.

Вот так она должна выглядеть:

Шаг 3 Начинаем запись.

Создайте новую папку для своих экшенов. Нажмите на третью справа кнопку. Появится окно, в котором придумайте имя папки.

Теперь создадим новую операцию. Нажмите на вторую справа кнопку Создает новую операцию. Придумайте ей имя.

После нажатия на кнопку Записать, вы увидите, что на палитре стала активной кнопка записи (красный значок), как на видеокамере. Это значит, что началась запись наших действий в программе.

Шаг 4

Первым делом выполняем команду открыть картинку с будущим водяным знаком: Файл — Открыть или Ctrl+O. Далее найдите картинку у себя на компьютере.

Картинка должны открыться на новой самостоятельной вкладке (что такое вкладки).

Шаг 5

Следующая задача скопировать логотип и перенести на исходную фотографию.

Для этого нажмите клавиши Ctrl+A. Мы сделали полное выделение содержимого картинки, по периметру должны появиться «марширующие муравьи».

Сделаем копию Ctrl+C. Так картинка была скопирована в буфер обмена.

Перейдите на предыдущую вкладку с открытой фотографией и вставьте туда скопированный логотип — Ctrl+V.

Шаг 6

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

Для этого на палитре слоев выделите слой с самой фотографией и нажмите Ctrl+A, чтобы выделить его весь.

Примечание

У меня фоновый слой получил название «Layer 1» из-за моих прыжков из разных локализаций фотошопа. Если вы используете русскоязычную версию программы, то у вас должно быть написано «Фоновый слой»

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

Выберите инструмент Перемещение — V.

На панели параметров инструмента нужно нажать кнопки: Выравнивание по нижнему краю и Выравнивание по правому краю.

Шаг 7

Убираем рамку выделенной области — Ctrl+D, она нам больше не понадобится.

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

Для этого при выбранном инструменте Перемещение, зажав клавишу Shift нажмите по одному разу на левую и верхнюю стрелочки на клавиатуре. Произойдет сдвиг картинки на 10 пикселей в заданные стороны. Если этого много, нажимайте на стрелочки без Shift’a, тогда сдвиг будет по 1 пикселю.

Финальный аккорд — на палитре слоев измените непрозрачность логотипа. Я поставил 60%.

Шаг 8

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

Для этого ОБЯЗАТЕЛЬНО сначала нажмите на эту вкладку, чтобы она стала активной (активная вкладка подсвечивается более ярким цветом), после этого нажмите на крестик. Иначе, фотошоп запишет в экшен закрытие нашей основной вкладки с фотографией.

В итоге файл экшена должен выглядеть следующим образом:

Не забудьте нажать на кнопку Стоп, чтобы завершить запись экшена.

Проверка на работоспособность

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

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

Результат