Как нанести водяной знак в фотошопе. Как сделать водяной знак в фотошопе и наложить его на фотографию

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

Итак приступим, для работы нам понадобится Photoshop и собственно фотографии. Открываем Photoshopи создаем новый файл (Ctrl+N) размером 400х200 с прозрачным фоном.

Выбираем инструмент “горизонтальный текст”

В настройках текста выбираем Нужный шрифт.

Нажимаем F7 чтобы отобразить окно слоев. Жмем кнопку “Создать новый слой”

Создаем новый слой

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

Фильтр\Стилизация\Тиснение. Photoshop предлагает нам выполнить Растрирование – жмем ОК.

Стиль — тиснение

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

Теперь наша надпись практически не видна.

Теперь у нас прозрачный текст

Сохраняем наш файл в формате Photoshop — *.PSD. Например WaterAsEasy.psd, этот файл нам понадобится для нанесения водяного знака.

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

Открываем фотографию, на которую нам надо нанести водяной знак. После открытия, жмем – Alt+F9. Мы перешли на вкладку — Операции. Нажимаем – Создать новую операцию.

Создаем новую операцию.

Заполняем имя – водяной знак. Выбираем функциональную кнопку (кнопка при нажатии на которую будет выполняться набор действий, которые мы сейчас запишем) – например F5. Жмем –Запись.

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

Запись, стоп, удалить

Помещаем водяной знак

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

ВНИМАНИЕ!!! – Для пакетной обработки фотографий (автоматизации) уменьшение водяного знака подходит только для одинакового размера файлов. Если файлы разного размера, уменьшать размер знака не рекомендую, так он будет автоматически масштабироваться и позиционироваться по центру!

Меняем размер

Сохраняем пригодное для ВЕБ изображение

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

Теперь наконец, пришло время автоматизировать процесс нанесения водяного знака. Для этого переходим — Файл\Автоматизация\Пакетная обработка. В поле “набор” выбираем тот, который создавали для записи операции. Выбираем операцию “Защита фото”. В качестве источника выбираем папку, в которой собраны фото для нанесения водяного знака (нажать кнопку “Выбрать”). Назначение это папка, куда будут сохраняться фото с водяным знаком. Затем выбрать “Порядковый номер” (1 цифра). Если вы хотите выбрать другие варианты, нужно щелкнуть по стрелочке справа от этого поля и выбрать “расширение”. Это позволит в конечном итоге пронумерованные фото с расширением файла, которое было перед пакетной обработкой. Нажать “Да”и Photoshop наносит водяные знаки на все фото, хранящиеся в папке.

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

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

Довольно часто я делаю для своих близких открытки-поздравлялки в фотошопе. Их я тоже защищаю водяным знаком. Он хорошо подходит для защиты авторского права на фотографиях.

Водяной знак можно делать цветным и прозрачным. Я предпочитаю прозрачный водяной знак. Сейчас мы с вами его сделаем в фотошопе CS6.

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

1. Создаём в фотошопе документ, размером 400*100, даём ему название «Водяной знак».
Для этого, нажимаем надпись «Файл» и в появившемся окне «Создать»:


2. Заполняем все необходимые поля аналогично приведённой картинке:

Обратите внимание на следующие пункты:

• ширина — 400 (для слайдов 800-1000) пикселей
• высота — 100 (для слайдов 200) пикселей
• разрешение 300 (очень часто фотошоп на автомате предлагает другое)
• цветовой режим RGB (важно!)
• содержимое фона — Прозрачный (у вас может на автомате стоять «Белый»)

Только внимательно проверив все прописанные мной пункты — нажимаем «ОК».

3. На левой панели инструментов находим Инстумент Горизонтальный текст:

4. Кликаем этим инструментом на наш документ, чтобы появился курсор.

5. Нам необходимо сделать цвет надписи чёрным. Для этого нажимаем на верхней панели иконку цвета шрифта — у меня она пока голубого цвета (появится только после того, как у вас будет курсор на документе):

6. Как только вы кликните на иконку, увидите новое окошко, на котором мы и задаём чёрный цвет шрифта, перемещая кружочек в крайнее нижнее положение слева и нажимая кнопку «ОК»:

Как видите, цвет стал чёрным.

7. Также можете настроить величину шрифта и название шрифта. У меня шрифт «Rubius» и размер шрифта 14:

Шрифт можно скачать по ссылке с моего Яндекс.Диска https://yadi.sk/d/eD73rTIijNa5z . Я им часто пользуюсь, очень красиво смотрится в надписях.

8. Прописываем либо своё имя и фамилию, либо — название сайта. В ролике я прописываю имя и фамилию, а сейчас пропишу название сайта (на английском языке):

9. Если у вас надпись не заняла всё поле, кликаете два раза по значку «Т» , текст выделится и вы на верхней панели подбираете размер шрифта. Когда закончите, опять кликаем два раза по тому же значку текста:

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

Как сделать водяной знак прозрачным

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

11. Появится окошко и мы выбираем (кликаем) «Тиснение»:

Откроется ещё окошко и там тоже выбираем «Тиснение»:

12. Делаем наш водяной знак прозрачным:

Как сделать водяной знак прозрачным:

• кликаем на надпись «Слои» (на рисунке цифра 1)
• откроется окошко с нашей надписью
• возле слова «Заливка» нажимаем на треугольник на рисунке цифра 2)
• появится ползунок
• отводим его в крайнее левое положение, пока цифра "100%" возле слова «Заливка» не поменяется на надпись"0%" (на рисунке цифра 3)
• смотрим, как стала надпись почти невидимой — прозрачной (на рисунке цифра 4)

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

Первое сохранение для возможного исправления чего-либо в фотошопе (а вдруг надо будет?):

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

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

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

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

До следующих уроков. У меня к вам вопрос: вам нужны подобные уроки? Это приносит вам пользу? Хочу сориентироваться, продолжать их или нет. Заранее благодарю за ваши ответы.

С уважением, Галина Нагорная

P.S. Если у вас что-то не получилось — пишите в комментариях, помогу, исправлю... Главная ошибка здесь — не добавили стили, а в них — тиснение.

Доброго всем времени суток, мои дорогие друзья и гости моего блога. У вас есть настроение пофотошопить? Просто часто сталкиваюсь с такими ситуациями, что люди боятся за изображения на своем блоге (что их будут использовать где-нибудь еще), либо нужно отправить образец какой-нибудь картинки и быть уверенным, что тот человек не будет ее использовать.

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

С использованием фотошопа

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

Вариант 1

Ну как? По-моему вполне себе неплохо. Но на всякий случай я приготовил второй вариант, как это можно сделать.

Вариант 2

Без фотошопа

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

1. Зайдите на сайт watermark.ws и пройдите несложную регистрацию, либо зайдите с помощью фейсбука, что я собственно и сделал. Сервис конечно на английском языке, но тем не менее в нем абсолютно всё понятно, и тем более я сейчас все вам расскажу.
2. Для начала вам нужно будет создать папку для ваших импортированных фотографий. Для этого нажмите на «Add folder» , после чего вам нужно будет задать любое имя для вашей папки. Хотя по умолчанию у вас уже будет создана одна папка, так что вам скорее всего даже не придется ничего создавать.
   
3. Далее вам нужно будет выбрать источник вашей фотографии, т.е. либо с вашего компьютера, либо же из внешних источников, например социальных сетей или облачных сервисов. Выбирайте «Select from computer» . Теперь выбирайте изображения. Кстати, вы можете загрузить сразу несколько изображений и использовать все ваши знаки сразу для них всех, что делает работу в данном сервисе еще более удобной.
4. Когда вы загрузили фотографию (или несколько фотографий), то вам нужно навести на нее и выбрать единственную появившуюся кнопку «Edit Selected» .
   
5. Теперь, когда открылась картинка, мы приступим к ее защите. Видите, внизу появились инструменты для работы? Вот они то нам и будут нужны, но далеко не все. Нажмите на кнопку «Text» , чтобы приступить к создании надписи.
   
6. После этого у вас появятся другие доступные инструменты редактирования. Но для начала пишем сам текст, например адрес сайта.
7. Как видите, в текстовом блоке появилось две функции, а именно изменение размера изображения и поворот. Вы можете поиграться со всем этим, чтобы достигнуть нужного результата. Например можете опять же поставить текст по диагонали и сделать его побольше. Ну и конечно же, чтобы подвинуть эту надпись, нужно просто зажать левую кнопку мыши в ее центре и перетаскивать куда угодно.
   
8. Теперь перейдем в меню ниже картинки. С помощью него мы отредактируем всё, что нам нужно. Например, нажмите на «Opacity» и поставьте этот показатель процентов на 35. Это сделает текст более прозрачным.
9. А нажав на «Single» , и выбрав пункт «Tiled» , ваша надпись размножится по всему изображению. Многие делают такой ход.
10. Ну а также вы можете сделать множество других замечательных функций, например выбрать шрифт (Font), либо поставить значки копирайта (Sign) и т.д. Посмотрите все функции сами.
    
11. Ну а после того, как вы всё закончили, нажимайте на кнопку «Finish» . А после завершения нажать на «Download» , чтобы скачать изображение.
    

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

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

С уважением, Дмитрий Костин.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

Последнее обновление: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.



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

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

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

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

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