Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Создаем стилизованный 3D текст
Adobe Photoshop » Уроки 13 ноября 2008 TakeRПечать


1. Откройте Иллюстратор , выберите инструмент Type Tool и напечатайте текст шрифтом Bifurk, который можно бесплатно скачать тут.
Я использовал этот шрифт потому, как данный эффект смотрится лучше на жирных шрифтах, нежели тонких. Размер шрифта установил на 77pt
Создаем стилизованный 3D текст

2. Теперь измените цвет текста на белый. Если в данном случае он плохо просматривается, поменяйте фоновый задний фон.
Затем перейдите в Effect>3D>Extrude & Bevel, используйте настройки, показанные на скрине.
Также откройте дополнительные опции (More options) и не забудьте установить галочку на предпросмотр (Preview).
Создаем стилизованный 3D текст

Теперь пришло время перенести наш текст в Фотошоп. Просто скопируйте его в Иллюстраторе, откройте Фотошоп, создайте новый документ и вставьте полученный текст. Я предпочитаю конвертировать текст в Smart Objects. Это позволит нам теперь менять размеры текста без потери качества. В рамках данного урока я буду придерживаться относительно небольшого размера холста. Я поместил текст на синий фон ибо так легче работать, нежели с белым по белому.
Создаем стилизованный 3D текст

4. Применяем такие стили слоя:
Создаем стилизованный 3D текст
Создаем стилизованный 3D текст
Создаем стилизованный 3D текст
Создаем стилизованный 3D текст
Создаем стилизованный 3D текст

Создаем стилизованный 3D текст

5. CTRL+клик по текстовому слою, чтобы загрузить выделение. Создаем новый слой и добавляем черно-белый градиент. Режим смешивания установите на soft light , прозрачность слоя 40%. Это придаст контраста тексту.
Также добавим некоторые тени таким образом, чтоб создалась видимость того, что текст стоит на поверхности. Выберите черную мягкую кисть с низкой прозрачностью, около 20%. Создайте новый слой под текстовым слоем и рисуйте кистью подобие теней, отбрасываемых буквами. Далее размойте тень немного с помощью filter>blur>Gaussian blur. Значения варьируйте по своему вкусу.
Создаем стилизованный 3D текст

6. Вы можете остановиться на данном шаге или же продолжить. Дублируйте полученный текстовый слой и растеризуйте его: Layer > Rasterize > Smart Object. Уберите видимость с основного текстового слоя. Возьмите clone stamp tool, выберите в настройках разбрызганную кисть и клонируйте ней некоторые участки текста. Это создаст эдакий "разбитый" эффект.
Создаем стилизованный 3D текст

7. Я собираюсь добавлять больше элементов. Вместо пылающих водоворотов, я собираюсь добавлять то, что я люблю называть "дорожными марками".
С помощью пера я создаю форму в перспективе (на глаз) и затем заполняю ее белым цветом. Это увеличивает иллюзию созданной поверхности. Вы можете замаскировать с помощью маски слоя некоторые детали, чтобы создать исчезающий эффект.
Создаем стилизованный 3D текст

8. Многие недооценивают эффект "вспышек линз" (Lens flares). Если их использовать с умом, то они они помогают увеличивать эффект раскаленного объекта. Создайте новый слой и заполните его черным цветом. Идите в Filter > Render > Lens flare, установите 105mm prime. Разместите вспышку в стороне от центра и получите неплохой луч. Режим смешивания слоя установите на screen. Если у вас местами получились резкие края, то просто сотрите это мягким ластиком или замаскируйте мягкой кистью. Вы можете регулировать прозрачность слоев для того, чтобы управлять интенсивностью эффекта.
Создаем стилизованный 3D текст

9. Добавим немного цвета к нашему шрифту теперь. Создайте новый слой, выберите кисть среднего размера с неопределенной формой, цвет онной установите на #e02c97. Проведите кистью по низу нашего шрифта.. Теперь снова загрузим выделение текста (CTRL+клик на текстовом слое). Добавьте маску слоя. Таким образом мы удалим остатки ненужного цвета за пределами границ текста. Режим смешивания слоя установите на soft light.
Создаем стилизованный 3D текст

10. Поработаем немного над фоном еще. Создайте новый документ 40*2 пикс. Фон должен быть прозрачным. Теперь залейте половину документа (20 пикс) черным цветом.Сохраните его как заливку: edit > define pattern.
У нас получилась новая текстура.
alt
11. Теперь вернитесь к вашей изначальной работе. Создайте новый слой, разместите его ниже слоя с текстом и перейдите в edit > fill. Из образцов заливки выберите созданный ранее паттерн и нажмите ок. Холст зальется полосами.
Теперь идем в edit > transform > perspective. Нажмите на левый нижний узел и удерживая Shift прощащите его наружу. Продолжайте трансформировать до тех пор, пока полосы не будут соответствовать теням, отбрасываемыми текстом. Это придаст эффекта трехмерности.
Наконец меняем режим смешивания на soft light. Добавляем маску слоя и кистью с низкой прозрачностью стираем частично полосы, дабы получить эффект текстурности.
Создаем стилизованный 3D текст

12. Следующим шагом создаем кольца. Возьмите инструмент ellipse tool (режим Paths) и удерживая Shift создайте круг. Выберите твердую кисть в 2 пикс. Теперь выберите инструмент пера и щелкнув по пути круга правой кнопкой мыши в диалоговом окне выберем меню Stroke path (галочку на simmulate НЕ устанавливаем). Нажмем Enter, чтоб убрать путь.
У нас получится контур кольца. Дублируем данный слой и уменьшим его размер с помощью масштабирования Ctrl+T. Повторите этот процесс около 4 раз. Мы получили связку колец. Слейте слои с кольцами поочередно(Ctrl+E). Добавим в стилях слоя свечение(цвет белый). И в завершение добавим эффект lens flare (как делали это выше). Для более реалистичного эффекта я снова добавил маску слоя к кольцам и замаскировал части колец.
Создаем стилизованный 3D текст

13. Следующими шагами были добавлены облака и дым.
14. Добавьте новый слой ниже слоя с полосками. Залейте его розовым полупрозрачным градиентом, который проходит сверху донизу и исчезает на полпути вниз.
Все! Готово!
Создаем стилизованный 3D текст


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

комментарии (4)

#1 написал: naikon | 13 ноября 2008 18:29
     

Хороший урок как по мне good
#2 написал: TaUReN | 13 ноября 2008 19:03
     

был урок вроде "Свечение 3Д текста" ьам использовался какойто продукт от ADOBE, а получаецца что он не нужен))
#3 написал: Magus | 17 ноября 2008 10:19
     

Неплохой еффект получаетсо)
#4 написал: www | 1 января 2009 14:36
     

не плохо токлько тут шрифт жирноватый
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.