распознавание текстового эффекта на изображении для фотошопа - PullRequest
3 голосов
/ 30 июня 2009

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

http://i42.tinypic.com/2afc4fm.jpg alt text

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

Спасибо.

Ответы [ 4 ]

2 голосов
/ 30 июня 2009

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

  • Лицо шрифта: Verdana (обычный)
  • Размер шрифта: 14 / 15pt Цвет: # 333333
  • У текста есть стиль слоя> Скос и тиснение> Стиль: тиснение
    • Размер & Смягчить оба 0px
  • Текст слева: наклонное направление вверх
  • Текст справа: наклонное направление вниз

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

0 голосов
/ 01 мая 2010

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

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

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

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

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

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

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

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

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

0 голосов
/ 30 июня 2009

Какой шрифт удовлетворил мои потребности в распознавании шрифтов.

0 голосов
/ 30 июня 2009

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

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

Примерно так

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