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


Главная » 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)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][DesiGN SofT]
CorelCAD 2014 build 13.8.12 + Rus + Видеоинструкция + Руководство (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

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

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


Поиск






[19.11.2015][Lessons PHOTOSHOP]
Повышение практики мастерства в фотошоп (2015) (0)
[30.05.2010][Lessons PHOTOSHOP]
Пурпурный вихрь, спецэффект (6)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27210 (0)
[09.12.2013][DesiGn bLOg]
Информация - это красиво! Победители конкурса Information is Beautiful Awards 2013 (0)
[21.11.2015][Brushes Photoshop]
Rons Deviney Dead Tech 110 Brushes (0)
[03.12.2014][Brushes Photoshop]
Rons Deviney Aging Dirt and Grit (0)
[18.09.2011][DesiGn bLOg]
Туристические карты в типографике (1)
[13.04.2011][DesiGn bLOg]
Советы веб-дизайнеру начинающему собственное дело (0)
[17.09.2011][DesiGn bLOg]
Какие бывают логотипы (0)
[27.03.2011][rastER KLipardy]
7 принцес Диснея в стиле Альфонса Мухи (6)

Статистика


Онлайн всего: 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)



Пятница
29.03.2024
01:28


Copyright artpost and semantic product zanchi 2010-2011 © 2024