Водяной знак на фотографии. Создание прозрачного текста
Дизайн и графика » Photoshop
Автор Дмитрий Евсеенков На чтение 2 мин Просмотров 1.6к. Обновлено
Если вы решили выложить свою фотку или рисунок на просторах интернета, и не хотите, чтоб его нагло спёрли злобные злодеи, а потом разместили на своих ресурсах, да ещё и под своим авторством, то на этом рисунке можно наложить водяной знак, прозрачный логотип или текст-подпись.
Вообще-то правильно говорить «водный знак», а не «водяной знак», но раз уж в народе так говорят, не будем спорить. Вообще-то, водяной знак — это фишка в метаданных.
Итак, приступим. Открываем фотку, берём инструмент «Текст» (клавиша Т) и пишем какое-нибудь слово.
Я взял нейтральную фотку бобра, чтоб не обвинили в копирайте (если что, приношу свои извинения благородному и мудрому зверю бобру). Пишем текст. Не беда, если текст получился не того размера или не в нужном месте. Если нажать и удерживать клавишу Ctrl, то вокруг текста появляется рамочка, и, потянув за её угол, можно изменить размер текста. А если отвести от текста курсор, то он (курсор) изменит форму на чёрный треугольник, и, зажал левую клавишу мыши, текст можно перемещать.
Цвет текста не имеет значения:
Открываем Панель слоёв (клавиша F7) и изменяем параметр «Заливка» (Fill) на ноль процентов. Потом нажимаем на кнопку «Стиль слоя»:
В открывшемся меню выбираем стиль слоя «Тиснение» (Bevel and Emboss) и задаём такие настройки, чтобы надпись была видна, но в то же время не отвлекала от самого изображения.
Мне показались наилучшими для текста на бобровом фото следующие настойки:
Ну вот, надпись создана, теперь можно выбрать размер и расположение для неё (если не получается перемещение надписи, надо кликнуть по слою в Панели слоёв и затем по инструменту «Текст» в инструментальной панели и попробовать переместить заново.
Теперь бобры могут спать спокойно, эту фотку враги не стырят.
Вместо стиля слоя «Тиснение» можно использовать стиль «Тень» со следующими настройками:
Результат:
Возникает вопрос — а если надо много фоток подписать, то что, каждый раз необходимо тратить столько времени на создание водяного знака? Ответ — нет, не нужен, добрые адобовцы создали инструмент автоматизации Экшен (другие названия инструмента — Actions, Действие, Операция), который может помочь во многих случаях, в том числе и в нашем. Об автоматизации создания водяных знаков рассказывается в уроке «Автоматизация создания водяных знаков на фото»
Оцените автора
( 32 оценки, среднее 0.34 из 5 )
Как сделать водяной знак в фотошопе прозрачным
Делюсь навыком, как сделать водяной знак в фотошопе и рассказываю для чего он нужен.
Недавно я занялась вебдизайном. Начала принимать заказы на небольшие работы и поняла — заказчику всегда отправляете показать эскиз только под защитой водяного знака. И убираете его после полной оплаты заказа. Также я использую водяной знак на своих слайдах для видео.
Довольно часто я делаю для своих близких открытки-поздравлялки в фотошопе. Их я тоже защищаю водяным знаком. Он хорошо подходит для защиты авторского права на фотографиях.
Водяной знак можно делать цветным и прозрачным. Я предпочитаю прозрачный водяной знак. Сейчас мы с вами его сделаем в фотошопе CS6.1. Создаём в фотошопе документ, размером 400*100, даём ему название «Водяной знак».
Для этого, нажимаем надпись «Файл» и в появившемся окне «Создать»:
2. Заполняем все необходимые поля аналогично приведённой картинке :
Обратите внимание на следующие пункты:
- ширина — 400 (для слайдов 800-1000) пикселей
- высота — 100 (для слайдов 200) пикселей
- разрешение 300 (очень часто фотошоп на автомате предлагает другое)
- цветовой режим RGB (важно!)
- содержимое фона — Прозрачный (у вас может на автомате стоять «Белый»)
Только внимательно проверив все прописанные мной пункты — нажимаем «ОК».
3. На левой панели инструментов находим Инстумент Горизонтальный текст:
4. Кликаем этим инструментом на наш документ, чтобы появился курсор.
5. Нам необходимо сделать цвет надписи чёрным. Для этого нажимаем на верхней панели иконку цвета шрифта — у меня она пока голубого цвета (появится только после того, как у вас будет курсор на документе):
6. Как только вы кликните на иконку, увидите новое окошко, на котором мы и задаём чёрный цвет шрифта, перемещая кружочек в крайнее нижнее положение слева и нажимая кнопку «ОК»:
Как видите, цвет стал чёрным.
7. Также можете настроить величину шрифта и название шрифта. У меня шрифт «Rubius» и размер шрифта 14:
Шрифт можно скачать по ссылке с моего Яндекс.Диска https://yadi.sk/d/eD73rTIijNa5z. Я им часто пользуюсь, очень красиво смотрится в надписях.
8. Прописываем либо своё имя и фамилию, либо — название сайта. В ролике я прописываю имя и фамилию, а сейчас пропишу название сайта (на английском языке):
9.
Если у вас надпись не заняла всё поле, кликаете два раза по значку «Т» , текст выделится и вы на верхней панели подбираете размер шрифта. Когда закончите, опять кликаем два раза по тому же значку текста:
Вот так можно сделать цветной водяной знак. Менять цвет шрифта можно по вашему желанию, вы уже знаете, как это сделать.
Как сделать водяной знак прозрачным
10. Делаем водяной знак прозрачным. Для этого добавляем стиль слоя, нажимая иконку слоя fx:
11. Появится окошко и мы выбираем (кликаем) «Тиснение»:
Откроется ещё окошко и там тоже выбираем «Тиснение»:
12. Делаем наш водяной знак прозрачным:
Как сделать водяной знак прозрачным:
- кликаем на надпись «Слои» (на рисунке цифра 1)
- возле слова «Заливка» нажимаем на треугольник на рисунке цифра 2)
- появится ползунок
- отводим его в крайнее левое положение, пока цифра «100%» возле слова «Заливка» не поменяется на надпись»0%» (на рисунке цифра 3)
- смотрим, как стала надпись почти невидимой — прозрачной (на рисунке цифра 4)
Теперь вы знаете, как сделать водяной знак в фотошопе прозрачным.
13. Как его сохранить? Сохраняем дважды.
Первое сохранение для возможного исправления чего-либо в фотошопе (а вдруг надо будет?):
Кликаем Файл —> Сохранить как —> Сохраняем с расширением для фотошопа:
Второе сохранение — рабочее, для использования нашего водяного знака. Именно с ним мы будем работать в дальнейшем:
Кликаем Файл —> Сохранить как —> Сохраняем с расширением PNS, PNG:
Сохранение именно в этом расширении сделает его прозрачным (без фона) и тогда его можно накладывать на любое изображение. Например, я открываю в фотошопе фото изделия с бисера и переношу на неё (просто перетягиваю) водяной знак и он красиво ложится на фон картинки:
На этом урок закончен. Теперь вы знаете все нюансы о том, как сделать водяной знак в фотошопе прозрачным и непрозрачным.
Я записала для вас видео, как сделать водяной знак в фотошопе CS6 прозрачным. Смотрите и сделайте себе.
До следующих уроков. У меня к вам вопрос: вам нужны подобные уроки? Это приносит вам пользу? Хочу сориентироваться, продолжать их или нет.
Заранее благодарю за ваши ответы.
С уважением, Галина Нагорная
P.S. Если у вас что-то не получилось — пишите в комментариях, помогу, исправлю… Главная ошибка здесь — не добавили стили, а в них — тиснение.
Понравилось это:
Нравится Загрузка…
Сделать фон монтажной области Photoshop прозрачным
Ни для кого не секрет, что Adobe Photoshop — одно из самых передовых и многофункциональных программ для редактирования фотографий, которое используют как профессионалы, так и начинающие дизайнеры для создания визуально привлекательных дизайнов. Photoshop имеет множество функций, которые дают дизайнерам возможность манипулировать различными элементами изображения и улучшать его общее качество.
Одной из таких функций, недавно представленных в Photoshop, являются монтажные области. Монтажная область — это, по сути, отдельный слой в Photoshop, который позволяет дизайнерам работать над несколькими проектами (официально известными как холсты) в одном документе.
Таким образом, вместо переключения между несколькими слоями дизайнеры могут работать над своим дизайном на одном слое и ускорить весь процесс проектирования.
Но, поскольку монтажная область является относительно новой функцией Photoshop, многие пользователи хотят знать, возможно ли сделать монтажную область прозрачной в Photoshop . Если вы мучились с этим вопросом, мы здесь, чтобы помочь! В сегодняшней статье мы поделимся подробным руководством о том, как сделать монтажные области прозрачными в Photoshop, чтобы вы могли персонализировать весь процесс проектирования.
В этой статье
Часть 1 Что делает слой монтажной области?
Часть 2 Как сделать фон монтажной области прозрачным?
Часть 3 Найдите более простой способ получения изображений с прозрачным фоном
Часть 1. Что делает слой монтажной области?
Если вы новичок в Photoshop, возможно, вы не знакомы с концепцией монтажных областей. Проще говоря, монтажная область — это отдельный слой, который позволяет добавлять несколько полотен в один документ и одновременно работать над разными проектами.
Вот так выглядит артборд.
Как видите, артборд выше имеет три разных холста, и работать со всеми ими одновременно сравнительно проще. В идеале дизайнеры UI/UX используют артборды для создания различных модулей для своего веб-сайта/приложения. Поскольку они могут работать над каждым модулем одновременно, становится намного проще обеспечить, чтобы каждый компонент их продукта соответствовал одной и той же теме дизайна.
Когда вы создаете новую монтажную область в Photoshop, программа автоматически создает отдельный слой в «Сетке слоев». В отличие от других традиционных слоев, слой монтажной области обозначается специальным значком монтажной области.
Часть 2. Как сделать фон монтажной области прозрачным?
Итак, теперь, когда вы знаете, что может делать монтажная область, давайте разберемся, как сделать монтажные области прозрачными в Photoshop. Стоит понимать, что артборды могут иметь прозрачный фон только в том случае, если вы используете последнюю версию Adobe Photoshop.
Почему? Потому что до 2017 года артборды не поддерживали прозрачный фон. Вам нужно было либо скопировать фон PNG на холст, либо сохранить свой дизайн с белым фоном. Только с выпуском Photoshop CC 2017 Adobe представила функцию прозрачности для монтажных областей.
Но почему важно использовать прозрачный фон в артбордах? Что ж, ответ довольно прост. Если вы разрабатываете шаблоны пользовательского интерфейса для мобильного приложения или веб-сайта, вы также можете добавить в дизайн несколько логотипов. Но стоит отметить, что логотипы выглядят привлекательно только тогда, когда они имеют прозрачный фон. Это основная причина, по которой дизайнеры стремятся сделать свои артборды прозрачными в Photoshop.
Итак, вот подробное пошаговое описание того, как сделать фон монтажной области прозрачным в Adobe Photoshop.
Шаг 1:
Прежде всего, откройте Photoshop и создайте новый документ. Обязательно установите тип документа «Монтажная область» и выберите подходящий размер монтажной области.
Шаг 2:
Вы заметите, что холст имеет одну монтажную область. Если вы хотите добавить несколько монтажных областей, просто щелкните значок «Монтажная область» в верхней строке меню.
Шаг 3:
По умолчанию все монтажные области имеют прозрачный фон. Итак, щелкните правой кнопкой мыши монтажную область, которую вы хотите сделать прозрачной, и нажмите «Свойства».
Шаг 4:
В окне «Свойства» щелкните раскрывающееся меню «Цвет фона монтажной области» и выберите «Прозрачный».
Вот и все; закройте окно «Свойства», и фон выбранной монтажной области мгновенно станет прозрачным.
Часть 3. Найдите более простой способ получения изображений с прозрачным фоном
Итак, вот как можно сделать монтажные области прозрачными в Photoshop. Помимо артбордов, многие пользователи также хотят знать, можно ли сделать изображения прозрачными в Photoshop. Ответ — да, но есть большая загвоздка.
Процесс преобразования фона в прозрачный в Photoshop непрост. Вам придется выполнить длительный процесс, чтобы удалить белый/сплошной фон и сделать изображение прозрачным. И, если вы не профессиональный дизайнер, вам может быть довольно сложно точно удалить фон.
Именно тогда в игру вступают такие инструменты, как Wondershare PixCut. Это эксклюзивное онлайн-средство для удаления фона, которое использует Smart-AI для автоматического обнаружения и удаления фона с изображения. Благодаря поддержке искусственного интеллекта вам не придется вручную отмечать края. Инструмент точно удалит фон, не повреждая никаких деталей переднего плана. Использование PixCut для удаления фона мгновенно ускорит весь процесс, и вы сможете создавать прозрачные изображения без каких-либо хлопот.
Некоторые из ключевых функций Wondershare PixCut включают:
- Удаление белого/сплошного фона одним щелчком мыши
- Удаление фона из изображений различных типов, включая JPEG и PNG
- Инструмент поддерживает массовое удаление, что означает, что вы сможете легко удалить фон из нескольких изображений.
- Вы также можете удалить водяной знак с изображения с помощью PixCut
- Инструмент также позволяет пользователям увеличивать изображения без потери деталей
Итак, вот как можно удалить белый фон с изображения и сделать его прозрачным с помощью Wondershare PixCut.
Шаг 1:
Откройте Google Chrome или любой другой веб-браузер и перейдите на pixcut.wondershare.com. Теперь нажмите «Загрузить изображение» и выберите изображение, фон которого вы хотите удалить. Вы также можете загрузить изображение, перетащив его на веб-сайт или просто вставив его URL-адрес.
Шаг 2:
Как только изображение будет загружено, PixCut автоматически начнет удалять его фон. Это займет всего 5-6 секунд.
Шаг 3:
После удаления фона вы увидите прозрачное изображение в правой части экрана. На этом этапе просто нажмите «Загрузить бесплатно», чтобы бесплатно сохранить изображение в своей системе.
Создание прозрачного изображения с альфа-каналом
Все Axialis Программные продукты поддерживают изображения с альфа-каналом прозрачность. Форматы файлов PNG, BMP и PSD фактически поддерживают альфа-канал. Если вы хотите создать красивую иконку (используя Axialis IconWorkshop™) или хранитель экрана с плавными спрайтами (используя Axialis Professional Screen Saver производитель) мы рекомендуем вам использовать изображения с альфа-каналом.
Альфа-каналы — это маски, через которые можно отображать
картинки. Альфа-канал — это 8-битный канал, что означает, что он имеет 256 уровней.
серый от 0 (черный) до 255 (белый). Белый действует как видимая область; черные действия
как прозрачная область (вы видите фон за изображением, когда
отображается). Уровень серого между ними определяет уровень видимости. За
например, 50-процентный серый обеспечивает 50-процентную видимость. Альфа-каналы
обычно используется с 16,8-мегапиксельными цветными RGB-изображениями.
Полученное изображение называется RGBA (RGB+A, A означает альфа-канал).
На рисунке ниже вы видите, как альфа-канал применяется к исходному изображению для удаления (визуально) оранжевого градиента задний план. В результате получается прозрачное изображение 32 BPP (бит на пиксель). серый узор в виде шахматной доски показывает прозрачность изображения.
Мы научимся создавать прозрачное изображение с помощью Alpha Канал из стандартного изображения. Фотошоп® содержит мощные функции манипулирования альфа-каналом. Мы увидим здесь один из Самый простой способ продолжить: выдавить часть изображения и удалить существующую задний план. Также существуют продвинутые методы работы с альфа-каналом. Видеть Фотошоп поможет прочитать больше.
Создать прозрачное изображение с помощью Adobe Photoshop®
1. Открыть
твой образ в
Photoshop® (в этом уроке мы используем версию 7.0). Выберите Файл/Открыть… Выберите файл и нажмите Открыть .
Файл открывается в
отдельное окно документа. Вы можете скачать оригинальное изображение, которое мы используем в этом
учебник здесь: logo.bmp (щелкните правой кнопкой мыши и
выберите Сохранить цель как ).
2. Если файл не в формате RGB (16,8 млн цветов), конвертируйте его: выберите Изображение/Режим/Цвет RGB .
3. Сейчас выберите фоновую область изображения (область, которую вы хотите удалить). Если фон изображения имеет сплошной цвет (в нашем примере белый), выберите Magic Wand Tool (W) или нажмите в ящик для инструментов. Обязательно укажите Tolerance=10 , Сглаживание и Непрерывный в параметрах выбора (диалоговое окно сверху, под меню). Ты возможно, потребуется настроить значение допуска (это зависит от вашего изображения). Когда закончите, щелкните в фоновой области изображения ():
4. А
пунктирная линия выбора появляется вокруг логотипа и вокруг квадратной границы
изображение.
Это означает, что выбран фон (не логотип). Если
фон не выполнен из сплошного цвета, вы можете выбрать его с помощью Polygonal Lasso Tool (L) или нажмите .
Это немного сложнее, но это единственный способ продолжить.
5. Сейчас, мы выберем только логотип. Для этого выберите Выбор/Инверсия (Shft+Ctrl+I) . Это почти не изменилось, но пунктирная линия вокруг квадратной границы изображения исчез.
6. Выберите Редактировать/Копировать (Ctrl+C) , затем Редактировать/Вставить (Ctrl+V) , чтобы создать новый слой с «выдавленным» логотипом. Обновлен список слоев. (Смотри ниже). Выбранный новый слой появится вверху списка (). Исходное изображение присутствует на заднем плане (). Теперь мы скроем исходное изображение, нажав на кнопку «глаз» фоновый слой (). Если вы хотите, вы также можете удалить его, перетащив его в корзину (в правый нижний угол списка).
5. документ изображения теперь выглядит так, как показано ниже.