Фотомания

Понедельник, 06.05.2024, 18:55
Приветствую Вас Гость

Регистрация
Вход

УРОКИ ФОТОШОПА


Главная » уроки » сложные

3D текст и световые эффекты
10.12.2012, 23:42
Create 3-D text with some extreme lighting

В
этом уроке я покажу как преобразовать объект или текст из 2-D в 3-D
максимально реалистично. Для создания объекта мы будем использовать
Illustrator, а блики и тени будут создаваться в Photoshop.


3D текст и световые эффекты

1.
Запустите Illustrator и создайте документ 5х5 дюймов (12,7 х 12,7 см),
напишите свой текст или нарисуйте фигуру (можно логотип). Цвет должен
быть ни черным, ни белым, ни оттенком серого, что бы можно было получить
тени.

3D текст и световые эффекты

2.
Придадим нашему объекту 3D эффект: Effect>3-D>Extrude &
Bevel, мои настройки показаны ниже, но может быть вы захотите сделать по
своему, поиграйте с настройками, пока не добьетесь желаемого
результата. Убедитесь, что изменили источник освещения, это нужно для
получения большей контрастности и облегчения дальнейшей работы.

3D текст и световые эффекты

3.
Заканчиваем с иллюстратором, копируем изображение (ctrl+C), переходим в
Photoshop, создаем новый документ 1680x1050px и вставляем изображение
(ctrl+V). Растягиваем его на всё свободное пространство. Так как наша
картинка векторная, мы можем растягивать ее без потрь качества. После
нажатия Enter-а изображение станет растровым, так что увеличивайте
максимально, уменьшить потом не долго.

3D текст и световые эффекты

4. Теперь будем создавать фон, но сначала переименуем слой с текстом в "3-D text" и отключим его видимость (глаз слева от слоя).
3D текст и световые эффекты

5. Скачайте эту текстуру дерева. И разместите ее на весь документ.
3D текст и световые эффекты

6. Сделаем дерево более темного цвета, для этого берем темно-коричневую кисть, с помощью elliptical_marquee.gif создаем круглое выделение, ставим feather 100 рх.
3D текст и световые эффекты

7.
Ctrl + shift + I для инверсии выделения, создаем новый слой, alt+del
для заливки выбранным цветом. Режим смешивания слоя меняем на overlay.

3D текст и световые эффекты

8.
Аналогичным образом создаем желто-оранжевый круг в нижнем правом углу,
на этот раз выделение не инвертируем, а просто заливаем желтым цветом.
Режим смешивания вновь overlay.

3D текст и световые эффекты

9.
Увеличим желтый слой так, что бы он заполнил всё пространство,
незаполненное в 7-ом шаге коричневым цветом. При трансформации
удерживайте alt и shift, чтобы круг остался в углу и пропорции
сохранились

3D текст и световые эффекты

10.
Итак источник света в нашем изображении находится справа внизу, сделаем
этот угол светлее. Создаем новый слой, в нем радиальным градиентом от
белого к прозрачному делаем заливку от правого нижнего угла примерно до
границы желтого слоя, меняем режим смешивания на overlay и дублируем
этот слой (ctrl+J) несколько раз.

3D текст и световые эффекты

11. Пришло время добавить наш логотип. Возвращаем видимость слою с текстом и делаем этот слой активным. Берем magic_wand.gif с tolerance = 12 и щелкаем ей по передней части букв, затем нажимаем ctrl+J, появился новый слой с лицевой частью логотипа.
3D текст и световые эффекты

12. Повторите 11 шаг, выделив боковые части текста.
3D текст и световые эффекты

13.
Добавим бликов и теней к лицевой части. Создаем новый слой, ctrl+клик
по пиктограмме слоя с этой самой лицевой частью для загрузки выделения.
Берем радиальный градиент от желтого к прозрачному и проводим от правого
нижнего угла текста к левому верхнему. Режим смешивания меняем на
overlay.

3D текст и световые эффекты

14.
Чтобы сделать блик ярче создайте новый слой и не снимая выделения
проведите меньший градиент от белого к прозрачному, и вновь режим ставим
overlay.

3D текст и световые эффекты

15.
Еще один новый слой и проводим небольшой градиент от красно-коричневого
к прозрачному в левом верхнем углу текста, режим смешивания слоя ставим
multiply.

3D текст и световые эффекты

16.
Выбираем слой с боковой частью букв, жмем ctrl+M (curves),
устанавливаем кривую как на рисунке. Стороны потемнеют, так нужно
сделать, ведь свет туда не попадает.

3D текст и световые эффекты

17.
Теперь нужно понять как рассеивается свет, чтобы создать тень. Проведем
две линии из правого нижнего угла так, что бы они задевали углы букв
(см. рис.).

3D текст и световые эффекты

18. Теперь, когда мы знаем как будет падать тень, ее можно создать. Берем polygonal_lasso.gif
и в новом слое создаем такое выделение, заливаем его черным (убедитесь,
что черные области не вылазят справа за буквы). Помещаем этот слой под
буквы.

3D текст и световые эффекты

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

20. Рисуйте по маске черной мягкой кистью, пока тень не будет выглядеть естественно, например так:
3D текст и световые эффекты

21.
Удалите слой с линиями, они нам больше не нужны. Добавим к буквам
текстуру, а то без нее они выглядят не натурально. Берем текстуру
например отсюда,
вставляем ее в документ и изменяем размер до размера букв. ctrl+клик по
пиктограмме слоя с буквами, ctrl+shift+I для инверсии выделения, Del -
тем самым обрезаем текстуру по буквам. Меняем режим смешивания на
overlay, ставим opacity слоя 50%.

3D текст и световые эффекты

22. В конце я добавил немного объема на лицевую часть букв, что бы подчеркнуть края
3D текст и световые эффекты

Вот и всё!

3D текст и световые эффекты

PSD файл тут
Если вам понравился этот урок, то наверное и этот заинтересует


Источник: denisdesigns.com
Перевод: Chaus
Категория: сложные | Добавил: admin | Теги: уроки фотошоп, 3D текст и световые эффекты, Фотошоп
Просмотров: 1214 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Форма входа

Категории раздела
простые [49]
средние [49]
сложные [49]
кто онлайн
закладки
Друзья сайта
  • АНИМАЦИЯ
  • ALLlinks каталог сайтов - каталог ссылок рунета
  • Разработка сайтов
  • Каталог сайтов Всего.ру
  • Белый каталог сайтов

  • Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0







    ТЕГИ
    плагины к фотошопу Color Efex Pro 3.0 Анимация призрака ProDigital Software StarFilter Pro Alien Skin Blow Up плагины для фотошопа MULTILANG +RUS Vertus Fluid Mask 3 v3.2.3.8537 3.2 Анимация-капелька Magic Bullet PhotoLooks 1.5 Анимация по временной шкале в photo Анимация с текстом AKVIS Coloriage 7.5 Анимация по временной шкале в photo Фотошоп Анимация. HyperTyle v 1.05 Retail for Adobe P http://depositfiles.com/files/41912 Nik Software Sharpener Pro 3.0 анимация Nik Software Viveza 2.001 Puzzle Effect PhotoZoom Pro 4.0.4 Multilang (Rus) Christmas Lights Tutorial Tintii Photo Filter 2.6.0 for Adobe видео урок по временной шкале Alien Skin Exposure v 3.0.6 Animating A Ship On Sea Surface Topaz Detail 3.0.0 x86/x64 for Adob Плагины Alien Skin Eye Candy v7.0.0 Topaz ReMask 3.2 Rus (32-64) Curvemeister v3.4.1 retail for Adob Анимация полета вертолета Kolor Neutralhazer 1.0.2 for Adobe Анимированные песочные часы спецэффект Анимация плывущих облаков Анимация сканера УРОКИ АНИМАЦИИ уроки фотошопа non-destructive editing in Photosho Анимация Экранизации ehjrb ajnjijg Анимация волны Аваторка Выделяем волосы брызги духов Scrolling Background Text Анимированный Satin + видео как это было сделано волос глаз Vintage Analogue Photoshop и Image Ready Анимация полета Большая прогулка Винни Пуха (анимац Lomo Эффект в Photoshop Бегемотоящерица урок фотошоп Tone&colour Enhancement Half Wire Model Анджелина Джолли как Нави из фильма Блестяшки на тесте и объектах глиттеры анимация в фотошопе .....в рисунок карандашем!!! анимация для фона Color Ray Gradient фотообработка в стиле Jill Greenberg professional retouching 2 woman photo retouch близкая к профи! 10 самых распространённых ошибок ре Compass Tutorial Photo Strip Design and Print a 70s Style T-Shir Виртуальный тюнинг автомобиля в Фот 3D Recycling Bin Icon 3D текст и световые эффекты ajnjijgбНатягивание текстуры на раз гарда грандж текст 3D TEXT Акватекст уроки фотошоп Creating Funny Big Head Characters Воспоминания Dancer Авторский урок Can't sleep wallpaper В ожидании чуда взгляда через разбитое стекло Взрыв в фотошопе Выход в новый мир уроки в фотошопе 3D объекты в Photoshop Вода в фотошоп
    Поиск