• Авторизация


Без заголовка 16-01-2014 22:33 к комментариям - к полной версии - понравилось!

Это цитата сообщения ledi_Meledi Оригинальное сообщение

Как наложить на фото водяной знак

 

 

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

Водяной знак на фотографию можно наложить в 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]

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

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | мариника7 - Дневник мариника7 | Лента друзей мариника7 / Полная версия Добавить в друзья Страницы: раньше»