20 апреля 2012 г.

Создание простейшего водяного знака в Paint.NET

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

  1. Создаём файл (изображение) небольшого размера с прозрачной основой.
  2. Пишем на нём текст.
  3. Уменьшаем прозрачность текста до необходимого минимума.
  4. Сохраняем файл в формате, поддерживающем прозрачность (PNG, GIF).
После сохранения изображение водяного знака можно помещать на любую выбранную  фотографию или картинку, используя средства какого-либо графического редактора, поддерживающего работу со слоями и прозрачностью.
И не обязательно для этих целей использовать такие “серьёзные” программы как Фотошоп или GIMP. Вполне можно обойтись простым бесплатным графическим редактором (например, Paint.NET ).

Давайте создадим водяной знак на фотографии с помощью Paint.NET.
1. После открытия программы в её окне мы видим белое поле Нового изображения (Фон). Нажимаем на кнопку “Добавить новый слой” в окне “Слои” и появляется Слой 2 (прозрачный).

Рис. 1. Добавить новый слой.
2. Нажимаем на кнопку “Текст” в окне “Инструменты”, щёлкаем в мышью в нужной точке поля и набираем текст (причём, Слой 2 - активный, т.е. выделен синим цветом в окне “Слои”).


Рис.2. Пишем текст.
3. После этого можно подобрать (изменить) вид шрифта и его размер, нажав соответствующий  раскрывающийся список и выбрав нужное.
Возьмём, к примеру, шрифт Impact, размер 36.


Рис.3. Изменение шрифта.
После того как остановились на выбранном варианте, нажимаем клавишу Esc для завершения ввода текста.

4. После этого в окне “Слои” переходим на слой Фон (щёлкнув по нему) и удаляем его, нажав кнопку “Удалить слой” (см. рис.4).


Рис.4. Удаление Фона.
5. Таким образом, у нас остаётся только Слой 2, т.е. текстовая надпись на прозрачной основе.

Рис.5. Текст на прозрачном слое.
6. Теперь, нажав на кнопку “Свойства слоя” (внизу окна “Слои”), в открывшемся окне “Свойства слоя” уменьшаем прозрачность текста, перемещая движок прозрачности.
В этой программе прозрачность изменяется от значения 255 (полностью непрозрачный) до 0 (полностью прозрачный). Установим, допустим, значение 70.
После этого нажимаем ОК, закрывая окно.


Рис.6. Делаем текст полупрозрачным.
7. После этого обрезаем “всё лишнее” у нашей текстовой надписи.
Для этого сначала нажав кнопку “Выбор прямоугольной области” мышью очерчиваем (протягиваем по диагонали) новые границы (см. рис.7), а затем, нажав кнопку “Обрезать по выделению”, получаем почти готовое изображение нашего водяного знака (см. рис.8).


Рис.7. Выбор границы.

Рис.8. Вид надписи (водяного знака) после нажатия кнопки “Обрезать по выделению”.
8. Теперь сохраним наше изображение в отдельную папку, присвоив ему имя (например, mojWZ) и выбрав тип файла PNG.
Для этого нажимаем кнопку “Сохранить” на панели инструментов программы (см. рис.8).
После этого появляется диалоговое окно “Сохранить как”, в котором выбираем папку хранения файла, пишем его имя, из раскрывающегося списка “Тип файла” выбираем расширение PNG и нажимаем кнопку “Сохранить” (см. рис.9).


Рис.9. Диалоговое окно “Сохранить как”.
9. После этого появляется второе диалоговое окно “Параметры сохранения” (рис.10), в котором (ничего не меняя), нажимаем ОК.

Рис.10. Диалоговое окно “параметры сохранения”.
10. Таким образом, мы создали и сохранили изображение нашего водяного знака, которое можно использовать в дальнейшем для установки на любое выбранное нами изображение. Для этих целей можно использовать различные программы, поддерживающие эту функцию (например, FastStone Image Viewer, Irfan View и др.).

Для примера наложим сохранённое изображение нашего водяного знака на пару фотографий в том же Paint.NET.

11. Открываем нужное фото (одно или сразу несколько) и файл с нашим водяным знаком, используя команду меню Файл - Открыть - ...  
Миниатюры изображений (фотографий) по мере открытия появляются в правой верхней области окна программы.


Рис.11. Миниатюры открытых изображений.
12. Теперь переходим на изображение водяного знака, щёлкнув мышью по его миниатюре (миниатюра выделенного изображения станет на синем фоне, а само изображение сразу появится в основном окне программы, см. рис.11).
После этого обязательно делаем копию слоя, нажав на кнопку “Создать копию слоя” внизу окна “Слои”.
В окне “Слои” появится дубликат слоя (на рис.11 его не видно), и теперь стоя на копии выделяем её всю (нажав Ctrl + A ), а затем копируем (нажав  Ctrl + C ).
В результате этих действий копия нашего водяного знака оказалась в буфере обмена программы, после чего мы можем вставить её на наше фото №1 (точнее, на копию фото).

13. Для этого щёлкаем по миниатюре Фото №1 и уже это фото появляется в основном окне программы.
Делаем копию фото, щёлкнув на кнопке “Создать копию слоя”.
И, стоя на копии, нажимаем Ctrl + V (т.е. вставляем копию водяного знака из буфера обмена на копию нашего Фото №1).
Мы получили подпись на фото (водяной знак) в верхнем левом углу фото.


Рис.12. Вставка водяного знака на фото.
14. При желании можно переместить водяной знак в любое место на фото, сначала щёлкнув инструмент “Перемещение выделенной области”, а затем оттащив мышкой область водяного знака в нужное место (например, в центр фото).
Кроме того, мы также можем подкорректировать размеры самого водяного знака (увеличить, уменьшить), двигая за “ручки” в точках выделения (в углах или по центру сторон).


Рис.13. Изменение размера и расположения водяного знака на фото.
После того, как мы определились с местоположением нашего водяного знака нажимаем Enter. Выделение снимается и подпись фиксируется.

15. Осталось только сохранить наше новое изображение, т.е. фото с водяным знаком.

Для этого нажимаем кнопку “Сохранить” на панели инструментов программы.
Открывается окно “Сохранить как”, в котором вписываем имя файла и тип файла,  например, JPEG (по умолчанию стоит расширение программы Paint.NET - .pdn).
Нажимаем “Сохранить”, после чего открывается новое диалоговое окно “Параметры сохранения”. В нём выбираем качество сохранения (90-100) и нажимаем ОК.


Рис.14. Диалоговое окно Параметры сохранения.
После этого появляется ещё одно диалоговое окно “Сохранение”, в котором нажимаем на область “Объединить все слои” (см. рис.15).

Рис.15. Сохранение (объединение слоёв).
В результате получаем требуемую подпись (водяной знак) на нашем фото (см. рис.16).

Рис.16. Фото с водяным знаком.

23 комментария:

  1. Спасибо за ценную статью! Вы существенно сэкономили моё время.

    ОтветитьУдалить
    Ответы
    1. Благодарю моего первого комментатора за положительный отзыв!

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

      Удалить
  2. У вас стоит подтверждение комментариев визуальным кодом. Обычно посетителям не нравится вводить такие коды, и это существенно сокращает количество комментариев. Прошу прощения, если вы это знаете, и вас это устраивает. Мне недавно подсказали это, и я довольна, что убрала.

    ОтветитьУдалить
    Ответы
    1. Я и правда не знала о том, что для комментариев необходимо ввести код. Однако, я думаю, что тот, кто действительно захочет оставить отзыв, это всё же сделает, несмотря на такие "препоны" :)
      Вот вы же написали!

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

    ОтветитьУдалить
  4. практически не меняла. где-то 240 оставила

    ОтветитьУдалить
  5. не меняла сильно. уменьшила только на 20 пунктов

    ОтветитьУдалить
    Ответы
    1. И всё равно не видно изображения знака на фото? Странно!
      Попробуйте переместить знак по полю фото - может быть он попал на тёмные участки, и поэтому его не видно. А вообще постарайтесь ещё всё заново сделать, как описано в статье.
      Может быть, вы что-то пропустили. И поэкспериментируйте с разными вариантами прозрачности.
      Если у вас нет опыта работы со слоями в программе Paint.NET, то сначала просто попрактикуйтесь работать со слоями.
      В конце концов всё должно получиться! Желаю успехов :)

      Удалить
  6. с третьего раза получилось :). оказалось что и прозрачность можно уменьшать еще пунктов так на 100-150. почему не получалось раньше не понятно.

    ОтветитьУдалить
  7. Спасибо, редко можно встретить такую подробную и ясную инструкцию.
    Вопрос: как нанести водяной знак сразу на несколько изображений ? У меня сотня фото и по одному трудоемко будет.

    ОтветитьУдалить
  8. Спасибо большое, ОЧЕНЬ понятно и, оказывается, ОЧЕНЬ просто!

    ОтветитьУдалить
  9. Как в пайнт.нет поставить знак копирайта? набором клавиш не получается..

    ОтветитьУдалить
  10. Спасибо большое за краткость!

    ОтветитьУдалить
  11. Спасибо большое, все легко понятно!

    ОтветитьУдалить
  12. Спасибо большое! Очень полезная информация! И написано очень хорошо - четко и ясно. По Вашей инструкции все получилось без затруднений.

    ОтветитьУдалить
  13. Отличный совет!
    Спасибо большое :)

    ОтветитьУдалить
  14. Здравствуйте, все сделал по вашей инструкции но почему то при копировании почти прозрачного знака на фото он копируется совсем непрозрачым. Подскажите пожалуйста почему.

    ОтветитьУдалить
  15. Здравствуйте. Благодарю Вас за отличную и полезную статью

    ОтветитьУдалить