Як створити зручний і простий текст 3D ефект в Photoshop
Це початок Лавель дизайн підручника. У цій статті ви знайдете, як створювати красиві 3D (тривимірна) тексту ефект в Photoshop. Це дуже швидкий і простий графічний дизайн tutorial.I сподіваємося, вам сподобається цей урок.
Заключний Preview
Це те, що ми робимо сьогодні Gone
Крок # 1
Відкрийте Photoshop і створіть новий документ, у мене 550 × 498px з білим тлом.
Крок # 2
Заповніть кольору у фоновий шар, мої кольори # 333333.
Крок # 3
Виберіть Horizontal Type Tool і напишіть на фронт. Я використовую "Arial" жирним і розмір "90", щоб переконатися, що я отримаю в кращому докладну до нього.
Крок # 4
Клацніть правою кнопкою мишки на шарі тексту й натисніть на Rasterize тип (або Rasterize шару в залежності від версії Photoshop CS ви використовуєте).
Крок # 5
Давайте продовжимо наш перетворити текст в 3D. Виберіть шар Infoway. Чим вони потраплять до "Правка" -> "Transform" -> "Перспектива" (Ctrl + T)
Утримуючи Ctrl, натисніть кнопку в правому верхньому куті перетворення управління з коробки. Чи повинна виглядати наступним чином.
Крок # 6
Ми плануємо почати цей текст даючи 3D вид. По-перше, ми хочемо повторити наш текстовий шар, а тепер, утримуючи Ctrl + Alt, натисніть на стрілку вгору, як можна помітити, це дублює шару і перемістіть його вгору на 1 піксель. Тепер робити це від 8 до 10 разів, після того, ви отримаєте щось на зразок цього:
Крок # 7
Ну, що вам потрібно зробити, це Мардж все "дублюється" шар разом, за винятком верхню.
Щоб зробити це, переконайтеся, що ви обираєте 2-й шар на верхню і об'єднати її на всі верстви під ним разом ось так ... (не зливаються з фоном шару)
Крок # 8
Тепер застосуємо деякий ефект
Тепер перейдіть в палітрі шарів, виберіть Infoway шар.
Color Overlay
Стилізації тексту, двічі натисніть на ескіз Infoway шару на панелі "Шари, щоб відкрити Layer Styles діалогового вікна, ми будемо застосовувати ефект накладення кольору для тексту. Потім клацніть на кольоровому полі, я вибираю # E97E2C.
Внутрішня тінь
Наступний застосовувати внутрішній шар Shadow стилю. Зберігати кут при 120 о, ніж зміна значень димності, відстань і розмір. Я вибираю встановити прозорість на 75%, відстань, на 1px і розмір, при 5px.
Зміна кольору Внутрішня тінь від замовчуванням # D75D00
Inner Glow
Наступний застосовувати внутрішній шар Glow стилю. Зберігайте режим змішування на екрані, ніж зміна значень димності, дросель і розміру. Я вибираю встановити прозорість на 45%, дросель на 7%, а розмір на 90px.
Зміна Внутрішнього кольору світіння за замовчуванням # FFA800
Атласні
Тепер застосуйте стиль атласна шар. Зберігайте режим змішування на Multiply, ніж зміни значень димності, відстань і розмір. Я вибираю встановити прозорість на 46%, відстань, на 11%, а розмір на 14px.
Важлива частина: Зберігайте кут в 19 O
Зміна Внутрішнього кольору світіння за замовчуванням # FF0000
Після цього ви отримаєте щось на зразок цього:
Зараз ми будемо застосовувати всі ці стилі шару (Layer »Layer Styles» ...) в шарі Bottom:
Тепер застосуємо деякий ефект
Вплив градієнта
Стайлинг нижнього шару двічі клацніть на зменшене нижнього шару в панелі шарів, щоб відкрити Layer Styles діалогового вікна, ми будемо застосовувати горизонтального градієнта ефекту для нижнього шару. Потім клацніть на кольорі градієнта на правому градієнта можливість відкрити Редактор градієнтів кольорів.
Двічі клацніть на лівому кольору зупинки і введіть значення кольору # cc0000 потім двічі клацніть на правій кольору зупинки і введіть значення кольору # 840000.
Внутрішня тінь
Наступний застосовувати внутрішній шар Shadow стилю. Зберігати кут при 120 о, ніж зміна значень димності, відстань і розмір. Я вибираю встановити непрозорість на 75%, на відстані 5px і розмір в 24px.
Drop Shadow
Нарешті ми будемо застосовувати тіні, тримайте на кут 120 о, ніж зміна значень димності, відстань і розмір. Я вибираю встановити непрозорість на 75%, на відстані 2px і розмір в 5px.
Результати
Коли всього цього тепер ви повинні мати щось види:
Завантажити файл-джерело
Якщо ви хочете перевірити вашу роботу, ви можете завантажити файл PSD для цього уроку.
Завантажити файл: зручний і простий 3D Text Effect (72.5KB)
Статті по темі:
якщо вам сподобалося читати цю статтю, варто ознайомитися з іншими відповідними статтями нижче:






































































clippingimages говорить: 24 жовтня 2009 в 7:18 ранку сказав:
WoW
Дуже простий і чітко визначеної підручника для вивчення. Дякуємо за відправлення цього Awesome пост. Якщо вам потрібна будь-яка допомога графічний дизайн натисніть http://www.clippingimages.com