Как наложить на фото водяной знак – Урок четвертый
[539x112] Как показывает практика, самый лёгкий способ создания сайта в интернете – кража изображений и текста с других сайтов. Если авторское право на статью доказать будет трудно, то хотя бы на изображение можно обозначить свои права с помощью водяного знака («копирайта»).
Водяной знак на фотографию можно наложить в Adobe Photoshop CS4 Extended. Причем с помощью нажатия всего на одну кнопку. Так что в идеале этот процесс у вас должен занимать в среднем не более 3-5 секунд на одну фотографию. Для этого придется один раз потратить несколько минут на настройку внешнего вида копирайта.
В конце урока я ещё расскажу, как можно за пять секунд с помощью Фотошопа подготовить изображение к публикации в Сети (включая процесс наложения водяного знака).
Шаг 1
Итак, помимо написания текста, злой начальник заставляет вас заниматься несчастными картинками. Деваться некуда, открываем изображение в Фотошопе (File > Open):
[650x397]
Вообще, уже очень скоро самые томительные моменты при обработке изображений будут проходить только в ожидании полной загрузки Adobe Photoshop CS4.
Шаг 2
[650x397]
Далее с помощью инструмента Horizontal Type Tool (отмеченная красным цветом заглавная буква Т на скриншоте выше) выделяем прямоугольную область под будущую надпись. Заполняем её текстом, например «DIWO.BY».
Если шрифт, который использует программа по умолчанию, вас не устраивает, можно поиграться с настройками. Для этого кликаем на кнопке Toggle the Character and Paragraph panels,
[650x107]
вызвав тем самым панель инструментов Character (внизу справа), где можно подобрать шрифт (а также изменить его размер, цвет, тип сглаживания, сделать надпись курсивом, выделить жирным, подчеркнуть, зачеркнуть и т.д.):
[304x879]
Шаг 3
Итак, шрифт выбрали, с настройками наигрались, пора определить копирайту почетное место в правом нижнем углу фотографии. В самом простом и обыденном случае вариантов всего два: горизонтальное или вертикальное направление текста. Так уж повелось, что для diwo.by мы выбрали последний вариант.
[650x397]
Повернуть надпись против часовой стрелки ровно на 90 градусов можно через меню Edit, выполнив команду Transform > Rotate 90 CCW.
Повернуть-то мы повернули, только надпись осталась на прежнем месте. Можно, конечно, надеясь на свой глазомер, каждый раз вручную подтягивать водяной знак к нижнему правому углу... Но это во-первых не удобно, во-вторых копирайт от картинки к картинке будет скакать, ну и наконец это никак не вписывается в наши 5 секунд. Есть способ более быстрый.
[650x397]
Выделяем в панели Layers слой Background (кликаем по нему с зажатой клавишей Shift). Относительно него мы будем выравнивать надпись. Выбираем инструмент Move Tool (клавиша V на клавиатуре) и кликаем по двум кнопкам выравнивания – нижний и правые края.
С прозрачностью надписи можно поиграться в той же панели Layers:
[650x397]
На этом можно было бы и закончить. Повторяя эту процедуру вручную, водяной знак на всех изображениях у вас всегда аккуратно будет находиться в одном и том же месте. А что, если таких изображений 10-15 на одну статью? Да и вообще даже с одной фотографией каждый раз не стоит возиться со шрифтом и прозрачностью надписи.
Автоматизация
Выполнив перечисленные шаги, то есть определившись с внешним видом водяного знака, этот процесс можно и нужно автоматизировать. А каким образом – описано ниже.
Есть в Фотошопе такая замечательная возможность как запись повторяющихся действий.
[300x251]
Среди многочисленных панелей справа в окне Adobe Photoshop есть меню Actions, в котором разработчики программы уже автоматизировали некоторые операции. К сожалению, возможность по умолчанию накладывать водяной знак на фотографию они не предусмотрели, поэтому этот недочет придется исправлять нам с вами. Благо это совсем не сложно.
Открываем любое изображение. Создаем новый макрос, кликнув на иконке, отмеченной на скриншоте выше.
[407x173]
В появившемся меню задаём имя, а главное клавишу быстрого вызова. Если на F5 ничего до этого момента «забито» не было, то лучше убрать галочки с Shift и Control (впоследствии можно будет наносить водяной знак на изображение, просто нажав единственную кнопку F5).
Теперь повторяем шаги 2-3: создаём надпись, выбираем шрифт, поворачиваем, выравниваем относительно нижней и правой стороны изображения, определяем прозрачность. Заканчиваем запись нажатием на кнопку стоп (квадрат). В списке Actions видим новый пункт с названием «DIWO.BY»:
[650x395]
Всё, теперь чтобы «нанести водяной знак» на фотографию достаточно открыть эту самую фотографию в Фотошопе и нажать F5.
Нет предела совершенству
Раз уж мы планируем последующую публикацию изображений с водяными знаками в интернете, то неплохо было бы поставить это дело на поток.
Скажем, у нас есть n-ое количество картинок, на которые нужно поставить копирайт и подготовить к публикации. Открываем их в Фотошопе (выделив все файлы сразу):
[591x621]
Идём в уже знакомую нам панель Actions записывать новое действие «Save for Web», назначаем клавишу быстрого запуска – F6:
[650x397]
Какой файл открывать – с готовым копирайтом или нет – не важно. Мы записываем макрос по сохранению картинки в качестве оптимальном для публикации в Сети.
Далее сохраняем картинку через пункт Save for Web & Devices в меню File со следующими настройками:
[650x483]
В приведенном примере изображение в формате JPG сохранится с уровнем качества в 75, что само по себе даже много (оптимально 60). Когда это возможно, желательно придерживаться ограничения по размеру получившегося файла – не более 40 кб (есть такой непоколебимый стандарт на одном известном в рунете «железячном» сайте).
Здесь важно запомнить в какую папку в первый раз вы эту картинку сохраните. Далее Фотошоп всегда будет сохранять оптимизированные изображения в эту папку. У меня, например, папка так и называется – «Save for Web».
Теперь, когда мы сохранили оптимизированную картинку в формате JPG, можно со спокойной душой закрывать исходный файл, отказавшись от предложения Фотошопа сохранить в нём изменения (зачем портить оригинал, вдруг потом пригодится?).
Заканчиваем запись. С этого момента в нашем арсенале уже два автоматизированных процесса по обработке фотографий для интернета:
[298x189]
И теперь процесс подготовки изображения к публикации происходит так: открываем в Adobe Photoshop десяток-другой фотографий за раз, жмём F5 – добавили «водяной знак» на одну из них, жмём F6 – сохранили её оптимизированную в нужную папку (изображение закрывается само, без всяких всплывающих окошек по подтверждению действия), и далее по циклу F5-F6-F5-F6... Пока весь десяток-другой не «переработаем». На каждую фотографию уходит не более 3-5 секунд.
[500x308]
При желании можно совместить два описанных макроса в один, а как это сделать, надеюсь, вам уже понятно.
[539x112]
