Как сделать буквы прозрачными в фотошопе: Прозрачный текст в Фотошоп / Creativo.one

Как сделать прозрачный текст в Фотошопе

Создать прозрачный текст в Фотошопе несложно – достаточно снизить непрозрачность заливки до нуля и добавить стиль, подчеркивающий контуры букв.

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

Приступим.

Создаем новый документ нужного размера и заливаем фон черным цветом.

Затем меняем основной цвет на белый и выбираем инструмент «Горизонтальный текст».

Лучше всего будут смотреться шрифты, имеющие плавные линии. Я выбрал шрифт «Forte».

Пишем наш текст.

Создаем копию слоя с текстом (CTRL+J), затем переходим на оригинальный слой и дважды кликаем по нему, вызывая стили слоя.

Первым делом выбираем пункт «Тиснение». Выставляем настройки, как показано на скриншоте.

Затем выбираем пункт «Контур» и снова смотрим на скриншот.

Добавим Обводку с такими настройками:

И Тень.

Готово, нажимаем ОК.

Не переживайте, что ничего не видно, скоро все покажется…

Переходим на верхний слой и снова вызываем стили.

Снова добавляем Тиснение, но с такими настройками:

Затем определяем Контур.

Настраиваем Внутреннее свечение.

Нажимаем ОК.

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

Все очень просто. Снижаем прозрачность заливки для каждого текстового слоя до нуля:

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

В данном случае фон добавляется между текстовыми слоями. Обратите внимание, что непрозрачность размещенного изображения нужно снизить («на глаз»), чтобы через него проступил нижний текстовый слой.

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

Фон можно взять готовый, либо нарисовать свой.

Вот, что получилось в итоге:

Внимательно настраивайте стили для текстовых слоев и получите вот такой красивый прозрачный текст. До встречи в следующих уроках.

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

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Прозрачный как стеклышко / Creativo.one

В этом уроке Photoshop, мы будем учиться добавлять прозрачный текст на изображение несколькими способами. Первая техника — быстрая и легкая. Вторая намного интереснее, с использованием стилей слоя, кроме того мы рассмотрим разницу между двумя параметрами слоя: «Непрозрачность» («Opacity») и Заливка («Fill»).

Этот урок сочетает в себе два направления — создание фото-эффекта и текстового эффекта.

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

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

Итак, начнем!

Шаг 1: Добавим текст к изображению.

Возьмите инструмент , установите белый цвет, выберите подходящий шрифт и размер. Далее напишите ваш текст. Здесь логично будет написать что-нибудь про дайвинг, например, «SCUBA DIVING»

Нажмите на галочку на верхней панели, когда закончите писать текст:

Шаг 2: Изменяем размер и положение текста с помощью Свободной трансформации.

Нажмите Ctrl+T , чтобы вызвать инструмент «Свободная трансформация». Разместите текст как вам больше нравится, измените размеры если это требуется (потяните за узелки рамки). Зажмите «Shift» — тогда трансформация пройдет без искажений.

Нажмите Enter, чтобы применить трансформацию.

Сейчас рассмотрим самый простой способ сделать текст прозрачным.

Шаг 3: Уменьшаем непрозрачность текстового слоя

Самый быстрый способ — это несомненно просто понизить параметр непрозрачности у слоя с текстом. Если мы посмотрим на шапку палитры слоев, то увидим там нужный параметр. Кликните по стрелочке и установите уровень непрозраности на 50%.

Вот что получается:

Вы можете самостоятельно регулировать прозрачность. Параметр непрозрачности около 30-50% будет хорошо смотреться, но не совершенно.

Как же сделать текст кристально прозрачным?

Для начала верните непрозрачность на 100%.

Шаг 4: Уменьшаем параметр «Заливка» («Fill») до 0%

Наверно вы заметили, что под параметром «Непрозрачность» есть еще один, который называется «Заливка» («Fill»). Если вы сейчас попробуете поиграть с ползунком этого параметра, то эффект будет тот же самый. В чем же тогда разница? Сейчас вы сами все поймете!

Шаг 5: Добавим стиль «Внешнее свечение» («Outer Glow»)

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

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

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

Теперь самый главный момент!

Попробуйте уменьшить прозрачность — все потихоньку исчезает. Верните назад.

Теперь уменьшите заливку — исчезает только текст, но свечение остается!!!

В этом и заключается секрет параметра «Заливка» (Fill) — слой становится прозрачным, а его стили не изменяются.

По умолчанию в настройках стиля «Внешнее свечение» стоит желтый цвет. Давайте поменяем этот цвет на более подходящий нашему изображению. Кликните по квадратику с цветом — попадете в палитру цветов:

Пипеткой щелкните не по палитре, а прямо по ярко-голубому цвету на фото:

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

Сейчас увеличьте непрозрачность до 100%, далее увеличьте размер свечения до 20 px:

Нажмите OK. Вот что получилось на данный момент:

Сейчас смотрится намного интереснее, чем когда мы уменьшали прозрачность. Верно?

Каким еще воспользоваться приемом, чтобы еще выделить текст?

Шаг 6: Верните параметр Заливка — «Fill» на 100%

Снова ваш текст станет белым:

Шаг 7: Измените режим наложения слою с текстом на «Overlay» (Перекрытие)

В данный момент установлен режим нормальный, ничего особого не просходит. А теперь выберите из списка режим «Overlay» (Перекрытие):

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

Если вам кажется, что режим Перекрытие слишком ярко себя показывает на вашем изображении, то попробуйте режим «Soft Light» — Мягкий свет.

Вы можете остановиться и здесь, но давайте добавим еще один стиль.

Шаг 8: Добавляем стиль «Inner Glow» — «Внутреннее свечение»

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

Установите такие настройки: режим наложение — Multiply (Умножение), непрозрачность 40%, размер 18 px

Нажмите ОК и можете себя поздравить! Вы справились с заданием!

Вот и результат:

До встречи на www. creativo.one!

Как сделать прозрачный текст в Photoshop | MyPhotoshop.ru

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

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

Так как сделать прозрачный текст в Фотошопе (Photoshop)? Начнем:

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

2. Основной цвет поменять, сделав белым. Выбрать на панели инструментов «Горизонтальный текст».

3. Выбрать шрифт – лучше всего с плавными линиями, например, Helvetica, Yanone Kaffeesatz или Cochin Italic. Такой шрифт будет лучше смотреться в готовом документе. Мы выбрали для урока шрифт “Yanone Kaffeesatz”. Уж очень мы его любим.

4. Написать нужный текст, выбрав размер шрифта и прочие желательны параметры. Размер лучше выбирать побольше, поскольку на маленьких буквах эффект прозрачности будет практически незаметен.

5. Сделать копию текстового слоя (можно воспользоваться горячими клавишами CTRL+J).

6. Вернуться к основному слою. Щелкнуть правой кнопкой мыши и выбрать “Параметры наложения”.

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

7. Здесь вначале выбрать параметр «Тиснение» и выставить следующие настройки: стиль – Внешний скос, метод – Жесткая огранка, контур глянца – Сглаживание, режим подсветки – Линейный свет – то есть все, как указано на скриншоте. Квадратик внизу нужно сделать серым.

8. Выбрать параметр «Контур» и настроить его, согласно скриншоту.

9. Следующим нужно настроить параметр “Обводка”, следуя скриншоту:

10. Последней настроить «Тень»:

11. Нажать OK и вернуться к верхнему слою (то есть копии текстового слоя). Вызвать панель со стилями этого слоя двойным кликом левой клавиши мыши.

12. Здесь также добавить тиснение со следующими настройками:
Цвет в нижнем квадратике должен быть темно-серым.

13. Следующий пункт – определить контур, согласно скриншоту:

14. Далее настроить внутреннее свечение:

И нажать OK. Получаются вот такие слои с эффектами.

15. Дальше и происходит волшебство – текст делается прозрачным. Для этого нужно снизить прозрачность заливки обоих текстовых слоев – оригинала и копии – до 0%.

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

Лучше не делать очень ярким, иначе прозрачность будет не столь заметна, как хочется.

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

Ими можно будет украсить любой документ. Удачи!

Чтобы узнать больше, читайте наш сайт: https://myphotoshop.ru/

Как в фотошопе сделать прозрачную надпись на фото

Как сделать прозрачный текст

Как вы, наверное, уже знаете, такое понятие как «мода» присутствует даже в дизайне сайтов. Как в основной стилистике, так и в элементах. Особой популярностью в последнее время пользуется flat. Этот стиль подразумевает под собой простые шрифты без засечек, отсутствие градиентов и теней и множество других мелочей, к которым можно отнести и прозрачный текст. Что поделать? Современный ритм жизни не дает распыляться по мелочам и тратить много времени на проработку деталей. Вот такая удобная мода. Сделать подобный эффект в фотошопе крайне просто. Для этого нам понадобится исходное изображение.

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

В окне слоев ищем наш текстовый слой и меняем его непрозрачность до 50%.

Вот и все! Осталось только свести слои. Для этого нажимаем комбинацию клавиш ctrl+shift+e. И можно сохранять.

Еще одна вариация – прозрачный текст, похожий на стеклянный. Этот эффект делается чуть иначе. Нам следует придать тексту объем.

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

Пишем текст, но уже черным цветом.

А теперь в окне слоев меняем режим наложения на «замена светлым». Наш текст становится невидимым. Придадим же ему объем. Используем мой любимый инструмент» параметры наложения». Вызываются они правым кликом мышки по слою.

Нас интересуются параметры «тень», со следующими настройками:

И «тиснение»:

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

Сводим слои, сохраняем.

Как видите, мы сделали еще одну вариацию прозрачного текста, но на этот раз она уже объемная.

Третья вариация самая простая. Тот же черный текст. Тот же режим наложения «замена светлым». Но в параметрах наложения выбираем только обводку со следующими настройками:

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

Как сделать прозрачный текст в Фотошопе

Создать прозрачный текст в Фотошопе несложно – достаточно снизить непрозрачность заливки до нуля и добавить стиль, подчеркивающий контуры букв.

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

Скачать последнюю версию Photoshop

Приступим.

Создаем новый документ нужного размера и заливаем фон черным цветом.

Затем меняем основной цвет на белый и выбираем инструмент «Горизонтальный текст».

Лучше всего будут смотреться шрифты, имеющие плавные линии. Я выбрал шрифт «Forte».

Пишем наш текст.

Создаем копию слоя с текстом (CTRL+J), затем переходим на оригинальный слой и дважды кликаем по нему, вызывая стили слоя.

Первым делом выбираем пункт «Тиснение». Выставляем настройки, как показано на скриншоте.

Затем выбираем пункт «Контур» и снова смотрим на скриншот.

Добавим Обводку с такими настройками:

И Тень.

Готово, нажимаем ОК.

Не переживайте, что ничего не видно, скоро все покажется…

Переходим на верхний слой и снова вызываем стили.

Снова добавляем Тиснение, но с такими настройками:

Затем определяем Контур.

Настраиваем Внутреннее свечение.

Нажимаем ОК.

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

Все очень просто. Снижаем прозрачность заливки для каждого текстового слоя до нуля:

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

В данном случае фон добавляется между текстовыми слоями. Обратите внимание, что непрозрачность размещенного изображения нужно снизить («на глаз»), чтобы через него проступил нижний текстовый слой.

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

Фон можно взять готовый, либо нарисовать свой.

Вот, что получилось в итоге:

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

Помогла ли вам эта статья?

ДА НЕТ

Как создать защитную надпись правообладателя на фотографии?

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

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

Читать далее

Короткая инструкция для ненаглядной надписи:

1. Выберите инструмент Текст, введите любую надпись (ваше имя, название сайта и т.п.), и нужные параметры – тип и размер шрифта, толщину, наклон, цвет надписи и т. п.

2. Теперь щелкните правой кнопкой мыши на слое с текстом, зайдите в Параметры наложения слоя (Blending Options), в разделе Bevel and Emboss поставьте галочку напротив параметра Contour – Контур (около 30%). Также можно добавить внутреннюю тень (Inner Shadow) и обводку (Stroke) в размере 1-3 пикселя.

3. После этого закройте окно с параметрами наложения слоя. Передвиньте курсор в поле Fill в верхней части окна Layers до отметки 0. Вы увидите, что ваша надпись стала прозрачной внутри, остался только контур. Вот как это должно выглядеть:

Редактор Фото! Как сделать надпись прозрачной в Фотошоп.

Популярные публикации

В этом уроке по работе с 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 и уже потом заливать на сайт.

Слева — изображение с непрозрачным фоном, справа — с прозрачным.

Как найти изображения PNG в Яндекс или Гугл картинках?

Обычно файлы изображений с прозрачным фоном имеют расширение png
(от наименования формата файла Portable Network Graphics), так что нам достаточно будет набрать в строке поиска: «гном png», чтобы найти подходящую картинку.

Обратите внимание на «клетчатый» фон изображения в примере поиска Google. Именно таким образом во всех редакторах изображений показывается «прозрачный» фон рисунка.

В примере поиска «Яндекса» отображение прозрачного фона будет другим (картинка на темном фоне):

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

К сожалению, не всегда можно найти подходящее изображение в формате png с прозрачным фоном. Но если есть изображение на белом (или любом однотонном) фоне, то этот фон можно сделать прозрачным. Для этого мы воспользуемся мощным и бесплатным графическим редактором Pixbuilder Studio
.

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

Шаг 1. Как открыть изображение в редакторе Pixbuilder Studio

Первый способ

Подходит тем, кто пользуется браузерами Google Chrome, Яндекс.Браузер или Firefox.

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

После этого в редакторе выберите меню Файл — Новый
.

В появившемся окне, не меняя никаких параметров, нажмите ОК
.

Второй способ

Скачайте картинку к себе на компьютер.

Перетащите файл с картинкой на поле редактора или откройте картинку через Файл — Открыть
.

Перетаскивание

Команда: Файл — Открыть

В любом случае результат должен быть таким:

Шаг 2. Делаем прозрачный фон:

функция «Волшебная палочка»

В редакторе слева от картинки находится панель инструментов.

Нам потребуется «Волшебная палочка». Выберите ее, затем проконтролируйте, чтобы допуск был в пределах 20-40 единиц.

Нажмите на картинку для увеличения

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

И после этого должен получиться вот такой результат (картинка на прозрачном фоне).

Шаг 3. Сохраняем картинку с прозрачным фоном

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

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

Картинка с прозрачным фоном готова!

• Волшебной палочкой можно выделять не только внешние контуры, но и внутренние (например, для буквы «О» или «Ю»). То есть сначала надо выделить и удалить фон снаружи, а потом — внутри.
• Если палочка не помогает (неправильно выделяет фон), то можно воспользоваться Стирательной резинкой
  , и стереть фон вручную.
• Если палочка выделяет слишком много или слишком мало фона (это случается, когда цвета изображения и фона похожи), то можно изменить настройку Допуск
  в ту или другую сторону, и выделить фон заново. (См.комментарии).
• Если вам не понравится результат ваших действий, то его всегда можно отменить (вплоть до момента открытия картинки в редакторе) через меню Правка — Отмена
  или через выбор действия в окне История
  (окно находится в редакторе справа, второе снизу).

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

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

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

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

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

Приступим к делу.

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

Перед Вами откроется вот такое окно:

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

Рисунок появляется на страничке сервера:

Справа выходя 3 окошечка и в среднем из них нарисован замочек. Нажмите на нем 2 раза левой мышкой. Таким образом откроется дверь в волшебство.

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

Завершающий шаг на пути к превращению: нажать кнопку » Del
» (удалить) на Вашем компьютере. Фон становится в клеточку. Если не все пространство вокруг буде охвачено клеточкой, прикоснитесь еще раз к этому месту волшебной палочкой и нажмите кнопку «Del «

Выходит окошечко, в котором Вас спрашивают: «Сохранить изображение перед закрытием?» Нажимаем «Да
«.

Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

Бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон
!

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

Как сделать прозрачный фон у картинки

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности
(обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

В итоге на выходе получаем то же изображение с прозрачным фоном.

Единственный минус Pixlr
— нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат. png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

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

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

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

Способ 1: IMGOnline

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

1. Оказавшись на сайте, нажмите по кнопке «Выберите файл»
   . Откроется окно стандартного «Проводника»
   Windows, в нем перейдите к папке с картинкой, прозрачность которой вы хотите изменить. Выберите ее и нажмите кнопку «Открыть»
   .
2. Следующий шаг – настройка параметров замены фона. Если нужен прозрачный, ничего в этом разделе не меняем. Если же необходимо заменить на другой однотонный фон, выбираем любой доступный из выпадающего списка. Дополнительно можно ввести HEX-код цвета или открыть палитру и выбрать подходящий оттенок из нее.
3. Определившись с параметрами фона, выбираем формат для сохранения обрабатываемого изображения. Рекомендуем установить отметку напротив расширения PNG, после чего следует нажать «ОК»
   .
4. Изображение будет обработано моментально.

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

   или сразу же сохранить на компьютер.

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

Способ 2: Фотоулица

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

1. На главной странице сайта нажмите по кнопке «Открыть фоторедактор»
   .
2. Далее, возможно, потребуется разрешить веб-сервису использовать Flash Player , для чего нужно просто кликнуть по пустому полю, а затем нажать «Разрешить»
   во всплывающем окне. В появившемся фоторедакторе нажмите по расположенной в правом верхнем углу кнопке «Загрузить фото»
   .
3. Далее нажмите «Загрузить с компьютера»
   или выберите второй вариант, если у вас есть ссылка на изображение в интернете.
4. На обновленной странице веб-сервиса нажмите кнопку «Выбрать фото»
   , в открывшемся окне системного «Проводника»
   перейдите в папку с картинкой, выделите ее и нажмите «Открыть»
   .
5. Когда изображение будет добавлено в фоторедактор, нажмите по расположенной в нижней части левой панели кнопке «Эффекты»
   .
6. В правой верхней области, нажимая на круглый значок «–»
   , измените степень прозрачности изображения.
7. Добившись приемлемого результата, нажмите «Свернуть»
   , чтобы открыть основное меню редактора на сайте Фотоулица.
8. Там кликните по кнопке «Сохранить»
   , расположенной внизу.
9. Далее выберите предпочтительный вариант скачивания. По умолчанию установлено «Сохранить на компьютер»
   , но можно выбрать и другой. Определившись, нажмите «ОК»
   .
10. Сервис предоставит вам возможность выбора качества конечного файла. Установите галочку напротив пункта «Большой размер»
    и около расположенной снизу строки «Не печатать логотип»
    . Нажмите «ОК»
    .
11. Начнется процедура сохранения результата, которая, по непонятным причинам, может затянуться на несколько минут.
12. Когда сохранение измененного изображения будет выполнено, онлайн-сервис предоставит вам ссылку на его скачивание. Перейдите по ней – картинка будет открыта во вкладке браузера, откуда ее можно сохранить на ПК. Кликните правой кнопкой мышки и выберите пункт «Сохранить файл как…»
    . Укажите предпочтительную директорию для размещения скачиваемого файла и нажмите «Сохранить»
    .

Изменение прозрачности изображения с помощью редактора, встроенного в онлайн-сервис Фотоулица, требует немного больше усилий и действий, чем рассмотренный в предыдущем способе IMGOnline. Но ведь и обработку он выполняет по совсем иному принципу. При этом важно учитывать следующее – для изображений в формате JPG фактически будет изменена не прозрачность, а яркость, то есть изображение просто станет более светлым. А вот с файлами PNG, поддерживающими прозрачность по умолчанию, все будет именно так, как и задумано – картинка, становясь менее яркой визуально, в действительности будет становиться более прозрачной пропорционально уменьшению этого показателя.

Создание эффекта потрескавшегося текста в Photoshop

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

Перед тем, как по вашему тексту пойдёт трещина, нужно загрузить с сайта CG Elves бесплатные кисти трещин для Photoshop.

Шаг 1. Скачайте бесплатные кисти трещин с сайта или используйте те, что у вас есть.

Шаг 2. Выберите инструмент «кисть» и подгрузите кисти в Photoshop (если вы хотите сохранить уже существующие кисти, нажмите ‘load brushes’ (загрузить кисти), если же вы хотите оставить для работы только новые кисти, нажмите ‘replace brushes’ (заменить кисти)).

Шаг 3. Создайте слой с надписью.

Шаг 4. Щёлкните значок маски, чтобы применить её на слой с текстом.

Шаг 5. Выберите одну из кистей трещин и выделите маску слоя с надписью.
При использовании кисти на маске, области чёрного цвета на буквах становятся прозрачными, и сквозь эти места проявляется белый фон.
Убедитесь, что на панели инструментов слева цвета установлены по умолчанию: белый и черный (нажмите D на клавиатуре, чтобы сбросить цвета).

Шаг 6. На этом этапе поэкспериментируйте с настройками непрозрачности (opacity) появившихся трещин. На мой взгляд, лучший результат вы получите, выставив параметр на 100%.

Не меняя инструмент, переключитесь на чёрный цвет и выберите слой с надписью. В зависимости от размера кисти и того, как вы её развернёте, можно получить разный узор трещин. Вы всегда можете переключить цвета (кнопка X на клавиатуре) и дорисовать белым недостающие в трещинах места.

Шаг 7. Чтобы надпись выглядела более объёмно, выделите слой с текстом двойным щелчком и примените к нему эффект ‘bevel and emboss‘ (скос и рельеф).

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

Попробуйте изменить размер, глубину и другие настройки скоса (bevel), поиграйте с направлением света и посмотрите, что из этого выйдет.
Вот несколько примеров того, как разные настройки света и скоса влияют на треснувший текст.
В первом я использовал тип скоса ‘Chisel Soft‘ (Мягкий резец), во втором — ‘Chisel Hard‘ (Твердый резец), а на третьем изображении я изменил направление света.

Мы надеемся, что данный урок по созданию эффекта потрескавшегося текста в Photoshop вам пригодится! Материал предоставлен сайтом CG Elves.

Работа с прозрачностью. Adobe InDesign CS3

Работа с прозрачностью

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

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

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

Управлять всеми этими настройками мы можем в разделе Transparency (Прозрачность) диалогового окна Effects (Эффекты) (рис. 15.1), вызываемого командой меню Object ? Effects ? Transparency (Объект ? Эффекты ? Прозрачность). (В этом окне в различных разделах собраны и другие эффекты Adobe InDesign, которые мы также рассмотрим.)

Рис. 15.1. Настройки прозрачности

Список Settings for (Настройки для) позволяет выбрать, к чему именно мы собираемся применить эффекты. К примеру, выделив фрейм с текстом, мы можем применить эффекты либо к фрейму, либо к содержащемуся в нем тексту.

В списке мы можем выбрать одно из возможных значений: Object (Объект), Stroke (Абрис), Fill (Заливка), Text (Текст). Таким образом, чтобы назначить эффект фрейму, нужно выбрать значение Object (Объект), а чтобы назначить текст содержимому фрейма – значение Text (Текст). Можно также назначить разные эффекты одновременно и фрейму, и содержимому.

Информационное поле внизу слева отображает текущее состояние объекта и всех его составных частей (заливки, абриса, содержащегося текста). По умолчанию состояние выглядит примерно так: Object: Normal 100%; (no effects) – это означает, что объекту не назначен никакой режим наложения цветов (вернее, назначен нейтральный режим Normal), непрозрачность объекта – 100 % и не применены эффекты. По мере добавления эффектов к объекту информация о нем будет меняться.

Вернемся к настройкам собственно прозрачности.

Поле Opacity (Непрозрачность) позволяет установить уровень непрозрачности объекта. Значение 100 % означает, что объект не будет прозрачным, а объект с непрозрачностью 0 % не будет виден вообще (рис. 15.2).

Рис. 15.2. Прозрачность объектов

Раскрывающийся список Mode (Режимы наложения цвета) позволяет установить режим наложения цветов объекта. За счет сложных алгоритмов смешивания цветов даже непрозрачный объект с назначенными ему режимами наложения не будет просто перекрывать нижележащие объекты – их цвета будут взаимодействовать и нижележащие объекты будут «видимы». Поэтому прозрачность в сочетании с режимами наложения цветов используется редко, чаще – просто для ослабления эффекта, созданного с использованием режимов наложения цвета.

Примечание

Не все из режимов наложения имеют смысл при использовании с одноцветными объектами. Будучи заимствованными из программы Adobe Photoshop, многие из них дают наилучшие результаты при использовании с объектами осмысленной окраски – рисунками или фотографиями.

Режим Normal (Обычный) используется во всех случаях, когда специальных эффектов не требуется. При непрозрачном объекте и режиме Normal (Обычный) объекты просто перекрывают друг друга.

Режим Multiply (Затенение) – режим затемняющий. Верхние объекты затемняют нижние максимально реалистичным образом, поэтому режим Multiply (Затенение) используется для создания эффекта тени или затенения.

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

На рис. 15.3 нижний правый круг на обоих примерах окрашен в нейтральный серый цвет. При использовании затемняющего режима он окрашивает красный прямоугольник в более темный и блеклый оттенок и остается серым при наложении на белую бумагу (фон). При использовании осветляющего режима серый круг осветляет прямоугольник и не виден на белом фоне – его нельзя осветлить еще больше.

Рис. 15.3. Режимы Multiply (Затенение) и Screen (Освещение)

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

Примечание

Результаты смешения цветов зависят не только от выбранного цвета объекта, но и от цветовой модели, с помощью которой он был создан. Взаимодействие двух объектов с цветами в системе RGB предсказать легче, чем взаимодействие объектов, один из которых окрашен в цвет модели RGB, а второй – в цвет модели CMYK.

На практике можно использовать осветляющие и затемняющие режимы наложения для того, чтобы создать избирательную прозрачность объектов. Черно-белый карандашный рисунок можно наложить поверх цветного фона с использованием режима Multiply (Затенение) – при этом белые фрагменты рисунка станут «прозрачными», ведь они не затемняют фон, а черные линии останутся черными, поскольку затемнят фон до предела. Таким образом, без создания прозрачных областей на рисунке можно создать полную иллюзию прозрачности.

Режим Overlay (Наложение) является комбинированным: он одновременно и осветляющий и затемняющий. Светлые цвета в этом режиме будут осветлять нижние объекты, а темные – затемнять, поэтому обычно такой эффект используется для осмысленных изображений. На рис. 15.4 мы использовали черный и белый объекты в режиме Overlay (Наложение) для осветления и затемнения прямоугольника; менее контрастные цвета дадут еще более мягкий и менее заметный эффект.

Рис. 15.4. Режим Overlay (Наложение)

Режимы Soft Light (Мягкий свет) и Hard Light (Жесткий свет) также являются комбинированными и отличаются от режима Overlay (Наложение) в основном силой воздействия на нижележащие объекты. Режимы Color Dodge (Цветовое осветление) и Color Burn (Цветовое затемнение) подобны режимам Screen (Освещение) и Multiply (Затенение) соответственно, но при их использовании цвета нижележащих объектов «подчеркиваются» и усиливаются.

Режимы Darken (Условное затемнение) и Lighten (Условное осветление) затемняют и осветляют объекты по любопытному принципу: цвета не смешиваются, но сравниваются. В каждой точке наложения объектов остается либо цвет нижнего объекта, либо цвет верхнего объекта – в зависимости от итога сравнения. В режиме Darken (Условное затемнение) остается более темный из двух цветов, а в режиме Lighten (Условное осветление) – более светлый.

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

Рис. 15.5. Режимы Lighten (Условное осветление) и Darken (Условное затемнение)

Внимание!

При использовании режимов Darken (Условное затемнение) и Lighten (Условное осветление) с цветными объектами результат будет кардинально отличаться. Сравнение яркостей программа проводит отдельно для каждого цветового канала, а потому цвета будут смешиваться и взаимодействовать.

Режимы Difference (Разница) и Exclusion (Исключение) выполняют инвертирующее действие. При применении такого режима к объекту цвета нижележащих объектов будут изменены на противоположные: черное превратится в белое, красный цвет станет голубым и т. д. Цвет верхнего объекта определяет степень вносимых изменений: черный объект не будет инвертировать цвета, серый – будет их инвертировать как бы «частично», а белый будет производить точную инверсию (при использовании цветных объектов результат будет сложным и малопредсказуемым) (рис. 15.6).

Рис. 15.6. Режим Difference (Разница)

Различие между режимами Difference (Разница) и Exclusion (Исключение) заключается в резкости изменений. Серые оттенки в режиме Difference (Разница) образуют более яркие и кричащие цвета, в то время как в режиме Exclusion (Исключение) они будут образовывать цвета блеклые и нейтральные.

Режимы Hue (Оттенок), Saturation (Насыщенность), Color (Цвет) и Luminosity (Яркость) позволяют раздельно управлять цветом и яркостью объектов. Каждый из этих режимов воздействует только на определенные характеристики цвета (рис. 15.7).

Рис. 15.7. Режимы раздельного управления характеристиками цвета

Используя режим Hue (Оттенок), мы можем изменить оттенок цвета (например, сделать красный зеленым), не затронув яркость и насыщенность цвета (то есть блеклые цвета не станут яркими, а светлые – темными). Режим Saturation (Насыщенность) позволяет управлять насыщенностью цвета, режим Luminosity (Яркость) – менять яркость цветов, не затрагивая собственно окраску объектов. Режим Color (Цвет) как бы «объединяет» режимы Hue (Оттенок) и Saturation (Насыщенность), изменяя цвет полностью, но не затрагивая яркость.

Примечание

Говоря о том, что «цвет» или «яркость» не изменяются, следует понимать, что речь идет о цифровых значениях цвета. В силу особенностей восприятия цветов видимая яркость или окраска объектов все равно будет немного изменяться.

Режимы наложения цветов в InDesign не являются сколько-нибудь важным средством работы и применяются достаточно редко. Наибольшую роль они играют для растровой графики и являются важным элементом при работе в Adobe Photoshop. Использование их в программах макетирования и верстки ограничено тем фактом, что полноценного результата можно добиться лишь для фотографий и рисунков – использование большинства режимов с одноцветными объектами лишено смысла. Присутствие режимов наложения в программе InDesign вызвано скорее взаимоинтеграцией программных продуктов фирмы Adobe, чем реальной необходимостью. Поэтому мы не будем излишне подробно останавливаться на этой теме; желающие же получить глубокие знания о взаимодействии цветов в различных режимах наложения могут обратиться к специализированной литературе по Adobe Photoshop.

Флажок Isolate Blending (Изолированное смешение) позволяет распространять действие режима наложения цвета, примененного к одному из объектов, не на все объекты, находящиеся ниже, а только на те, которые находятся в той же группе. Иными словами, сгруппировав два объекта и применив к верхнему из них какой-нибудь режим наложения цвета, например затемняющий режим Multiply (Затенение), с помощью флажка Isolate Blending (Изолированное смешение) мы можем добиться того, чтобы верхний объект затемнял нижний в той же группе – и не затемнял, а просто перекрывал все остальные объекты, находящиеся ниже, но не входящие в состав группы объектов.

Флажок Knockout Group (Группа исключения) позволяет выполнить обратный эффект – распространить действие режима наложения цвета только на те объекты, которые не входят в группу. В описанном только что примере с двумя объектами в группе верхний объект при установленном флажке Knockout Group (Группа исключения) будет затемнять объекты, находящиеся вне группы, и просто перекрывать второй объект в группе. Этот эффект часто используется как альтернатива логическим операциям, поскольку позволяет назначить режим наложения цвета всей группе целиком как единому объекту.

Видеокурс

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

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

Как добавить прозрачный текст к изображению в Photoshop

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

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

Не можете просмотреть видео? Смотрите на YouTube

Подготовьте фоновое изображение и слои:

Начните с открытия изображения, которое хотите использовать в качестве фона.

Если слой заблокирован, разблокируйте его, дважды щелкнув по нему в окне слоев.

Дайте вашему разблокированному слою имя или оставьте имя по умолчанию.

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

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

Перейдите в «Редактировать> Заливка», чтобы заполнить новый слой цветом.

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

После заливки моего слоя он выглядел так:

Теперь уменьшите непрозрачность слоя до уровня, который, по вашему мнению, выглядит хорошо.Я снизил непрозрачность своего слоя до 80%.

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

Создайте свой текст:

Щелкните инструмент горизонтального текста на левой панели инструментов

Теперь введите текст, выберите тип шрифта, расположите текст и т. Д. Обратите внимание, что вы также можете изменить шрифт после завершения редактирования изображения.

Когда вы будете довольны тем, как выглядит текст, просто нажмите галочку на верхней панели инструментов

Добавьте к тексту эффект прозрачности:

Теперь выберите слой, содержащий текст.

Теперь щелкните стрелку в правом верхнем углу окна слоев, которая выглядит так:

В раскрывающемся меню выберите «Параметры наложения».

В разделе расширенного наложения выберите «мелкое» для нокаута и измените непрозрачность заливки на 0%.

При желании вы также можете добавить рамку вокруг текста, установив флажок рядом с надписью «обводка».Когда вы закончите редактировать текст, нажмите кнопку «ОК».

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

Выберите область слоя заливки, которую вы хотите удалить.

После выбора области перейдите к «редактировать> очистить», чтобы удалить эту область.

Щелкните выделение правой кнопкой мыши и нажмите «Отменить выделение», чтобы очистить выделение.

После завершения ваше изображение должно быть похоже на мое:

Создание прозрачного текста в Photoshop

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

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

Для начала откройте изображение, к которому вы хотите применить прозрачный текст. Лучше всего подходят изображения с большой площадью текстуры — проявите творческий подход — рассмотрите узоры неба, воды, травы или стен.Когда изображение открыто, выберите инструмент «Текст» на панели инструментов Photoshop и создайте текстовый слой поверх изображения, которое вы используете.

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

Другими словами, вам нужно будет загрузить только выделенный текст в вашем слое; в выделенной области должны быть выделены только пиксели, составляющие текст. Самый быстрый способ сделать это — использовать сочетание клавиш «Cmd + щелчок» («Ctrl + щелчок» для Windows) на миниатюре слоя. После применения этого ярлыка должен быть выделен только текст. Если нет, убедитесь, что у вас выбран текстовый слой.

Теперь вы можете скрыть текстовый слой, переключив «значок глаза» рядом с ним. Выберите слой изображения и используйте ярлык «слой через копию» «Cmd + J» (Ctrl + J для Windows), чтобы скопировать только выбранную область изображения.

На данный момент у вас уже есть прозрачный текст, но пока он не виден. Вам нужно будет использовать стили слоя и инструменты настройки изображения, чтобы выделить его. Что касается стилей слоя, наиболее эффективный способ выделить ваш прозрачный текстовый слой — использовать эффект «Bevel and Emboss».Чтобы добавить стиль слоя, нажмите кнопку «Fx» на панели слоев и выберите в меню эффект «Bevel & Emboss…». На панели «Стиль слоя» поэкспериментируйте с различными типами фаски и тиснения и настройте структуру и оттенок, чтобы текст дополнял изображение.

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

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

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

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

После того, как вы создали новый слой, залейте его цветом по вашему выбору — лучше всего подходит белый или черный. Чтобы заполнить слой, используйте сочетание клавиш «Shift + Delete» на Mac (Shift + Backspace в Windows). Появится диалоговое окно, в котором вы можете выбрать цвет заливки — оставьте непрозрачность на 100%.

Теперь, когда слой заполнен, уменьшите непрозрачность слоя примерно до 60%.Число может варьироваться в зависимости от типа изображения, которое вы используете — не стесняйтесь экспериментировать. Вы найдете ползунок непрозрачности на панели слоев.

Затем выберите текстовый инструмент на панели инструментов Photoshop и создайте текстовое поле с текстом, который вы хотите прорезать через средний слой.

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

Откроется панель «Стиль слоя» с параметрами настройки наложения слоев. Найдите раздел «Расширенное смешивание» и измените параметр «Нокаут» на «Мелкий» или «Глубокий». Настройка «Shallow» добавит прозрачности только к нижней части набора слоев. Параметр «Глубокий» сделает слои в текстовой области прозрачными вплоть до фонового слоя. В этом сценарии, когда между вашим текстом и фоном есть только один слой, не будет никакой разницы между двумя настройками, так как оба будут проходить до нижнего слоя.Уменьшите непрозрачность заливки до 0%, идеальное число будет зависеть от коэффициента контрастности между вашим изображением и средним слоем заливки. Теперь текст прозрачен и редактируется одновременно. Как и в первом методе, вы можете добавить эффекты к своему тексту, чтобы он выделялся еще больше.

И вот так! Теперь вы узнали, как этот «эффект цитаты», с которым мы сталкиваемся много раз в Интернете, применяется менее чем за 5 минут, хотя вы должны учитывать эти два фактора:

• Не все изображения подходят для применения этой настройки: изображения с большим количеством оттенков, текстур и визуальных ссылок, вероятно, склонят нас смотреть под текстом и пытаться определить, что там происходит.Изображение, используемое в этом случае, или другие распространенные городские изображения являются яркими примерами того, что я пытаюсь объяснить, и причиной, по которой цитирующие изображения или рекламные объявления с использованием этого метода предпочитают естественные пейзажи в условиях заката / ночи вместо неприятных сценариев.
• Гарнитура, выбранная для применения этого эффекта, является наиболее важной частью самого эффекта, поскольку неправильно подобранный шрифт может свидетельствовать о недостатке ваших навыков графического дизайна, особенно если мы решим работать с более чем одним шрифтом.Вместо этого воспользуйтесь услугами множества приложений для сочетания шрифтов, которые мы можем найти в Интернете (это один из самых популярных и точных инструментов, которые вы можете найти на MyFont.com).

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

(БЕСПЛАТНО) Прозрачный текст — Принадлежности для Photoshop

Как сделать прозрачный текст в Photoshop

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

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

Наложение текста Photoshop фактически создается за счет снижения непрозрачности вырезанного текста без использования режима наложения Overlay .

Как сделать текст прозрачным в Photoshop

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

Итак, чтобы сделать прозрачный текст , вам нужно создать так называемый вырезанный текст с эффектом Photoshop .

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

• Напишите текст
• Добавьте прямоугольник позади текста
• Удерживая нажатой клавишу Control , нажмите на текст Эскиз слоя , чтобы сделать выделение
• Перейдите к Прямоугольник слой и нажмите кнопку Добавить маску
• Скройте слой Текст , чтобы увидеть вырезанный текст Эффект Photoshop
• Уменьшите непрозрачность Слой прямоугольника (этот шаг не является обязательным)

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

Если вы установите непрозрачность на 100% и добавите сплошной цвет, отличный от белого, вы получите вырезанный текст. Этот текстовый эффект чем-то похож на выделенный текстовый эффект . Вы можете воспользоваться нашим бесплатным экшеном для выделения текста в Photoshop .

Генератор прозрачных шрифтов в Photoshop

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

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

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

Чтобы создать наложение текста Photoshop , все, что вам нужно сделать, это , чтобы изменить режим наложения прозрачного текста на Overlay.Вы также можете использовать другие режимы наложения, такие как «Экран», «Умножение» и т. Д.

Как видите, вырезать текст в Photoshop очень легко.

Photoshop Прозрачный текст с контуром

Чтобы сделать текст Photoshop прозрачным с таким контуром, используйте наш экшен Photoshop с контурным текстом. Это бесплатное действие работает для всех типов слоев: текстовый слой, векторные фигуры, смарт-объекты и т. Д.

Если вы добавите текстовый контур, вы можете преобразовать обычные шрифты в полые. На самом деле вам не нужны специально разработанные контурные шрифты.

Если у вас нет Photoshop , используйте средство создания прозрачного текста из MockoFun для создания прозрачного текста в Интернете. Это бесплатно и просто в использовании!

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

Сведения об элементе

Этот бесплатный пакет содержит 1 файл ATN

Другие ресурсы, которые могут вам понравиться:

Учебное пособие по прозрачным водяным знакам с элементами Photoshop | Small Business

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

Запустите Photoshop Elements Organizer и выберите изображение из галереи. Нажмите кнопку «Исправить» и выберите «Полное редактирование фотографий» в раскрывающемся меню. Изображение откроется в редакторе Photoshop Essentials.

Выберите «Инструмент горизонтального текста» на панели инструментов. Выберите шрифт и размер шрифта на панели параметров. Для достижения наилучших результатов в виде прозрачного водяного знака выберите «Полужирный» в меню «Стиль шрифта». Выберите параметр «Сглаживание» и выберите «Белый» из образца «Цвет текста».Если цвет фона на панели инструментов уже белый, вы можете быстро изменить цвет текста на белый, нажав «X» на клавиатуре.

Перетащите инструмент «Текст» по изображению в том месте, где вы хотите разместить водяной знак. Photoshop Elements автоматически создает новый слой для текста. Введите текст, который хотите использовать в качестве водяного знака. Например, «Фото на ваше имя». Нажмите «Alt-G», если вы хотите добавить к тексту символ авторского права.

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

Щелкните меню «Режим наложения» в верхней части панели «Слои». По умолчанию установлено значение «Нормальный». Измените его на «Мягкий свет». Щелкните меню «Непрозрачность» и перетащите ползунок влево, чтобы уменьшить непрозрачность примерно до 60 процентов.

Щелкните меню «Слой», выберите «Стиль слоя» и щелкните «Параметры стиля». Выберите «Фаска», затем перетащите ползунок «Размер» по своему усмотрению. Размер фаски зависит от размера текста, но в большинстве случаев подойдет размер менее 10 пикселей.

При желании поверните текст.Щелкните меню «Изображение», выберите «Преобразовать», затем нажмите «Свободное преобразование». Переместите курсор в угол текстового поля, пока он не изменится на изогнутую двустороннюю стрелку. Перетащите курсор, чтобы повернуть текст. Щелкните «Зеленую галочку» под текстовым полем, чтобы принять новую ориентацию.

Выберите «Сохранить как» в меню «Файл». Введите новое имя в текстовое поле, чтобы не перезаписать исходное изображение.

Ссылки

Автор биографии

Публикуемый автор и профессиональный докладчик Дэвид Видмарк консультировал предприятия и правительства по вопросам технологий, средств массовой информации и маркетинга более 20 лет.Он преподавал информатику в Алгонкинском колледже, открыл три успешных бизнеса и написал сотни статей для газет и журналов по всей Канаде и США.

Прозрачный текст Учебное пособие по Photoshop — PrettyWebz Media Business Templates & Graphics

Хотите сохранить этот учебник на потом или поделиться им с другом? Прикрепите это изображение!

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

Ресурсы, использованные в этом учебном пособии по прозрачному тексту

Шрифт, используемый в этом руководстве:

Henny Penny

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

Final PSD

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

ИЗУЧАЙТЕ ИНСТРУМЕНТЫ ДИЗАЙНА ОДИН ШАГ ЗА ВРЕМЯ

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

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

Другие сообщения по этой теме

Также присоединяйтесь ко мне на YouTube, чтобы проверить плейлисты, которые я создал для Photoshop, PowerPoint и другого программного обеспечения, которое вы можете использовать для создания своей онлайн-графики.

Учебник по прозрачному тексту

Настройка документа

Сегодня я предлагаю вам учебник по Photoshop с прозрачным текстом, так что давайте приступим. Мы собираемся создать новый документ. в частности, это будет документ размером 2000 x 2000 пикселей с разрешением 72, RGB с белым фоном. Нажмите «Создать». Итак, это будет простой квадрат.

Настройка фона

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

Добавление изображений в Smart
Объекты

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

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

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

Я добавил три изображения внутри смарт-объекта. Я скоро покажу вам, почему я это сделал. Нажмите команду и букву S, чтобы сохранить это и закрыть смарт-объект.

Дублирование смарт-объектов

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

Итак, мы
вернемся сюда, в наш исходный документ.У нас есть безымянный, это оригинал
документ. Все остальные изображения находятся внутри этого, но я их выключил.
Отсюда я собираюсь продублировать этот смарт-объект. Вот где наш образ
помещен в исходный смарт-объект, поэтому я назову его «Поместить изображение» перед
дублируя это.

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

Работа с дублированными
Смарт-объекты

Из видео: объяснение открытого слоя смарт-объекта рядом с исходным документом.

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

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

Добавление фильтров к
Дублированный смарт-объект

Затем мы добавим фильтр к этому слою Blur. Подходим к фильтру >>> размытие >>> Размытие по Гауссу .Когда появится диалоговое окно, размытие для этого будет 10 . Все это настраивается, потому что мы добавляем этот фильтр к смарт-объекту. Вы всегда можете вернуться и изменить это, чтобы это не было постоянным изменением. Нажимаем ОК.

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

Текстовый слой прозрачного текста

Чтобы добавить
текстовый слой Я собираюсь перейти к своему текстовому инструменту, расположенному на левой панели инструментов. Я
собираюсь напечатать на холсте слово «Clear».

Откройте панель «Персонаж», если ее нет на правой панели инструментов, перейдите в окно >>> Персонаж , чтобы открыть ее. Мы используем шрифт Henny-Penny. Это бесплатный шрифт, вы можете скачать его по указанной выше ссылке.

Настройки шрифта

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

Обрезать слой размытия
к текстовому слою

Переместите
текстовый слой под слоем размытия и над слоем «разместить изображение». Так должно быть
зажатый между двумя смарт-объектами.

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

Стилизация текста
Layer

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

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

Фаска и тиснение

Внутреннее свечение

Наложение рисунка

Тень

Загрузка рисунков в
Photoshop 2020

В последней версии Photoshop 2020 функция узора изменилась.Чтобы загрузить шаблоны, которые поставляются с Photoshop, вам нужно будет перейти в окно >>> Шаблоны >>> , когда появится диалоговое окно, щелкните гамбургер-меню крайним правым. В этом меню выберите «Устаревшие узоры и многое другое» , чтобы загрузить узоры Photoshop.

Загрузка шаблонов в
более ранние версии Photoshop

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

Через Preset Manager

Edit >>> Presets >>> Preset Manager

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

Через параметры слоя

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

Добавление сосулек в
Текст (необязательно)

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

Стили слоя «Сосульки»

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

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

Растеризовать слой

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

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

Поворот и сложение
Эффект ветра

С растрированным слоем мы собираемся перейти к edit >>> transform >>> повернуть на 90 градусов по часовой стрелке. Теперь перейдите к фильтру >>> stylize >>> Ветер внутри диалогового окна ветра наш метод — ветер, а наше направление — справа.

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

Повторно примените фильтр ветра

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

Теперь я вернусь к редактировать >>> преобразовать >>> повернуть на 90 градусов против часовой стрелки .Это преобразование в основном вернет текст туда, откуда мы начали.

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

Использование фильтров для смарт-объекта Vs. Растрированный слой

Если бы я создал смарт-объект из скопированного текстового слоя, чтобы добавить этот фильтр, эффект ветра на самом деле все равно шел бы слева направо или справа налево, а это не то, что я хотел.Я хочу, чтобы он опустился так, чтобы он выглядел как сосульки.

Обрежьте текстовый слой ветра на слое размытия

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

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

Другие сообщения, которые могут вам понравиться

Как добавить эффект тиснения к тексту и логотипам в Photoshop

Что делает эффект реалистичного тиснения?

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

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

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

Добавить текстуру с помощью галереи фильтров

Мы можем воссоздать текстуру бумаги, используя некоторые эффекты из галереи фильтров.Но прежде чем мы сможем применить фильтры к нашему значку, нам нужно создать за ним сплошной белый фон. Создайте новый слой под значком «Слой», используйте инструмент Rectangular Marquee Tool, чтобы создать прямоугольник вокруг значка, а затем залейте это прямоугольное выделение белым цветом. У вас появится значок поверх сплошного белого прямоугольника.

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

Выберите значок «Слой» и откройте галерею фильтров. Для воссоздания текстуры бумаги мы рекомендуем использовать Spatter Filter. Просто отрегулируйте настройки, пока края не получатся очень тонкой, похожей на бумагу текстурой.

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

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

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

Стили слоев в Photoshop

Подготовив иконку и текстуру бумаги, пора добавить эффект тиснения.Стили слоя упрощают остальную часть процесса, позволяя нам добавлять эффект и улучшать его, пока мы не добьемся реалистичного вида. Дважды щелкните значок «Слой», чтобы открыть окно «Стили слоя». Первое, что нам нужно сделать, это скрыть черный цвет заливки значка. Для этого найдите раздел Advanced Blending на вкладке Blending Options и установите для параметра Fill Opacity значение 0%. Это скроет цвет заливки слоя, не скрыв ни один из стилей слоя, которые мы добавляем к нему.

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

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

Продолжайте настраивать параметры Bevel & Emboss, пока они не будут более естественно соответствовать образцу фотографии. Вы можете вернуться и изменить эти настройки в любое время.

Добавить падающую тень

Чтобы еще больше усилить эффект, давайте добавим к значку очень маленькую и тонкую тень. Вы можете найти параметры Drop Shadow в окне Layer Styles.

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

Улучшение эффекта тиснения

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

Мы также можем добавить немного текстуры во внутренние области значка. Выберите значок «Слой» и откройте окно «Стили слоя». На вкладке Bevel & Emboss выберите опцию Texture. Мы выбрали одну из предварительно загруженных текстур, которые поставляются с Photoshop (опция Grass).

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

Добавить дополнительные элементы дизайна

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

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

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

Эффект тисненого прозрачного текста в Photoshop

Из этого туториала Вы узнаете, как создать следующие
эффект в Adobe® Photoshop:

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

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

Хотя я использовал Photoshop версии 5.5 для этого примера,
обе версии 5.0 и 5.5 поддерживают редактируемые текстовые слои
(текст, который можно изменить). Вы можете сделать учебник
с версией 4.0, но текст нельзя будет редактировать один раз
вы создаете его, потому что он будет растеризован (преобразован в
пикселей).

1. В этом примере я выбрал изображение неба, потому что подумал
это было подходящее для эффекта.Загрузите это в Photoshop
нажав Файл> Открыть .

2. Щелкните в любом месте изображения с помощью инструмента «Текст».
. В диалоговом окне выберите соответствующий жирный или черный шрифт.
и размер пункта. Я использовал Arial Black 60 пунктов в этом
пример. Выберите «Smooth» для Anti-Alias.
настройки (обведены ниже).

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

4. В палитре слоев Cmd + Click (Mac®)
/ Ctrl + щелчок (Windows®)
новый слой. Это создаст выделение в форме
текста. Вы увидите указатель в виде руки с квадратом
выделение, когда вы удерживаете клавишу-модификатор (Cmd или
Ctrl) над слоем при нажатии.

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

6. Затем нажмите Выбрать> Сохранить выделение … .
В диалоговом окне просто примите значения по умолчанию. Когда вы нажимаете
«ОК» Photoshop сохранит выделение как
новый канал (обведен).

Нажмите
Продолжение здесь …

.