1 Star2 Stars3 Stars4 Stars5 Stars
| 27 Июн 2010 | комментариев 9

Работа с текстом в Photoshop: Как создать нарисованный 3D текст

В этом уроке фотошоп Вы узнаете, как создать привлекательный нарисованный (как в мультфильмах) 3D текст. Урок несложный, но несколько новых приемов Вы узнаете. Вперед!

Создайте новый документ.

Теперь разблокируйте фоновый слой, просто щелкнув по нему два раза мышью в палитре слоев. В открывшемся окне нажмите ОК. Теперь еще раз кликните два раза по слою – откроется окно стилей Layer Style. И примените стиль Gradient Overlay.

Здесь используются цвета #555555 и #444444. Для удобства, Вы можете скачать набор градиентов с нашего сайта, в котором представлены все самые популярные градиенты для использования в работе.

Получится такой фон:

Теперь необходимо добавить текст. Для этого используйте инструмент Type Tool с шрифтом Agency белого цвета. Здесь есть небольшая хитрость. Чтобы не удерживать себя в каких-либо рамках, советую каждое слово текста создавать на отбельном слое. Это позволит применить к словам разные стили.

В данном случае будет написано QUICKTUTS.ru, поэтому получится три слоя QUICK, TUTS, .ru.

Для слоев QUICK и TUTS примените следующие стили слоя:

Получится следующий эффект:

К слою .ru примените стили Drop Shadow и Stroke с теми же параметрами, что и ранее, а Gradient Overlay такой:

В итоге получится так:

Для удобства сгруппируйте все текстовые слои. Создайте дубликат группы слоев и расположите его под основной группой, выберите инструмент Move Tool и нажмите на стрелку влево на клавиатуре 8 раз, чтобы  переместить дубликат слоя влево на 8 пикселей. Должно получиться так:

Для дубликатов слоев с текстом измените стиль слоя Gradient Overlay на следующий:

Окончательный результат

P. S.

Самые внимательные из Вас наверняка заметили один недочет в такой технике. А именно, обратите внимание на букву Q.

Исправляется это очень просто. Используя инструмент Rectangle Tool, создайте прямоугольную форму по точкам как на рисунке:

И примените такие же стили к слою, какие Вы использовали для дубликатов, только кроме Drop Shadow. Также нарисуйте черную линию вот здесь:

И тогда у Вас получится полноценный 3D текст. Удачи!

Опубликовать пост в социальных сетях
Оцените запись
1 Star2 Stars3 Stars4 Stars5 Stars
Комментарии Вконтакте
Комментарии
  • О, отличный урок :)
    В принципе все просто и понятно. Ушол пробовать…

    • vaggah

      Спасибо!

  • Спасибо за краткие уроки

    • vaggah

      Стараюсь.

  • Mareg

    Было бы здорово, если бы по rss приходила еще и картинка, которая получается в итоге. А вообще все уроки хорошие. Автор, так держать!

    • vaggah

      Вот если бы, кто-нибудь подсказал, как это делается )))

      • Попробуйте вставить ссылку на изображение в той части текста, которая отправляется в RSS.

        В принципе можно похимичить и с шаблоном, чтобы в RSS уходило из другого места (например из произвольного поля custom field).

  • Radmir

    Вот Это супер, Админ радуешь уроками

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