Как нанести водяной знак в Photoshop

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

Все скриншоты и описания, в том числе названия кнопок и иконок приводятся из русской версии Adobe Photoshop CS5 Extended.

О программе Adobe Photoshop CS5 Extended

О программе Adobe Photoshop CS5 Extended

Возможно, вы спросите, почему так? Да всё потому, что мы русские, во всяком случае, все русскоговорящие, а значит, очень хорошо понимаем русский язык. К тому же, английский язык для многих людей является совершенно не понятным. Я знаю английский язык на начальном уровне и то, только потому, что играл в игры на английском языке в недалёком прошлом. Поэтому, зачем усложнять? Нужно наоборот, делать жизнь проще и доступнее. К тому же, вы можете пользоваться этой программой бесплатно в течение ознакомительного срока, а именно, 30 дней. И так, о чём это я? Ах да, о том, как сделать водяной знак в фотошоп.

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

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

1). Создадим в фотошопе новый документ – “Файл -> Создать”, либо нажав сочетание быстрых клавиш “Ctrl+N”. Выставим его высоту 200 пикселей и длину 400 пикселей с прозрачным фоном.

Создание в фотошопе нового документа

Создание в фотошопе нового документа

2). На вкладке справа “Слои” создать новый слой.

Создание нового слоя в фотошопе

Создание нового слоя в фотошопе

3). Выберите на панели инструментов “Горизонтальный текст”, затем сверху подходящий шрифт для вашего водяного символа и размер кегля. Я выбрал шрифт “Harlow Solid Italic”, так как водяной знак с толстыми буквами будет смотреться интереснее, чем с тощими. Печатаем название сайта, его url или свой никнейм, который будет красоваться на вашей символике.

Выбираем шрифт, каким будет знак в фотошопе

Выбираем шрифт, каким будет знак в фотошопе

4). Для выравнивания нашего будущего знака, нужно выбрать инструмент “Перемещение” и нажать для выделения поля “Ctrl+A”, затем нажать на выделенные кнопки в верхнем меню для выравнивания по горизонтали и вертикали, после чего нажать “Ctrl+D” для снятия выделения. Если выровнять указанными кнопками не удаётся, то выровнять просто перетащив текст, зажав его кнопкой мыши.

Выравнивание текста по вертикали и горизонтали

Выравнивание текста по вертикали и горизонтали

5). Для эффектности watermark можно придать ему эффект рельефности. Для этого вы должны нажать “Слои –> Стиль слоя –> Параметры слоя”. В открывшемся окне выбрать настройки для придания красоты и выпуклости знака. Я выбрал тиснение. Вы можете выбрать тень или обводку, но мне это не понравилось. Вы можете поиграть с параметрами и эффектами, но решающее значение будет играть следующий этап работы с водяным знаком. Все наложенные эффекты вы сможете в любой момент снять с вашего водяного знака.

Выбираем параметры слоя для наложения

Выбираем параметры слоя для наложения

Наложение эффектов в фотошопе

Наложение эффектов в фотошопе

6). Посмотрите на свой получившийся watermark. Он должен быть примерно таким:

Получившийся водяной знак с наложенными на него эффектами

Получившийся водяной знак с наложенными на него эффектами

После этого, выберите во вкладке слои параметр “Заливка” и выставите бегунок в положение равное 0%.

Выставление параметра заливки в 0%

Выставление параметра заливки в 0%

Ваш водяной знак станет практически невидимым. Вот таким:

Водяной знак в фотошопе с нулевой заливкой

Водяной знак в фотошопе с нулевой заливкой практически невидим

7). Сохраните получившееся  в формате .psd. Назвать вы его можете по аналогии с английским вариантом “watermark”. Именно этот получившийся в программе фотошоп файл и будет накладываться на ваши изображения для подтверждения вашего авторства и мешать присваивать его всяким нехорошим людям.

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

Выбор параметра внешнего свечения водяного знака

Выбор параметра внешнего свечения водяного знака

9). Пример наложения водяного знака на белый цвет:

Наложение водяного знака на белый цвет

Наложение водяного знака на белый цвет

Пример наложения watermark на чёрный цвет с белым внешним свечением (так как буква k в в водяном знаке AntonKozlov.ru становится плохо различимой):

Наложение водяного знака на чёрный цвет

Наложение водяного знака на чёрный цвет

10). Делается это достаточно просто. Открываете любое изображение в фотошопе и выбираете наложение вашего водяного знака «Файл -> Поместить». Размещаете его в любом месте простым перетаскиванием.

Если изображение водяного знака большое, то вам просто нужно зажать клавишу «Shift» и за угол изображения водяного знака уменьшить его или же наоборот, увеличить размер.

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

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

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

Буду очень благодарен, если вы поделитесь с друзьями этой статьёй в социальных сетях и блогах, это будет здорово помогать моему блогу развиваться:

0

Хотите получать обновления блога? Подписывайтесь на рассылку и внесите свои данные: Имя и е-мейл

80 комментариев к “Как нанести водяной знак в Photoshop”

  1. Фотошопер says:

    Спасибо большое!!!

    • Антон Козлов says:

      Приходите ещё.

      • Наташа says:

        Спасибо, всё доступно и понятно!

      • Сергей says:

        Здравствуйте! У меня при сохранении в PSD остался фон, который должен быть прозрачным. Я, чайник 66 лет, инв. II группы. Инсульт. Руки, ноги целы. Если можно подскажите как можно исправить. Вроде, делал все как положено?
        Спасибо!

  2. Lera says:

    Очень красивый щрифт, не подскажите название? Заранее большое спасибо.

    • Антон Козлов says:

      Подскажу. Этот шрифт называется «Harlow Solid Italic». О нём и идёт речь в статье.

  3. Олеся says:

    супер!!! очень полезная статья!

  4. Олька says:

    Мне очень понравилось.Все написано понятным языком.Большое спасибо!!!)))

  5. Филипп says:

    Спасибо большое!
    Везде искал все дурь, ваш сайт просто супер!

    • Антон Козлов says:

      Спасибо. Приятно, когда есть обратная связь с посетителями. Это здорово помогает в работе.

  6. Olga says:

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

    • Антон Козлов says:

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

  7. Хохлома says:

    Спасибо большое, реально полезная инфа!

    • Антон Козлов says:

      Пожалуйста.

  8. nechik78 says:

    Отличный урок Спасибо

  9. Дмитрий says:

    Спасибо большое за урок. Очень все очень понятливо описано!

    • Антон Козлов says:

      Пожалуйста, Дмитрий!

  10. Спасибо! says:

    Спасибо

  11. Ирина says:

    Спасибо!!!

  12. Юра says:

    Спасибо за хороший урок! Правда шрифт и стиль выбрал свои ваш вкус не подошёл)))

  13. анна says:

    все отчетливо написано! только вот почему то когда я накладываю готовой водяной знак на избражение то фон его не прозрачный, а белый! получается прямоугольник такой с водяным знаком…хотя фон холста выбирала ПРОЗРАЧНЫЙ…что я делаю не так?(

    • Антон Козлов says:

      Вам нужно сохранить изображение в png. А вы скорее всего сохраняете в jpg.

  14. анна says:

    ..либо же когда я делаю Скопировать-Вставить он вставляется с прозрачным фоном но чисто черного цвета.. подскажите плиз в чем дело..)

  15. Кристина says:

    подскажите,пожалуйста, я совсем новичок. «После этого, выберите во вкладке слои параметр “Заливка” и выставите бегунок в положение равное 0%.»
    У меня нет вкладки слои. У меня есть «Свойства. операции. История»
    Что надо сделать чтобы появилась вкладка «Слои» ?

    • Антон Козлов says:

      Вы можете воспользоваться вкладками «Слои» вверху программы.

  16. Алексей says:

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

    http://tool-bar.ru/Watermark.aspx

    И не надо усложнять себе жизнь 🙂

  17. Сергей says:

    Спасибо за алгоритм! Можно сказать, что я справился.
    1. Не могу наклонить текст водянки. Чтоб по-диагонали был.
    2. Изображение конечное получается очень маленькое. Сохраняю в жепеге.
    И белые края остаются у изображения.
    3. Как бы еще использовать векторное изображение вместо обычных шрифтов..

  18. Юрий says:

    Спасибо! Пригодилось!

  19. Татьяна says:

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

    • Антон Козлов says:

      Сохранить его в другом формате.

  20. Татьяна says:

    Антон, спасибо огромное за урок, очень помог.

  21. Людмила says:

    Спасибо Вам большое!!! Всё так доступно и понятно, очень быстро и легко получилось)))

  22. Наталья says:

    Присоелиняюсь ко всем «спасибо»)))
    СПАСИБО ВАМ ОГРОМНОЕ!!! Всё доступно и ооочень понятно!!!

  23. Михаил says:

    А не сможет ли злоумышленник, скачав фотографию, просто удалить слой с «водяным знаком» или заменить его на собственный?

    • Антон Козлов says:

      Фотошоп мастера на многое способны…

  24. Whitebird says:

    Доброй ночи!

    Я тоже хочу выразить Вам, Антон, огромную благодарность! Мои познания в фотошопе не велики — подредактировать размер, цветовое решение.
    Но теперь освоила, благодаря Вам, водяной знак! И так своевременно 🙂 Он мне как раз срочно понадобился. Я выбрала шрифт Rockwell Exta Bold, сделала внутреннее свечение и тиснение. Мне очень понравилось!
    Но в ещё одном вопросе мне без Вашей помощи не разобраться: можно ли сделать знак цветным? Там выдавало заливку (если это именно то, что нужно), то большой цветовой палитры я так нигде и не нашла.

    Заранее спасибо!

    • Антон Козлов says:

      Конечно можно. Пробуйте сделать различные цвета текста и тени.

  25. ВАЛЕРА ШТЕРН says:

    ДА, ИЗУЧИЛ ВАШ ВОДЯНОЙ СЕКРЕТ… — ЭТО СУПЕРРРРРРРРРРРРРР…!!!! РЕКОМЕНДУЮ ВСЕМ ФОТОГРАФАМ……………….

  26. Павел says:

    Спасибо огромное! Всё получилось, статья очень помогла 🙂

  27. Сергей says:

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

    • Антон Козлов says:

      Отрегулируйте его прозрачность и наложите на фото.

  28. тамара says:

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

  29. Александра says:

    Антон, огромное вам спасибо, простым и ясным языком все объяснили, сделала легко и без проблем :)))

  30. Яна says:

    Скажите пожалуйста, как сделать водяной знак с рисунком?

  31. Сова says:

    Спасибо большое! Все просто и понятно, у меня получилось)

  32. Виктория says:

    Антон,спасибо огромное!У меня получилось!!! А как можно сделать надписи по диагонали? И не одну, а несколько строк с повторяющимся словом в каждой строке? Спасибо!

  33. Ольга says:

    Скажите, пожалуйста, после того как водяной знак нанесен на необходимое фото, в каком формате надо сохранять уже готовое изображение psd,png,jpg?

    • Антон Козлов says:

      В любом. Если редактировать не будете, то png или jpg.

  34. Виктория says:

    Спасибо! все понятно написано. Очень быстро справилась

  35. Вадим says:

    Спасибо! Бился битый час, потом нашел вашу статью и сделал все в течение 10 минут. Супер!

  36. Виолета says:

    Хочется сказать просто большое человеческое СПАСИБО!

  37. Надежда says:

    Спасибо! Только знакомлюсь с фотошопом. Вы все очень доступно изложили!

  38. Metallist95 says:

    Огромное спасибо, смог с первого раза создать свой водяной знак, правда другим, более хардовым шрифтом ))) Спасибо, автор !!!

  39. Андрей says:

    А если у меня 300 фоток, как это сделать по быстрому, а не редактировать каждую фотку по отдельности?

  40. Марина says:

    Очень понятная и крайне полезная статейка! СПАСИБО!!!
    П.С. а какие нибудь еще у вас есть уроки фотошопа, столь же понятные, например наложение различных эффектов на фото (блики, свечение и т.д.)???

    • Антон Козлов says:

      Других уроков по фотошопу у меня пока нет.

  41. Ant says:

    А где скачать сам Adobe Photoshop CS5 Extended????

    • Антон Козлов says:

      На сайте adobe.com

  42. Мила says:

    Спасибо! Воспользовалась вашей инструкцией, довольна! Все получилось!

  43. Инна says:

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

  44. Андрей says:

    Антон добрый день. я создал водяной знак в фотошоп 7. когда пытаюсь наложить его на любое изображение («файл -поместить»)- не открывается тип файла PSD.(доступны только pdf, eps, pdp). как мне настроить функцию наложения водяного знака в фотошоп-7 ?

    • Алекс says:

      У меня была такая же ситуация (возможно это проблема старых версий фотошопа). Попробуйте сохранить ваш водяной знак в формате pdf. У меня так все получилось.

  45. Doc says:

    Спасибо! Все подробно и понятно, все получилось.

  46. Лилия says:

    Огромное спасибо! Все доступно и понятно!

  47. Анна says:

    Спасибо большое за урок, все доходчиво, все получилось))

  48. Maasdam says:

    Спасибо! Очень помогла Ваша статья)

  49. Ксения says:

    скажите пожалуйста, как поставить водный знак сразу на 20 и более фото?

  50. Рустем says:

    Большое спасибо!

    Очень полезная статья! Кстати пользуюсь Photoshop CS6 Portable — портативный — закинул на флешку и фотошоп всегда со мной!

    Автору — респект!

  51. Марина says:

    Редко пишу комментарии на сайтах, но за эту статью не грех и поставить 5 с плюсом. Доступно и понятно, все написано, как говорится «для чайников». Спасибо!

  52. Ануарбек says:

    Скажите, как в конце надписи поместить рисунок, что бы тоже был водяным

  53. Валерия says:

    Антон, спасибо огромное! Редко кто может так доступно и ясно изложить материал. Пишите книгу, у Вас талант.

  54. Оксана says:

    Спасибо! Получилось! Круто!

  55. Елена says:

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

  56. Дмитрий says:

    А как насчёт английского интерфейса?

  57. Светлана says:

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

  58. Виталий says:

    А картинку какую нибудь за буквами вставить можно?

    • Абдрахманов Анварбек (Anvar72) says:

      Виталий попробуйте скопировать нужную картинку в буфер обмена, потом откройте созданный водяной знак и нажмите «вклеить». Картинка должна появиться за водяным знаком. Хотя этот способ не слишком удобен, (я им обычно не пользуюсь) но прост в реализации.

  59. Елена says:

    Спасибо большое!

  60. Ирина says:

    А как сделать круглый водяной знак в форме печати?

  61. Анварбек Абдрахманов says:

    Просто и понятно. Спасибо, Антон. Обязательно расшарю статью в соцсети.

Написать комментарий

Top