Пятница
26.04.2024
03:14
 




Сайт Фотолюбителя  
Евгений Баранников
 
Приветствую Вас Гость | RSSГлавная | Статьи | Регистрация | Вход
Форма входа
Меню
Категории
Фото [18]
Фотошоп [14]
Технический отдел [5]
история [3]
Фотографы [7]
Видеоуроки [4]
Видео обзор Фототехники [13]
...
Я на ФотоКритике
Я на 35 Photo
я тут.
Главная » Статьи » Фотошоп

Накладываем на фото водяной знак
в интернете – кража изображений и текста с других сайтов. Если авторское право на статью доказать будет трудно, то хотя бы на изображение можно обозначить свои права с помощью водяного знака («копирайта»).

Водяной знак на фотографию можно наложить в Adobe Photoshop CS4 Extended. Причем с помощью нажатия всего на одну кнопку. Так что в идеале этот процесс у вас должен занимать в среднем не более 3-5 секунд на одну фотографию. Для этого придется один раз потратить несколько минут на настройку внешнего вида копирайта.

В конце урока я ещё расскажу, как можно за пять секунд с помощью Фотошопа подготовить изображение к публикации в Сети (включая процесс наложения водяного знака).

Шаг 1

Итак, помимо написания текста, злой начальник заставляет вас заниматься несчастными картинками. Деваться некуда, открываем изображение в Фотошопе (File > Open):

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Вообще, уже очень скоро самые томительные моменты при обработке изображений будут проходить только в ожидании полной загрузки Adobe Photoshop CS4.

Шаг 2

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Далее с помощью инструмента Horizontal Type Tool (отмеченная красным цветом заглавная буква Т на скриншоте выше) выделяем прямоугольную область под будущую надпись. Заполняем её текстом, например «DIWO.BY».

Если шрифт, который использует программа по умолчанию, вас не устраивает, можно поиграться с настройками. Для этого кликаем на кнопке Toggle the Character and Paragraph panels,

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

вызвав тем самым панель инструментов Character (внизу справа), где можно подобрать шрифт (а также изменить его размер, цвет, тип сглаживания, сделать надпись курсивом, выделить жирным, подчеркнуть, зачеркнуть и т.д.):

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Шаг 3

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

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Повернуть надпись против часовой стрелки ровно на 90 градусов можно через меню Edit, выполнив команду Transform > Rotate 90 CCW.

Повернуть-то мы повернули, только надпись осталась на прежнем месте. Можно, конечно, надеясь на свой глазомер, каждый раз вручную подтягивать водяной знак к нижнему правому углу... Но это во-первых не удобно, во-вторых копирайт от картинки к картинке будет скакать, ну и наконец это никак не вписывается в наши 5 секунд. Есть способ более быстрый.

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Выделяем в панели Layers слой Background (кликаем по нему с зажатой клавишей Shift). Относительно него мы будем выравнивать надпись. Выбираем инструмент Move Tool (клавиша V на клавиатуре) и кликаем по двум кнопкам выравнивания – нижний и правые края.

С прозрачностью надписи можно поиграться в той же панели Layers:

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

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

Автоматизация

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

Есть в Фотошопе такая замечательная возможность как запись повторяющихся действий.

Action watermark водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Среди многочисленных панелей справа в окне Adobe Photoshop есть меню Actions, в котором разработчики программы уже автоматизировали некоторые операции. К сожалению, возможность по умолчанию накладывать водяной знак на фотографию они не предусмотрели, поэтому этот недочет придется исправлять нам с вами. Благо это совсем не сложно.

Открываем любое изображение. Создаем новый макрос, кликнув на иконке, отмеченной на скриншоте выше.

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

В появившемся меню задаём имя, а главное клавишу быстрого вызова. Если на F5 ничего до этого момента «забито» не было, то лучше убрать галочки с Shift и Control (впоследствии можно будет наносить водяной знак на изображение, просто нажав единственную кнопку F5).

Теперь повторяем шаги 2-3: создаём надпись, выбираем шрифт, поворачиваем, выравниваем относительно нижней и правой стороны изображения, определяем прозрачность. Заканчиваем запись нажатием на кнопку стоп (квадрат). В списке Actions видим новый пункт с названием «DIWO.BY»:

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Всё, теперь чтобы «нанести водяной знак» на фотографию достаточно открыть эту самую фотографию в Фотошопе и нажать F5.

Нет предела совершенству

Раз уж мы планируем последующую публикацию изображений с водяными знаками в интернете, то неплохо было бы поставить это дело на поток.

Скажем, у нас есть n-ое количество картинок, на которые нужно поставить копирайт и подготовить к публикации. Открываем их в Фотошопе (выделив все файлы сразу):

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Идём в уже знакомую нам панель Actions записывать новое действие «Save for Web», назначаем клавишу быстрого запуска – F6:

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

Какой файл открывать – с готовым копирайтом или нет – не важно. Мы записываем макрос по сохранению картинки в качестве оптимальном для публикации в Сети.

Далее сохраняем картинку через пункт Save for Web & Devices в меню File со следующими настройками:

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

В приведенном примере изображение в формате JPG сохранится с уровнем качества в 75, что само по себе даже много (оптимально 60). Когда это возможно, желательно придерживаться ограничения по размеру получившегося файла – не более 40 кб (есть такой непоколебимый стандарт на одном известном в рунете «железячном» сайте).

Здесь важно запомнить в какую папку в первый раз вы эту картинку сохраните. Далее Фотошоп всегда будет сохранять оптимизированные изображения в эту папку. У меня, например, папка так и называется – «Save for Web».

Теперь, когда мы сохранили оптимизированную картинку в формате JPG, можно со спокойной душой закрывать исходный файл, отказавшись от предложения Фотошопа сохранить в нём изменения (зачем портить оригинал, вдруг потом пригодится?).

Заканчиваем запись. С этого момента в нашем арсенале уже два автоматизированных процесса по обработке фотографий для интернета:

Как наложить на фото водяной знак – Урок четвертый Adobe Photoshop CS4 Extended

И теперь процесс подготовки изображения к публикации происходит так: открываем в Adobe Photoshop десяток-другой фотографий за раз, жмём F5 – добавили «водяной знак» на одну из них, жмём F6 – сохранили её оптимизированную в нужную папку (изображение закрывается само, без всяких всплывающих окошек по подтверждению действия), и далее по циклу F5-F6-F5-F6... Пока весь десяток-другой не «переработаем». На каждую фотографию уходит не более 3-5 секунд.

Adobe Photoshop CS4 Extended Watermark

При желании можно совместить два описанных макроса в один, а как это сделать, надеюсь, вам уже понятно.



Источник: http://www.diwo.by/kak-nalozhit-na-foto-vodyanoi-znak-urok-chetvertyi
Категория: Фотошоп | Добавил: Evenbaran (07.02.2010)
Просмотров: 10563 | Комментарии: 2
Всего комментариев: 1
1 bk72  
0
Уроки Adobe Photoshop. Создание и обработка изображений для начинающих и проффессионалов. Хотите научиться владеть Adobe Photoshop, создавать изображения, обрабатывать фотографии, применять графические спецэффекты, узнать все секреты компьютерной графики-тогда этот сайт для вас!
http://www.ps.sibs.ru

Имя *:
Email *:
Код *:
Статистика
...
free counters
...
Картинка 44 из 42608
Архангельск
2010
Сделать бесплатный сайт с uCoz