Якісний 3-D текст в Photoshop

Більшість з вас, напевно, знають програми в яких створюються 3-D елементи. Але як бути, якщо у вас немає цих програм і вам потрібно зробити 3-D? Цей урок покаже як, як зробити 3D текст високої якості у Фотошоп!

От кінцевий результат уроку:

Step 1

Почніть зі створення документа 1500 на 1500 пикселей й 300px/inch дозволом. Створіть новий шар, назвіть його "3D TEXT_first." Потім виберете інструмент Tool (T) і напишіть більшими буквами ваш текст, у нашому випадку це 3D TEXT. Не хвилюйтеся якщо ваш текст пішов за межі робочої області, оскільки в наступному шагеми його будемо спотворювати.

Step 2

Зараз клацніть ПКМ по шарі "3D TEXT_first" і виберете Rasterize Type. Потім використайте Edit > Transform > Distort і створіть гарну перспективу нашому тексту, переміщаючи кути.

Зауваження: Якщо ви зазнаєте невдачі в процесе трансформації й краї тексту виглядають нечіткими, застосуєте фільтр Filter > Sharpen > Unsharp Mask, збільшуйте Amount.

Step 3

Тепер, коли текст у перспективі, створіть дублікат (Command + J) і назовте його "3D TEXT_last." Виберіть інструмент Move Tool (V) і використайте стрілки наклавиатуре щоб помістити шар "3D TEXT_last" небагато вишеслоя "3D TEXT_first". У моєму випадку 16 pixelsвверх й 2 pixels вправо.

Step 4

Створіть дублікат (Command + J) і помістите шари тому що показано нижче. Це важливо!

Step 5

Зараз відключите шари "3D TEXT_first" й "3D TEXT_last". Виберете шар "3D TEXT_first copy" і зробіть 60 копій (Command + J). Зараз, виберете шар "3D TEXT_last copy", виділите всі скопирование шаруючи втримуючи клавішу Shift і натисніть ЛКМ на "3D TEXT_first copy" це повинне вибрати всі 60 шарів. Потім кликніть ПКМ й Link Layers.

Step 6

Виберіть інструмент Move Tool (V), активуйте "3D TEXT_last copy" шар. Здійміться до верхньої панелі інструмента руху. Клацніть на Distribute Vertical Centers й Distribute Horizontal Centers. Потім виберіть всі зв'язані шари й соедените їх (Command + E). Назвіть шар "3D TEXT_merged."

Step 7

Ідіть до Layers Palette, тисніть на "3D TEXT_last" і відкрийте Blending Options. Застосуєте Gradient Overlay з #1a3236 до #cffffb. Щодо настроювань Angle, спробуйте зробити темний градієнт ввеху й світліше внизу.

Step 8

У палітрі шарів вибирете "3D TEXT_merged," виключите його, утримуючи клавішу Альт натисніть на етот шар лівою клавішею миші. Зробіть новий шар і назвіть його "3D TEXT_colored" і залийте його кольорами #a6e6fe. Снемите виділення (Command + D).

Step 9

Зараз виберете "3D TEXT_colored" шар і його Blending Options. Виберете Gradient Overlay. Переконаєтеся що ви вибираете second preset в Gradient Editor, там Foreground to Transparent, і встановите колірні значення як отут: #000000, #4a4747, #ffffff, #262626, #ffffff, і #000000. Потім, залежно від якого напрямку ваш текст іде, Angle буде відмінний. У моєму випадку я встановлюю Angle123, И як ви бачите градієнт проходить через центр тексту. Таким чином, що содает висвітлення.

Step 10

Деякі частини букв занадто яскраві, значить потрібно зробити легкий дотик тение в етих місцях. Утримуючи Альт ЛКМ на "3D TEXT_colored", створіть новий шар і назвіть "Shadows." Установите Foreground Color to #1a3236 або темніше, виберіть Brush Tool (B), установите Flow окло 30%, Hardness 0% і закрасте етиместа. Коли закінчите, виділення можна зняти.

Step 11

Прийшов час додати нашому тексту якісний вид. Перейдіть до палітри шаром, ЛКМ на шар "3D TEXT last" щоб завантажити його виділення. Потім создайтеслой вище всіх шарів, назвіть його "Shining lines." Виберіть Rectangular Marquee Tool (M), ПКМ на вашому зображенні й виберіть "Stroke." Установите Width 1 pixel, Color білий, and Location to Center. Виберіть більшу гарну кисть із Hardness 0% й Flow окло 30%. Потім зітріть усе крім місць що зазначено стрілками. Ети стрілки - крапки світла й вони нужнаються у висвітленні. Переконаєтеся що вони остануться недоторканими.

Step 12

Коли ви закінчите стирати, створіть дублікат шаруючи "Shining lines", понизте його Opacity лише небагато, і обьедените ті два шари (Command + E). You may switch for a moment to a black background to see if you did a good job with erasing, if not, make some further corrections. You should get something that looks similar to the image below.

Step 13

Зараз ідіть у низ палітри шарів, включите шар "3D TEXT first", перейменуйте на "Bottom shadow 1." Зробіть його копію(Command + J), і назвіть"Bottom shadow 2." Потім Filter > Blur > Gaussian Blur для шару"Bottom shadow 2", з паремтрами Radius 3 pixels.

Step 14

Виберіть Move Tool (V), і за допомогою клавіш перемістите на 5 pixelsвлево. Вам потрібно створити ілюзію що букви внизу дають тінь більше чим угорі. Виберіть Brush Tool (B) і м'якою кистю замалюйте як показано нижче. Не будьте придирчиви й нічого страшного якщо будуть невеликі погрішності, це тільки додасть реалістичності..

Step 15

Повертайтеся й застосуєте Filter > Blue > Gaussian Blur для шару "Bottom shadow 1". Тільки тепер потрібно зменшити радіус до 2 pixel. Виберіть Move Tool (V), і перемістите тінь на 2 pixels униз, і 2 pixels вправо. Пускай тінь покриє простір під буквами.

Step 16

Чудово, ми зробили свій текст дійсно реальним. Знову йдемо впалитру шарів, затискаючи Контрл, left-click на "Shining lines," "3D TEXT_last," "Shadows," й "3D TEXT_colored" шарах. Тепер коли ви їх вибрали, перетягнете їхню щонайконку Create a New Layer. Обьедените копії (Command + E) і назвіть етот шар "Reflection." Помістите даний шар вище всіх інших, не пропускайте даний крок, це важливо.

Step 17

Виключите шар "background", або навіть видалите його, він нам більше не потрібний. Далі Image > Merge Visible, і назвіть даний шар "TEXT." Помістите його вище шару "Reflection". Як бачите в нас є два шари з невеликою різницею на шарі "TEXT" тінь є, а на "Reflection" немає. Будемо працювати із шаром "TEXT" , а шар "Reflection" можна відключити.

Добре, тепер надамо нашим буквам якісний вид. Виділите шар "TEXT" і продублируйте його (Command + J), у вас автоматично з'явитися дублікат з назвою "TEXT copy,". Тепер, для шару "TEXT copy" ідемо в Blending Mode to Overlay and Opacity to 63%. Після чого Edit > Adjustments > Gradient Map, і виберіть чорний до білого.

Step 18

Зробіть другий дублікат шаруючи "TEXT", і розместите його вище всіх шарів. Назвіть його "Sharp edges" і зміните Blending Mode to Hard Light. Після чого to Filter > Other > High Pass,установите Radius to 1 або 2 pixels. Понизьте Opacity до 60-70% для даного шару.

Step 19

Створіть новий шар нижче всіх і назвіть "Surface," Натисніть D на клавіатурі що встановити кольори за замовчуванням. Виберіть Gradient Tool (G) і створіть великий градієнт, через все зображення, униз. Після чого Edit > Transform > Distort, і пеби на тлі з буквами це давало перспективу. Не обезательночтоиним, оскільки ви виберіть Crop Tool (C), і обрізаєте зображення по краях.

Step 20

На етом можна було б осановиться, але я вирішив понизити яскравість для шару "TEXT" Image > Adjustments > Brightness/Contrast. Забрати Contrast.

Step 21

Ідемо вниз палитрий шарів, і створюємо новий шар поверх "Surface", називаємо його "Glass". Вибираємо Paint Bucket Tool (G), заливаємо шар кольорами #3f3f3f. Після Filter > Noise > Add Noise, установлюємо Amount на 28%, Distribution - Gaussian, і ставимо галочку на Monochromatic.

Step 22

Тепер Filter > Blur > Motion Blur, установите Angle -90, і Distance 144 pixels. Изменити Blending Mode на Overlay, і встановите Opacity 50%. Виберіть Brush Tool (B), і з дуже м'якою кистю з параметрами Hardness 0% й Flow близько 20%, зітріть деякі плями цього шуму.

Step 23

В остаточному підсумку я вирішив колоризовать зображення. Створіть шар поверх усіх. Hue/Saturation. Переконаєтеся що опція Colorize включена. Установите Hue 201, і Saturation 17.

Виберіть шар "Reflection", Понизьте Opacity до 20-30%, виберіть Move Tool (V), За допомогою клавіатури передвинте егонемного вниз щоб створити ефект відбиття. Потім можете застосувати Layer Mask і м'яко затерти нижню частину.

Висновок

Спасибі за увагу, мені дійсно сподобалося його робити. Сподіваюся що ви довідалися що те нове в моєму уроці. От результат:

Кориснi статтi:

Якісний 3-D текст в Photoshop

Джерело: photoweb.com.ua