Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2010 » Декабрь » 15 » Create 3-D text with some extreme lighting
16:15
Create 3-D text with some extreme lighting

Create 3-D text with some extreme lighting

В этом уроке я покажу как преобразовать объект или текст из 2-D в 3-D максимально реалистично. Для создания объекта мы будем использовать Illustrator, а блики и тени будут создаваться в Photoshop.
1. Запустите Illustrator и создайте документ 5х5 дюймов (12,7 х 12,7 см), напишите свой текст или нарисуйте фигуру (можно логотип). Цвет должен быть ни черным, ни белым, ни оттенком серого, что бы можно было получить тени.


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


Вот и всё!



***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[02.04.2019][Lessons PHOTOSHOP]
Создаём сырный текст в Adobe Photoshop (0)
[03.04.2019][Lessons PHOTOSHOP]
Создаем текстурированную дымящуюся птицу (0)
[09.12.2015][Lessons PHOTOSHOP]
Основы фотографии. Cветофильтры в современной фотографии (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Повышение практики мастерства в фотошоп (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Ретушь и цветокоррекция от Гавра (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[12.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beautiful Vintage (2015) (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[09.12.2015][Lessons PHOTOSHOP]
Создаем белый фон в Photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 854 | Добавил: supermen | Теги: урок, урок фотошоп
Всего комментариев: 1
1 zanchi  
вот что получается на практике wacko

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[01.12.2012][Veb DeSiGn]
Множество примочек для системы UCOZ (0)
[13.02.2015][video futage]
motionVFX - mDusts2: 125 Brand New Diverse Dust Files For Any NLE (0)
[17.09.2011][Lessons Adobe Illustrator]
Создание весёлой визитки, подготовка к печати (0)
[30.11.2013][3D MAX modeling]
Evermotion ArchInteriors vol. 27 (0)
[12.02.2015][DesiGN SofT]
TechSmith Snagit 12.2.1 Build 1968 Final (2014/RUS/ENG) (0)
[02.03.2011][Lessons Adobe Illustrator]
Отрисовка сливы плашками, урок Illustraror CS3 \ Drawing plum dies (1)
[20.01.2011][vectOR KLipardy]
Valentine postcard (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[26.10.2010][vectOR KLipardy]
Кошки и собаки в векторе (0)
[08.06.2010][Lessons PHOTOSHOP]
Зачищенная поверхность (2)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Понедельник
23.09.2019
01:53


Copyright artpost and semantic product zanchi 2010-2011 © 2019