Как наложить на фото водяной знак – Урок четвертый
Как показывает практика, самый лёгкий способ создания сайта в интернете – кража изображений и текста с других сайтов. Если авторское право на статью доказать будет трудно, то хотя бы на изображение можно обозначить свои права с помощью водяного знака («копирайта»).
Водяной знак на фотографию можно наложить в Adobe Photoshop CS4 Extended. Причем с помощью нажатия всего на одну кнопку. Так что в идеале этот процесс у вас должен занимать в среднем не более 3-5 секунд на одну фотографию. Для этого придется один раз потратить несколько минут на настройку внешнего вида копирайта.
В конце урока я ещё расскажу, как можно за пять секунд с помощью Фотошопа подготовить изображение к публикации в Сети (включая процесс наложения водяного знака).
Шаг 1
Итак, помимо написания текста, злой начальник заставляет вас заниматься несчастными картинками. Деваться некуда, открываем изображение в Фотошопе (File > Open):
Вообще, уже очень скоро самые томительные моменты при обработке изображений будут проходить только в ожидании полной загрузки Adobe Photoshop CS4.
Шаг 2
Далее с помощью инструмента Horizontal Type Tool (отмеченная красным цветом заглавная буква Т на скриншоте выше) выделяем прямоугольную область под будущую надпись. Заполняем её текстом, например «DIWO.BY».
Если шрифт, который использует программа по умолчанию, вас не устраивает, можно поиграться с настройками. Для этого кликаем на кнопке Toggle the Character and Paragraph panels,
вызвав тем самым панель инструментов Character (внизу справа), где можно подобрать шрифт (а также изменить его размер, цвет, тип сглаживания, сделать надпись курсивом, выделить жирным, подчеркнуть, зачеркнуть и т.д.):
Шаг 3
Итак, шрифт выбрали, с настройками наигрались, пора определить копирайту почетное место в правом нижнем углу фотографии. В самом простом и обыденном случае вариантов всего два: горизонтальное или вертикальное направление текста. Так уж повелось, что для diwo.by мы выбрали последний вариант.
Повернуть надпись против часовой стрелки ровно на 90 градусов можно через меню Edit, выполнив команду Transform > Rotate 90 CCW.
Повернуть-то мы повернули, только надпись осталась на прежнем месте. Можно, конечно, надеясь на свой глазомер, каждый раз вручную подтягивать водяной знак к нижнему правому углу... Но это во-первых не удобно, во-вторых копирайт от картинки к картинке будет скакать, ну и наконец это никак не вписывается в наши 5 секунд. Есть способ более быстрый.
Выделяем в панели Layers слой Background (кликаем по нему с зажатой клавишей Shift). Относительно него мы будем выравнивать надпись. Выбираем инструмент Move Tool (клавиша V на клавиатуре) и кликаем по двум кнопкам выравнивания – нижний и правые края.
С прозрачностью надписи можно поиграться в той же панели Layers:
На этом можно было бы и закончить. Повторяя эту процедуру вручную, водяной знак на всех изображениях у вас всегда аккуратно будет находиться в одном и том же месте. А что, если таких изображений 10-15 на одну статью? Да и вообще даже с одной фотографией каждый раз не стоит возиться со шрифтом и прозрачностью надписи.
Автоматизация
Выполнив перечисленные шаги, то есть определившись с внешним видом водяного знака, этот процесс можно и нужно автоматизировать. А каким образом – описано ниже.
Есть в Фотошопе такая замечательная возможность как запись повторяющихся действий.
Среди многочисленных панелей справа в окне Adobe Photoshop есть меню Actions, в котором разработчики программы уже автоматизировали некоторые операции. К сожалению, возможность по умолчанию накладывать водяной знак на фотографию они не предусмотрели, поэтому этот недочет придется исправлять нам с вами. Благо это совсем не сложно.
Открываем любое изображение. Создаем новый макрос, кликнув на иконке, отмеченной на скриншоте выше.
В появившемся меню задаём имя, а главное клавишу быстрого вызова. Если на F5 ничего до этого момента «забито» не было, то лучше убрать галочки с Shift и Control (впоследствии можно будет наносить водяной знак на изображение, просто нажав единственную кнопку F5).
Теперь повторяем шаги 2-3: создаём надпись, выбираем шрифт, поворачиваем, выравниваем относительно нижней и правой стороны изображения, определяем прозрачность. Заканчиваем запись нажатием на кнопку стоп (квадрат). В списке Actions видим новый пункт с названием «DIWO.BY»:
Всё, теперь чтобы «нанести водяной знак» на фотографию достаточно открыть эту самую фотографию в Фотошопе и нажать F5.
Нет предела совершенству
Раз уж мы планируем последующую публикацию изображений с водяными знаками в интернете, то неплохо было бы поставить это дело на поток.
Скажем, у нас есть n-ое количество картинок, на которые нужно поставить копирайт и подготовить к публикации. Открываем их в Фотошопе (выделив все файлы сразу):
Идём в уже знакомую нам панель Actions записывать новое действие «Save for Web», назначаем клавишу быстрого запуска – F6:
Какой файл открывать – с готовым копирайтом или нет – не важно. Мы записываем макрос по сохранению картинки в качестве оптимальном для публикации в Сети.
Далее сохраняем картинку через пункт Save for Web & Devices в меню File со следующими настройками:
В приведенном примере изображение в формате JPG сохранится с уровнем качества в 75, что само по себе даже много (оптимально 60). Когда это возможно, желательно придерживаться ограничения по размеру получившегося файла – не более 40 кб (есть такой непоколебимый стандарт на одном известном в рунете «железячном» сайте).
Здесь важно запомнить в какую папку в первый раз вы эту картинку сохраните. Далее Фотошоп всегда будет сохранять оптимизированные изображения в эту папку. У меня, например, папка так и называется – «Save for Web».
Теперь, когда мы сохранили оптимизированную картинку в формате JPG, можно со спокойной душой закрывать исходный файл, отказавшись от предложения Фотошопа сохранить в нём изменения (зачем портить оригинал, вдруг потом пригодится?).
Заканчиваем запись. С этого момента в нашем арсенале уже два автоматизированных процесса по обработке фотографий для интернета:
И теперь процесс подготовки изображения к публикации происходит так: открываем в Adobe Photoshop десяток-другой фотографий за раз, жмём F5 – добавили «водяной знак» на одну из них, жмём F6 – сохранили её оптимизированную в нужную папку (изображение закрывается само, без всяких всплывающих окошек по подтверждению действия), и далее по циклу F5-F6-F5-F6... Пока весь десяток-другой не «переработаем». На каждую фотографию уходит не более 3-5 секунд.
При желании можно совместить два описанных макроса в один, а как это сделать, надеюсь, вам уже понятно.
Думаю этот урок я пропущу)))
помогите((((( КАК СЛИВАТЬ СЛОИ(((((
как перепестить например одну картинку на другую(((
Посмотрите урок по использованию шаблонов или скрап наборов. Там есть описание как это делается.
Выбираете нужные слои. Если нужно выделить несколько слоев подряд то выбираете первый нужный слой нажимаете клавишу Shift и не отпуская ее выбираете последний нужный слой. Если нужно выбрать несколько слоев в разнобой то выбираете слои удерживая клавишу Ctrl (Только кликайте по названиям слоев а не по пиктограммкам). Когда нужные слои выбраны нажмите Ctrl+E.
Маша! У меня такой же вопрос-получаю копию с подписью и её ещё открывать надо.А можно слить слои?Как?
Layers->Merge Layers или Merge Visible
ctrl+E
Спасибо!!!!!!
Buenas dias, уважаемый. Огромное спасибо Вам за урок, действительно очень помог. У меня остался лишь единственный вопрос: Как сделать так, чтобы watermark при любых размерах изображения (ибо они могут варьироваться) придерживался, ну, допустим 30 пикселей по правой части холста и 30 по низу того же холста? Еще раз спасибо.
Если освоили описанную в этом уроке автоматизацию, то скорее всего заметили, что ватермарк выравнивается по правому и нижнему краям всегда одинаково (при любом размере изображения). С точностью до пикселя выставлять его не представляется возможным, попробуйте подогнать.
То есть при создании текстовой надписи уже можно представить каков будет результат.
Здравствуйте у меня вопрос , у меня в фотошопе нет этой кнопки
http://img40.imageshack.us/img40/3254/1232111232.jpg
Что делать?
Какой именно?
У меня не получается выравнять к правому нижнему углу, я нажимаю на кнопку выравнивания , но она не активна, соответственно ничего не происходит :(
«...Выделяем в панели Layers слой Background (кликаем по нему с зажатой клавишей Shift). Относительно него мы будем выравнивать надпись. Выбираем инструмент Move Tool...»
На скриншоте это показано.
огромное спасибо!
У меня текст пишется задом на перед((((((((
Всё, я уже разобралась,только теперь текст не ставиться горизонтально! Я уже вся замучилась!(((((((( Подскажите, пожалуйста, что делать?
Спасибо за урок, только у меня есть одна проблемка, когда я хочу на любой другой фотографии поставить водяной знак, у меня постоянно вылазит фотка, где я впервые его использовала и на другие фото он не применяеться.Спасбо
Это ужас я ничего НЕ ПОНЯЛА! Пол текста на русском пол на английском, Save for Web...вообще нет, СРОЧНО ВИДЕО УРОК!!!! Может я чего не понимаю, может просто не настроено что-то ОЧЕНЬ ПРОШУ ВИДЕО
По всей видимости, после нажатия кнопки Record вы открывали какую-то фотографию (сейчас она у вас появляется именно поэтому). Так что последовательность действий по наложению водяного знака нужно начинать записывать только после открытия изображения.
Видеоурок не обещаю.
Спасибо за урок, но не все получилось, не удается поставить надпись в правый нижний угол, вот - http://yfrog.com/2g53146672j . Как исправить?
Вопрос снимаю, нашел решение.
у меня новый фотошоп CS4 Ex.... плиз к нему видеоурок, срочно надо!!!!
у меня стоит русик....не понимаю некоторые кнопки о которых вы говорите
Выделяем в панели Layers слой Background (кликаем по нему с зажатой клавишей Shift). Относительно него мы будем выравнивать надпись. Выбираем инструмент Move Tool...»
я вроде и без этого выравняла..так как кнопок не нашла....на др фото оно будет на том же месте? и так как не нашла кнопки...не знаю как поменять прозрачность?
Спасибо!
Помогло
привет) у меня вопрос.."Выделяем в панели Layers слой Background" у меня русская версия..поэтому не мог бы ты сказать как переводится "Background"))
Background - Фон
спасибо))
спасибо!" поробую!
Огромное спасибо!
спасибо огромное за то что пишите так подробно. я начинающий и познавать с вами одно удовольствие!!!!!
Помогите разобраться, сгруппировала обе функции в одну, сохранила первую фотку в SAve For Web, при работе со следующими фотками, появляется окно при сохранении "Некоторые из указанных файлов уже существуют в выходной папке, помеченные ниже", дальше галочка напротив исходного фото. И две клавиши - отмена и заменить, соответсвенно убирая галочку, фото не сохраняется при "замене", если не убирать галочку - фото ложится поверх исходника, итак постоянно... посоветуйте, что делать. У меня SC2
если имя файла, на который вы налаживаете водяной знак совпадает с именем записанным в экшене, то вам только остается его заменить. Если вы создаете новый документ и туда вставляете свою картинку, то вы можете задать имя будущего файл, тем самым избежать совпадения имен... или на крайний случай вы можете использовать инструмент Slice Tool (Раскройка). Выберите этот инструмент, выделите все изображение и кликните по выделенному фрагменту дважды. в появившемся окошке введите имя фрагмента, подтвердите изменения (Кнопка Да) и выполните записанный вами Action (Действие)
Спасибо большое, только Slice Tool и помог, но на некоторых фото при нанесения водяного знака через Action, знака нет, хотя изображение по заданному размеру отредактировано и сохранено в Save For Web, это говорит о том, что водяной знак не вписалсяв изображение? ПолучаетсяЖ, перед нанесением водяного знака, необходимо сначало подогнать все изображения по одинаковому размеру? Или как -то это можно сделать иначе? Для всех опеределен один размер фото, но не все вписывается водяной знак...
возможно дело в разрешении картинки.
Подскажите пожалуйста!!!
Всё получалось как вы говорите, но у меня маленькая проблемка- не могу найти в слоях фон!!!
happy
в английской версии фон называется Background. в русской либо Фон, либо Задний план
Помогите пожалуйста!!!!!
Этот вопрс может не по теме, но мне очень нужно!
Я вчера вставляла надписи в фотошопе, а сегодня когда пыталась это сделать у меня фон становился красным, а надпись после написания мигала((((
Помогите пожайлуста!
ого... первый раз такое слышу!) если честно даже не знаю как вам помочь. Опишите подробнее какие действия вы выполняете.
Нажимаю на кнопку Т для вставки надписи, только она почему то подписана: вертикальный текст маска. Потом выбираю поле для написания, а потом появлятеся красный фон.
ааа)) все понял) выберите инструмент Horizontal Type Tool (Горизонтальный текст) или Vertical Type Tool (Вертикальный текст)... без слова маска) и будет вам счастье) если пользуетесь горячими клавишами, то для переключения между инструментами для создания текста нажимайте Shift+T пока не выберется нужный инструмент.
Аааа спасибо огромне!!!!!!!!!! Получилось! Вы мне очень помогли))))))
Помогите пожалуйста!Я только делаю первые шаги.Нажимаю на Т отмечаю место для текста....Как заполнить ее текстом?
kapa
просто пишите текст. если текст не появляется убедитесь что он не очень большого размера и что цвет текста не совпадает с фоном документа
Ваша обучалка самая доступная-легко по ней двигаться от нуля к познанию.Спасибо.Буду у вас долго в учениках.Вопрос такой -получилось написать и установить водяной знак.носохраняется копия которая открывается через фотошоп.Как это обойти?
Ошибки или предупреждения при сохранении какие-нибудь появляются? опишите немного подробнее вашу проблему и действия.
При нажатии на букву Т и переносе ее на фотографию, мне пишут : Не возможно вывполнить запрос: из за отказа инициализации текстового движка. Это что значит?????????????????????????
В Photoshop CS4 такое бывает. У меня было тоже, но потом стало все нормально... Я так и не смог понять в чем было дело((
Здравствуйте, я не понял где находятся кнопки выравнивания:
"Выделяем в панели Layers слой Background (кликаем по нему с зажатой клавишей Shift). Относительно него мы будем выравнивать надпись. Выбираем инструмент Move Tool (клавиша V на клавиатуре) и кликаем по двум кнопкам выравнивания – нижний и правые края."
выравнивать обязательно?ип
У меня вообще такого нет!
Добрый день! Подскажите пожалуйста, как ужалить макросы, которые сделала неправильно или уже не нужны, что б на их место записать другие.
Возможно вы имеете ввиду Actions (Действия). Выберите нужный макрос и нажмите на кнопочку удалить (внизу справа в окошке с макросами... значок с мусорной корзиной)
Я зациклилась на "Автоматизации" нет у меня кнопки Action... если она расположена только рядом с History, то значит у меня ее нет.(( очень грустно... если что то у меня Photoshop CS5.
Посмотрите в меню Window->Actions должно быть
Так все нашла!))) НО пытаюсь поставить вод знак на фотографию и выводит ошибку: Could not complete the Play command becouse the action is recoding/невозможно завершить действие команды, посткольку происходит перекодирование...иии??? что же мне делать?)
Боже!! Какая же я не внимательная! Все сделала)) спасибо)) спасибо вам за ваши замечательные уроки))
Скажите ,пожалуста, как правельно сохронять работу!??? я сохраняю, а он птом открыть не может!!!
Если хотите в будущем редактировать документ, то сохрняйте в формате PSD
Проделала урок - все получилось. Позже пробовала снова, произошли изменения и клавиша F5 стала неактивна, как можно вернуть старые настройки, чтобы снова надпись эта появлялась?
img
Если экшен был удален, то его придется создать заново
А как создать экш или проверить - удален он или нет?
img
Выберите в меню Window>Actions (Окно>Действия) и поищите в списке ваш экшн, а как создать написано в этом же уроке.
У меня вопрос.У меня всё получилось и файл сохранился в формате PSD,а как переделать этот формат в JPG так что бы мой водяной знак оставался на месте?А то когда я переставляю значёк на JPG слои не отображаются.За ранее благодарна за ответ.
формат jpg не может содержать слои
пишите пожайлуста ВСЕГДА перевод клавиш и более подробно показывайте все действия,уроки то для чайников по большому счёту.
img
Почему у меня не заполняется запись?
Точнее, на шаге 3 не могу разобраться, уже часа два мучаюсь... У меня руссифиц.версия
Спасибо, все получилось) Только на одну клавишу "нагрузить" все действия не удалось, просто открывала следующую картинку и нажимала на клавишу pley (Выполняет активную операцию), тоже достаточно быстро.
Хватит убивать время... нужно начинать им пользоваться
Спасибо !
Здравствуйте, у меня такой вопрос, все отлично получалось до вот этого момента - "Выделяем в панели Layers слой Background (кликаем по нему с зажатой клавишей Shift). Относительно него мы будем выравнивать надпись. Выбираем инструмент Move Tool (клавиша V на клавиатуре) и кликаем по двум кнопкам выравнивания – нижний и правые края."
Я выделила в панели Layers слой Background, но у меня ровным счетом ничего не произошло, потом я выбрала инструмент Move Tool и попыталась кликнуть по двум кнопкам выравнивания, кнопки не кликаются. Что делать? Заранее спасибо.
У вас должны быть выделены оба слоя.
Блин у меня проблема почему текст маленький хотя поставила 72?(
Дарья...
значит большая картинка. укажите размер шрифта больше
А это последний 72 больше нет(
Дарья...
можно ручками вводить любой размер)
ммм спасибо!!!
Дарья...
здравствуйте! я новичок в фотошопе..все проделала как написано у вас.очень доступно..но у меня проблема я хочу фото выставить в инете с водным знаком,а фото после сохранения в фотошопе сохраняется как картинка в этом же формате (фотошопа),когда при сохранении я поменяла формат картинки на фото,то получилось что фото вообще не открывается,как мне быть,подскажите пожалуйста.
здравствуйте! я новичок в фотошопе,все проделала как написано у вас..очень понятно..но у меня почему то фотография сохраняется в фотошопе,а мне хотелось бы выложить в инет...я изменила формат с картинки на фото ,получилось что фото вообще не открывается..помоги пожалуйста..
сливать слои CTRL+E и левая кнопка мышки
Огромное спасибо наконец сделала себе копирайт
Когда я создаю новый слой, то у меня не высвечивается панель для создания имени и клавиши быстрого вызова. Помогите.
Подскажите пожалуйста при попытке что либо написать мне высвечивает : Невозможно выполнить запрос из-за отказа инициализации текстового движка. ((
блин,а у меня ФШ кс 4 стоит,и я когда шрифт выбираю он пишет стандартным оО что делать???
Замечательный урок, дошла до Автоматизации без проблем...почти(((
Сделала последние шаги: Выбираем инструмент Move Tool (клавиша V на клавиатуре) и кликаем по двум кнопкам выравнивания – нижний и правые края.
Надпись переместилась в нижний правый угол, но так и осталась горизонтально(( Почему? Может я что то пропустила или невнимательно прочитала? Я ее конечно развернула и поставила вертикально, выделив в рамку и повернув. Но хотелось бы сделать все как Вы рассказали не внося своих методов.
что делать у меня текст не вводится в рамку?
Блин а не легче просто написать текст,уменьшить прозрачность и поставить в нужную "позу ?
File - Automate - Batch... указываете папку с исходными картинками, выбираете куда сохранять, какой экшн юзать. И никаких утомительных F5-F6-F5-F6.....
Не получается у меня автоматизировать надпись ((
В истории у меня внизу толко две иконки -
1)создать новый снимок
2)создатьновый документ на основе текущего состояния
и никакое меню, при нажатии не появляется.
У меня CS4 русскоязычный.
И ещё - как можно на свой снимок нанести календарь, так, чтобы видны были только буквы-цифры календаря, и просвечивал мой фон?
Спасибо заранее
Вам нужна вкладка не История, а Действия (рядышком с историей). На ней найдете что что нужно)
Про какой календарь идет речь? Если самому сделать сетку календарную, то все просто.. А если из графического файла перенести, например из JPG, и с неоднородным или не контрастным фоном, то это будет проблематично.
...нельзя ли дополнить чуток макрос, что бы копирайт масштабировался автоматически согласно размеру снимка? Как это проделать?
...нельзя ли дополнить чуток макрос, что бы копирайт масштабировался автоматически согласно размеру снимка? Как это проделать?
Здравствуйте! У меня почему-то кнопки в панели Layers неактивны. Т.е. на щелчок мышью никак не реагируют. Что делать?
если вообще ни одна кнопка неактивна, убедитесь что вы создали документ или открыли существующий.
спсибо)
У меня нет ДЕЙСТВИЯ.Есть ОБРАЗЦЫ СТИЛИ ИНФО ИСТОРИЯ и фсё( где экшн сделать?
Уже нашла по подсказке ниже в комменте)
Разобралась альт+ф9 всё исправил. Хотя не было видно этой вкладки
А как быть, если при повторении действия с новым изображением пишет, что слой в настоящее врея недоступен?
Возможно он заблокирован или имеет другое название, не такое какое использовалось при создании экшена. Посмотрите в действиях экшена какое имя слоя использовалось
Здравствуйте! У меня фотошоп CS5.1 Вы пишите в панели Layers выделить слой Background. У меня этого слоя просто нет, все пересмотрела и безрезультатно, может в этой версии он по другому называется???
ну может он у вас называется Фон или Задний план
что делать если у мпеня не получается вставить текс из-зи отказа инициализации текстового движка???
Перезапустить программу. Если не помогает - переустановить программу. Если и переустановка не помогает, то попробуйте скачать другой установочный пакет.
А что делать если после F6, изображение в конечной папке сохраняется с именем изображения сохраненного при записи шаблона, тем самым заменяя собой старое. Получается что в папке всегда один файл - последнее обработанная картинка.
Как сделать чтобы избежать этого?
Отметьте слева от шага Save (Сохранить), что этот шаг требует участие пользователя
Ничего не понятно!!!!!!
У меня после переустановки Photoshop CS5, теперь на 72пт шрифт очень маленький его даже не видно, а изображения которые я вставляю совсем маленький, если их делать больше, то качество изображения будет плохое. Что делать?
Скорее всего при создании документа вы задаете маленькое разрешение (Resolution)
а вот еще программка для добавления водяного знака для всего каталога графических файлов. Бесплатно.
без онлайн редактора - можно сразу весь каталог обработать
http://tool-bar.ru/Watermark.aspx
всё получилось с 1 раза!!! спасибо большое за урок!!!!
помогите мне разобраться. вчера было все норм., а сегодня нажимаю f5 надпись ели видно, делаю шрифт больше окончание теряется, т.е. надпись видна не полностью.что сделать?
У меня Опера. После слов "есть способ более бысрый" вместо фото стоит рамка с alt и ссылка в подписи. Не каждый догадается на нее нажать.
В русской версии стоит не "действие", а "операции": ОКНО > ИСТОРИЯ > ОПЕРАЦИИ.
а водяной знак можно убрать, если он присутствует уже на картинке?
Спасибо за урок, очень интересно, хотя изучаю фотошоп уже полтора года, этого не знал
Спасибо Вам за урок. Все получилось, но выбор шрифтов ограничен. Подскажите пожалуйста, как мне быть, если у меня уже есть готовый макет водяного знака в PSD? Как сделать так, чтобы вставив его, в последующем сохранить и множить через Ф5? Пробовал по вашей схеме - не получилось. С уважением, Григорий.
Спасибо за урок
Подскажите пожалуйста, как наложить сетку водяных знаков?
Здравствуйте! Спасибо большое за урок. Получилось все сделать, кроме: 1. Нажимаю F5 для автоматического нанесения знака, потом F6, а мне пишет, что "Команда не выполнена, так как не существует папка назначения". Папку назначила.
Спасибо за полезную статью, надуюсь она мне поможет в работе с фотошопом http://online-photoshop.biz/ онлайн. Я просто не могу скачивать программы другие , так как работаю на чужих компах. а тут тоже не плохо)