Прозрачность и полупрозрачность в Photoshop
Подробные инструкции / Уроки Photoshop
Прозрачность в Photoshop – одно из ключевых понятий. Если вы только начали изучать Фотошоп и еще не знаете, как сделать прозрачным фон фотографии или как сделать часть рисунка прозрачной, этот небольшой урок с иллюстрациями будет для вас полезным.
Как сделать прозрачный фон в Фотошопе
Для того, чтобы сделать прозрачный фон на фото или рисунке, достаточно создать 2 слоя: нижний прозрачный фоновый слой и верхний видимый слой, на котором удалить ненужные участки изображения.
1. Открываем Photoshop. Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open…).
2. Выделяем все изображение/фото (Ctrl+O).
3. Копируем выделенную картинку (Ctrl+C).
4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent – «прозрачность»:
Нажимаем Enter и видим, что Photoshop создал новый файл с фоном, состоящим из бело-серых квадратиков. Такими квадратиками в Фотошопе обозначаются полностью прозрачные области.
5. Вставляем в новый файл с прозрачным фоном ранее скопированное изображение. Для этого используем традиционную комбинацию горячих клавиш Ctrl+V. В результате в текущий, полностью пустой и прозрачный слой будет вставлено ранее скопированное изображение.
6. Выделите область, которую нужно удалить с помощью обычных инструментов выделения (М)
или с помощью «волшебных» инструментов (W):
Нажмите на клавиатуре клавишу Delete и вместо выделенного фона или фрагмента картинки увидите бело-серые квадратики – эта область будет прозрачной.
Далее можете либо сохранить изображение с прозрачностью либо продолжать эксперименты с картинкой в Фотошопе.
Как сделать полупрозрачный текст и «водяной знак»
В Фотошопе, помимо состояния «полностью видим» и «полностью прозрачен» существует состояние частичной видимости или частичной прозрачности. Частичная видимость объекта на рисунке указывается в процентах.
Полупрозрачный текст, логотип или другие полупрозрачные метки поверх оригинальных изображений часто используют для защиты авторских прав. Наносятся они, как правило, с помощью Фотошопа или специальных плагинов. Их цель – указать первоисточник изображения, указать авторство, усложнить жизнь тем людям, которые захотят своровать картинку.
Допустим, нам нужно выложить на сайте компании эксклюзивное фото автомобиля, указав поверх фотографии полупрозрачную надпись. Делается такая полупрозрачность в Фотошопе очень легко:
1. Запускаем Фотошоп и открываем в нем нашу фотографию (File->Open…).
2. Выбираем инструмент Текст (T) и пишем поверх фото надпись нужного размера, цвета и стиля:
При этом текст будет автоматически размещен в отдельном слое и быть 100% видимым.
3. Установим 40%-ю видимость белой надписи на фото. Для этого в окне слоев (Layers) передвинем ползунок свойства Opacity в значение 40%:
Все. Теперь картинку с полупрозрачной надписью можно сохранять в формате JPG и выкладывать на сайт. Аналогично вместо текста можно вставить любой другой рисунок, например, логотип BMW или сайта.
В каком формате сохранить картинку с прозрачностью
Обратите внимание, что сохранять обработанную в Фотошопе фотографию с прозрачными участками в формате JPEG нельзя – этот формат не поддерживает прозрачность. Прозрачные участки при сохранении в JPG автоматически будут заполнены цветом (по умолчанию — белым). Среди форматов, которые используются в веб, корректно отображаются браузерами и поддерживают прозрачность – только GIF и PNG.
Родной формат Фотошопа PSD браузерами не отображается.
К сожалению, графические форматы GIF и PNG имеют свои ограничения. Формат GIF, как и 8-битный PNG, может запомнить максимум 256 цветов, потому для сохранения фотографий он не подходит. Несмотря на то, что 24-битный PNG подходит для хранения фотографий и другой графики с градиентами и прозрачностью, многие сайты ставят ограничение на форматы загружаемой посетителями графики. Потому свои фото или аватары можно загрузить на такие сайты только в формате JPG или GIF. В этом случае фотографию придется сохранять не на прозрачном фоне, а вставлять в Фотошопе тот фон, на котором она будет размещаться на сайте, сохранять результаты работы в JPG и уже потом заливать на сайт.
Создание каменного текста на фоне космоса в фотошопе Photoshop | Soohar
В этом уроке вы увидите процесс пошагового создания каменного текста на фоне космоса в Photoshop шаги.
Прочитав этот урок, вы научитесь работать с инструментами выделения, деформирования, фильтрами, цветовыми настройками изображения и свойствами наложения слоя. Давайте начнем!
Материалы:
- Space Brush
- Rock
Шаг 1
Создайте новый документ с черным фоном и размером 900px на 1270px . Создайте новый слой и, используя кисти Space Brush нарисуйте фон (в свойствах кисти параметрам Opacity и Flow поставьте 40%):
После, создайте еще один новый слой. В центре добавьте букву (Буква и шрифт можете выбрать на свой вкус):
После этого, откройте в новой вкладке фотошопа изображение Rock (). Затем снова вернитесь к основному документу и создайте выделение буквы:
Выберите инструмент Rectangular Marquee Tool, нажмите и перетащите выделение на изображение Rock, что бы выделить фрагмент:
Скопируйте (CTRL + C) и вставьте этот фрагмент в основной документ (CTRL + V).
Шаг 2
Используя ластик с мягкими краями, аккуратно сотрите некоторые части каменной текстуры так, как показано ниже:
Добавьте четкость текстуре, применив Filter — Sharpen — Unsharp Mask с настройками, как показано ниже:
Затем добавьте следующие три корректирующих слоя к этой текстуре:
Levels:
Curves
Brightness and Contrast
После этого у вас должен получиться примерно такой результат:
Шаг 3
Теперь можно добавить еще несколько скалистых текстур и сделать текст объемнее. Вернитесь к изображению с текстрой и выберите кусок скалы, как показано ниже:
Вы можете настроить мягкость выделения с помощью refine edge filter (Ctrl + Alt + R):
Скопируйте и вставьте выделенный участок текстуры на основной документ.
Используя мягкий ластик, сотрите края и смешайте эту часть с базовой текстурой:
Таким же способом добавьте еще отдельных частей текстур:
Не забывайте использовать инструмент свободной трансформации (CTRL + T), для лучшей настройки положения текстур. Помните так же, что добавив больше деталей вы улучшите изображение и сделаете текст объемнее и реалистичнее.
Шаг 4
Добавьте еще деталей и частицы. Для этого, можете использовать все ту же текстуру. Используя инструмент быстрого выделения Quick selection создайте нескольк овыделений, как показано ниже:
Скопируйте и вставьте выделение на основной документ, измените размер и разместите так, как показано ниже:
Можете использовать инструмент свободной трансформации (CTRL + T) для этих мелких деталей, чтобы создать эффект движения:
Дублируйте этот слой несколько раз и расположите камни их вокруг текста:
Не забывайте использовать ластик, что бы создать неповторимые детали:
Шаг 5
ОК, мы почти закончили:) Нарисуйте облака и настройте яркость, как показано ниже:
Можете нарисовать некоторые абстрактные линии для дополнительного эффекта:
Можете сгладить освещение изображения применив фильтр Unsharp Mask:
Используя Burn Tool, добавьте тень в центре буквы: (в свойствах инструмента поставьте параметру strength 15%)
Результат
Во и все.
Надеюсь, вам был полезен этот урок:)
Автор psdvault. Перевод для сайта Soohar.ru
Похожие по теме уроки:
- Создание каменного текста на гранжевом фоне
- Создание средневекового металлического текста в фотошопе
Как создать размытый/светящийся фон для лучшей читаемости текста Photoshop
Задавать вопрос
спросил
Изменено 5 лет, 9 месяцев назад
Просмотрено 4к раз
Я новичок в фотошопе, я пытаюсь добавить прозрачный фон для своего текста, чтобы сделать его более читаемым, но я не знаю, как создать простой полупрозрачный фон со светящимися краями (или как это сделать) называется).
Вот пример того, чего я пытаюсь добиться.
Итак, идея состоит в том, чтобы создать что-то вроде облака дыма и поместить его в качестве фона для текстового слоя, чтобы сделать его читаемым.
Как получить желаемый результат. Мне интересно, как создать любую форму и сделать так, чтобы я мог создать фон для любого элемента.
Спасибо. Буду признателен за любую помощь.
- adobe-photoshop
- текст
- фотошоп-эффекты
- фон
- размытие
3
- Нарисуйте слой в форме эллипса с помощью инструмента
Ellipse Tool. - Откройте
Окно→Свойстваи убедитесь, что выбрана вкладкаМаски. - Отрегулируйте радиус растушевки.
Преимущество использования этого метода заключается в том, что его можно отредактировать в любое время в будущем. Это также работает для векторных масок на слоях и группах.
Спасибо всем за помощь.
Я решил свою проблему следующим образом
- Создайте любую фигуру, которую хотите, в моем случае многоточие.
- Залейте его цветом, в моем случае это черный.
- Применить фильтр-> Размытие -> Размытие по Гауссу
- Поиграйте с непрозрачностью слоя.
Вот и все)
Вот как это сделать.
Выберите инструмент Ellipse Tool на панели инструментов.
Теперь нарисуйте горизонтальный овал, перетаскивая его по холсту.
Щелкните правой кнопкой мыши слой формы и выберите Преобразовать в смарт-объект .
В строке меню нажмите Фильтр > Перейдите к Размытие > и затем нажмите Размытие рамки…
Откроется новое окно с просьбой установить радиус размытия (это будет определять степень размытия, которая будет добавлена к этой овальной форме). Установите радиус на 40 пикселей или больше .
Уменьшите непрозрачность (из поля непрозрачности чуть выше панели слоев) до 50% (или любого процента, который вам подходит).
Теперь щелкните текстовый инструмент (инструмент «Горизонтальный или вертикальный текст») на панели инструментов и щелкните в любом месте холста. Это создаст новый текстовый слой. Введите здесь все, что хотите.
Если текст выходит за пределы овала, просто нажмите « Ctrl+T » на клавиатуре, это активирует элементы управления трансформацией. Теперь просто растяните овальную форму так, чтобы она покрывала весь текст.
1
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания, политикой конфиденциальности и политикой использования файлов cookie
Adobe Photoshop — Как выделить текст и сохранить цвет фона в пределах его выделения?
Задавать вопрос
спросил
Изменено 3 года, 2 месяца назад
Просмотрено 185 раз
Это название может сбивать с толку, так как я не совсем уверен, что такое правильная терминология.
У меня шероховатый/сломанный шрифт, который не совсем сплошной. Я добавил черный фоновый слой и хочу, чтобы этот черный цвет оставался за этим шрифтом, но только за шрифтом, а не на всем холсте.
Вот пример моей настройки со шрифтом и сплошным фоном.
Как вы можете видеть, когда я выбираю текстовый слой, он подхватывает все сломанные участки шрифта и не имеет сплошной формы.
Моя цель здесь состоит в том, чтобы оставить черный цвет позади самого шрифта, где вы можете видеть его в прерывистых частях текста, но не сделать остальную часть фона черным. На изображении ниже две красные линии указывают на области в тексте, где объясняется, что я хочу сохранить.
Конечной целью здесь является то, что если я отключу слой 1 (черный фон), я хочу иметь возможность видеть черный цвет за этими буквами и не делать их прозрачными.
Какой подход я могу использовать для достижения этой цели?
Я сделал это вручную, обведя букву лассо и выбрав инверсию, чтобы удалить все, кроме моего выбора в качестве примера того, что я пытаюсь получить.
