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

Question

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

Как я могу узнать, какие текстовые эффекты и шрифты мне следует использовать в Photoshop для достижения такого же результата?

Спасибо.

Answer 1

Это не вопрос программирования, хотя я думаю, что могу вам помочь.

• Шрифт-лицевая сторона:Вердана (Обычная)
• Размер шрифта:цвет 14/15pt:#333333
• Текст имеет стиль слоя > скос и тиснение > Стиль:Тиснение
  • Размер и смягчение обоих 0px
• Текст слева:направление скоса вверх
• Текст справа:направление скоса вниз

Если вы поиграете с углами затенения и бликами, вы сможете воспроизвести эффект.

Answer 2

Слой > Стиль слоя > скос и тиснение

но этого можно достичь и без изображения в браузерах, поддерживающих css-свойство text-shadow

Что - то вроде этого

text-shadow: 0px 1px 0px #B5B5B5;

Answer 3

Что за шрифт до сих пор удовлетворял мои потребности в распознавании шрифтов.

Answer 4

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

Изображение справа немного сложнее с точки зрения обработки текста.В Photoshop выберите текстовый слой и найдите в нижней части меню слоев пункт "fx".Выберите "fx", и появится всплывающее окно.

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

Затем посмотрите на левую боковую панель, чтобы отбросить тень, и выберите.Выберите в раскрывающемся списке "наложение" вместо "обычный" и измените свой цвет на белый (щелкнув образец черного цвета рядом с раскрывающимся списком).Для этого все ваши углы / направления должны составлять 120 градусов.По-прежнему используя выпадающие параметры, установите расстояние в 2 пикселя и размер в 3 пикселя.

Наконец, нанесите внутреннюю тень.Вероятно, расстояние и размер должны соответствовать расстоянию и размеру тени, приведенной выше.

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

Для изображения справа используйте тот же процесс обработки вкладки, просто измените цвет заливки или градиентное наложение цветов переднего плана и фона, а для текста используйте простую тень с расстоянием 2 или 3 пикселя и размером 2 пикселя.

Существует хороший учебник здесь об эффекте печати буквами (прокрутите немного вниз, чтобы увидеть инструкцию).

Надеюсь, это поможет.