Кращий спосіб зображення водяних знаків у Photoshop CC

Зміст:

Anonim

У цьому підручнику ви дізнаєтесь не тільки як додати свій логотип чи інформацію про авторські права як водяний знак до своїх зображень, а й як переконатися, що будь-які зміни до нього миттєво оновлюються на всіх ваших зображеннях, додаючи ваш водяний знак як пов’язаний розумний об’єкт у Photoshop! Пов'язані розумні об'єкти дуже потужні, але вони доступні лише у Photoshop CC. Тож для подальшої роботи вам знадобиться Photoshop CC, і ви хочете переконатися, що ваша копія актуальна. Давайте розпочнемо!

З чим пов’язані розумні об’єкти?

Розумні об’єкти існують ще з часу Photoshop CS2. Але у Photoshop CC компанія Adobe представила новий тип смарт-об’єктів, відомий як пов'язаний розумний об’єкт . До цього вміст розумного об’єкта завжди вкладався в документ. Це означало, що не було можливості поділити розумний об’єкт між документами. Будь-які зміни, внесені вашим розумним об’єктом в один документ, не відображатимуться в жодному іншому.

Але пов'язані розумні об’єкти різні. Замість того, щоб вставляти їх вміст, пов'язаний розумний об’єкт просто посилається на зовнішній файл, як окремий документ Photoshop. Кілька документів можуть бути пов’язані з одним файлом, і будь-які зміни, внесені в цей файл, миттєво з’являться у кожному документі, який посилається на нього!

Це робить пов'язані розумні об’єкти ідеальними для таких речей, як водяні знаки. Ви можете зберегти свій логотип як окремий файл, а потім пов’язати всі свої зображення з цим файлом. Якщо ви відредагуєте логотип, зміни цього файлу будуть оновлені у всіх ваших зображеннях. Подивимось, як це працює!

Створення логотипового документа

Щоб додати водяний знак як пов’язаний розумний об’єкт, спершу ви захочете створити свій логотип в окремому документі. Ось логотип, який я створив. Я додав основні відомості про авторські права, як-от символ авторського права та рік, а також своє ім’я та адресу веб-сайту:

Створіть свій логотип у власному документі Photoshop.

Якщо ми подивимось на панель «Шари», ми побачимо шари «Тип» та «Форма». Я заповнив шар "Фоном" чорним кольором просто для того, щоб я міг бачити білий текст і форми, коли додавав їх:

Панель "Шари", що показує шари, використані для створення логотипу.

Вимкнення фонового шару

Щоб використовувати файл як пов'язаний розумний об’єкт, нам потрібно зберегти його. Але я не хочу, щоб на моїх зображеннях з'являвся чорний фон. Я хочу замість цього прозорого фону. Тому перед тим, як зберегти його, я відключу фоновий шар, натиснувши його значок видимості :

Вимкнення чорного тла.

Це залишає логотип перед прозорим фоном:

Переконайтеся, що ваш фон прозорий, перш ніж зберігати логотип.

Збереження та закриття файлу логотипу

Щоб зберегти файл, перейдіть до меню Файл у рядку меню та виберіть Зберегти як :

Перехід до Файл> Зберегти як.

У діалоговому вікні назвіть файл "логотип" або що-небудь ще має сенс. І щоб зберегти всі ваші шари, не забудьте зберегти його у форматі Photoshop .PSD . Виберіть, де ви хочете зберегти його на своєму комп’ютері (я збережу моє у папці на своєму робочому столі), а потім натисніть кнопку Зберегти . Якщо Photoshop запитує, чи хочете ви досягти максимальної сумісності, натисніть кнопку OK:

Збережіть логотип у форматі .PSD Photoshop, щоб ваші шари були недоторканими.

Потім, щоб закрити файл, поверніться до меню Файл та виберіть Закрити :

Перехід до Файл> Закрити.

Як додати свій логотип як водний знак

Тепер, коли ми створили і зберегли наш логотип, давайте подивимося, як додати його як водяний знак до зображення. І щоб переконатися, що будь-які зміни, внесені до логотипу, будуть оновлені у зображенні, ми додамо його як пов’язаний розумний об’єкт.

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

Ось перше з трьох зображень, які я буду використовувати. Усі три - це фотографії, які я нещодавно зняв, і я хочу додати до них водяний знак:

Перше зображення. Кредит на фото: Стів Паттерсон.

Як додати водяний знак як пов'язаний розумний об’єкт

Щоб додати свій водяний знак як пов’язаний розумний об’єкт, перейдіть до меню Файл та виберіть Місце зв'язаного . Знову ж таки, ця опція є лише у Photoshop CC:

Перехід до Файл> Пов’язати місце.

Перейдіть до вашого логотипу, а потім натисніть на нього, щоб вибрати його та натисніть кнопку Місце :

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

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

З'являється логотип із центром у документі.

Змінення розміру та переміщення логотипу

Зауважте, що Photoshop розміщує поле Безкоштовна трансформація та обробляє навколо логотипу. Щоб змінити розмір, натисніть і потримайте клавішу Shift, а також клавішу Alt (Win) / Option (Mac), а потім натисніть і перетягніть будь-яку з кутових ручок. Клавіша Shift блокує співвідношення сторін під час зміни розміру, а клавіша Alt / Option дозволяє змінювати розмір логотипу в центрі:

Утримуйте Shift + Alt (Win) / Shift + Option (Mac) під час перетягування кутових ручок, щоб змінити розмір логотипу.

Потім натисніть всередину вільної вільної трансформації та перетягніть логотип на місце. Я переміщу свою в лівий верхній кут. Щоб прийняти це, натисніть клавішу Enter (Win) / Return (Mac) на клавіатурі, щоб закрити вільну трансформацію:

Переміщення логотипу на місце.

Як ми можемо знати, що це пов'язаний розумний об’єкт?

Якщо ми знову подивимось на панель «Шари», ми побачимо наш логотип як розумний об’єкт над зображенням. Ми знаємо, що це пов’язаний розумний об’єкт, а не вбудований розумний об’єкт, піктограмою посилання в нижньому правому куті ескізу. Я збільшив його тут, щоб легше було побачити:

Піктограма повідомляє нам, що це за розумний об’єкт.

Змішування водяного знака в зображенні

Щоб зникнути водяний знак у зображенні, я просто знижую непрозорість розумного об’єкта зі 100% до 60% . У верхньому правому куті панелі "Шари" ви знайдете параметр "Непрозорість":

Зниження непрозорості логотипу.

Ось результат із водяним знаком, доданим до першого зображення:

Доданий перший пов'язаний розумний об’єкт.

Додавання водяного знаку до другого зображення

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

Перехід на друге зображення.

Тоді я зроблю те саме, що робив раніше, перейшовши до меню Файл і вибравши Місце Зв'язане :

Перехід до Файл> Пов’язати місце.

Я виберу файл логотипу і натискаю Місце :

Вибір файла логотипу ще раз.

Photoshop знову розміщує логотип і відцентрує його в документі:

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

Я натискаю Shift + Alt (Win) / Shift + Option (Mac) під час перетягування кутових ручок, щоб змінити його розмір. А потім я натискаю всередині вільної програми "Безкоштовна трансформація" і перетягу логотип на місце. Я переміщу цю в нижній правий кут. Щоб прийняти це, я натискаю клавішу Enter (Win) / Return (Mac) на моїй клавіатурі:

Змінення розміру логотипу та розміщення його в нижній правій частині зображення.

Два розумні об’єкти, що мають однаковий вміст

Знову на панелі «Шари» ми бачимо логотип як пов’язаний розумний об’єкт над зображенням. Навіть незважаючи на те, що цей розумний об’єкт знаходиться в окремому документі, оскільки його пов'язаний розумний об’єкт, він ділиться своїм вмістом із розумним об’єктом у попередньому документі. Вони обидва діляться тим самим файлом "logo.psd":

Логотип знову з’являється як пов'язаний розумний об’єкт.

Я вицвію логотип на зображення, знижуючи непрозорість розумного об’єкта до 60%:

Зниження непрозорості логотипу до 60%.

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

Доданий другий пов'язаний розумний об’єкт.

Як поєднувати зображення разом у Photoshop

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

Я додам його до ще однієї фотографії. Я перейду до свого третього зображення, натиснувши його вкладку:

Перехід на третє зображення.

Потім я повернусь до меню Файл і оберіть " Пов’язане місце" :

Перехід до Файл> Пов’язати місце.

Я виберу той самий файл логотипу і натискаю Місце :

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

Photoshop знову центрує логотип у документі:

Логотип розміщується перед третім зображенням.

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

Змінення розміру та переміщення логотипу в нижньому лівому куті.

Три розумні об’єкти, один спільний файл

На панелі "Шари" ми знову бачимо логотип як пов'язаний розумний об'єкт. Зараз у нас є три розумні об’єкти, кожен в окремому документі, всі вони мають спільний файл "logo.psd". Я вицвію логотип на зображення, знижуючи його непрозорість до 60%:

Зниження непрозорості до 60 відсотків.

І ось результат із водяним знаком тепер доданий до третього зображення:

Водяний знак додано до всіх трьох зображень.

Збереження та закриття одного із зображень

Перш ніж ми розглянемо, як внести зміни до логотипу, я збираюсь зберегти і закрити своє третє зображення. Ми побачимо, чому я роблю це в кінці підручника. Щоб зберегти його, я перейду до меню Файл і оберіть Зберегти як :

Перехід до Файл> Зберегти як.

Як і у файлі логотипу, переконайтеся, що ви зберегли своє зображення у форматі Photoshop .PSD. Це дозволить зберегти будь-які шари недоторканими, включаючи ваш розумний об’єкт. Клацніть Зберегти, і якщо Photoshop запитає, чи хочете ви збільшити сумісність, натисніть кнопку ОК:

Збережіть зображення у форматі .PSD Photoshop, щоб не втратити розумний об’єкт.

Як редагувати файл логотипу

Отже, коли ми додали логотип до трьох окремих зображень, що робити, якщо нам потрібно змінити логотип? Можливо, ми хочемо чогось зовсім іншого, або нам просто потрібно щось оновити, наприклад нашу контактну інформацію. І як нам зробити так, щоб зміни з’явилися у всіх наших образах? З пов’язаними розумними об’єктами це легко зробити.

Я повернусь до свого початкового зображення, натиснувши його вкладку:

Повернення до вихідного зображення.

Відкриття пов'язаного розумного об’єкта

Щоб відкрити пов'язаний розумний об’єкт і переглянути його вміст, просто двічі клацніть на мініатюрі розумного об’єкта на панелі «Шари». Це можна зробити в будь-якому документі, який має спільний розумний об’єкт. Тож у моєму випадку будь-яке з трьох моїх зображень спрацювало б:

Відкриття розумного об’єкта, двічі клацнувши його ескізом.

Це знову відкриває файл логотипу, до якого посилаються всі мої зображення:

Файл логотипу знову відкриється.

Редагування вмісту розумного об'єкта

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

Повторне ввімкнення фонового шару.

Щоб все було організовано, я розмістив кожен логотип у своїй окремій групі шарів . Я вимкну перший логотип, натиснувши значок видимості для групи "Логотип 1", а потім перегляну новий логотип, увімкнувши "Логотип 2":

Перемикання логотипів на панелі «Шари».

А ось новий логотип перед чорним фоном:

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

Збереження змін

Знову ж таки, я не хочу, щоб на зображеннях з'являвся чорний фон, тому перш ніж зберегти його, я вимкніть шар "Фоновий фон":

Клацання піктограми видимості фонового шару.

Потім, щоб зберегти зміни, я перейду до меню Файл і виберу Зберегти :

Перехід до Файл> Зберегти.

Оскільки мені не потрібно тримати документ відкритим, я закрию його, повернувшись до меню Файл та вибравши Закрити :

Перехід до Файл> Закрити.

Як редагувати розумні об’єкти у Photoshop

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

Це повертає нас до образу. І просто так, Photoshop оновив розумний об’єкт моїм новим логотипом. Залежно від внесених змін вам може знадобитися змінити логотип за допомогою інструмента "Переміщення":

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

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

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

Як оновити закрите зображення

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

Щоб показати вам, що я маю на увазі, і як це виправити, я знову відкрию своє третє зображення, яке я закрив раніше, перейшовши до меню Файл та вибравши Відкрити :

Перехід до Файл> Відкрити.

Я перейду до файлу, а потім двічі клацну, щоб відкрити його:

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

І зауважте, що на цьому зображенні все ще є оригінальний логотип, навіть якщо він посилається на той самий файл, що й інші. Це тому, що документ було закрито, коли я вносив зміни:

Логотип на закритому зображенні не оновлювався.

Оновлення зміненого вмісту

Якщо ми подивимось на панель «Шари», помітить маленьку піктограму попередження в нижній правій частині ескізу розумного об’єкта. Цей значок повідомляє нам, що вміст розумного об’єкта змінилося з моменту останнього відкриття файлу, і його потрібно оновити:

Піктограма попередження.

Щоб оновити його, переконайтеся, що вибрано розумний об’єкт. Потім перейдіть до меню « Шару », виберіть « Розумні об’єкти» та виберіть « Оновити змінений вміст» . Або якщо у вас є кілька розумних об'єктів, які потрібно оновити, виберіть Оновити весь змінений вміст натомість:

Перехід до шару> Розумні об’єкти> Оновити змінений вміст.

Як тільки ви виберете його, Photoshop оновлює розумний об’єкт новим вмістом, і саме так з’являється наш новий логотип:

Оновлення розумного об’єкта замінило старий логотип новим.

І там ми його маємо! Ось як додати водяний знак до своїх зображень та як оновити зміни, використовуючи пов’язані розумні об’єкти у Photoshop! Не забудьте ознайомитись у розділі Основи Photoshop щодо більш розумних навчальних посібників! І не забувайте, усі наші підручники з Photoshop тепер доступні для завантаження у форматі PDF!