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

Последнее обновление:20/07/13

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

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

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

Итак, запускаем Photoshop, в нем Файл → Открыть (или Ctrl+O), и открываем любое изображение.

Текстовый водяной знак

Выбираем инструмент Текст:

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

Я скопировала URL блога. Цвет поставьте черный, хотя это не имеет особого значения.

Затем инструментом Перемещение (первый слева-сверху) двигаем его примерно в то положение, которое нужно. Расположение еще поправим потом, главное, чтобы весь текст был внутри картинки.

1. Теперь сверху находим Слой → Стиль слоя → Параметры наложения и ставим галочки, где Тиснение и Контур.
   

   Получается вот так:

2. Теперь смотрим настройки справа: Opacity и Заливка. Если нажать на треугольничек справа от настройки, то появится шкала. Двигая ползунок по ней, можно уменьшать или увеличивать прозрачность нашего текста.

Начнем с настройки Заливка и устанавливаем ползунок в нуль или около него:



Можно сразу поставить число в %, но мне нравится смотреть, как меняется мой текст, и я могу остановить ползунок в любой момент.

Затем переходим к Opacity. Так же, двигая ползунок, устанавливаем устраивающее нас значение (я ставлю близкое к 100%).



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

Теперь работаем с величиной текста и его расположением.

Чтобы изменить шрифт, размер шрифта, начертание, опять выбираем инструмент Текст, выделяем наш текст и устанавливаем то оформление, которое нужно:

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

Инструментом Перемещение двигаем водяной знак в середину. Смотрим, как это выглядит.



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

Сверху в меню выбираем Редактирование → Трансформирование → Поворот.



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



Когда найдем устраивающее нас расположение, щелкнем на Enter. Если еще нужно подвинуть куда-то, то снова инструмент Перемещение.

И вот водяной знак создан и установлен на картинку.



Но сначала сведем все слои в фотошопе в один. Это можно сделать сочетанием клавиш: Shift+Ctrl+Alt+E.

А теперь сохраняем: Файл → Сохранить для Web (или сочетанием клавиш: Shift+Ctrl+Alt+S), выбираем формат сохраняемого изображения. Если нужен прозрачный фон или просто лучшее качество, то выбираем PNG-24, в других случаях – один из JPEG (я обычно сохраняю в JPEG Medium или PNG-24).

Кроме этого, выбираем качество. Редактор дает нам 4 окна: в одном – оригинальное изображение, из остальных надо выбрать то, где нас устроит качество. Я обычно выбираю то, которое рядом с оригиналом.

Нажимаем кнопку Save.



Выбираем место на жестком диске и сохраняем нашу картинку.

Водяной знак – логотип

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

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

Мы хорошо потрудились, можно и расслабиться. Этот невероятный танец, думаю, не оставит Вас равнодушным.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом уроке мы будем добавлять водяной знак на фото в Adobe Photoshop: создадим новый узор (Pattern) и добавим на фото.

Шаг 1.

Начнем с создания нашего нового узора (Pattern) в Фотошоп. Создайте новый документ (Ctrl + N) размером 649×504 пикселей.

Шаг 2.

Возьмитеи выберите любой шрифт на ваш вкус (в уроке использован шрифт Calibri Bold ). Напечатайте желаемый текст (например, название вашей компании, ваше имя или веб-сайт, и т.д.)

Шаг 3.

Теперь добавим знак копирайта. Снова выберите Инструмент Текст – Type Tool (T) и, удерживая Alt, наберите на клавиатуре 0169 – это комбинация для набора значка копирайта. Сгруппируйте два текстовых слоя, выделив их и нажав Ctrl + G.

Шаг 4.

Далее выберите группу и нажмите Ctrl + Т , чтобы перейти в режим Трансформирование - Transform Tool . Поверните текст на 25 градусов: для этого удерживая клавишу Ctrl , поверните текст за уголок.

Шаг 5.

Теперь выключите видимость фонового слоя (на панели Слои (Layers) кликните по иконке “глаз”).

Шаг 6.

Теперь выключите видимость фонового слоя (на панели Слои (Layers) кликните по иконке “глаз”).

Шаг 7.

Теперь выберите в меню Изображение > Тримминг (Image > Trim) и выставьте настройки: Прозрачные пиксели (Transparent Pixels) и в разделе Trim Away (Обрезать) поставьте галочки во всех 4-х окошках Тор (Верхний), Bottom (Нижний), Left (Левый), Right (Правый) , затем нажмите ОК.

Шаг 8.

Откройте изображение, на которое вы хотите поставить водяной знак.

Шаг 9.

Создайте новый слой (Ctrl + Shift + Alt +N) , затем нажмите Shift + F5 , чтобы открыть окно заливки (fill). В выпадающем меню выберите Узор (Pattern) , в выпадающем меню Произвольный узор (Custom Pattern) выберите ваш узор.

В разделе Наложение (Blending) выберите Soft Light и установите Непрозрачность (Opacity) 30%.

Шаг 10.

Вот мы и узнали, как добавить водяной знак на любое фото в Фотошопе (Adobe Photoshop cs5, cs6, cc)

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

Уроки Фотошопа для начинающих. Бесплатные уроки по Photoshop с нуля. Фотошоп cs5, cs6, cc. Уроки Фотошопа с нуля. Обучение Фотошопу cs5, cs6, cc. Видео уроки Фотошопа (Photoshop) для начинающих на русском. Как научиться фотошопу с нуля. Как научиться работать в фотошопе с нуля. Фотошоп для новичков.

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

100% защиты не существует, но сделать водяной знак – это все же лучше, чем ничего. По крайней мере большинство людей не захотят брать такие “меченые” фотографии и не будут размещать их у себя на сайтах или в соцсетях.

Рассмотрим 3 простых способа нанесения водяного знака на фото без фотошопа и дополнительных программ. 2 из них будут онлайн.

Способ №1

1. Загрузите фото, которое нужно защитить водяным знаком.

2. Нажмите на редактирование. Выберите, что Вы хотите нанести текст или логотип. С текстом все понятно. Для примера, я выберу логотип.

3. Загрузите заранее подготовленный логотип, желательно с прозрачным фоном (формат png).

4. Отрегулируйте прозрачность и размер логотипа. Переместите его в нужное место, если нужно, то можете его размножить.

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

Способ №2

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

На помощь придет второй онлайн-сервис. Есть только один минус у него — он на английском языке.

Но суть везде одна и та же. Загрузил, отредактировал и сохранил. Его я выбрал из – за понятного и удобного интерфейса.

1. Нажмите на кнопку, как показано на картинке и загрузите фотографию, которую нужно обработать.

2. Наведите курсор на фото и нажмите “Edit”.

3. Внизу экрана располагается панель с инструментами. Там можно обрезать фото, наложить фильтры или развернуть картинку.

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

4. Напишите нужный Вам текст или просто скопируйте адрес своего сайта и вставьте в поле ввода.

Перед Вами откроется новая панель инструментов для работы с текстом.

1. Цвет текста (в моем примере он черный)
2. Фон текста (в моем примере фон желтый)
3. Прозрачность (чем меньше значение, тем меньше видимость водяного знака на фото)
4. Расстояние между строк
5. Возможность размножить водяной знак по всей фотографии
6. Размер
7. Обводка текста другим цветом
8. Расстояние между букв
9. Линии
10. Отменить
11. Применить
12. Возможность поставить значок торговой марки
13. Можно развернуть текст, подчеркнуть или выделить его жирным

5. Если больше ничего не требуется, то нажмите кнопку “Apply” и сохраните картинку. К этой фотке я еще добавлю логотип. Нажмите еще раз кнопку “Watermark” и выберите лого.

6. Загрузите свою картинку нажав “Import logo”.

7. Отредактируйте размер, прозрачность, расположение водяного знака и нажмите на кнопку “Apply”. Можете сохранить шаблон, а можете пропустить.

Затем нажмите на зеленую кнопку “Finish”. Подождите пару секунд и нажмите в верхнем правом углу зеленую кнопку “Download – скачать”.

Способ №3

Если по каким-то причинам, Вам неудобно делать водяные знаки онлайн, то можно воспользоваться простой, легкой и бесплатной программой для Windows (подходит для любых версий).

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

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

Как это сделать, смотрите вот эту короткую видео – инструкцию:

Виды водяных знаков

Можно разделить водяные знаки на 2 вида. Первый вид – это нанесения текста на изображение. Второй вид – это нанесение логотипа на изображение.

Минус текста. Выглядит просто, скучно и иногда даже портит весь вид фотографии.

Плюс текста. Быстрота и простота нанесения на фото.

Минус изображения. Картинку для водяного знака придется заказывать у дизайнера (нужны деньги). Либо придется искать подходящую по теме в интернете. Либо рисовать самому (нужно время).

Плюсы картинки. Выглядит красиво и профессионально.

В заключении

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

Если Вы знаете еще бесплатные сервисы по созданию и добавлению водяных знаков, то поделитесь ими пожалуйста в комментариях! Я с удовольствием добавлю их в свой список.