Последнее обновление:20/07/13
Сегодня я покажу Вам, как создать водяной знак в Photoshop из текста или логотипа и наложить его на изображение.
Недавно мне задали вопрос в комментариях: как можно уберечь картинки на сайте от воровства. Я как-то не очень переживаю по этому поводу: не такие уж у меня на блогах супер-картинки, чтобы их воровать. Да и не существует 100-процентных гарантий от воровства, все равно найдутся умельцы, которые обойдут любую защиту. Но вопрос есть, значит, на него нужно ответить.
Я думаю, что самой надежной защитой от воровства изображения является наложение водяного знака из логотипа, названия или адреса сайта. А раз так, то будем учиться это делать.
Итак, запускаем Photoshop, в нем Файл → Открыть (или Ctrl+O), и открываем любое изображение.
Текстовый водяной знак
- Теперь сверху находим Слой → Стиль слоя → Параметры наложения и ставим галочки, где Тиснение и Контур.
Получается вот так:
- Теперь смотрим настройки справа: Opacity и Заливка. Если нажать на треугольничек справа от настройки, то появится шкала. Двигая ползунок по ней, можно уменьшать или увеличивать прозрачность нашего текста.
- В принципе, водяной знак в фотошопе уже готов. Вы можете поиграться со стилями и прозрачностью еще, чтобы добиться желаемого результата.
Выбираем инструмент Текст:
Копируем текст, который будем вставлять, или просто его наберем.
Я скопировала URL блога. Цвет поставьте черный, хотя это не имеет особого значения.
Затем инструментом Перемещение (первый слева-сверху) двигаем его примерно в то положение, которое нужно. Расположение еще поправим потом, главное, чтобы весь текст был внутри картинки.
Начнем с настройки Заливка и устанавливаем ползунок в нуль или около него:
Можно сразу поставить число в %, но мне нравится смотреть, как меняется мой текст, и я могу остановить ползунок в любой момент.
Затем переходим к Opacity. Так же, двигая ползунок, устанавливаем устраивающее нас значение (я ставлю близкое к 100%).
Теперь работаем с величиной текста и его расположением.
Чтобы изменить шрифт, размер шрифта, начертание, опять выбираем инструмент Текст, выделяем наш текст и устанавливаем то оформление, которое нужно:
Водяной знак нужно установить на изображение так, чтобы он был хорошо виден, чтобы он не закрывал важные детали картинки, но при этом он не должен находиться где-то в уголке или с краю, потому что тогда его легко можно будет обрезать. Я устанавливаю обычно прямо посередине картинки, меняя направление, чтобы посмотреть, насколько хорошо он там вписывается.
Инструментом Перемещение двигаем водяной знак в середину. Смотрим, как это выглядит.
В принципе, меня бы устроил и такой вариант. Но для тех, кто не очень хорошо ориентируется в фотошопе, я покажу, как этот текст поставить по диагонали.
Сверху в меню выбираем Редактирование → Трансформирование → Поворот.
Текст обрамляется рамочкой с кружочками. Если навести на этот кружочек курсор, то появится стрелка-дуга. Двигая ее туда-сюда, выбираем угол поворота:
Когда найдем устраивающее нас расположение, щелкнем на Enter. Если еще нужно подвинуть куда-то, то снова инструмент Перемещение.
И вот водяной знак создан и установлен на картинку.
Но сначала сведем все слои в фотошопе в один. Это можно сделать сочетанием клавиш: Shift+Ctrl+Alt+E.
А теперь сохраняем: Файл → Сохранить для Web (или сочетанием клавиш: Shift+Ctrl+Alt+S), выбираем формат сохраняемого изображения. Если нужен прозрачный фон или просто лучшее качество, то выбираем PNG-24, в других случаях – один из JPEG (я обычно сохраняю в JPEG Medium или PNG-24).
Кроме этого, выбираем качество. Редактор дает нам 4 окна: в одном – оригинальное изображение, из остальных надо выбрать то, где нас устроит качество. Я обычно выбираю то, которое рядом с оригиналом.
Нажимаем кнопку Save.
Выбираем место на жестком диске и сохраняем нашу картинку.
Водяной знак – логотип
Вы можете поэкспериментировать с величиной водяного знака – логотипа, его ракурсом и расположением, здесь есть простор для творчества. А я рассказала Вам самую основу.
Теперь вы знаете, как создать водяной знак в фотошопе и наложить его на изображение.
Мы хорошо потрудились, можно и расслабиться. Этот невероятный танец, думаю, не оставит Вас равнодушным.
Дорогие друзья, сегодня покажу вам как легко и быстро сделать водяной знак в фотошопе . Также в уроке я покажу, как добавить водяной знак на изображение.
Перед тем как приступить к уроку, давайте разберемся для чего же нужен водяной знак. Все очень просто — наносить его на изображения для того что бы защитить его хоть как то от копирования.
Приступим к уроку.
Как сделать водяной знак в фотошопе
1. Открываем фотошоп и создаем новый документ Файл→ Создать… (File→ News… или CTRL+N – в скобочках вместе с переводом буду указывать сокращения – проще говоря “горячие” клавиши, которые позволяют экономить время в программе фотошоп).
В окошке указал такие параметры:
Название: сайт ;
Ширина: 300 пикселей ;
Высота: 100 пикселей ;
Разрешение: 72 пикселя ;
Содержимое фона: Белый .
И нажал кнопочку ОК .
Создался новый документ.
Сразу же сохраняем нашу работу. Идем в меню Файл→ Сохранить как… (File-Save as…, Shift+Ctrl+S) — очень рекомендую также в процессе работы над документом переодически сохраться нажимая комбинацию клавиш Ctrl+S , будет очень не приятно если вы долга работали над чемто, а результат не созранился к примеру, из-за того что свет выключили или компьютер завис. Так что почаще сохраняйтесь!
2. Давайте напишем текст.. Берем инструмент Горизонтальный текст (Horizontal Type Tool, T). Шрифт выбрал: Times New Roman , жирный с размером 48 пунктов и цвет #000000 .
После просто кликаем левой кнопкой мыши в нужно месте в нашем документе и пишем текст “сайт” и нажимем галочку в настройках инструмента Текст, что бы подтвердить действия.
В итоге получается так:
Расположение текста в документе не имеет особого значения в данном случае, но если вам нужно его подвинуть используйте инструмент Перемещение (MoveTool, V) или клавиши “Вверх, вниз, влево и вправо” на клавиатуре — что бы разместить его где вам нужно.
3. Добавим немного эффектов. Для этого отправляемся в меню Окно (Window) и выбираем палитру Слои (Layers, F7). Открывается палитра для работы со слоями в фотошопе. Выбираем наш тектовый слой.
Кликаем мышкой два раза по слою сайт и открывается окошко со стилями слоя. Выбираем пункт Обводка (Overlay). Я поставил такие настройки:
Размер: 3 пикселя
Непрозрачность: 40%
Цвет: белый #FFFFFF .
В итоге у нас получился слой с 30% заливкой и белой обводкой в 40%.
Теперь убираем глазик у слоя Фон (Background).
В итоге у нас получился полупрозрачный слой на прозрачном слое.
Наш водяной знак готов, сохраняем работу, нажимаем Ctrl+S .
Остается только наложить его на нужную нам фотографию.
Как наложить водяной знак на изображение в фотошопе
1. Открываем в фотошопе нужное нам изображение. Я взял вот это:
2. Переходим в документ с нашим водяным знаком. Теперь нам нужно перенести слой с водяным знаком на картинку. Есть два способо это сделать:
а) Можно просто перенести слой с водяным знаком из одного документа в другой — хватаете слой левой кнопкой мыши инструментом Перемещение (Move) и не отпуская мыши перености слой в документ с изображением.
б) В палитре со слоями выбираете слой с водяным знаком, кликаете по нему правой кнопкой мыши, в выпавшем меню выбираете Создать дубликать слоя…
в следующем окошке выбираете документ с изображением и нажимаете ОК .
В итоге водяной знак поместиться поверх изображения.
Вот и все, инструментом Перемещение можно подвинуть водяной знак в нужное место.
Делюсь навыком, как сделать водяной знак в фотошопе и рассказываю для чего он нужен.
Недавно я занялась вебдизайном. Начала принимать заказы на небольшие работы и поняла — заказчику всегда отправляете показать эскиз только под защитой водяного знака. И убираете его после полной оплаты заказа. Также я использую водяной знак на своих слайдах для видео.
Довольно часто я делаю для своих близких открытки-поздравлялки в фотошопе. Их я тоже защищаю водяным знаком. Он хорошо подходит для защиты авторского права на фотографиях.
Водяной знак можно делать цветным и прозрачным. Я предпочитаю прозрачный водяной знак. Сейчас мы с вами его сделаем в фотошопе 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. Если у вас что-то не получилось — пишите в комментариях, помогу, исправлю... Главная ошибка здесь — не добавили стили, а в них — тиснение.
В этом уроке мы будем добавлять водяной знак на фото в 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. Напишите нужный Вам текст или просто скопируйте адрес своего сайта и вставьте в поле ввода.
Перед Вами откроется новая панель инструментов для работы с текстом.
- Цвет текста (в моем примере он черный)
- Фон текста (в моем примере фон желтый)
- Прозрачность (чем меньше значение, тем меньше видимость водяного знака на фото)
- Расстояние между строк
- Возможность размножить водяной знак по всей фотографии
- Размер
- Обводка текста другим цветом
- Расстояние между букв
- Линии
- Отменить
- Применить
- Возможность поставить значок торговой марки
- Можно развернуть текст, подчеркнуть или выделить его жирным
5. Если больше ничего не требуется, то нажмите кнопку “Apply” и сохраните картинку. К этой фотке я еще добавлю логотип. Нажмите еще раз кнопку “Watermark” и выберите лого.
6. Загрузите свою картинку нажав “Import logo”.
7. Отредактируйте размер, прозрачность, расположение водяного знака и нажмите на кнопку “Apply”. Можете сохранить шаблон, а можете пропустить.
Затем нажмите на зеленую кнопку “Finish”. Подождите пару секунд и нажмите в верхнем правом углу зеленую кнопку “Download – скачать”.
Способ №3
Если по каким-то причинам, Вам неудобно делать водяные знаки онлайн, то можно воспользоваться простой, легкой и бесплатной программой для Windows (подходит для любых версий).
Эту программу можно использовать не только для создания водяных знаков, но и для просмотра и редактирования фотографий. Программа понимает все форматы и очень проста в настройках.
Также она будет полезна тем, кому нужно наложить свой знак сразу же на несколько фотографий. Например, Вы можете нажать пару кликов и сотни фото будут с Вашим логотипом.
Как это сделать, смотрите вот эту короткую видео – инструкцию:
Виды водяных знаков
Можно разделить водяные знаки на 2 вида. Первый вид – это нанесения текста на изображение. Второй вид – это нанесение логотипа на изображение.
Минус текста. Выглядит просто, скучно и иногда даже портит весь вид фотографии.
Плюс текста. Быстрота и простота нанесения на фото.
Минус изображения. Картинку для водяного знака придется заказывать у дизайнера (нужны деньги). Либо придется искать подходящую по теме в интернете. Либо рисовать самому (нужно время).
Плюсы картинки. Выглядит красиво и профессионально.
В заключении
Таких трех способов будет достаточно, чтобы выполнить нужную задачу. Добавьте мою инструкцию в закладки, чтобы она была у Вас всегда под рукой в нужный момент.
Если Вы знаете еще бесплатные сервисы по созданию и добавлению водяных знаков, то поделитесь ими пожалуйста в комментариях! Я с удовольствием добавлю их в свой список.
