Главная — Фотошкола ЮУрГУ

Как добавить логотип на фото в фотошопе: Как добавить логотип на фото в Фотошопе

Содержание

Как быстро наложить логотип на фото или картинку | Дизайн, лого и бизнес

Даже самый успешный и высокооплачиваемый фотограф когда-то только собирался стать профессионалом своего дела. Тогда это был начинающий фотограф, или же просто «аматор», который делился со своими близкими грандиозными планами. С энтузиазмом рассказывая поочередно то о любви к фотографии, то о потрясающем и перспективном будущем впадал в ступор от одной фразы. И она звучит так: «Смотри сколько их. Ты правда решил им стать?»

Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.

Создать логотип онлайн

И все действительно обстоит таким образом. Количество профессиональных фотографов практически сравнялось с фотографами-любителями и качество фотографии также пропорционально улучшилось у всех. Существуют различные течения и веяния в искусстве фотографии и есть мастера, которые им следуют. Круглосуточно и круглогодично множество фотобанков и фотобирж реализуют миллиарды фоторабот, пополняя кошелек авторов. Всегда какой-то заказчик в поисках «именно того фото-мастера» серчит базы CV и смотрит множество буков различных фотографов. Конкуренция в данной нише растет ежедневно и заявить о себе особенно важно.

Этому и посвящена данная статья. Здесь будут рассмотрены следующие знаки для обозначения авторства фотографа это прозрачный логотип, также известный как водяной знак. Будет приведена подробная инструкция по нанесению его на фотографию.

Персональный логотип фотографа позволит с точностью определять кому именно принадлежит та или иная фотография. А также защитит творчество от кражи. Как нанести лого на изображение и какие способы для этого имеются?

Размещение логотипа на фотографии: способы, сервисы и варианты

Из разнообразия существующих способов наложения watermark на изображение, рассмотрим самые оперативные и доступные. Они сократят не только время на создание и наложение лого на фото, но и позволят значительно сохранить бюджет.

Онлайн сервисы для нанесения логотипа

Watermark.ws

Пользователей данного сервиса пересчитывают в миллионных числительных. Сервис максимально доступен не только по своему полному функционалу, но и по многочисленным возможностям бесплатной версии. Одновременно можно промаркировать 5 фотографий, или же видео. Дополнительно их можно несколько скорректировать. Есть каллиграфия в самом меню, которую можно использовать для текстовых водяных знаков.

Watermarkly

Этот сервис позволяет быстро и бесплатно в онлайн режиме работать с фото из архивов Dropbox, Google или памяти носителя. Все очень просто и эффективно. Логотип ранжируется по всем параметрам и может быть дополнен любыми текстами. Можно одновременно обрабатывать большой объем изображений без потери скорости сайта, также настраивается дополнительный автоподбор размещения лого на фото.

ВОДЯНОЙЗНАК.РФ

Сайт самым элементарным способом рассказывает как наложить логотип на фото онлайн абсолютно бесплатно. Причем одновременно на сайте можно обработать до 10 файлов с единственным ограничением лишь по размеру. На каждое отображение выделяется лишь 1 mb.

Photoshop один из самых популярных инструментов

Пожалуй это самый функциональный для непрофессионального пользователя инструмент работы с изображениями. Но даже в работе с Фотошопом остается немало вопросов о том, как наложить лого на фото. Разберемся, как наложить watermark на фото используя Photoshop.

Чтобы наложить лого на одно фото, требуется произвести всего лишь ряд простых манипуляций.

Открываем в программе-редакторе вкладки не только для изображения, но и для логотипа. Можно сделать кисточку с лого и просто ею провести по необходимым местам на изображении. Для этого делаем новый документ {Файл Создать}.

Вносим параметры файла ширина/высота (2500*2000), разрешение (300). Кликаем «OK». Здесь выпадает третья вкладка (пустая).

Копируем логотип, вставляем в новый документ и добавляем необходимые корректировки. В верхней панели находим «Редактировать» и выбираем «Определить кисть», сохраняем.

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

Взгляните на видео. Ниже приведена инструкция в формате видео.

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

Окно с операциями выбираем значок с белым листом, прописываем название и нажимаем запись.   Открываем окно с логотипом и используем комбинации: CTRL+А, CTRL+С, CTRL+D. В окне с изображением нажимаем CTRL+V, корректируем размера и размещение, пользуемся CTRL+Е.

Сохраняем, закрываем и прекращаем запись. Для автоматического нанесния водяного на знака на остальные фотографии в разделе «Файл» следует выбрать «Автоматизация» и здесь выпадет «Пакетная обработка». Заполняем, кликаем «Сохранить». Выбираем папку для маркировки. Идет процесс наложения лого.

Здесь представлена подробная видеоинструкция.

Как наложить логотип на фото в Android

SALT

Это приложение есть как в платном, так и в бесплатном доступе, разница лишь в объеме функционала. Но даже в бесплатном формате при помощи этого приложения можно быстро и просто вставить логотип на фото в виде изображения или текста. Бесплатно пользователь может отредактировать не более 40 фотографий.

WaterMark

Приложение абсолютно бесплатно. С его помощью можно не просто нанести водяной знак на фото, а на целый альбом/папку. Также здесь можно отредактировать знак и внести необходимые текстовые изменения. Особенно полезно это приложение для всех пользователей фотобанка, здесь можно нанести водяной знак не только на какой-то один участок изображения, но и полностью замостить его. В таком случае фотография будет полностью защищена от неправомерного использования.

LogoLiciou

Быстрая и бесплатная маркировка фотографий и изображений. Поддерживает даже .gif файлы логотипов, стоит только все залить (вместе с фото) и составить необходимый вариант. Готовый результат можно не только скачать, но и поделиться в сети.

Приложение для обладателей IOS

eZy Watermark

Это приложение побило все рекорды скачиваний и превысило отметку в 3 млн. Основное его преимущество это простота и удобство в использовании. В данном приложении можно бесплатно поставить водяной знак на одной или нескольких фотографиях, даже на тех, что уже есть в сети. Требуется всего лишь загрузить фото из социальных сетей, непосредственно с камеры или из памяти гаджета. Кстати, в качестве логотипа, здесь допускается использовать не только текстовые отметки, но также изображения, и даже подпись самого фотографа. Сам знак можно также отредактировать благодаря встроенным функциям, причем все коррективы будут сохранены. Таким образом можно получить шаблон из самого логотипа. Это приложение действительно заслуживает быть на каждом IOS устройстве.

Самый быстрый и простой способ создания логотипа

Станьте неповторимым, выделитесь из толпы, заявите о себе при помощи фирменного логотипа. Достаточно нескольких щелчков мышкой и появится уникальный, персонализированный лого для нанесения на авторские фотографии.

Другие статьи

Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.

Как добавить логотип на фото и как добавить лого сразу на много фотографий | Как просто

Приветствую всех, читателей моего блога. Сегодня покажу как поставить логотип на фотографию с помощью фотошопа.

На самом деле, есть много редакторов, с помощью которых можно обрабатывать фото и ставить логотипы, но так как мне ближе фотошоп, покажу как с помощью его это делать.

Сначала покажу, как поставить 1 лого на 1 картинку, далее покажу как добавить логотип сразу на много картинок, пакетная обработка фотографии.

Перед тем, как добавить свой логотип, он должен быть в формате .PNG без заднего фона.

Добавление логотипа на 1 фото.

Тут собственно нет ничего сложного, открываем фотошоп, открываем картинку и наш логотип.

Открываю логотип:

Открываю картинку:

Теперь переходим в логотип, жмем CTRL + A, для того чтобы все выделить.

Выделили изображение, далее нам нужно его копировать, жмем CTRL +C , далее переходим в нашу картинку, на которую мы будем накладывать логотип и жмем CTRL + V, то есть вставить.

Тут мы его подгоняем под нужный нам размер и ставим на любое нужное место.

Добавление логотипа сразу на много фотографий.

Тут в принципе действия одни и те же, только надо сделать запись своих действий.

Так же загружаются отдельно лого и фото. Теперь нам нужно открыть в фотошопе ОПЕРАЦИИ, для это выбираем

Либо жмем ALT + F9

Тут нам нужно создать новый сценарий операции.

Далее даем свое название

Как видим, у нас началось записывания сценария.

Теперь повторяем все, что писал в самом начале, заходим в логотип, жмем CTRL + A, CTRL + C, CTRL + D (снять выделение), далее переходим в картинку жмем CTRL + V

Далее перемещаю в правый нижний угол.

Теперь необходимо нажать CTRL + E, чтобы объединить слои. Сохраняем картинку, жмем файл — сохранить как.

Теперь закрываем картинку и останавливаем запись сценария.

Отлично все почти готово. Теперь как же запихнуть все картинки для вставки лого. Все очень просто, идем ФАЙЛ — АВТОМАТИЗАЦИЯ — ПАКЕТНАЯ ОБРАБОТКА

Набор, выбираем по умолчанию, операция — это то название, которое мы назвали при создании сценария, у меня сейчас по другому называется, источник папка, жмем выбрать и выбираем папку с картинками.

Таким образом мы проставили логотип на фото массово. Возникнут вопросы, задавайте.

На этом все, ставьте палец вверх, подписывайтесь на мой канал КАК ПРОСТО и группы в социальных сетях, дальше будет еще интереснее.

Ссылка на мою статью: https://adadvert.ru/randomizaciya-teksta
Моя группа в ВК: https://vk.com/kanalkakprosto
Группа в телеграмме: https://t.me/kanalkakprosto
Так же читай еще мои статьи >>>ЖМИ>>>

Как наложить логотип на фото: пошаговая инструкция, подборка сервисов

Крылья… ноги… Главное хвост! (из одного мультфильма)

Из этого урока вы узнаете: Как работать с экшенами, основы автоматизации и пакетной обработки в Photoshop. Как поставить свой логотип на фотографию одной кнопкой. Как добавлять свой логотип к фотографиям при экспорте из Lightroom.

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

Добавить любой логотип в Photoshop довольно просто. Но делать это все время вручную вам быстро надоест. Поэтому, лучше автоматизировать процесс, например с помощью экшена. Но для начала рассмотрим добавление подписи.

Ставим подпись

Я добавляю на фотографии надпись в виде текста «Vendigo ©» выполненную определенным шрифтом. Вот так:

Для создания подобной надписи выберете инструмент T, щелкните по фотографии и введите текст. (поскольку символ копирайта довольно сложно набрать с клавиатуры, я заранее копирую надпись в буфер обмена). Цвет текста белый.

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

После чего в панели слоев снизьте значение Fill до 20 — 50%.

При необходимости, измените размер надписи и расположите ее так как вам нравится, я сдвигаю ее в правый нижний угол.

Все это довольно просто, но есть один момент, который важен при создании экшена — это положение логотипа. Фотографии могут быть разного размера, и разной ориентации: горизонтальной или вертикальной. Мне нужно, чтобы логотип всегда позиционировался относительно правого нижнего угла.

Для этого прибегнем к следующему: На палитре слоев выделим оба слоя, для чего по очереди щелкнем по ним, удерживая нажатой клавишу Shift. Затем выберем инструмент «стрелка» Move Tool (V). И щелкнем по кнопкам выравнивания относительно нижней и правой границы:

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

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



Как быстро создать логотип, если его еще нет?

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

Для использования сервиса не нужны специальные навыки, интерфейс интуитивно понятен, можно создать не только лого но и фирменную продукцию.

Для создания сделайте всего 4 шага:

Шаг 1.

Перейдите на сайт и укажите название, компании и нажмите “Создать логотип”.

Шаг 2.

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

Шаг 3.

Для того, чтобы внести правки в лого, кликните на кнопку “Посмотреть и скачать” возле лучшего из вариантов, а затем на иконку редактирования. Изменить можно цвет, шрифт и расположение элементов и т.д.

На этом этапе вы также можете поделиться своим выбором с друзьями для обсуждения, перенести несколько вариантов в раздел “Избранное” или сразу же перейти к скачиванию, нажав “Сохранить”.

Шаг 4.

После регистрации сервис предоставит вам все цветовые схемы, которые входят в цену покупки и варианты использования нового лого на фирменной продукции. Если вас все устраивает, кликайте ”Скачать” и ознакомьтесь с ценовой политикой.

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

Уже готовы поставить свою фирменную подпись в качестве логотипа?

Отлично! Тогда заходите в онлайн-генератор Логастер и выбирайте любой макет из нужной вам ниши. Более 7 миллионов пользвателей уже нашли сдесь свой новый логотип.

Actions в Photoshop

Экшены в Photoshop довольно простое и действенное средство автоматизации работы. Выглядит это так: у нас есть ряд операций, которые мы периодически выполняем. Чтобы их автоматизировать мы создаем экшен. Во время создания экшена мы выполняем запись всех действий, которые нам нужно автоматизировать. После того как запись закончена мы сможем повторять эти действия, просто запуская наш экшен! Это действительно просто.

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

Итак, придумав свою подпись, выбрав шрифт и размер текста. Определившись с его цветом, стилем слоя и расположением мы готовы к созданию экшена.

Для этого нам понадобится панель Actions, обычно она расположена рядом с Историей.

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

Для создания экшена нажмите кнопку Create new action, и задайте его название в появившемся окне, например «Copyright».

В строке Set: выбирается папка. Так же можно выбрать цвет и горячую клавишу, F2 — F12 с учетом Shift и Ctrl. После чего жмите кнопку Record.

С этого момента началась запись ваших действий, о чем свидетельствует активированная кнопка Begin recording.

Теперь размещаем логотип на фотографии, все как описывалось выше:

Отступление: Если ваш логотип графический, а не текстовый то выполните команду File – Place и вставьте ваш логотип из файла.

  1. Выбираем инструмент Текст (T).
  2. Вставляем подготовленную надпись из буфера обмена Ctrl+V.
  3. Выделяем оба имеющихся слоя в панели Layers.
  4. С помощью кнопок инструмента Move Tool (V) сдвигаем надпись в нужный нам угол.
  5. Выбираем слой с текстом. Курсорными клавишами и клавишей Shift задаем нужный отступ от краев.
  6. Два раза щелкаем по слою с текстом и в окне Layer Style задаем тень и любые понравившиеся нам эффекты.
  7. Уменьшаем прозрачность слоя с помощью параметра Fill.

После того как рисование логотипа завершено, жмем кнопку Stop – экшен готов!

Теперь нужно протестировать его. Для этого удалите слой с текстом, выберете только что созданный экшен в панели Actions и нажмите кнопку Play. Если все сделано правильно, то через секунду вы увидите свой логотип в углу фотографии!

Начало положено. Теперь вы умеете создавать экшены, и можете автоматизировать повторяющиеся операции. А их у фотографа может накопиться немало. С экшенами будет меньше рутины, а значит больше удовольствия от любимого занятия и больше времени для креатива.

Как добавить логотип на фото в Фотошопе

Часто перед нами встает задача поставить логотип на фото. Рассмотрим несколько вариантов, как это сделать в программе Фотошоп.

Для начала мы должны подготовить наш логотип. Лучше всего, если он будет в формате PNG на прозрачном фоне. Файл JPG на белом фоне не самый удачный вариант. Но я расскажу, как работать и с ним. А в конце мастер-класса я покажу, что делать с векторным логотипом.

Чтобы сэкономить время работы в Фотошоп, я использую комбинации клавиш на клавиатуре. Записывают их обычно так: Ctrl+C. Знак плюс «+» нажимать не нужно. Только Ctrl и латинскую букву C. Следите за тем, чтобы у вас на компьютере стояла английская раскладка клавиатуры.

Пример № 1.

В первом примере используем лого в формате PNG на прозрачном фоне.

1. Открываем фотографию в программе Фотошоп.

2. Открываем наш логотип в формате PNG. Так как фон у изображения отсутствует, вместо него мы видим серые и белые квадратики.

3. Выделяем логотип с помощью комбинации клавиш Ctrl+A.

4. Копируем лого Ctrl+C.

5. Нажимаем на вкладку с фотографией. Вставляем логотип Ctrl+V.

Если ваш логотип значительно превышает по размерам фотографию, нажмите несколько раз Ctrl и знак минус «-». Тогда вы сможете видеть рабочую область целиком.

6. Оставаясь на слое с логотипом, нажимаем Ctrl+T (трансформирование). Наведите курсор на квадратик в верхнем левом углу (или в нижнем правом — как удобнее). Одновременно удерживая левую кнопку мыши и клавишу Shift, ведите курсор по диагонали вниз. Когда вы уменьшите лого до нужного вам размера, отпустите сначала кнопку мыши, а только потом клавишу Shift.

Клавиша Shift позволяет изменять размер объекта пропорционально, без искажений.

7. С помощью курсора мыши перемещаем логотип в нужное место на фото. Нажимаем клавишу Enter, чтобы завершить трансформирование и убрать выделение. Дополнительно можем уменьшить прозрачность («Opacity») — логотип будет не таким ярким.

8. Нажимаем Ctrl+E, чтобы свести слои. Сохраняем результат Ctrl+S. Если вы хотите сохранить файл под другим именем («Сохранить как…»), то используйте комбинацию Shift+Ctrl+S.

Готово!

Пример № 2.

Во втором примере будем использовать логотип в формате JPG на белом фоне.

1. Повторите шаги 1-7 с предыдущего примера.

2. Теперь уберем белый фон. Для этого изменим режим смешивания слоев. Например, «Darken» («Затемнение») или «Multiply» («Умножение»). Экспериментируйте и ищите лучший вариант. В этом примере мы использовали «Multiply» («Умножение»).

3. Уменьшаем прозрачность, если необходимо. Сводим слои Ctrl+E. Результат будет немного отличаться от того, что был в предыдущем примере. Зато мы быстро убрали белый фон. Готово!

Пример № 3.

Что делать, если ваш логотип записан в векторном формате Ai или EPS? В этом случае вам нужно открыть две программы — Фотошоп и Иллюстратор.

1. Открываем логотип в Иллюстраторе.

2. Выделяем логотип. Копируем Ctrl+C.

3. Открываем фото в Фотошоп. Вставляем логотип Ctrl+V. Появится диалоговое окно параметров вставки нового объекта. Обязательно о («Paste as smart object»). В таком случае вы сможете изменять размер лого без потери качества.

5. Как и в предыдущих примерах используйте клавишу Shift, чтобы ровно уменьшить логотип.

6. Разместите логотип там, где хотите. Можете уменьшить прозрачность. Сведите слои и сохраните файл. Готово!

Вот еще несколько советов:

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

Actions — параметры

Выше я описал как создается экшен в Photoshop. Для краткости я рассказал лишь основные моменты необходимые для его создания. Сейчас я более подробно опишу этот инструмент.

Щелкните два раза по экшену, и перед вами откроется окно его настроек:

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

Развернув созданный экшен, вы увидите все команды, которые в нем записаны:

Команды можно перемещать (перетаскиванием), удалять и копировать. Их можно выключать, снимая галочку (отмечено 1). Или указать Photoshop остановится, и показать окно настроек (отмечено 2). С помощью таких остановок, можно сделать гибкий экшен. В определенные моменты Photoshop будет останавливаться, и ожидать ваших действий.

Так же экшен можно дописывать с помощью кнопки запись, что бывает удобно, если вы немного ошиблись, нет нужды переписывать весь экшен с самого начала.

Как вставить логотип в сцену

Шаг 1

Скопируйте логотип, нажав Ctrl + C или Edit > Copy (Редактирование > Копировать).

Шаг 2

На панели слоев в Photoshop дважды кликните по миниатюре смарт-объекта, чтобы его отредактировать.

Когда вы редактируете смарт-объект, содержимое источника откроется в новом окне Photoshop. Здесь вы можете вносить любые изменения, и как только будете всем довольны, все, что вам нужно сделать — это сохранить файл, и смарт-объект будет обновлен, когда вы вернетесь к документу.

На панели слоев вставьте логотип, нажав Edit > Paste (Редактирование > Вставить) или Ctrl + V и уберите оранжевый прямоугольник, нажав Layer > Delete > Layer (Слои > Удалить > Слои).

В диалоговом окне выберите Smart Object (Смарт-объект) и нажмите ОК.

Шаг 3

Найдите панель свойств и установите расположение логотипа на 658 на 472 пикселя, увеличив его на 685% в обоих полях Width (Ширина) и Height (Высота). Когда все будет готово, нажмите Enter на клавиатуре.

Шаг 4

Сохраните документ, нажав File > Save (Файл > Сохранить) или Ctrl + S.

Вернувшись к основному документу, вы заметите, что смарт-объект обновился, и теперь видны последние изменения.

Новинки Premium-раздела

499

Экспресс-курс

Коллаж «Необычная прогулка»

9
видеоуроков
30
исходников

99

Работа с фото

Делаем художественную ретушь портрета

26 652369
499

Экспресс-курс

Коллаж «На маскараде»

8
видеоуроков
14
исходников

99

Веб и приложения

Создаём форму оформления заказа

18 824292
99

Веб и приложения

Cоздаём форму заказа авиабилетов

12 748212
499

Экспресс-курс

Художественная обработка от Мадины Ахтаевой.

Серия «Лето»

8
видеоуроков
26
исходников

— часть сайта Фотошоп-мастер, где вас ждут 16 видеоуроков и 23 экспресс-курса от профессионалов.

Вы можете покупать их по-отдельности, а можете оформить подписку на весь раздел (от 5 руб/день).

Пакетная обработка в Photoshop

С помощью экшенов можно эффективно обрабатывать множество снимков. Допустим нам нужно разместить логотип на всех фотографиях из некоторой папки. Для этого в меню Photoshop выполните команду: File – Scripts – Image Processor…

Откроется окно пакетной обработки:

1. В первой секции укажите папку с файлами, которые нужно обработать. При необходимости обработать файлы в подпапках поставьте галочку Include All sud-folders.

2. Во второй секции укажите папку, в которую будут сохраняться обработанные файлы. Опция Keep folder structure перенесет структуру вложенных папок.

Опция Save in same location сохранит файлы в исходной папке, но не перезапишет их, файлы будут лежать во вложенной папке [JPEG] (PSD или TIFF).

3. В третьей секции выберете формат файла, в который будет сохранено изображение, а так же его настройки. При желании можно указать размеры, в которые будет вписан файл.

4. В последней секции подключается необходимый экшен. Собственно та обработка которая и будет применяться ко всем файлам.

По нажатию кнопки Run Photoshop начнет обрабатывать файлы, а вы можете откинуться на спинку кресла и насладится заслуженным отдыхом!

Как создать Смарт-объект с правильной перспективой

Шаг 1

Скачайте текстуру бумаги из материалов урока и откройте ее в Photoshop.

Шаг 2

Скачайте изображение в перспективе и откройте его в Photoshop.

Шаг 3

В верхнем меню нажмите Select > All (Выделение > Все), а затем выберите Edit > Copy (Редактирование > Копировать), чтобы скопировать выделенную область.

Вернитесь к документу с фоном и в верхнем меню выберите Edit > Paste (Редактирование > Вставить), чтобы вставить изображение в перспективе поверх фона.

Переименуйте слой, кликнув дважды прямо по его названию на панели слоев. Назовите его «Perspective» (Перспектива).

Шаг 4

Выберите оранжевый в качестве цвета переднего плана (подойдет любой цвет, отличный от черного).

Выберите инструмент Rectangle (Прямоугольник), переведите курсор на холст и кликните. Откроется небольшое диалоговое окно, в котором вы можете ввести точные параметры новой фигуры. Введите 1317 на 947 пикселей и кликните ОК.

Переименуйте слой, дважды кликнув по имени слоя на панели слоев, назовите его «Smart Object» (Смарт-объект).

Находясь на слое «Smart Object», в верхнем меню нажмите Layer > Smart Object > Convert to Smart Object (Слои > Смарт-объект > Преобразовать в смарт-объект).

Шаг 5

Нажмите Edit > Transform > Scale (Редактирование > Трансофрмирование > Масштабирование).

Если мы посмотрим поближе, то увидим, что вокруг прямоугольника появилась тонкая граница. Мы также можем увидеть маленькие квадратики, расположенные в центре верхней, нижней, левой и правой сторон, а также во всех углах. Эти маленькие квадратики называются «манипуляторы», и мы можем трансформировать то, что находится внутри границ, просто потянув за эти манипуляторы.

В этом шаге очень важно трансформировать прямоугольник, используя только манипуляторы в углах.

Передвиньте курсор на манипулятор в правом верхнем углу, нажмите у удерживайте клавишу Ctrl на клавиатуре (курсор станет маленькой белой стрелочкой), а затем кликните и потяните за манипулятор, пока он не коснется правого верхнего угла черного прямоугольника в перспективе.

Шаг 6

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

Шаг 7

Теперь, когда нам больше не нужен слой «Perspective» (Перспектива), мы можем удалить его, выбрав его на панели слоев, а затем нажав Layer > Delete > Layer (Слои > Удалить > Слои).

Хорошая работа! Теперь все, что мы поместим внутрь смарт-объекта, расположится под тем же углом, что и оранжевый прямоугольник.

Joomla 3 — Адаптирована для мобильных устройств

Лого на фото!

Почти после каждого заказа, а иногда и просто без заказа, ко мне обращаются с одним и тем же вопросом или просьбой: «Научите накладывать лого на фото…» , » Как наложить теперь мое лого на фото моей работы», «Я не знаю фотошоп, а я могу как-то накладывать лого на свои фото?»

В Интернете не только нереальное количество статей по этой тематики, но и есть бесплатные он-лайн сервисы по такой услуге, где вы загружаете файлы с фото и с лого, а потом скачиваете готовый «шедевр» ваше фото с логотипом уже. А ещё больше готовых программ и приложений разного уровня для помощи Вам в такой проблеме, от профессиональных для пакетной работы с огромным количеством фотографий для сайта, до яркий сочных приложений для Ваших телефонов которыми переполнен Play маркет и iTunes.

Случая возникнуть может два- Вы за компьютером или ноутбуком и Вам надо ваш лого наложить на фото, или же Вы более мобильны, и все свои публикации в соц сети делайте со смартфона или планшета.

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

Итак,

PicsArtПриложение PicsArt скачать можно в Google Market.Выпускается совершенно бесплатно (имеет встроенные покупки).

Работает программа PicsArt как на компьютерах, под управлением Windows (7, Vista, XP), так и на мобильных гаджетах, с операционной системой iOS, Android, Windows Phone.С виду простой, но удобный и функциональный интерфейс, подойдет как неопытному новичку, так и продвинутому пользователю.

Думаю, что другие функции этого редактора Вы изучите сами, а я покажу самую быструю схему «Наложить фирм лого на ваше фото»:

Открываем приложениеPicsArt, жмем на кнопку по середине меню «РЕД» (редактировать)

Из Ваших фото выбираем нужное Вам фото и опять нажимаем «РЕДАКТИРОВАТЬ»

Открылось нужное вам фото и под ним внизу есть меню, где жмем«ДОБАВИТЬ ФОТО»:

Опять открылась ваша галерея и теперь выбираем логотип или то что вы хотите наложить на ваше фото:

Итак на вашем фото появился Ваш логотип по середине фото.

Теперь Вы можете:1.Его передивагать куда Вам нравиться;

2. Потянув на стрелки уменьшать и увеличивать размер логотипа

3. Зажав на круглую стрелку поварачивать его по кругу как угодно.

4. И, конечно, менять в нижнем меню стили наложения («Обычный» , «Экран» , «Затемнить» и тд. )

Настраивайте его наложение по вашему вкусу и радуйтесь)

Как только все вас устраивает вверху жмем на стрелку в белом кружечке и сохраняем наш «Шедевр»

Сохраняете готовое фото как вам угодно- просто в галерею вашу или же сразу кудато отпарвляете его на публикацию.

УРААААААААААА, вот и все готово))))))))))))))))))))))))))

Мой баннер с моим лого тоже готов:

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

Пакетный ресайз фотографий с наложением логотипа


Я уже писал, как правильно сжимать фотографии для социальных сетей. Это помогает, когда нужно обработать и выложить штучную фотографию. Но у фотографов зачастую стоит задача правильно подготовить к публикации или к отдаче клиенту не одну фотографию, а весь отснятый материал, причем обычно на него нужно наложить свой логотип. Тут на помощь приходит пакетная обработка. Возможность пакетно проделывать такие операции есть у многих программ — например, ACDSee или FastStone Photo Resizer. Но такого перфекциониста как я, все эти программы не устроили по различным причинам: одни по-разному накладывают логотип на вертикальные и горизонтальные изображения, другие не могут применять разные параметры в зависимости от ориентации фото, третьи просто дают на выходе недостаточное качество или слишком большой вес изображения. В общем, ничего не подошло.

Решение проблемы, в общем-то, лежит на поверхности — если какие-то повторяющиеся операции слишком долго делать вручную — нужно автоматизировать процесс. И фотошоп имеет такую возможность — запись экшенов (макросов, иными словами — запись последовательности действий с возможностью последующего ее воспроизведения). Я не буду останавливаться на том, как записывать и воспроизводить экшены. Думаю, большинство это умеет, а кто не умеет — может погуглить. Подробно опишу только основные моменты нашей задачи и те трудности, с которыми я столкнулся решая ее.

Итак, записываем примерно такой экшн:

1. Увеличиваем резкость

1) Делаем дубликат фона

2) Фильтр — Другое — Цветовой контраст с радиусом 3 пикселя

3) Режим наложения — перекрытия

2. Меняем размер изображения

И вот тут я столкнулся с первой проблемой. Как я писал в вышеупомянутой статье, нам нужны разные размеры для горизонтальных и вертикальных изображений. Записать это в экшене нет никакой возможности. Что делать? Как вариант — сделать два экшена (для портретной ориентации, и для альбомной), вручную сортировать фотографии в две папки, и запускать каждый экшн отдельно для соответствующей папки. Теоретически можно, но все-таки муторно. Но, к счастью, начиная с версии CC Photoshop имеет возможность задавать условия для макросов. И одно из возможных условий — ориентация изображения. Бинго! Это то что нам надо. Итак, дописываем начатый экшн (для начала для горизонтальных изображений)

1) Размер изображения — ширина 1920, ресамплинг — бикубическая, с уменьшением

2) Размер изображения — ширина 1280, ресамплинг — бикубическая, плавные градиенты

В общем-то можно экспортировать, но мы помним — надо еще наложить логотип. Это, в общем, то несложная задача. Единственный момент — ваш логотип должен быть в отдельном файле (желательно png), и лежать в той директории, откуда вы его не удалите — потому что в дальнейшем, при выполнении экшена фотошоп будет искать логотип по старому пути.

3. Перетаскиваем ваш логотип прямо на фотографию. Он вставится как смарт-объект, причем неадекватных размеров и посередине. Не беда. В 4-х полях сверху задаем реальные ширину, высоту логотипа, и его координаты относительно одного из углов изображения(все в пикселях).

4. Экспортируем фото (Сохранить для Web, Cntrl+alt+shift+s)

Отлично! Экшн для горизонтальных фото готов. Теперь записываем еще один экшн для вертикальных фото, в той же последовательности, только на втором этапе задаем высоту изображения в первый раз 1536 пикселей, а во второй — 1024.

И теперь самое вкусное — мы сделаем условный экшн, который будет определять, какой именно из уже созданных нами экшенов применять к фотографии.

1. Создаем новую операцию, но ничего в нее не записываем.

2. Выделяем ее, и нажимаем на значок в правом верхнем углу окна экшенов, выбираем «Вставить условное…»:

Если текущий документ имеет альбомную ориентацию — то выбираем первый экшн, для горизонтальных фото. Иначе — второй. Вот и все. Теперь в разделе файл — автоматизация — пакетная обработка запускаем наш третий, условный экшн, и пьем чай, наблюдая как фотошоп трудится в поте лица.

Как «вдавить» логотип в бумагу

Время добавить кое-какие классные эффекты логотипу, чтобы появилось ощущение 3D, подходящее под всю сцену в целом.

Шаг 1

Измените параметр Fill (Заливка) у смарт-объекта на 0%.

Шаг 2

Продублируйте слой со смарт-объектом дважды, нажав Layer > New > Layer Via Copy (Слой > Новый > Скопировать на новый слой).

Теперь переименуйте и сгруппируйте слои, как показано на изображении ниже.

Примечание переводчика: сгруппируйте две копии, и назовите группу «Effects» (Эффекты). Сами копии назовите Effect 1 и 2 (Эффект 1 и 2). Поместите группу под слой со смарт-объектом.

С этого момента, если вам нужно заменить логотип в смарт-объекте, вы можете воспользоваться слоем «Smart Object» (Смарт-объект), дважды кликнув по нему и отредактировав содержимое.

Шаг 3

Давайте начнем добавлять стили слоя к слою «Effect 2». Откройте панель со стилями слоя и добавьте эффект Bevel & Emboss (Тиснение). Цвет для режима Highlight и Shadow (Подсветка и Тень) измените на #000000, а остальное установите, как на скриншоте ниже

Примечание переводчика: Размер: 5 пикселей, Непрозрачность в режиме подсветки: 3%, Непрозрачность в режиме тени: 20%

Шаг 4

Добавьте новый эффект Inner Shadow (Внутренняя тень), цвет измените на #000000, а остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 10%, Смещение: 5 пикселей, Режим наложения: Линейный затемнитель.

Шаг 5

Добавьте новый эффект Satin (Глянец), измените цвет на #ffffff, а остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 5%, Смещение: 250 пикселей, Размер: 250 пикселей,Режим наложения: Яркий свет.

Шаг 6

Добавьте эффект Gradient Overlay (Наложение градиента) и параметры установите, как на скриншоте ниже.

Примечание переводчика: Угол: 90 градусов, Режим наложения: Яркий свет.

Кликните по маленькому окошечку с градиентом, чтобы его отредактировать.

  • Измените Opacity (непрозрачность) первой контрольной точки на 75%, а Location (Позиция) на 71%.
  • Измените Opacity (непрозрачность) второй контрольной точки на 25%, а Location (Позиция) на 100%.

Шаг 7

Добавьте эффект Drop Shadow (Тень), цвет измените на #000000, остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 30%, Угол: -90 градусов, Смещение: 3 пикселя, Размах: 0%, Размер: 4 пикселя, Шум: 10%, Режим наложения: Линейный затемнитель.

Шаг 8

Давайте добавим пару смарт-фильтрв к слою «Effect 2». Нажмите Filter > Distort > Ripple (Фильтр > Искажение > Рябь). Параметр Amount (Количество) измените на -50%.

Нажмите Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Радиус измените на 1.7 пикселей.

Шаг 9

Теперь добавим стиль слою «Effect 1».

Откройте панель со стилями слоя и добавьте эффект Drop Shadow (Тень), цвет измените на #ffffff, остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 12%, Смещение: 3 пикселя, Размах: 7%, Размер: 8 пикселей, Шум: 10%, Режим наложения: Жесткое смешение.

В первой части урока мы рассмотрели половину процесса создания копирайта на фото. Продолжаем работу!

Шаг 24. Сейчас мы создадим новую картинку с прозрачным фоном, но большего размера! Вместо 400 х 400 (как в самом начале) поставим например 2000 х 2000. Действия такие же, как в шагах 1 – 3.

Шаг 24

Шаг 25. Открылось окошко с фоном квадратиками. Масштабируем кнопками Х и Ъ узор кисти так, чтобы он полностью занял окошко. И жмем левую клавишу мыши. Готово! Если случайно не в том месте поставили, нажимайте отмену действия Сtrl+Z (или через Историю).


Шаг 25

Шаг 26. Теперь у нас есть две картинки: одна с большим узором, а вторая с надписью. Только размер первой в 5 раз больше, чем второй, хотя визуально они за счет масштаба окна кажутся одинаковыми. Но если сейчас наложить одну картинку на другую, разница в размере станет явной.

На панели инструментов выбираем самую верхнюю пиктограмму, которая отвечает за перемещение слоев и выбранных на рисунке областей.


Шаг 26

Шаг 27. А теперь тянем мышкой цветочный узор под надпись. То есть одну картинку перетаскиваем на другую. Опа! Теперь видите, что цветок огромный по сравнению с тексом? Обратите внимание – вверху указано, что ширина и высота картинки по 100%.


Шаг 27

Шаг 28. Нажимаем на клавиатуре Сtrl+T (русская раскладка). Вокруг цветка появилась тонкая рамочка. Если тянуть за ее уголки, будет меняться размер по ширине или высоте – то есть цветочек можно уменьшить до нужного размера. Чтобы и высота, и ширина остались пропорциональными (то есть ничего не вытянулось), зажимаем на клавиатуре Shift и за уголок тянем. Можно просто в верхних окошках прописать вместо 100% по 15% (или сколько нужно). Когда размер уменьшен, нажимаем Enter.


Шаг 28

Шаг 29. Теперь цветочек нужно выставить относительно надписи. Выбираем на панели инструментов верхнюю пиктограмму и мышкой выставляем нужное положение узора, перетаскивая его. Теперь наш цветочек четкий и яркий, т.к. разрешение его увеличилось.


Шаг 29

Шаг 30. Заметьте, теперь в меню «Слои» или Layers у нас три слоя: текстовый, тот второй (Layer 1), на котором хотели рисовать цветок, и большой (Layer2), который создали в шаге 24 и потом уменьшили. Каждый из этих слоев можно передвигать, редактировать и т.д.


Шаг 30. Все три слоя выделены.

Шаг 31. Но мы хотим, чтобы надпись и цветок как бы соединились в одну картинку, которую потом можно наложить на фото. Потому для удобства нужно объединить слои. Для этого зажимаем Ctrl и выделяем левой кнопкой мыши все три слоя, потом клацаем правой кнопкой и выбираем Merge visible.

Шаг 31

Шаг 32. Все – получился один слой.


Шаг 32

Внимание! Если вы планируете еще как-то изменять надпись или узор, то прежде, чем объединять слои, сохраните сессию File – > SaveAs. Откроется обычное окно для выбора папки. Следите, чтобы расширение сохраняемого файла было .psd. Потом вы сможете открыть его и продолжить работу с тремя раздельными слоями! Например, сделать надпись синей, а цветок – голубым. Или сменить шрифт.

Шаг 33. Теперь сохраняем файл с объединенными слоями File – > SaveAs.


Шаг 33

Шаг 34. Переименовываем файл и следим, чтобы расширение было .psd. Выбираем нужную папку.


Шаг 34

Шаг 35. После нажатия Enter ввылезает окошко, в котором предупреждают, что только Фотошоп сможет открыть .psd. – файл. Соглашаемся.


Шаг 35

Как перенести логотип на фото?

А теперь посмотрим, как перенести нашу надпись на фото изделия ручной работы. Для этого открываем любой снимок, нуждающийся в защите от плагиата или просто простановке «клейма мастера».

Шаг 36. У нас есть логотип с прозрачным фоном и фото. На панели инструментов выбираем верхнюю пиктограмму, которая перемещает слои.


Шаг 36

Шаг 37. Хватаем мышкой наш логотип и тащим на фото. Вот он, тут как тут! Для регулирования размера нажимает Ctrl+T (русская раскладка), масштабируем. Нажимаем Enter. Перемещаем по фотографии, находя самое удобное для надписи место (инструмент перетаскивания активен!). Вот и все!


Шаг 37

Всем вдохновения и побольше цветочностей!

Напишите в комментариях, какие еще уроки по фотошопу окажутся полезны для рукодельниц?

Лучший способ водяных знаков изображений в Photoshop CC

В этом руководстве вы узнаете не только о том, как добавить свой логотип или информацию об авторских правах в качестве водяного знака к вашим изображениям , но также и о том, как обеспечить, чтобы любые изменения в нем мгновенно обновлялись для всех ваших изображений, добавляя ваш водяной знак в виде связанного умный объект в фотошопе! Связанные смарт-объекты очень мощные, но они доступны только в Photoshop CC. Поэтому для продолжения вам понадобится Photoshop CC, и вы захотите убедиться, что ваша копия обновлена . Давайте начнем!

С чем связаны смарт-объекты?

Умные объекты были вокруг начиная с Photoshop CS2. Но в Photoshop CC Adobe представила новый тип смарт-объекта, известный как

связанный смарт-объект . До этого содержимое смарт-объекта всегда было встроено в документ. Это означало, что не было никакого способа поделиться смарт-объектом между документами. Любые изменения, внесенные в смарт-объект в одном документе, не будут отображаться в других.

Но связанные смарт-объекты разные. Вместо встраивания их содержимого связанный смарт-объект просто ссылается на внешний файл, например на отдельный документ Photoshop. Несколько документов могут быть связаны с одним и тем же файлом, и любые изменения, которые вы вносите в этот файл, будут немедленно появляться в каждом документе, который ссылается на него!

Это делает связанные смарт-объекты идеальными для таких вещей, как водяные знаки. Вы можете сохранить свой логотип в виде отдельного файла, а затем связать все ваши изображения с этим файлом. Если вы отредактируете логотип, изменения в этом одном файле будут обновляться во всех ваших изображениях. Посмотрим, как это работает!

Создание логотипа документа

Чтобы добавить водяной знак в качестве связанного смарт-объекта, сначала нужно создать логотип в отдельном документе. Вот логотип, который я создал. Я добавил некоторую основную информацию об авторском праве, такую ​​как символ авторского права и год, а также мое имя и адрес моего веб-сайта:

Создайте свой логотип в своем собственном документе Photoshop.

Если мы посмотрим на панель «Слои» , то увидим мои слои «Тип» и «Форма». Я залил фоновый слой черным, чтобы видеть белый текст и фигуры, когда я их добавлял:

Панель «Слои» показывает слои, используемые для создания логотипа.

Отключение фонового слоя

Чтобы использовать файл как связанный смарт-объект, нам нужно сохранить его. Но я не хочу, чтобы черный фон появлялся на моих изображениях. Я хочу прозрачный фон вместо этого. Поэтому, прежде чем сохранить его, я отключу фоновый слой , щелкнув его

значок видимости :

Отключаем черный фон.

Это оставляет логотип на прозрачном фоне:

Перед сохранением логотипа убедитесь, что ваш фон прозрачный.

Сохранение и закрытие файла логотипа

Чтобы сохранить файл, зайдите в меню « Файл» в строке меню и выберите « Сохранить как» :

Идем в Файл> Сохранить как.

В диалоговом окне назовите файл «логотип» или что-либо еще, что имеет смысл. И чтобы сохранить все свои слои, убедитесь, что вы сохранили их в виде файла PSD в Photoshop . Выберите, где вы хотите сохранить его на своем компьютере (я сохраню мой в папку на рабочем столе), а затем нажмите Сохранить . Если Photoshop спросит, хотите ли вы максимизировать совместимость, нажмите OK:

Сохраните логотип в виде файла Photoshop .

PSD, чтобы сохранить ваши слои в целости и сохранности.

Затем, чтобы закрыть файл, вернитесь в меню « Файл» и выберите « Закрыть» :

Идем в Файл> Закрыть.

Как добавить свой логотип в качестве водяного знака

Теперь, когда мы создали и сохранили наш логотип, давайте посмотрим, как добавить его в качестве водяного знака на изображение. И чтобы обновления, которые мы вносим в логотип, обновлялись в изображении, мы добавим его как связанный смарт-объект .

Добавление водяного знака на первое изображение

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

Первое изображение. Фото предоставлено Стивом Паттерсоном.

Как добавить водяной знак как связанный смарт-объект

Чтобы добавить водяной знак в качестве связанного смарт-объекта, перейдите в меню « Файл» и выберите « Поместить связанный»

. Опять же, эта опция есть только в Photoshop CC:

Идем в Файл> Поместить место.

Перейдите к файлу с логотипом, затем щелкните по нему, чтобы выбрать его, и нажмите « Разместить» :

Выбор файла логотипа.

Photoshop добавляет логотип к документу и центрирует его на изображении:

Логотип отображается в центре документа.

Изменение размера и размещение логотипа

Обратите внимание, что Photoshop размещает поле Free Transform и обрабатывает логотип. Чтобы изменить его размер, нажмите и удерживайте клавишу Shift , а также клавишу Alt (Победа) / Option (Mac), а затем нажмите и перетащите любой из угловых маркеров. Клавиша Shift блокирует соотношение сторон при изменении его размера, а клавиша Alt / Option позволяет изменить размер логотипа из его центра:

Удерживая Shift + Alt (Победа) / Shift + Option (Mac), перетащите угловые ручки, чтобы изменить размер логотипа.

Затем щелкните внутри поля «Свободное преобразование» и перетащите логотип на место. Я перенесу мой в верхний левый угол. Чтобы принять его, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы закрыть Free Transform:

Перемещение логотипа в нужное положение.

Как мы узнаем, что это связанный смарт-объект?

Если мы снова посмотрим на панель «Слои», мы увидим наш логотип как смарт-объект над изображением. Мы знаем, что это связанный смарт-объект, а не встроенный смарт-объект, по значку ссылки в правом нижнем углу эскиза. Я увеличил это здесь, чтобы было легче видеть:

Значок говорит нам, какой это тип смарт-объекта.

Смешивая водяной знак в изображение

Чтобы добавить водяной знак на изображение, я просто уменьшу непрозрачность смарт-объекта со 100% до 60% . Вы найдете опцию непрозрачности в правом верхнем углу панели слоев:

Понижение непрозрачности логотипа.

И вот результат с водяным знаком, добавленным к первому изображению:

Первый связанный смарт-объект добавлен.

Добавление водяного знака на второе изображение

Давайте быстро добавим один и тот же водяной знак к двум другим изображениям. Я переключусь на второе изображение, щелкнув его вкладку под панелью параметров:

Переключение на второе изображение.

Затем я сделаю то же самое, что и раньше, зайдя в меню « Файл» и выбрав « Поместить ссылку» :

Идем в Файл> Поместить место.

Я выберу свой файл логотипа и нажму « Разместить» :

Снова выберите файл логотипа.

Фотошоп снова размещает логотип и центрирует его в документе:

Логотип появляется перед вторым изображением.

Я буду нажимать Shift + Alt (Победа) / Shift + Option (Mac), когда перетаскиваю угловые ручки, чтобы изменить его размер. А затем я нажму внутри поля «Свободное преобразование» и перетащу логотип в нужное положение. Я перенесу это в правый нижний угол. Чтобы принять его, я нажму Enter (Win) / Return (Mac) на моей клавиатуре:

Изменение размера логотипа и размещение его в правом нижнем углу изображения.

Два смарт-объекта, использующих один и тот же контент

Снова на панели «Слои» мы видим логотип как связанный смарт-объект над изображением. Хотя этот смарт-объект находится в отдельном документе, поскольку он является связанным смарт-объектом, он делится своим содержимым со смарт-объектом в предыдущем документе. Они оба используют один и тот же файл logo.psd:

Логотип снова отображается как связанный смарт-объект.

Я добавлю логотип на изображение, уменьшив непрозрачность смарт-объекта до 60%:

Понижение непрозрачности логотипа до 60%.

И вот результат с водяным знаком, добавленным ко второму изображению:

Добавлен второй связанный смарт-объект.

Как смешивать изображения вместе в фотошопе

Добавление водяного знака к третьему изображению

Я добавлю это к еще одной фотографии. Я переключусь на свое третье изображение, нажав на его вкладку:

Переключение на третье изображение.

Затем я вернусь в меню « Файл» и выберу « Поместить место» :

Идем в Файл> Поместить место.

Я выберу тот же файл логотипа и нажму « Разместить» :

Выбор файла логотипа.

Фотошоп снова центрирует логотип в документе:

Логотип размещен перед третьим изображением.

Я нажму Shift + Alt (Победа) / Shift + Option (Mac) и перетащу угловые ручки, чтобы изменить его размер. Затем я перетащу логотип в левый нижний угол изображения. Наконец, я нажму

Enter (Win) / Return (Mac), чтобы принять его:

Изменение размера и перемещение логотипа в левом нижнем углу.

Три смарт-объекта, один общий файл

На панели «Слои» мы снова видим логотип как связанный смарт-объект. И теперь у нас есть три смарт-объекта, каждый в отдельном документе, и все они используют один и тот же файл «logo.psd». Я добавлю логотип к изображению, уменьшив его непрозрачность до 60%:

Понижение непрозрачности до 60 процентов.

И вот результат с водяным знаком, добавленным к третьему изображению:

Водяной знак был добавлен ко всем трем изображениям.

Сохранение и закрытие одного из изображений

Прежде чем мы рассмотрим, как внести изменения в логотип, я собираюсь сохранить и закрыть свое третье изображение. Мы увидим, почему я делаю это в конце урока. Чтобы сохранить его, я зайду в меню « Файл» и выберу «

Сохранить как» :

Идем в Файл> Сохранить как.

Точно так же, как с файлом логотипа, убедитесь, что вы сохранили свое изображение в виде файла Photoshop .PSD. Это сохранит все слои без изменений, включая ваш смарт-объект. Нажмите « Сохранить» , и снова, если Photoshop спросит, хотите ли вы добиться максимальной совместимости, нажмите «ОК»:

Сохраните изображение в виде файла Photoshop .PSD, чтобы не потерять свой смарт-объект.

Как редактировать файл логотипа

Итак, теперь, когда мы добавили логотип к трем отдельным изображениям, что, если нам нужно изменить логотип? Может быть, мы хотим что-то совершенно другое, или нам просто нужно что-то обновить, например, нашу контактную информацию. И как сделать так, чтобы изменения отображались на всех наших изображениях? Со связанными смарт-объектами это легко сделать.

Я вернусь к исходному изображению, нажав на его вкладку:

Вернемся к исходному изображению.

Открытие связанного смарт-объекта

Чтобы открыть связанный смарт-объект и просмотреть его содержимое, просто дважды щелкните миниатюру смарт-объекта на панели «Слои». Вы можете сделать это в любом документе, который использует один и тот же связанный смарт-объект. Так что в моем случае подойдет любое из трех моих изображений:

Открытие смарт-объекта двойным щелчком по его миниатюре.

Это снова открывает файл логотипа, на который ссылаются все мои изображения:

Файл логотипа снова открывается.

Редактирование содержимого смарт-объекта

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

Включение фонового слоя обратно.

Чтобы все было организовано, я поместил каждый логотип в отдельную группу слоев . Я отключу первый логотип, щелкнув значок видимости для группы «Логотип 1», а затем посмотрю новый логотип, включив «Логотип 2»:

Переключение логотипов на панели Layers.

А вот новый логотип на черном фоне:

Новый логотип, который заменит оригинальный.

Сохранение изменений

Опять же, я не хочу, чтобы черный фон появлялся на изображениях, поэтому, прежде чем сохранить его, я отключу фоновый слой:

Нажав на значок видимости фонового слоя.

А затем, чтобы сохранить изменения, я зайду в меню « Файл» и выберу « Сохранить» :

Идем в Файл> Сохранить.

Поскольку мне не нужно держать документ открытым, я закрою его, вернувшись в меню « Файл» и выбрав « Закрыть» :

Идем в Файл> Закрыть.

Как редактировать смарт-объекты в Photoshop

Обновление водяного знака на изображениях

Это возвращает нас к изображению. И именно так Photoshop обновил смарт-объект своим новым логотипом. В зависимости от внесенных изменений может потребоваться изменить местоположение логотипа с помощью инструмента «Перемещение»:

Новый логотип мгновенно появляется на изображении.

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

Второе изображение также обновлено новым логотипом.

Как обновить изображение, которое было закрыто

Причина, по которой Photoshop мгновенно обновил оба изображения, заключалась не только в том, что они оба ссылаются на общий файл, но и в том, что оба документа были открыты в Photoshop, когда я внес изменение. Но Photoshop не будет автоматически обновлять документ, который не был открыт, даже если он также ссылается на тот же общий файл.

Чтобы показать вам, что я имею в виду и как это исправить, я снова открою свое третье изображение, которое я закрыл ранее, перейдя в меню « Файл» и выбрав « Открыть» :

Идем в Файл> Открыть.

Я перейду к файлу и дважды щелкну, чтобы открыть его:

Повторное открытие третьего изображения.

И обратите внимание, что это изображение по-прежнему показывает оригинальный логотип, даже если оно ссылается на тот же файл, что и другие. Это потому, что документ был закрыт, когда я внес изменение:

Логотип на изображении, который был закрыт, не обновлялся.

Обновление измененного контента

Если мы посмотрим на панель «Слои», обратите внимание на маленький значок предупреждения в правом нижнем углу эскиза смарт-объекта. Этот значок говорит нам, что содержимое смарт-объекта изменилось с момента последнего открытия файла, и его необходимо обновить:

Значок предупреждения.

Чтобы обновить его, убедитесь, что смарт-объект выбран. Затем перейдите в меню « Слой» , выберите « Умные объекты» , а затем выберите « Обновить измененное содержимое» . Или, если у вас есть несколько смарт-объектов, которые нужно обновить, выберите « Обновить все измененное содержимое» :

Перейдите в Слой> Смарт-объекты> Обновить измененное содержимое.

Как только вы выбираете его, Photoshop обновляет смарт-объект новым содержимым, и вот так появляется наш новый логотип:

Обновление смарт-объекта заменило старый логотип на новый.

И там у нас это есть! Вот как можно добавить водяной знак к вашим изображениям и как обновить изменения, используя связанные смарт-объекты в Photoshop! Обязательно ознакомьтесь с разделом « Основы работы с Photoshop» , чтобы узнать больше об умных объектах! И не забывайте, что все наши учебники по Photoshop теперь доступны для скачивания в формате PDF!

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Как сделать водяной знак в фотошопе и автоматически добавлять его на фото

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

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

В каких случаях полезно использовать водяной знак

  1. Чтобы защитить от копирования свой фотоконтент, который вы выкладываете в сети интернет, например, в социальных сетях или персональном сайте. Изображения с чужими водяными знаками неохотно копируются пользователями. Даже если все-таки кто-то, например, репостнул себе в публичную группу такое изображение, то вытекает второй случай пользы таких знаков…
  2. Пиар. Пользователи, которые, несмотря на ваш водяной знак, скопировали себе на сайты или публичные странички, создают вам бесплатную рекламу. Логика проста — человек, увидевший ваше изображение, также обратит внимание и на водяной знак. А дальше, если его заинтересовало ваше творчество, он получит необходимую информацию о том, как вас найти, ибо любому понятно, что это и есть первоисточник данного контента.
  3. Не забываем о банальной раскрутке бренда. Люди, копирующие ваш контент, распространяют его по всем мысленным и не мысленным источникам. А постоянное мелькание бренда оставляет в памяти некий след, который потом сослужит пользу, в том числе и коммерческий успех.
  4. Если фотоконтент достаточно специфический, как, например, на этом сайте, где я выкладываю обучающие скриншоты, чтобы отбить желание конкурентов копировать контент, водяной знак как ничто другое в этом помогает. Собственно конкуренты вряд ли захотят строить свой аналогичный сайт с картинками, на которых прямая ссылка на мой проект. Даже если они это и сделают, я не буду расстроен, поскольку, как указано в пункте 2, это реклама и дополнительный источник целевого трафика.

Как делать водяной знак

Для начала определитесь что это будет: логотип, ссылка, какое-то слово или что-нибудь другое. Например, на своем сайте в качестве водяного знака я использую ссылку стилизованную под основной логотип сайта. Если картинка где-нибудь и мелькнет, то заинтересованный пользователь знает как найти первоисточник.

Водяной знак нужно сделать небольшого размера. Лучше придерживаться своего некого стиля. На мой взгляд, знак качества — это стабильность, поэтому не стоит дергать знак на каждой фото в разных местах. Лучше пусть это будет всегда одно и тоже место. ИМХО.

Сделайте знак полупрозрачным и погасите яркость красок. Он не должен быть броским и кидаться в глаза. На изображении главное само содержимое, а не ваш «вырви глаз» водяной знак.

Используя вышеуказанные советы, сначала сделаем набросок.

Откройте любое изображение и поместите в него ваш будущий водяной знак.

В рамках этой статьи мы не будем учиться делать логотипы или красивые надписи. Это совсем другая история и у каждого она своя…

Предполагается, что у вас уже есть заготовка, из которой вы намерены сделать водяной знак.

Далее повествование пойдет на примере логотипа этого сайта. Он был сохранен отдельным файлом. Чтобы добавить его к другому изображению в фотошопе, следуйте этим инструкциям.

В результате у вас должны быть два слоя на палитре с основным изображением и картинкой/текстом, что только что добавили.

После этого установите необходимый размер водяного знака, чтобы он не был слишком маленьким или большим.

Для этого, проследите чтобы картинка с логотипом была выбрана (как на скриншоте выше — выбранный слой отмечен синим цветом), выберите инструмент Свободная трансформация Ctrl+T. Вокруг недоиспеченного водяного знака появится ограничительная рамка. Двигайте ее за углы, чтобы уменьшить/увеличить картинку.

Совет

Чтобы картинка пропорционально изменялась, удерживайте клавишу Shift, когда тяните за углы.

Закончив с размером, нажмите клавишу Enter или кнопку в виде галочки на панели параметров инструмента.

Теперь нужно переместить водяной знак в неприметное место. Классический вариант — нижний правый угол.

Для этого выберите инструмент Перемещение V. Проследите, чтобы активным слоем была картинка с логотипом, а затем перетащите его в нужное место.

Примечание

У вас может присутствовать эффект примагничивания к краям. Чтобы этого не было, удерживайте нажатой клавишу Ctrl, когда перемещаете картинку.

Установив в нужно место, для пущей красоты и точности, можно еще более детальней подвинуть картинку. Для этого, при выбранном инструменте Перемещение, нажимайте на клавиши со стрелками на клавиатуре и картинка будет сдвигаться ровно на 1 пиксель (что такое пиксели). Если при этом еще и удерживать клавишу Shift, то сдвиг будет сразу на 10 пикселей.

Последний этап — создание эффекта полупрозрачности.

Для этого, проследите, чтобы активным был слой с водяным знаком, двигайте ползунок параметра Непрозрачность до тех пор пока, не найдете золотую середину.

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

Автоматическое добавление водяного знака с помощью экшена

Напомню, что экшен — это автоматическая операция с заранее прописанным алгоритмом действий. Нажав на одну кнопку, фотошоп сам выполнит все заложенные действия в считанные секунды. Это мощный инструмент для экономии времени. Подробнее о том, что такое экшены в фотошопе и как ими пользоваться.

Поскольку у нас сейчас стоит задача избавиться от многочисленной нудной работы, использование экшена идеально для этого подойдет.

Данный экшен будет работать так:

Открываем в фотошопе фотографию и нажимаем воспроизведение экшена с водяным знаком. Повторяем эти действия для каждой фотографии.

Здесь ничего сложного нет, главное чтобы действий было как можно меньше и все они были четкие и понятные программе.

Шаг 1

Экшен будем создавать на заранее открытой фотографии. Поэтому выберите и откройте в фотошопе любую.

Шаг 2

Я рассматриваю пример на своем заранее созданном логотипе. Этот файл должен быть у вас сохранен на компьютере. Выберите папочку, где он будет лежать. Это местоположение больше нельзя будет менять / переименовывать, в том числе другие папки предшествующие конечной. Проще говоря, поместив картинку, например, по такому пути: «C:\Users\Имя пользователя\Desktop\Картиночки\logo.png», ни одну из папок больше нельзя будет переименовывать, перемещать и так далее. В противном случае экшен перестанет работать.

Шаг 3 Откроем палитру.

Откройте палитру с экшенами / операциями: Окно — Операции или клавиши Alt+F9.

Вот так она должна выглядеть:

Шаг 3 Начинаем запись.

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

Теперь создадим новую операцию. Нажмите на вторую справа кнопку Создает новую операцию. Придумайте ей имя.

После нажатия на кнопку Записать, вы увидите, что на палитре стала активной кнопка записи (красный значок), как на видеокамере. Это значит, что началась запись наших действий в программе.

Шаг 4

Первым делом выполняем команду открыть картинку с будущим водяным знаком: Файл — Открыть или Ctrl+O. Далее найдите картинку у себя на компьютере.

Картинка должны открыться на новой самостоятельной вкладке (что такое вкладки).

Шаг 5

Следующая задача скопировать логотип и перенести на исходную фотографию.

Для этого нажмите клавиши Ctrl+A. Мы сделали полное выделение содержимого картинки, по периметру должны появиться «марширующие муравьи».

Сделаем копию Ctrl+C. Так картинка была скопирована в буфер обмена.

Перейдите на предыдущую вкладку с открытой фотографией и вставьте туда скопированный логотип — Ctrl+V.

Шаг 6

Просто перетащить логотип в нужное место нельзя. Фотошоп, может быть, и запомнит координаты, но когда вы будете открывать фотографии других размеров, водяной знак может оказаться чуть ли не по середине фотографии. Это ерунда. Нужно сделать так, чтобы фотошоп всегда определял где края у фотографии и выравнивал логотип относительно их расположения.

Для этого на палитре слоев выделите слой с самой фотографией и нажмите Ctrl+A, чтобы выделить его весь.

Примечание

У меня фоновый слой получил название «Layer 1» из-за моих прыжков из разных локализаций фотошопа. Если вы используете русскоязычную версию программы, то у вас должно быть написано «Фоновый слой». 

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

Выберите инструмент Перемещение — V.

На панели параметров инструмента нужно нажать кнопки: Выравнивание по нижнему краю и Выравнивание по правому краю.

Шаг 7

Убираем рамку выделенной области — Ctrl+D, она нам больше не понадобится.

Итак, мы только что прижали водяной знак в самый нижний правый угол. Но так близко к краям это не красиво. Нужно сделать небольшие отступы от краев.

Для этого при выбранном инструменте Перемещение, зажав клавишу Shift нажмите по одному разу на левую и верхнюю стрелочки на клавиатуре. Произойдет сдвиг картинки на 10 пикселей в заданные стороны. Если этого много, нажимайте на стрелочки без Shift’a, тогда сдвиг будет по 1 пикселю.

Финальный аккорд — на палитре слоев измените непрозрачность логотипа. Я поставил 60%.

Шаг 8

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

Для этого ОБЯЗАТЕЛЬНО сначала нажмите на эту вкладку, чтобы она стала активной (активная вкладка подсвечивается более ярким цветом), после этого нажмите на крестик. Иначе, фотошоп запишет в экшен закрытие нашей основной вкладки с фотографией.

В итоге файл экшена должен выглядеть следующим образом:

Не забудьте нажать на кнопку Стоп, чтобы завершить запись экшена.

Проверка на работоспособность

Вновь откройте любую фотографию. На палитре операций, нажимая на стрелочку возле названия экшена, можно скрыть/отобразить подробный список действий. Чтобы не загромождаться лучше скрыть.

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

Результат