PhotoshopSunduchok — Глянцевый эффект на тексте

Автор: NON. Дата публикации: 31 мая 2012. Категория: Уроки фотошопа текст.

на тексте

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

Подобные публикации:

• урок «Глянцевый текст»

{smooth-scroll-top}

Создадим новый документ произвольного размера — Ctrl+N. Вы задаёте размеры в соответствии со своими замыслами.

Выберем инструмент «Горизонтальный текст» (Т) и напишем любое слово.

Параметры, которые я использовал при написании текста, Вы видите на скриншоте ниже.

Выберем инструмент «Лассо» (L), растушёвку установим на 3 пиксела. Проводим лассо по буквам так, чтобы выделить верхнюю часть букв (именно на этой части букв я хочу сделать глянцевый эффект). Если Вы хотите, чтобы граница между обычными буквами и буквами с глянцевым эффектом была чёткой, то растушёвку «Лассо» (L) установите на ноль.

Установим цвета по умолчанию (нажмём поочерёдно клавиши «D» и «X»). Выберем инструмент линейный «Градиент» (G). Щёлкнем по чёрной стрелочке правее поля градиента и выберем градиент «От основного к прозрачному».

Создадим новый слой, для чего щёлкнем по второй справа иконке в палитре «Слои».

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

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

Получаем глянцевый эффект на тексте.

На этом цель нашего урока достигнута, но если перенести эти буквы на другой фон, мы обнаружим проблему, которую и будем сейчас устранять. Установим в качестве цвета переднего (рисующего) плана цвет, отличный от белого. Сделаем активным фоновый цвет и нажмём сочетание клавиш Alt+Delete (зальём белый фон цветом переднего плана).

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

Удерживая клавишу Ctrl, щёлкаем по миниатюре текстового (среднего) слоя.

Загрузится выделение букв. Чтобы выделить всё изображение, за исключением букв, мы должны инвертировать созданное выделение. Для этого нажимаем сочетание клавиш Shift+Ctrl+I.

Делаем активным верхний слой (где мы создали эффект глянца), нажимаем клавишу Delete, а затем Ctrl+D (снимаем выделение).

Получаем глянцевый эффект на тексте.

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

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

Скачать урок (277 Кб) в формате PDF можно здесь.

Если у Вас есть желание опубликовать на страницах сайта Ваш результат выполнения урока, то вышлите мне на адрес Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript. Вашу работу и название урока, который Вы использовали при создании своей работы, и он обязательно будет опубликован на странице сайта с описанием урока.

{smooth-scroll-top}

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

Глянцевая иконка в Photoshop

В данном уроке мы создадим иконку с красивым глянцевым эффектом.

Шаг #1. Создайте новый документ с разрешением 300/155 пикселей с белым фоном.

Шаг #2. Два раза щелкните левой кнопкой по фону в палитре слоев и нажмите “Ok” чтобы преобразовать его в слой. Затем правой кнопкой щелкните по данному слою и выберите пункт «Blending Options…» (“Парметры наложения”).

Из списка стилей выберите пункт «Gradient Overlay» (“Наложение градиента”) и установите следующие параметры настроек:

Теперь нажмите “Ok”.

Шаг #3. Теперь у вас должно быть изображение расположенное ниже:

Шаг #4. Возьмите инструмент «Rounded Rectangle Tool» (“Прямоугольник со скругленными углами”) ( ) установите черный цвет и радиус округления 15 пикселей. Нарисуйте следующую фигуру:

Шаг #5. Теперь правой кнопкой, в палитре слоев, щелкаете по слою с только что созданной фигурой и выбираете пункт «Blending Options…» (“Парметры наложения”).

Затем выберите «Drop Shadow» (“Тень”) и установите следующие параметры настроек:

После этого нажмите “Ok”

Шаг #6. Затем опять кликните правой кнопкой по данному слою в палитре слоев и выберите пункт “Rasterize” (“Растрировать слой”).

Теперь у вас должно быть изображение расположенное ниже:

Шаг #7. Возьмите снова инструмент «Rounded Rectangle Tool» (“Прямоугольник со скругленными углами”) ( ), установите цвет в значение (454c4d) и радиус округления 15 пикселей.

Теперь нарисуйте фигуру в нутрии той, которую вы рисовали ранее, как показано на изображении ниже:

Шаг #8. Теперь правой кнопкой щелкаете в палитре цветов по слою с фигурой которую вы только что создали и выбираете «Blending Options…» (“Парметры наложения”).

Затем выберите пункт «Inner Glow» (“Внутреннее свечение”) и установите следующие параметры настроек:

Шаг #9. Выберите «Satin» (“Глянец”) и установите следующие параметры настроек:

Теперь нажмите “Ok”

Шаг #10. Затем опять кликните правой кнопкой по данному слою в палитре слоев и выберите пункт “Rasterize” (“Растрировать слой”). Теперь у вас должно быть следующее изображение:

Шаг #11. Выберите инструмент «Custom Shape Tool» (“Произвольная фигура”) ( ) и в палитре произвольной фигуры выберите форму руки или какую ни будь другую на ваш вкус. И нарисуйте ее внутри вашей фигуры.

Шаг #12. Затем правой кнопкой щелкните по слою с рукой в палитре слоев и выберите «Blending Options…» (“Парметры наложения”).

Выделите пункт «Drop Shadow» (“Тень”) и установите следующие параметры настроек:

Теперь нажмите “Ok”

Шаг #13. Затем опять кликните правой кнопкой по данному слою в палитре слоев и выберите пункт “Rasterize” (“Растрировать слой”). Теперь у вас должно быть следующее изображение:

Шаг #14. Выберите инструмент «Text Tool» (“Горизонтальный текст”) и установите следующие его параметры:

Шаг #15. Теперь напишите необходимый вам текст и придайте ему стиль такой же, как мы применяли к руке в шаге #12.

Шаг #16. Ну и наконец чтобы завершить эту иконку добавьте эффект блеска. Для этого возьмите инструмент «Pen Tool» (“Перо”) и нарисуйте фигуру белого цвета как показано на рисунке ниже:

Затем установите прозрачность слоя этой фигуры 18%.

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

Материал подготовлен проектом: webmastermix.ru
Источник

Рекомендуем ознакомиться со следующими материалами:

Подробности

Опубликовано: 14 Январь 2010

Обновлено: 08 Сентябрь 2013

Просмотров: 8483

2 простых способа создания глянцевого эффекта в Photoshop

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

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

Меня зовут Али, я пользуюсь Adobe Photoshop уже более пяти лет и имею сертификат в Photoshop. В этой статье я собираюсь показать вам два способа создания глянцевого эффекта на ваших изображениях.

СОДЕРЖАНИЕ

• Ключевые выводы
• Метод 1: Автоматический глянец
• Метод 2: Вручную. помочь привлечь внимание больше в вашем изображении.
• Этот эффект может не подходить для всех изображений и может приводить к неестественному виду.

Метод 1: Автоматический блеск

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

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

Шаг 2: Когда изображение открыто в Photoshop, перейдите в верхнюю строку меню и щелкните Фильтр > Рендеринг > Эффекты освещения для отображения диалогового окна, в котором можно ввести настройки для создания глянцевого смотреть.

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

После выбора уровней на ползунках нажмите Enter/Return или нажмите OK в верхней части строки меню.

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

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

Способ 2. Создание эффекта блеска вручную

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

Шаг 1: Откройте изображение, на которое вы хотите добавить эффект блеска, в Photoshop, как только вы это сделаете, в поле «Слои» нажмите «Создать новый слой», , и появится новый слой с именем «Слой 1 ». над фоновым слоем, показанным ниже.

Шаг 2: После того, как вы создали новый слой, мы перейдем в меню слева и найдем Rectangle Tool под формами. После того, как вы выбрали инструмент «Прямоугольник», щелкните свое изображение и нарисуйте прямоугольник, чтобы покрыть все ваше изображение.

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

Шаг 3: Теперь, когда ваше изображение закрыто, нам нужно исправить это, чтобы увидеть ваше изображение. Нам нужно изменить цвета Fill и Stroke . Вы можете найти их, зайдя в свой Свойства 9Панель 0006 и поиск заливки и обводки.

Шаг 4: Теперь щелкните заливку и обводку, чтобы изменить цвет прямоугольника. Лучше всего заменить их на белые , если вы хотите получить чистый глянцевый вид. Если вы хотите цветной глянцевый вид, измените их на цвет, который вам нравится, и нажмите клавишу Enter / Return .

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

Непрозрачность по умолчанию установлена ​​на 100%. Я установил свой на 20% только для того, чтобы придать ему легкий туман, чтобы усилить глянцевый эффект, который мы наложим на него.

Шаг 6: Теперь нам нужно преобразовать слой в смарт-объект. Перейдите в верхнее меню, выберите Layer > Smart Object > Convert to Smart Object или вы можете щелкнуть правой кнопкой мыши на прямоугольном слое и найти там же Convert to Smart Object .

Шаг 7: После того, как вы преобразовали свой слой в смарт-объект, перейдите к Layers > Layer Style > Gradient Overlay , который теперь добавит эффект глянцевого типа к вашему изображению.

Теперь у вас есть глянцевый эффект на вашем изображении! Если вы хотите, чтобы он был менее глянцевым, нажмите на процент непрозрачности и измените его со 100% на то, что, по вашему мнению, лучше всего подходит для вашей фотографии. Довольно просто, верно?

Pro Tips

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

Заключительные мысли

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

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

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

Есть вопросы по созданию глянцевого эффекта на изображении в Photoshop? Оставьте комментарий и дайте мне знать.

Об Эли Уолтерс

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

Блестящий эффект Photoshop | Создание блестящего эффекта в Adobe Photoshop

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

Создание блестящего эффекта в Photoshop

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

Шаг 1: Прежде всего, мы создадим новый документ для нашего лана. Для новых документов перейдите в строку меню и нажмите «Меню файлов». Откроется выпадающий список некоторых опций. Выберите вариант «Новый» здесь.

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

Шаг 3: Теперь нажмите на инструмент «Текст» на панели инструментов этого программного обеспечения, который находится в левом углу для ввода текста: как стиль шрифта Arial.

Шаг 5:  Выберите черный цвет в качестве цвета текста на панели свойств текстового инструмента.

Шаг 6:  Теперь введите текст, которому вы хотите придать блеск. Я наберу «БЛЕСТЯЩИЙ» в качестве текста для блестящего эффекта и настрою его в центре рабочей области с помощью инструмента перемещения. Отрегулируйте размер этого текста по своему усмотрению, нажав Ctrl+Shift > для увеличения размера текста или нажмите Ctrl + Shift + < для уменьшения размера текста.

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

Шаг 8:  Вы также можете открыть окно стиля слоя, щелкнув значок стиля слоя, который находится в нижней части раздела слоев.

Шаг 9:  Теперь щелкните параметр эффекта «Наложение цвета» в этом диалоговом окне стиля слоя.

Шаг 10: Нажмите на цветовую рамку этого эффекта. Окно выбора цвета будет открыто. Выберите здесь желаемый цвет, который вы хотите придать своему тексту, или вы можете ввести код определенного цвета в поле цветового кода.

Шаг 11:  Теперь щелкните эффект «Внутреннее свечение» в этом поле стиля слоя.

Шаг 12: Здесь мы установим некоторые параметры этого эффекта. Возьмите «Умножение» в режиме наложения, установите непрозрачность на 55% и сделайте Шум на 0%:

Шаг 13:  Нажмите на поле цвета этого эффекта и выберите черный цвет для внутреннего свечения в диалоговом окне выбора цвета. Нажмите вкладку «ОК» в этом диалоговом окне выбора цвета:

Шаг 14:  В разделе «Элементы» установите значение Choke на 10% и размер 30 пикселей:

Шаг 15:  Теперь давайте переместимся к следующему эффекту Bevel & Emboss, и мы делаем некоторые настройки в этом эффекте также для усиления блестящего эффекта на нашем тексте. Возьмите «Внутренний скос» в стиле этого эффекта и «Сглаживание» в опции «Техника», установите глубину до 20%, размер до 25 пикселей и сделайте «Смягчение» до 8 пикселей. В разделе «Затенение» сделайте угол 120 градусов и высоту 46 градусов. Теперь возьмите «Линейный затемнитель» в режиме «Тень» и уменьшите непрозрачность до 0%.

Шаг 16:  Теперь нажмите на параметр «Контур» эффекта «Скос и тиснение», а затем нажмите на параметр «Закругленные шаги» в параметре «Контур», чтобы четко увидеть блестящий эффект.

Шаг 17: Теперь нажмите на вкладку «ОК» этого окна стиля слоя, чтобы применить эти эффекты. Наш текст будет выглядеть так, когда мы нажмем вкладку Ok.

Шаг 18: Теперь перейдите в раздел слоев этого программного обеспечения и создайте дубликаты слоев этого текстового слоя. Чтобы создать дубликат слоя, выберите текстовый слой и нажмите кнопку Ctrl + J на ​​клавиатуре.

Шаг 19: Теперь выберите слой-копию нашего текстового слоя и сделайте двойной щелчок по эффекту «Bevel & Emboss» этого слоя. Откроется диалоговое окно стиля слоя «Эффект Bevel & Emboss».

Шаг 20:  Теперь мы внесем одно изменение в эффект Bevel & Emboss этого копируемого слоя текстового слоя, установив высоту на 45 градусов.

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

Шаг 22:  Теперь сделайте двойной щелчок на этом фоновом слое (слой 0) для окна Стиль слоя:

Шаг 23:  Нажмите на эффект «Наложение градиента» в этом диалоговом окне, чтобы увеличить плавность блестящего эффекта текста и выберите цвет градиента по своему усмотрению.