Частенько я часами сижу в интернете ища качественную картинку, а попадаются вдоль и поперек смазанные водяными знаками да еще и мизерных размеров превью. И я полагаю ты мой читатель, понимаешь, о чем я. А если нет, то я о том, что блогеры, делая превьюшки, не забывают на просто убить и без того скудные старания. Иными словами — фотошоперы и дизайнеры из них зачастую никудышные.
Я не говорю о всех, это мое сугубо личное мнение.
Водяной знак по сути и не нужен обычным пользователям, и служит для защиты фотографий и иллюстраций, которые продаются на фотостоках и фотобанках. Фоторафии которые публикуются в свободном доступе (блоках, аккаунтах в соц.сетях), водяной знак будет просто «убийца трафика ».
Как сделать водяной знак?
В уроке работать мы будем с окном операций. Это позволит нам в один клик наносить и выравнивать по центру, независимо от размеров фотографии наш водяной знак.
Для урока нам понадобится:
- Photoshop
- Панель «Операции» (Action) в фотошопе
- Логотип/Шрифт/Надпись
Первым делом откроем фотографию на которую мы будем наносить водяной знак. Для чистоты урока (дабы не ляпать своим сайтом по чужим фото), я взял сделанную мной фото на SONY DSC-W830 . Для эксперимента можно воспользоваться этим же фото, либо скачать с бесплатных фотостоков.
Следующим шагом создаем новый набор кликнув по иконке папки внизу окна операций, как показано на скриншоте.
Подписываем папку на свое усмотрение и жмем «ОК »
После чего кликом выделяем нашу папку в окне операций и нажимаем на иконку создания новой операции (лист с изогнутым кончиком). Подписываем так же на свое усмотрение, добавляем по желанию цвет и функциональную клавишу. Я водяными знаками практически не пользуюсь, поэтому ограничусь только выделением цветом.
После нажатия кнопки «запись » создаем на изображении логотип/надпись/кракозябры и прочие необходимые вещи, выравниваем их по центру как показано на скриншоте:
Важно! Выравнивание должно производится относительно изображения, с помощью кнопок выравнивания. В противном случае при смене фотографии на меньшее или большее разрешение, ваш водяной знак улетит в неизвестном направлении.
Что бы наш водяной знак не действовал на нервы и не портил всю картину – изменим непрозрачность наших стараний. Рекомендую выставить значения приблизительно 80% (у меня 50%)
Дабы не захламлять рабочее пространство во вкладке слои, советую выделить все файлы водяного знака и объединить в один. После этого остановить запись нажав на «квадрат » рядом с кнопкой «запись » в панели операций.
Дорогие друзья, сегодня покажу вам как легко и быстро сделать водяной знак в фотошопе . Также в уроке я покажу, как добавить водяной знак на изображение.
Перед тем как приступить к уроку, давайте разберемся для чего же нужен водяной знак. Все очень просто — наносить его на изображения для того что бы защитить его хоть как то от копирования.
Приступим к уроку.
Как сделать водяной знак в фотошопе
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) и не отпуская мыши перености слой в документ с изображением.
б) В палитре со слоями выбираете слой с водяным знаком, кликаете по нему правой кнопкой мыши, в выпавшем меню выбираете Создать дубликать слоя…
в следующем окошке выбираете документ с изображением и нажимаете ОК .
В итоге водяной знак поместиться поверх изображения.
Вот и все, инструментом Перемещение можно подвинуть водяной знак в нужное место.
Как сделать водяной знак в Фотошопе, пошаговая инструкция с картинками.
Хотите узнать как стабильно зарабатывать в Интернете от 500 рублей в день?
Скачайте мою бесплатную книгу
=>>
Прежде всего, давайте разберёмся, что значит – водяной знак. Логически размышляя, можно прийти к выводу, что водяной знак – это прозрачное или полупрозрачное изображение.
Под изображением можно понимать:
- Картинку;
- Логотип;
- Тестовую надпись;
- Любой символ.
Вот исходя из данных понятий, мы сегодня будем создавать свой водяной знак.
Как сделать водяной знак в Фотошопе, способы
Водяной знак с помощью тиснения
Сейчас покажу, какой водяной знак получится при помощи тиснения. Проделайте все действия, описанные выше, вплоть до открытия окна параметров наложения.
Только вместо тени, откройте вкладку — тиснение.
Я выставил следующие значения:
В принципе, я почти всё оставил по умолчанию, заменил лишь стиль, выбрав — тиснение и убрал глобальное освещение. Однако, напоминаю, что вы можете попробовать выставить другие значения, возможно эффект будет лучше. Далее, также убрал прозрачность заливки до нуля и нажал — ок.
Вот такой результат на белом фоне получился у меня:
А так будет на цветном:
Как видите, за счёт освещения сверху, водяной знак стал более заметен на тёмном фоне, буквы как будто выдавливаются на изображении.
Сохранение водяного знака
Как вы понимаете, создать водяной знак — это лишь половина дела. Теперь нужно его правильно сохранить, для последующего применения.
Инструкция по сохранению:
- Нажать вверху вкладку слои;
- Опуститься до слова — растрировать;
- Растрировать текст и растрировать стиль слоя;
- Сохранить документ в формате PNG;
- Далее вы можете сохранить логотип в виде кисти. Откройте вкладку — редактирование — определить кисть — сохраните;
Теперь, вы можете сделать узор для заливки. Вы наверное видели не раз, как на картинке по диагонали расположены повторяющиеся водяные знаки.
Сделать такой эффект довольно просто:
- Откройте вкладку — изображение — размер холста;
- Укажите высоту холста, равную ширине. То есть, ваш документ должен стать квадратом;
- Зайдите в меню, вверху — редактирование — трансформирование — поворот;
- Разверните логотип под углом 45 градусов, то есть по диагонали;
- Опять откройте — редактирование — определить узор — сохраните логотип как узор.
Нанесение логотипа на картинку
Теперь у нас есть три варианта нанесения логотипа на картинку.
Как сделать водяной знак в Фотошопе, итог
Теперь вы знаете, как сделать водяной знак в Фотошопе и сможете создать его самостоятельно. Однако, если у вас что-то не получится, возникнут сложности, не стесняйтесь задавать вопросы в комментариях. Я отвечу всем, а заодно дополню статью, чтобы ни у кого не осталось недопонимания.
Удачи вам, всего доброго!
P.S. Прикладываю скриншот моих заработков в партнёрских программах. И напоминаю, что так зарабатывать может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов Интернет бизнеса.
Заберите список проверенных Партнёрских Программ 2018 года, которые платят деньги!
Скачайте чек-лист и ценные бонусы бесплатно
=>> «Лучшие партнёрки 2018 года»
Многие из вас наверняка видели изображение водяного знака на любой картинке с указанием сайта автора. Нанесение водяных знаков даёт авторам возможность получить новых клиентов и известность себе и посетителей на свой сайт. Водяные знаки на фото можно увидеть и на фотостоках, где можно получить фотографии и картинки бесплатно. Я считаю, что все свои картинки, нужно снабжать водяным знаком. А то бывает так, что кто-то возьмёт вашу работу и нанесёт на неё свой водяной знак с целью, получения посетителей и известности, хотя известности таким образом не добиться, а вот посетителей на сайт вполне реально. Конечно, это не правильно. Нанести водяной знак на фото нужно заранее самому. В этой статье речь пойдёт о том, как сделать водяной знак в фотошопе на любое изображение.
Все скриншоты и описания, в том числе названия кнопок и иконок приводятся из русской версии Adobe Photoshop CS5 Extended.
О программе Adobe Photoshop CS5 Extended
Возможно, вы спросите, почему так? Да всё потому, что мы русские, во всяком случае, все русскоговорящие, а значит, очень хорошо понимаем русский язык. К тому же, английский язык для многих людей является совершенно не понятным. Я знаю английский язык на начальном уровне и то, только потому, что играл в игры на английском языке в недалёком прошлом. Поэтому, зачем усложнять? Нужно наоборот, делать жизнь проще и доступнее. К тому же, вы можете пользоваться этой программой бесплатно в течение ознакомительного срока, а именно, 30 дней. И так, о чём это я? Ах да, о том, как сделать водяной знак в фотошоп.
Как сделать водяной знак в фотошопе
1). Создадим в фотошопе новый документ – “Файл -> Создать”, либо нажав сочетание быстрых клавиш “Ctrl+N”. Выставим его высоту 200 пикселей и длину 400 пикселей с прозрачным фоном.
Создание в фотошопе нового документа
2). На вкладке справа “Слои” создать новый слой.
3.
Создание нового слоя в фотошопе
3). Выберите на панели инструментов “Горизонтальный текст”, затем сверху подходящий шрифт для вашего водяного знака и размер кегля. Я выбрал шрифт “Harlow Solid Italic”, так как водяной знак с толстыми буквами будет смотреться интереснее, чем с тощими. Печатаем название сайта, его url или свой никнейм, который будет красоваться на вашем водяном знаке.
4.
Выбираем шрифт, каким будет наш водяной знак в фотошопе
4). Для выравнивания нашего будущего водяного знака, нужно выбрать инструмент “Перемещение” и нажать для выделения поля “Ctrl+A”, затем нажать на выделенные кнопки в верхнем меню для выравнивания по горизонтали и вертикали, после чего нажать “Ctrl+D” для снятия выделения. Если выровнять указанными кнопками не удаётся, то выровнять просто перетащив текст, зажав его кнопкой мыши.
5.
Выравнивание текста водяного знака по вертикали и горизонтали
5). Для эффектности водяного знака можно придать ему эффект рельефности. Для этого вы должны нажать “Слои –> Стиль слоя –> Параметры слоя”. В открывшемся окне выбрать настройки для придания красоты и выпуклости водяного знака. Я выбрал тиснение. Вы можете выбрать тень или обводку, но мне это не понравилось. Вы можете поиграть с параметрами и эффектами, но решающее значение будет играть следующий этап работы с водяным знаком. Все наложенные эффекты вы сможете в любой момент снять с вашего водяного знака.
6.
Выбираем параметры слоя для наложения на водяной знак
7.
Наложение эффектов на водяной знак в фотошопе
6). Посмотрите на свой получившийся водяной знак. Он должен быть примерно таким:
8.
Получившийся водяной знак с наложенными на него эффектами
После этого, выберите во вкладке слои параметр “Заливка” и выставите бегунок в положение равное 0%.
9.
Выставление параметра заливки в 0%
Ваш водяной знак станет практически невидимым. Вот таким:
10.
Водяной знак в фотошопе с нулевой заливкой практически невидим
7). Сохраните получившийся водяной знак в формате.psd. Назвать вы его можете по аналогии с английским вариантом “watermark”. Именно этот получившийся в программе фотошоп водяной знак и будет накладываться на ваши изображения для подтверждения вашего авторства и мешать присваивать его всяким нехорошим людям.
8). Для того, чтобы водяной знак был отчётливо виден на любом изображении, вы всегда сможете поменять его внешнее свечение и сделать его контрастным с основным цветом изображения. Выберите необходимый цвет свечения и сохраните его. Все сделанные изменения в водяном знаке можно исправить в любой момент.
11.
Выбор параметра внешнего свечения водяного знака
9). Пример наложения водяного знака на белый цвет:
12.
Наложение водяного знака на белый цвет
Пример наложения водяного знака на чёрный цвет с белым внешним свечением (так как буква k в в водяном знаке AntonKozlov.ru становится плохо различимой):
13.
Наложение водяного знака на чёрный цвет
10). Делается это достаточно просто. Открываете любое изображение в фотошопе и выбираете наложение вашего водяного знака “Файл -> Поместить”. Размещаете его в любом месте простым перетаскиванием.
Если изображение водяного знака большое, то вам просто нужно зажать клавишу “Shift” и за угол изображения водяного знака уменьшить его или же наоборот, увеличить размер.
14.
Получившееся изображение фотошопа с наложенным на него водяным знаком подогнанным до нужного размера
Вот такой получился урок по созданию водяного знака в фотошопе.
Делюсь навыком, как сделать водяной знак в фотошопе и рассказываю для чего он нужен.
Недавно я занялась вебдизайном. Начала принимать заказы на небольшие работы и поняла — заказчику всегда отправляете показать эскиз только под защитой водяного знака. И убираете его после полной оплаты заказа. Также я использую водяной знак на своих слайдах для видео.
Довольно часто я делаю для своих близких открытки-поздравлялки в фотошопе. Их я тоже защищаю водяным знаком. Он хорошо подходит для защиты авторского права на фотографиях.
Водяной знак можно делать цветным и прозрачным. Я предпочитаю прозрачный водяной знак. Сейчас мы с вами его сделаем в фотошопе 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. Если у вас что-то не получилось — пишите в комментариях, помогу, исправлю... Главная ошибка здесь — не добавили стили, а в них — тиснение.
