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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

Отключение фонового слоя на панели «Слои»

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

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

Логотип будет сохранен с прозрачным фоном в Photoshop

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

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

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

Выбор команды «Сохранить как» в Photoshop для сохранения файла логотипа.

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

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

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

Сохраните логотип в виде файла Photoshop .PSD, чтобы сохранить ваши слои в целости и сохранности.

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

Закрытие файла логотипа в фотошопе.

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

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

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

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

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

Первое изображение, к которому будет добавлен водяной знак.  Авторское право Стив Паттерсон.

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

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

Чтобы добавить водяной знак в качестве связанного смарт-объекта, перейдите в меню « Файл» и выберите « Поместить связанный» . Опять же, эта опция есть только в Photoshop CC:

Выбор команды «Поместить место» в Photoshop CC

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

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

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

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

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

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

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

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

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

Изменение размера логотипа в документе

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

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

Перемещение логотипа на место на изображении

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

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

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

Значок связанного смарт-объекта на панели «Слои» в Photoshop

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

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

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

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

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

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

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

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

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

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

Открытие второго изображения, к которому будет применен водяной знак

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

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

Выбор команды «Поместить место» в Photoshop CC

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

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

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

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

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

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

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

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

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

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

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

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

Панель «Слои», отображающая водяной знак в виде связанного смарт-объекта над вторым изображением

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

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

Снижение непрозрачности логотипа водяного знака до 60 процентов

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

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

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

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

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

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

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

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

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

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

Выбор команды «Поместить место» в Photoshop CC

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

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

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

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

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

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

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

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

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

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

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

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

Уменьшение непрозрачности логотипа до 60 процентов на панели «Слои» в Photoshop

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

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

Водяной знак добавлен к третьему изображению в фотошопе

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

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

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

Выбор команды «Сохранить как» в Photoshop для сохранения файла логотипа.

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

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

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

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

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

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

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

Переход к исходному изображению в Photoshop

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

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

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

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

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

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

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

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

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

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

Повторное включение фонового слоя на панели «Слои»

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

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

Отключение первого логотипа и включение второго логотипа на панели «Слои»

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

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

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

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

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

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

Отключение фонового слоя на панели «Слои»

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

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

Сохранение изменений в логотипе документа в Photoshop

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

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

Закрытие файла логотипа в фотошопе.

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

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

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

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

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

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

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

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

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

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

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

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

Выбор команды Open в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

Выбор команды «Обновить измененное содержимое» для смарт-объектов в Photoshop

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

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

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

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

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

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


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.