Как создать водяной знак в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

    Водяной знак - адрес сайта

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

    заливка водяного знака

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

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

    Прозрачность водяного знака

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

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

    Форматирование водяного знака

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

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

    водяной знак готов

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

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

    трансформирование водяного знака

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

    Водяной знак - угол наклона

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

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

    водяной знак установлен

    Теперь надо эту картинку сохранить.

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

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

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

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

    сохраняем водяной знак

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

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

  1. Открываем логотип в новой вкладке (Файл → Открыть)
  2. Нажимаем сочетание клавиш Ctrl+A (выделили картинку с логотипом) и Ctrl+C (скопировали эту картинку)
  3. Переходим на вкладку с нашим изображением и вставляем скопированный логотип  туда (Ctrl+V).
  4. Если размеры логотипа слишком малы, то вернитесь к той вкладке и увеличьте картинку (обратите внимание, что нужно сохранить пропорции):

    Размер водяного знака - логотипа

     а затем снова п.2 и 3.

  5. Повторяем п. 4-8, 10-13 из варианта текстового водяного знака. Получился такой вариант:

    водяной знак - логотип

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

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

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

Комментарии

  • Ира, я тоже постепенно его осваиваю – очень постепенно :)

  • Olga пишет:

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

  • Нина, спасибо за полезную информацию о работе в Фотошопе, я уже попробовал, вроде получилось.

  • Юрий, рада, что получилось. Ничего сложного-то ведь и нет.

  • Natabul пишет:

    Спасибо, теперь понятно, как сделать в фотошопе водяной знак. Очень подробно.

  • Ирина пишет:

    Здравствуй, Нина, замечательная статья, так все хорошо и подробно изложено. Новичкам будет не трудно разобраться. Я прочитала в комментариях, что многие бояться изучать фотошоп, зря! На самом деле, фотошоп – это очень увлекательно, легко и просто, главное разобраться с панелью и настройками, а дальше пойдет как по маслу. Такие чудеса можно создавать! Поздравляю всех с праздником Ивана Купала! Удачи, и успеха в освоении фотошопа.

    • Ирина, фотошоп – как большая страна, в которой легко заблудиться. Но если осваивать его небольшими кусочками, именно то, что необходимо сейчас, то постепенно и он покорится.
      Я люблю все описывать подробно. Сама сколько раз пыталась что-то сделать по найденным описаниям и бросала, потому что по одному описанию тут не получается, по другому – в другом месте, и не всегда их можно состыковать между собой.
      Я иногда и сама возвращаюсь к своим описаниям: что-то да забыла :)

      • Ирина пишет:

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

        • Спасибо, попробую.
          Я здесь совсем оторвалась от российских событий и праздников – тоже. Здесь день Святого Хуана был неделю или две назад, вот уже и забыла :)
          Тебя тоже с праздником!

  • Андрей пишет:

    А на каие расширения можно поставить такой знак? На pdf можно?

  • Андрей пишет:

    Ну да, методом проб и ошибок, спасибо.

  • Игорь пишет:

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

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

  • Андрей пишет:

    Здравствуйте, Нина. Переустановил систему на ноуте и начал восстанавливать программы. Почему-то мой дистрибутив фотошопа не работает. Зашел на Ваш сайт и хотел скачать, как когда-то, но ссылка у Вас не работает. Подскажите, пожалуйста, где скачать ЭТОТ фотошоп, т.к. в сети столько левых ссылок и сайтов, но нигде не нашел нормальной ссылки на скачивание. Спасибо.

  • Галина пишет:

    У меня фотографии совсем не защищены. Чувству что нужно менять ситуацию. Спасибо, что подробно все описали.

  • Наталья пишет:

    У меня на блоге фотографий собственного изготовления пока раз, два и обчелся, да и те, как Вы написали, не супер-картинки, но надеюсь с приобретением фотоаппарата их станет много :grin: А “собственность” надо защищать.
    Руководство по водяным знакам у Вас получилось понятное и очень подробное, мне кажется справятся все, даже новички. Сама я с фотошопом знакома, единственное, сейчас в компьютере стоит его нерусифицированная версия, но думаю глядя на сделанные Вами скриншоты справлюсь :smile:

  • Азик пишет:

    Теперь буду пользоваться фотошопом для создания водяного знака.
    Раньше не парился по поводу картинок! :grin:
    Видео в конце статьи классное!

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

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

  • Нина, я смотрю у вас очень большая страсть к кошкам. Везде ролики, картинки с этими животными. Если мне не изменяет память, у вас блога не было на эту тему? Или статья про черного кота? Что-то такое припоминаю читала у вас на сайте другом. :razz:

    • Больше решила такие ролики не ставить :) А статья была про кота Барсика на другом сайте. Теперь у нас другой черный кот. Подброшенный котенок, был совсем крошечный, я его из соски выкармливала. Сейчас уже подрос, бандит настоящий! :) Да, кошек люблю. У меня много лет их было 3.

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

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

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

    • Оля, конечно, можно водяной знак сохранить, а потом вставлять на любую картинку. Для этого его нужно наложить на прозрачный фон и сохранить. Лучше всего его сохранить в таком случае с расширением psd. Тогда можно будет прямо на месте что-то подправить. Если же править не нужно, тогда сохранять в формате png.
      Почему не вставляется картинка на блог, это надо знать конкретно, что Вы делаете. Можно связаться со мной по скайпу nina_zh1, и я посмотрю и помогу.

  • Вера пишет:

    Водяной знак можно создать только в фотошопе?

    • Нет, Вера, не только. Можно в редакторе программы FastStone (у меня есть статья про эту программу). Кроме этого существует масса онлайн-сервисов. Если погуглить, то можно их найти.

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

  • Спасибо, Нина. Как раз осваиваю эту тему с водяными знаками. У вас все очень подробно и понятно, мне понравилось.

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

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">