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

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

Http://i42.tinypic.com/2afc4fm.jpg http://i42.tinypic.com/2afc4fm.jpg alt текст http://i44.tinypic.com/ixtann.jpg

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

Спасибо Вы.

4 3
image-processing photoshop

4 ответа:

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

  • шрифт-лицо: Verdana (обычный)
  • размер шрифта: 14/15pt цвет: #333333
  • текст имеет стиль слоя > bevel & emboss > Style: Emboss
    • размер и смягчить оба 0px
  • текст слева: направление скоса вверх
  • текст справа: направление скоса вниз

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

2

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

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

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

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

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

0

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

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

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

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

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

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

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

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

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

0