распознавание текстового эффекта на изображении для Photoshop
-
21-08-2019 - |
Вопрос
Мой сайт был разработан с помощью дизайнера, у меня есть это изображение с него, я хочу использовать такое же изображение для других навигационных меню, которые я хочу добавить сейчас, мой дизайнер не предоставляет мне его в формате psd.
Как я могу узнать, какие текстовые эффекты и шрифты мне следует использовать в Photoshop для достижения такого же результата?
Спасибо.
Решение
Это не вопрос программирования, хотя я думаю, что могу вам помочь.
- Шрифт-лицевая сторона:Вердана (Обычная)
- Размер шрифта:цвет 14/15pt:#333333
- Текст имеет стиль слоя > скос и тиснение > Стиль:Тиснение
- Размер и смягчение обоих 0px
- Текст слева:направление скоса вверх
- Текст справа:направление скоса вниз
Если вы поиграете с углами затенения и бликами, вы сможете воспроизвести эффект.
Другие советы
Слой > Стиль слоя > скос и тиснение
но этого можно достичь и без изображения в браузерах, поддерживающих css-свойство text-shadow
Что - то вроде этого
text-shadow: 0px 1px 0px #B5B5B5;
Что за шрифт до сих пор удовлетворял мои потребности в распознавании шрифтов.
На самом деле это выглядит так, будто обработка текста немного непоследовательна.На изображении слева эффект представляет собой приподнятый скос, который приближается к вам, а справа - эффект нажатия на букву.
Изображение справа немного сложнее с точки зрения обработки текста.В Photoshop выберите текстовый слой и найдите в нижней части меню слоев пункт "fx".Выберите "fx", и появится всплывающее окно.
Выберите наложение градиента и установите градиент, используя белый цвет в качестве цвета переднего плана и черный в качестве цвета фона (по умолчанию это значение должно быть таким).Уменьшите непрозрачность примерно до 15%.
Затем посмотрите на левую боковую панель, чтобы отбросить тень, и выберите.Выберите в раскрывающемся списке "наложение" вместо "обычный" и измените свой цвет на белый (щелкнув образец черного цвета рядом с раскрывающимся списком).Для этого все ваши углы / направления должны составлять 120 градусов.По-прежнему используя выпадающие параметры, установите расстояние в 2 пикселя и размер в 3 пикселя.
Наконец, нанесите внутреннюю тень.Вероятно, расстояние и размер должны соответствовать расстоянию и размеру тени, приведенной выше.
Что касается фона вкладки, похоже, что они делают две вещи.Сначала нанесите градиентное наложение на вкладку, а затем небольшой эффект освещения.На самом деле эффект освещения может быть трудно воспроизвести при такой тонкости, поэтому сделайте одно из двух.Создайте еще один слой поверх вкладки и создайте выделение из существующей вкладки (для этого вы должны убедиться, что первый слой вкладки растрирован) и залейте белым цветом.Затем примените эффект освещения и отрегулируйте непрозрачность слоя, чтобы получить желаемый эффект.Или, если вы немного разбираетесь в искусстве, вы можете использовать инструмент кисть с низкой степенью заливки и непрозрачности, чтобы по существу выделить белым цветом вкладку посередине.
Для изображения справа используйте тот же процесс обработки вкладки, просто измените цвет заливки или градиентное наложение цветов переднего плана и фона, а для текста используйте простую тень с расстоянием 2 или 3 пикселя и размером 2 пикселя.
Существует хороший учебник здесь об эффекте печати буквами (прокрутите немного вниз, чтобы увидеть инструкцию).
Надеюсь, это поможет.