Перейти к содержимому

Сервис обмена электронных валют

Выбрать шаблон и создать сайт

3D Text в PhotoShop CS5

#1 PhotoShopRND

PhotoShopRND
  • Пользователь
  • 209 сообщений
  • Репутация: 53
4

Отправлено 23 Декабрь 2012 - 12:09

Доброго вам времени суток. В сегодняшнем уроке я расскажу вам как сделать стильный объемный текст в PhotoShop CS5 без использования функции 3D, только лишь при помощи стилей слоя.
Изображение

Урок написан для русскоязычной версии Adobe PhotoShop CS5, при выполнении на других версия программы могут быть небольшие отличия.

Финальное изображение урока выглядит вот так:

Изображение

Ну что же давайте приступим к выполнению урока.

Первым делом нужно создать основу, новый документ на котором мы собственно и будем создавать наш стильный объемный текст.
Для этого переходим в меню Файл Создать... или же используем горячие клавиши Ctrl+N. Устанавливаем настройки которые показаны ниже на скриншоте.

Изображение

Основа готова и мы начинаем выполнение урока. Урок будет выполнен за три шага и в каждом шаге мы будем использовать стили слоя. Для того что бы вызвать параметры слоя нужно дважды кликнуть по слою левой кнопкой мыши либо воспользоваться меню Слой Стиль слоя. Это информация на будущее а сейчас начнем выполнение урока.

Шаг первый:

В этом шаге мы создадим фон для нашего текста. Для этого основным цветом выбираем #dbdada, выбираем инструмент Заливка и применяем его к нашему документу.
Теперь создадим бесшовную текстуру которую будем использовать для создания фона.
Создаем новый слой 4х4 пиксела, 72 пикс на дюйм, фон прозрачный. Выбираем основным цветом #abaaaa, максимально приближаем документдля удобства и инструментом Карандаш рисуем следующее:

Изображение

Переходим в меню Редактирование Определить узор, жмем и следуем иструкции.

Текстура создана и сохранена в фотошопе, можно закрыть нарисованный нами узор.

Возвращаемся на основное изображение и применяем следующие стили слоя:

Внутренняя тень:

Изображение

Наложение узора:

Изображение

Применяя стиль слоя наложение узора мы используем как раз ту самую текстуру которую создавали ранее. На этом создание фона закончено и мы приступаем к следующему шагу урока по созданию объемного текста.

Шаг второй:

В этом шаге мы пишем текст которому желаем придать объемность.
Я написал название эффекта который мы получим в итоге "3D TEXT" , вы же в свою очередь можете писать то что считаете нужным.

Основным цветом устанавливаем #e0e0e0, выбираем инструмент Текст, настраиваем как показано ниже:

Изображение

пишем текст и располагаем его по центру документа.

Конечно же вы можете выбрать шрифт на ваше усмотрение, мне лично очень понравился шрифт Nasalization который вы можете найти на сайта распространяющих бесплатные шрифты.

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

Шаг третий:

В этом завершающем шаге мы сделаем именно то что придаст объемности тексту, а именно настроим параметры стилей слоя для нашего текста.
Начнем с нижнего слоя, применяем настройки которые показаны ниже:

Тень:

Изображение

Внутренняя тень:

Изображение

Внешнее свечение: Используйте градиент от черного к прозрачному.

Изображение

Внутреннее свечение: Так же используйте градиент от черного к прозрачному.

Изображение

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

Изображение

Переходим к оформлению верхнего текстового слоя и заключительной фазе урока. Применяем следующие настройки стиля к верхнему слою текста.

Тень:

Изображение

Внешнее свечение:

Изображение

Внутреннее свечение:

Изображение

Тиснение:

Изображение

Наложение градиента:

Изображение

Ну вот мы постепенно и добрались к финалу нашего урока, оба слоя настроены и для того что бы придать объем нашему тексту нужно выбрать инструмент Перемещение и сдвинуть верхний слой на десять пикселов вверх (при помощи клавиши Вверх на клавиатуре сделать это будет более удобно)

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

 

 

  • 3

#2 Agriiii

Agriiii
  • Пользователь
  • 378 сообщений
  • Репутация: 40

Отправлено 23 Декабрь 2012 - 12:21

Спасибо друг, еще не делал, но скоро попробую B)
  • 0

#3 SeredinPlus

SeredinPlus
  • Пользователь
  • 235 сообщений
  • Репутация: 8

Отправлено 23 Декабрь 2012 - 19:25

Отличный урок. Ещё не нашёл для чего его применять, но выглядит очень красиво. Плюс в репу)
  • 0

#4 PhotoShopRND

PhotoShopRND
    Topic Starter
  • Пользователь
  • 209 сообщений
  • Репутация: 53

Отправлено 23 Декабрь 2012 - 19:47

Ещё не нашёл для чего его применять.


На здоровье, только уроки не для применения B) уроки что бы научиться. А что бы применить достаточно стили слоя скачать подходящие.
  • 0

#5 reklamarabotaet

reklamarabotaet
  • Пользователь
  • 79 сообщений
  • Репутация: 24

Отправлено 23 Декабрь 2012 - 21:19

А я-то все вчитывался, пытаясь понять, как Вы сделаете перспективу по диагонали вниз. За счет тиснения? Вернулся к исходному изображению и понял, что никак. Тут сдвиг копии вниз просто. Хотя за счет этих микро-теней выглядит действительно объемно.
  • 0

#6 PhotoShopRND

PhotoShopRND
    Topic Starter
  • Пользователь
  • 209 сообщений
  • Репутация: 53

Отправлено 23 Декабрь 2012 - 22:22

Тут сдвиг копии вниз просто. Хотя за счет этих микро-теней выглядит действительно объемно.


Именно так, в арсенале фотошоперов есть несколько вариантов создания объёмных текстов. Этот один из самых примитивных.

Хотя на самом деле проще сделать заготовки в 3D редакторах (cinema4D , Xara3D, Insofta Text Commander и тд)
  • 0


Оформление форума – IPBSkins.ru