Зробити об'ємні літери у фотошопі CS6. Зроби об'ємний текст у Фотошоп
Ця дія відразу видавить текст і під літерами з'явиться поверхня площини основи:
КРОК ТРЕТІЙ:Наш текстовий шар називався "PLAY". Створений із нього 3D-шар називається так само. Знайдіть його в панелі 3D і клацніть по ньому. Потім, якщо не відкрилася сама, відкрийте панель властивостей (Вікно -> Властивості або Window -> Properties) і задайте глибину екструзії (Extrusion Depth) в 0:
Літери стали плоскими, що нам і потрібно.
КРОК ЧЕТВЕРТИЙ:У верхній частині панелі властивостей натисніть на третій значок ліворуч, у цьому розділі ми можемо змінити кут та інтенсивність роздмухування фігури фігури.
Спочатку, клацніть по меню "Сторони" (Sides) вгорі панелі і встановіть на "Спереду і ззаду" (Front and Back). Потім перейдіть до розділу "Роздування" (Inflate) і встановіть "Кут" (Angle) на 90° і "Інтенсивність" (Strength) на 20%. Літери одразу стають роздутими. Це добре видно на додатковому вигляді зверху:
КРОК П'ЯТИЙ:На даний момент усі літери у слові є єдиним об'єктом. Я ж хочу використовувати кожну букву як окремий елемент. Але, перед тим, як розділити об'єкт з літер, налаштуємо властивості поверхні об'єкта. На панелі 3D натисніть на матеріал передньої опуклості (Front Inflation Material). У панелі властивостей, у вікні вибору матеріалів знайдіть матеріал під назвою "Без текстури" (No Texture):
Продовжимо роботу з панеллю властивостей. Натисніть на прямокутник-зразок кольору поряд з Розсіюванням (Diffuse) і виберіть білий на панелі кольорів, потім натисніть OK. Встановіть "Блиск" (Shine) на 100%, "Відображення" (Reflection) на 75%, "Плавність" (Roughness ) близько 25% та "Рельєф" (Bump) 10%:
КРОК ШОСТИЙ:Перейдіть по вкладці головного меню 3D --> Розділити екструзію (3D --> Split Extrusion). Це дозволить Вам маніпулювати з кожною літерою окремо, зберігаючи при цьому всі літери в тому самому 3D шарі. Перейдіть на інструмент "Переміщення (Move Tool) і наведіть курсор на першу літеру. Тепер ви можете використовувати 3D-інструменти та віджети, щоб змінити позицію та масштаб цієї літери, не торкаючись інших літер:
КРОК СЬОМИЙ:Давайте розфарбуємо кожну літеру у свій колір, почнемо з обраної на даний момент найлівішої літери. На панелі 3D натисніть кнопку На панелі 3D натисніть на матеріал передньої опуклості (Front Inflation Material). На панелі властивостей натисніть на квадратик поряд з "Розсіюванням" (Diffuse) і виберіть, наприклад, зелений колірна палітрі кольорів. Натисніть кнопку OK. Зробіть те саме для інших літер, задаючи кожній з них свій колір. Ви помітите, що властивості поверхонь букв, що відображають, залишаються без змін, навіть при зміні кольору:
Звертаю Вашу увагу, що в панелі 3D треба перемикати на "Матеріал передньої опуклості" для кожної окремої літери:
КРОК ВОСЕМИЙ(для Photoshop CS6): Якщо Ви використовуєте Photoshop CC, то Ви бачите кілька відблисків на 3D-об'єктах. Ці відблиски створюються за умовчанням на основі освітлення IBL (Image Based Light - джерело світла на базі зображення). У Photoshop CS6 зображення, на основі якого ці джерела світла, за промовчанням суцільне чорне, тобто. ніяких джерел немає, відповідно, і відблисків не буде. На малюнку нижче я показав, як виглядає це зображення Photoshop CC, також, я показав, яким чином можна відкрити і подивитися зображення IBL:
Це зображення схоже на Настельні світильники, воно і створює ефект відблисків на літерах. Тому у Photoshop CS6 його треба створити самостійно. Дії створення нової текстури схоже на дії на малюнку вище, тільки замість "Редагувати текстуру" (Edit Texture) натисніть рядок "Нова текстура" (New Texture). Photoshop автоматично відкриє вікно створення нового документа, введіть розміри 538 на 302 пікселя і намалюйте сіро-біле полотно, схоже на показане на малюнку вище, а потім збережіть документ.
КРОК ЗАВЕРШУЮЧИЙ:Освітлення готове, і 3D текст розділений на літери. Тепер, Ви можете за допомогою інструментів 3d переміщення, масштабу та віджетів переміщати, нахиляти та масштабувати літери. З іншого боку, літери взаємодіятимуть друг з одним, відбиваючи як джерела світла, а й друг друга. Це буде видно після проведення рендерингу. І не забувайте, що навіть якщо ви можете маніпулювати з кожною літерою окремо, всі вони, як і раніше, залишаються на одному 3D-шарі.
Photoshop CC має чудову систему текстових підказок. Коли ви наводите курсор на об'єкт, відображається "габаритний контейнер" об'єкта, або Gismo, а також його осі. Далі наводимо і переміщуємо курсор вздовж однієї з осей, і Photoshop видає нам варіанти, напр., "обертання по осі Z", "переміщення вздовж осі Y", "масштаб вздовж осі X" і т.д.:
Ось як мій фінальний результат. Цей малюнок отримано після рендерингу документа, запустити рендеринг можна клавішами Ctrl+Shift+Alt+R:
На фінальному зображенні я приховав 3D площину основи. Як сховати/показати площину основи, розказано тут.
Крок 1
Створіть новий документ у Фотошопі (Ctrl+N) розміром 1250х1000 пікселів. Встановіть шрифт "Franks Regular", задайте розмір 280pt і великими літерами напишіть "GOOD LUCK".
Крок 2
Якщо у Вас є два або більше рядків тексту, встановіть Інтерліньяж (Leading) на 250. Зробити це можна на панелі Символ (Вікно > Символ) (Window > Character). Також зміните Трекінг (Tracking).
2. Перетворення на фігури
Крок 1
Клацніть правою кнопкою миші на текстовому шарі та виберіть Перетворити на криві (Convert to Shapes). Створіть копію отриманого шару (Ctrl + J) та назвіть її "Stroke".
Крок 2
Активуйте інструмент Виділення вузла (Direct Selection Tool) та на верхній панеліувімкніть обведення кольором #e5bf25.
3. Створення 3D-шарів
Крок 1
Виберіть обидва текстові шари та перейдіть до меню 3D > Нова екструзія з виділеного контуру (3D > New Extrusion From Selected Path).
Крок 2
Обидва 3D-шари потрібно об'єднати в один (3D > Злиття 3D-шарів) (3D > Merge 3D Layers)
Крок 3
Для роботи з середовищем 3D знадобиться дві панелі: 3D і Властивості (Properties). Вони доступні через меню Вікно (Window).
Панель 3D містить усі компоненти сцени. Коли ви вибираєте якийсь із елементів, на панелі Властивості (Properties) можна побачити різні параметри та властивості.
4. Налаштування сітки
Крок 1
Виберіть текстову сітку та змініть глибину екструзії (Extrusion Depth) до 70 пікселів.
Крок 2
Перейдіть на вкладку Капітель (Cap) і змініть властивості, як показано на скріншоті.
Крок 3
Виберіть сітку «Stroke» на панелі 3D і змініть глибину екструзії (Extrusion Depth).
5. Створення текстури для Матеріалу передньої опуклості (Front Inflation Material)
Крок 1
Виберіть Матеріал передньої опуклості (Front Inflation Material) текстової сітки. Клацніть на іконці параметра Розсіювання (Diffuse) і виберіть Редагувати текстуру (Edit Texture).
Крок 2
У Вас відкриється новий документ із літерами. Змініть колір букв на #61129d.
Крок 3
Виберіть інструмент прямокутника (Rectangle Tool) і створіть смужку товщиною 15 пікселів кольором #e5bf25. Створіть копію цієї смужки.
Крок 4
Активуйте режим Вільне трансформування (Free Transform) і посуньте копію вниз. Натисніть клавішу Enter, щоб застосувати зміни.
Крок 5
Натисніть Ctrl+Shift+T кілька разів, щоб повторити останні зміни. Як покриєте весь текст смужками, поєднайте шари. Отриманий шар назвіть "Stripes" і збережіть документ, але не закривайте його.
6. Створення відображень та текстури рельєфу
Крок 1
У документі, з яким ми щойно працювали, перейдіть у меню Файл > Зберегти як (File > Save As) та дайте ім'я «Reflection». Збережіть файл у папку проекту, щоб його було легко знайти.
Крок 2
Змініть колір тексту на #535353
Крок 3
До шару Stripes застосуйте стиль Накладення візерунка (Pattern Overlay): візерунок Satin.
Збережіть документ (Ctrl+S).
Крок 5
Збережіть ще одну копію файлу під назвою "Bump".
Крок 6
Змініть колір тексту на #1c1c1c та збережіть документ.
7. Налаштування матеріалів 3D-сітки
Крок 1
Поверніться до первісному документута виберіть Матеріал передньої опуклості (Front Inflation Material). Клацніть на іконці параметра Відображення (Reflection) і виберіть Завантажити текстуру (Load Texture). Завантажить текстуру "Reflection", яку ми створили раніше. Потім зробіть те саме для параметра Рельєф (Bump).
Крок 2
Решту властивостей настройте, як показано на скріншоті.
Крок 3
Виберіть обидва матеріали скосу (Bevel Material) і Матеріал задньої опуклості (Back Inflation Material), налаштуйте їх так:
Крок 4
Виберіть Матеріал екструзії (Extrusion Material) і видаліть текстуру.
Крок 5
Змініть кольори Матеріалу екструзії так:
Розсіювання (Diffuse): 70, 9,93
Колір відблиску (Specular): 207, 178, 75
Крок 6
Налаштуйте всі матеріали обведення:
Крок 7
Виберіть Матеріал екструзії (Extrusion Material) та видаліть текстуру Розсіювання (Diffuse), колір - 229, 191, 37.
8. Видалення сіток та зміна ракурсу
Крок 1
Виберіть обидві текстові сітки та перейдіть у вкладку Координати (Coordinates). Змініть кут обертання. Після цього перейдіть у меню 3D > Перемістити об'єкт на площину основи (3D > Move Object to Ground Plane).
Крок 2
Інструментом Переміщення (Move Tool) розташуйте обведення в середині тексту.
Крок 3
Виберіть Поточний вид (Current View) на панелі 3D та задайте вид Зверху (Top).
9. Висвітлення
Крок 1
Виберіть Безмежне світло 1 (Infinite Light 1) на панелі 3D та змініть його:
Крок 2
Додайте нове точкове світло.
Крок 3
Налаштуйте його, як показано нижче. Колір 249, 247, 238.
Крок 4
Розташуйте джерело світла тут:
Після цього поверніть вид зверху.
Крок 5
Виберіть Середу (Environment), клацніть на іконці параметра ІСБІ (IBL) і виберіть Замінити текстуру (Replace Texture). Виберіть зображення кімнати та змініть інтенсивність.
Крок 6
Можна змінити розташування текстури.
Крок 7
Вставте розмите фонпід шар із текстом і переверніть його (Transform - Flip Vertical). Для фону можна використовувати якусь градієнтну заливку або сильно розмити будь-яке зображення.
Після додавання фону Вам потрібно буде трохи попрацювати зі світлом. Додайте більше джерел світла, перемістіть об'єкт, щоб він краще виглядав на сцені.
10. Рендеринг
Крок 1
Після завершення роботи зі сценою запустіть рендеринг (3D > Рендеринг) (3D > Render). Його можна зупинити будь-якої миті натисканням клавіші Esc.
Крок 2
Після закінчення рендерингу, перетворіть 3D-шар на смарт-об'єкт.
Крок 3
Створіть копію смарт-об'єкта та розтрируйте її, оригінал вимкніть.
11. Вирівнювання країв смуг та колір тексту
Крок 1
Збільште масштаб і побачите, що краї смуг стали нерівними.
Крок 2
Виберіть інструмент Точковий пензель (Spot Healing Brush Tool) м'якого типу і зафарбуйте нерівності.
Крок 3
Також можна працювати інструментом Штамп (Clone Stamp Tool).
Крок 4
Такий результат у Вас має вийти:
Крок 5
Створіть шар, що коригує, рівні (Layer - Levels).
Крок 6
Створіть відсічну маску та змініть точку тіней.
12. Зірки
Крок 1
Відкрийте друге зображення з набору "Deep Space 10K Backgrounds Vol2". Перейдіть до меню Зображення > Розмір зображення (Image > Image Size) та встановіть Роздільна здатність (Resolution) на 72 пікселі.
Перемістіть зображення в основний документ і назвіть шар Stars. Перетворіть його на смарт-об'єкт. Встановіть режим освітлення (Screen) та зменшіть непрозорість до 60%. Створіть копію шару (Ctrl+J) та зменшіть непрозорість до 30%.
Крок 2
До верхнього шару зірок застосуйте фільтр Розмиття діафрагми (Фільтр > Галерея розмиття > Розмиття діафрагми) (Filter > Blur > Iris Blur).
Крок 3
Налаштуйте розмиття так:
Крок 4
Цей крок є додатковим. Ми видалимо зірки під ефектом Bokeh. До оригінального шару зірок додайте маску (Layer Mask). Інструментом Ластик (Eraser Tool) білого кольоруабо чорним пензлем зітріть білі крапки всередині кіл.
У цьому уроці ви дізнаєтесь, як створити блискучий текстовий ефект, використовуючи 3D-інструменти, коригувальні шари та кілька текстур. Почнемо!
На створення цього ефекту мене надихнули різні стилішару, доступні на GraphicRiver.
1. Створюємо текстову основу
Крок 1
Створюємо новий документ розміром 3500 х 2000 пікселів.
Потім додаємо текст за допомогою шрифту HWT Artz. Розмір тексту встановлюємо на 600 pt та Tracking(Трекінг) на 150 pt.
Крок 2
Називаємо текстовий шар «Текст», клацаємо по ньому правою кнопкою мишки та вибираємо ConverttoShape(Перетворити на криві).
2. Створюємо обведення
Крок 1
Дублюємо текстовий шар (Ctrl+J) і називаємо копію "Обведення 1".
Крок 2
Беремо DirectSelectionTool(A) (Часткове виділення) та переходимо на верхню панель інструментів.
Примітка: у деяких версіях програми інструмент Direct Selection Tool перекладається як "Стрілка"
Встановлюємо Fill(Заливка) на None(Ні), Size(Розмір) на 25 і як колір обведення вибираємо чорний. Потім клацаємо на кнопку вибору типу обведення та у випадаючому меню Align(Вирівнювання) вибираємо Outside(Зовні).
Крок 3
Дублюємо шар «Обведення 1» і називаємо копію «Обведення 2». Змінюємо ширину обведення дубліката на 35.
Крок 4
Дублюємо шар «Обведення 2» і називаємо копію «Обведення 3». Потім міняємо ширину обведення дубліката на 50.
3. Створюємо 3D-шари
Крок 1
Для кожного шару з текстом застосовуємо 3 D- New3DExtrusionfromSelectedPath(3D – Нова 3D-екструзія з виділеного контуру).
Крок 2
Вибираємо всі 3D-шари, які у нас є та переходимо 3 D- Merge3DLayers(3D - Злиття 3D-шарів).
4. Працюємо з 3D-сценою
Крок 1
Щоб мати доступ до параметрів 3D-об'єктів, ми повинні відкрити дві панелі: панель 3D та Properties(Властивості) (обидві знаходяться у головному меню Window(Вікно)).
На панелі 3D знаходиться список усіх компонентів сцени і, якщо вибрати один із них, ми зможемо редагувати його параметри на панелі Properties(Властивості). Тому завжди звертайте увагу на те, чи вибрано потрібний об'єкт, перш ніж редагувати його.
Крок 2
Якщо активувати MoveTool(V) (Переміщення), у верхній частині панелі параметрів з'явиться набір спеціальних 3D-режимів.
Якщо вибрати один із них, то з вибраним об'єктом сцени можна проводити певні маніпуляції (переміщення, обертання, масштабування тощо).
Також ми будемо використовувати ці режими, щоб змінювати вигляд із камери.
5. Редагуємо сітку 3D-об'єкта
Крок 1
На панелі 3D вибираємо елемент Text(Текст), потім на панелі властивостей встановлюємо ExtrusionDepth(глибина екструзії) на 200.
Крок 2
Виділяємо всі три компоненти з обведенням та встановлюємо їх ExtrusionDepth(глибина екструзії) на 35.
6. Редагуємо капітель 3D-об'єкта
Крок 1
Знову виділяємо компонент Text(Текст) на панелі 3D. Потім клацаємо на кнопку Cap(Капітель) у верхній частині панелі властивостей.
Встановлюємо Sides(Сторони) на FrontandBack(Спереду та ззаду), BevelWidth(Ширина фаски) на 5%, Contour(Контур) на HalfRound(Півколо) і Inflate- Strength(роздування - Інтенсивність) на 10%.
Крок 2
Тепер тиснемо на кнопку Stroke(Обведення) на панелі властивостей. Встановлюємо Sides(Сторони) на FrontandBack(Спереду та ззаду), BevelWidth(Ширина фаски) на 20%, Contour(Контур) на Ring(Кільце).
7. Налаштовуємо розміщення об'єктів сцени
Крок 1
На панелі 3D виділяємо всі компоненти тексту (сам текст і три обведення), потім клацаємо на значок меню в правому верхньому куткупанелі та вибираємо MoveObjecttoGroundPlane(Перемістити об'єкт на площину основи).
Крок 2
Беремо MoveTool(V) (Переміщення) і використовуємо 3D-осі, щоб відокремити обведення один від одного.
Стрілки на кінцях осей рухають об'єкти, маленька дуга, яка йде далі, відповідає за поворот, а за допомогою куба можна масштабувати об'єкт. Центральний куб, з якого виходять осі, необхідний рівномірного масштабування об'єкта. Щоб виконати якусь дію з осями, просто натискаємо на них і тягнемо мишкою.
Також ви можете перейти до меню View- Show- 3DSecondaryView(Вигляд - Показати - Другий 3D-вид), клікнути на маленьку стрілку в лівій частині і вибрати Top(Вигляд зверху), щоб краще контролювати процес переміщення обведення.
Крок 3
Переконайтеся, що найширше обведення знаходиться ззаду, а найвужча - попереду тексту.
8. Застосовуємо текстуру з блискітками
Крок 1
На панелі 3D вибираємо TextFrontInflationMaterial(Матеріал передньої опуклості), потім на панелі властивостей клацаємо на значок Diffuse(розсіювання) і вибираємо EditTexture(Редагувати текстуру).
Крок 2
Розміщуємо текстуру з блискітками над текстовим шаром на панелі шарів і масштабуємо її так, щоб вона перекривала весь текст.
Крок 3
Тиснемо Ctrl+U, щоб відкрити вікно налаштувань Hue/Saturation(Кольоровий тон/Насиченість), активуємо Colorize(Тонування) та встановлюємо Hue(колірний тон) на 37.
Переходимо File- Save(Файл - Зберегти), потім File- Close(Файл - Закрити), щоб повернутися до 3D-сцени.
9. Налаштовуємо опуклість матеріалу
Крок 1
На панелі 3D виділяємо компоненти TextFrontInflationMaterial(матеріал передньої опуклості), TextFrontBevelMaterial(Матеріал переднього скосу), TextBackBevelMaterial(матеріал заднього скосу) та TextBackInflationMaterial(матеріал задньої опуклості). На панелі Properties(Властивості) налаштовуємо компоненти:
- Specular(Колір відблиску): (221, 161, 32)
- Shine(Блиск): 50
- Reflection(Відображення): 20
- Bump(Рельєф): 3
- Refraction(Коеф. заломлення): 1.299
Крок 2
Виділяємо TextFrontInflationMaterial(Матеріал передньої опуклості), клацаємо на піктограму папки біля параметра Bump(Рельєф) та вибираємо LoadTexture(Завантажити текстуру) та знаходимо текстуру металу.
Крок 3
Знову натискаємо на іконку папку біля параметра Bump(Рельєф) та вибираємо EditUVProperties(Редагувати UV-властивості).
Крок 4
Встановлюємо обидва параметри Tile(Мозаїка) на 1.
Крок 5
Тепер виділяємо TextFrontBevelMaterial(Матеріал переднього скосу), TextBackBevelMaterial(матеріал заднього скосу) та TextBackInflationMaterial(матеріал задньої опуклості). Клацаємо на іконку папки біля Bump(Рельєф) і у списку вибираємо текстуру Metallic_Silver.
10. Налаштовуємо матеріал екструзії тексту
Крок 1
Виділяємо компонент TextExtrusionMaterial(Матеріал екструзії), клацаємо на іконку поряд з Diffuse(розсіювання) та вибираємо RemoveTexture(Видалити текстуру).
Крок 2
Налаштовуємо інші параметри:
- Diffuse(Розсіювання): (232, 226, 211)
- Specular(Колір відблиску): (153, 151, 137)
- Shine(Блиск): 20
- Reflection(Відображення): 20
- Roughness(плавність): 31
- Refraction(Коеф. заломлення): 1.2
11. Редагуємо матеріал обведення
Крок 1
Виділяємо всі матеріали передньої/задньої опуклості та скосів для всіх трьох обведень, потім видаляємо текстуру Diffuse
- Diffuse(Розсіювання): (92, 90, 83)
- Specular(Колір відблиску): (170, 168, 152)
- Shine(Блиск): 50
- Reflection(Відображення): 20
- Refraction(Коеф. заломлення): 1.2
Крок 2
Виділяємо матеріали екструзії всіх обведень, видаляємо текстуру Diffuse(Розсіювання) і налаштовуємо інші параметри:
- Diffuse(Розсіювання): (228, 183, 63)
- Specular(Колір відблиску): (51, 51, 51)
- Shine(Блиск): 20
- Reflection(Відображення): 20
- Refraction(Коеф. заломлення): 1.2
12. Налаштовуємо освітлення сцени
Крок 1
Виділяємо компонент InfiniteLight(Безкіне світло) і на панелі властивостей встановлюємо Intensity(інтенсивність) на 50% та Shadow- Softness(тінь - згладжування) на 30%.
Крок 2
За допомогою MoveTool(V) (Переміщення) ви можете рухати джерело світла або клацнути на іконку Coordinates(Координати) на панелі Properties(Властивості) та ввести числові значення координат.
Крок 3
Вибираємо компонент Environment (Довкілля), тиснемо на іконку біля параметра IBL(ІСБІ), вибираємо ReplaceTexture(Замінити текстуру) та завантажуємо фото кімнати.
Крок 4
Знову клацаємо на іконки IBL(ІСБІ), вибираємо EditTexture(Редагувати текстуру), потім тиснемо Ctrl+U та встановлюємо Saturation(насиченість) на -65.
Зберігаємо та закриваємо файл.
Крок 5
Встановлюємо Intensity(інтенсивність) на 50%.
Крок 6
Ви можете рухати текстуру за допомогою MoveTool(V) (Переміщення), поки не отримаєте бажаного результату.
13. Візуалізація тексту та підготовка до подальшого редагування
Крок 1
Закінчивши створювати 3D-сцену, переходимо 3 D- Render(3D – Рендеринг), щоб візуалізувати картинку. Рендеринг може зайняти досить багато часу в залежності від потужності комп'ютера, але ви в будь-який момент можете зупинити процес натисканням клавіші Esc.
Крок 2
Коли рендеринг закінчиться, клацаємо правою кнопкою по 3D-шару і вибираємо ConverttoSmartObject(Перетворити на смарт-об'єкт).
Крок 3
Переходимо Image- ImageSize(Зображення - Розмір зображення) та встановлюємо Width(ширина) на 1500 пікселів.
14. Додаємо коригувальні шари
Крок 1
Тиснемо на кнопку Createnewfilloradjustmentlayer(Створити нову заливкуабо коригуючий шар) в нижній частині панелі шарів та вибираємо SelectiveColor (Вибіркова корекціякольори).
Крок 2
Трансформуємо коригуючий шар в відсічну маску для шару з написом (Ctrl+Alt+G) та налаштовуємо його:
Yellows(Жовті):
- Cyan(Блакитний): 9
- Magenta(Пурпурний): 6
- Yellow(Жовтий): 13
- Black(Чорний): 3
Greens(Зелені):
- Black(Чорний): -80
Cyans(Блакитні):
- Black(Чорний): -50
Whites(Білі):
- Cyan(Блакитний): -15
- Magenta(Пурпурний): 10
- Yellow(Жовтий): 20
- Black(Чорний): -90
Neutrals(Нейтральні):
- Cyan(Блакитний): -2
- Yellow(Жовтий): 5
Blacks(Чорні):
- Cyan(Блакитний): -5
- Magenta(Пурпурний): 5
- Yellow(Жовтий): -20
- Black(Чорний): 5
Таким чином, ми покращили кольори картинки.
Крок 3
Levels(Рівні), також трансформуємо його в відсічну маску та встановлюємо Highlights (Яскраві тони) на 27, Gamma(Середні тони) на 1,03 та Shadows(темні тони) на 231.
Це покращить контрастність роботи.
15. Створюємо тло
Крок 1
Вище фонового шару додаємо шар із градієнтною заливкою. Кольори використовуємо такі (справа-ліворуч): #8f8e8e, #ebeaea та #8f8e8e.
Встановлюємо Angle(Кут) на 105 і Scale(Масштаб) на 250. Ви можете мишкою переміщати градієнт усередині робочої області, щоб підібрати найкраще розташування.
Крок 2
Вище градієнтного шару вставляємо картинку з ефектом Боке. При необхідності регулюємо її розмір, перейменовуємо шар на «блиски» і встановлюємо режим змішування на SoftLight(М'яке світло).
Крок 3
Додаємо коригуючий шар Hue/Saturation(Кольоровий тон/Насиченість) і трансформуємо його в відсічну маску для шару з блискітками, активуємо Colorize(Тонування) та встановлюємо Hue(колірний тон) на 40.
Крок 4
Знаходимо в наборі з картинками бульбашок зображення hybrid03 і вставляємо його вище за шар з блискітками. Називаємо шар із бульбашками «Фонова текстура 1».
Screen
Крок 5
Додаємо коригуючий шар Hue/Saturation(Кольоровий тон/Насиченість) і трансформуємо його в відсічну маску для шару з бульбашками, активуємо Colorize(Тонування) та встановлюємо Hue(колірний тон) на 38.
Крок 6
Розміщуємо зображення Platinafx4 з набору з абстрактними картинками вище за шар «Фонова текстура 1» і називаємо його «Фонова текстура 2».
Змінюємо режим змішування цього шару на Screen(Освітлення) і, за потреби, коригуємо розмір.
Крок 7
Додаємо коригуючий шар Hue/Saturation(Кольоровий тон/Насиченість) і трансформуємо його в відсічні маски для шару «Фонова текстура 2», активуємо Colorize(Тонування) та встановлюємо Hue(колірний тон) на 35.
16. Додаємо відблиски
Крок 1
Активуємо BrushTool(B) (Пензель) і відкриваємо панель Window- Brush(Вікно – Кисть).
Вибираємо будь-яку пензель, що сподобалася, з набору з зірками і відблисками. Потім налаштовуємо ShapeDynamics(Динаміка форми): SizeJitter(Коливання розміру) 50%, AngleJitter(Коливання кута) 100%.
Крок 2
Встановлюємо колір переднього плану на #d6d6d6, створюємо новий шар вище за всі попередні, називаємо його «Блики» і встановлюємо режим змішування на Overlay(Перекриття).
Зменшуємо розмір пензля до такого діаметра, при якому відблиски добре виглядатимуть на тексті. Починаємо робити мазки у найяскравіших місцях.
17. Додаємо Карту градієнта
Крок 1
Додаємо коригуючий шар GradientMap(Карта градієнта) та змінюємо його режим змішування на SoftLight(м'яке світло) з непрозорістю 15%.
У вікні налаштування градієнта активуємо параметр Dither(Дизеринг), потім вибираємо кольори (зліва-направо): #5a5871, #b79787 та #fdcd90.
Крок 2
Поекспериментуйте з різними кольорами та непрозорістю, щоб отримати унікальний результат.
Вітаю, ми закінчили!
У цьому уроці ми створили текстовий шар, перетворили його на контур і додали обведення.
Потім конвертували шари в 3D-об'єкти та налаштували їх зовнішній вигляд. Після цього доопрацювали освітлення та візуалізували готовий текст.
Наприкінці ми доопрацювали кольори та фон, використовуючи коригувальні шари, текстури та пензель з відблисками.
Як ви, напевно, вже зрозуміли, можливості програми Photoshopбезмежні завдяки безлічі комбінацій використання дуже простих інструментів. Деколи навіть дивуєшся, як гарну ідеюможна втілити в життя всього кілька операцій. Сьогодні я покажу вам таку річ. Вам не знадобиться глибоких знань програми для її створення. Тим не менш, вона виглядає дуже ефектно.
Ми розберемо, як у фотошоп зробити 3D текст. Думаю, ви вже чули, що останні версіїпрограми містять модуль, що дозволяє створювати 3D об'єкти, але сьогодні я покажу вам, як легко можна впоратися без нього.
Для створення об'ємного напису спочатку подумайте над кольором шрифту. Уявіть об'ємний предмет улюбленого кольору. Є певна різниця між світлою та темною частиною об'єкта. Основний колір практично не змінюється, проте відтінки зовсім різні. Колір написи відіграє істотну роль у створенні 3D тексту. Я трохи перебільшувала кольори. Ви можете зробити напис більш природним.
Спочатку пишемо текст на білій робочій області. Ще одне застереження: скористайтеся шрифтом із жирним зображенням для першого разу. З його допомогою у вас точно все вийде. У той час як шрифти з витонченим зображенням підходять далеко не всі. Я використала шрифт dino pro. Колір тексту поки що не важливий. Ми перекриємо його градієнтом.
У вікні шарів натискаємо робимо клік по шару з написом правою кнопкою миші. У вікні вибираємо «параметри накладання».
Давайте налаштуємо "градієнт". Перехід від кольору #886174 до #af7c94.
Такий градієнт у нас вийшов.
Тепер переходимо у вікно шарів. Клацаємо правою клавішею миші по шару з текстом і в списку вибираємо «створити дублікат шару».
Наше завдання полягає в тому, щоб перемістити його вниз та вліво на 1 піксель. Зробили. І у вікні шарів вибираємо той шар, що знаходиться позаду. Відкриваємо параметри накладання.
Забираємо галочку з градієнта. І ставимо на "накладення кольору". Нам потрібний колір #eddacf. Цей шар буде відображатися на 3D тексті. Так наші літери здаватимуться більшими.
Робимо ще один дублікат шару. Перетягуємо його у вікні шарів так, щоб він став першим після фону. Накладаємо колір #342328. І зміщуємо на піксель вгору та вправо.
Щось уже починає вимальовуватись.
Повторіть останню маніпуляцію 10 разів. Або більше. Залежно від того, яку товщину літери об'ємного тексту ви хочете отримати.
Ось що ми маємо на даний момент. Думаю, можна було б додати тінь.
Робимо ще один дублікат шару. Знову ж таки, він повинен стояти першим по порядку у вікні шарів. Зміщувати не потрібно. Вибираємо його у коні шарів. Клацаємо правою клавішею миші. Вибираємо «перетворити на смарт об'єкт». Натискаємо комбінацію клавіш ctrl+t. Робимо клік правою кнопкою миші по шару вже у робочому вікні. Вибираємо команду "перспектива". Тягнемо за куточок тексту. Ось, що має в нас вийти:
Тепер за допомогою параметрів накладання змінюємо колір цього шару на білий. Шар став для нас невидимим. І знову перетворюємо його на смарт об'єкт.
Натискаємо клавішу ctrl+shift+n, щоб створити новий шар. Виділяємо робочу область пропорційну зі шрифтом. На панелі інструментів шукаємо "градієнт".
Його налаштування знайдемо тут:
Клікаємо і задаємо їх:
Нижній лівий повзунок: колір #e4e4e4. Нижній правий – білий.
Верхній лівий повзунок: непрозорість 100%. Нижній правий – 0%.
Простягаємо мишкою по виділеній області знизу вгору. І знімаємо виділення.
Тепер клацаємо по даному шару у вікні шарів правою кнопкою миші і вибираємо «створити відсічну маску».
Зводимо шари. Зберігаємо. Всі!
Як бачите, ми скористалися дуже простими прийомами, але тим не менш досягли потрібного ефекту. 3D текст у нас справді вийшов.
1 голосДоброго часу доби, шановні читачі. Припустимо, у вас вже готовий сайт, а логотипу для нього все ще немає. Застопорити роботу для термінового пошуку дизайнера та платити першому зустрічному шалені гроші? Не думаю. Сьогодні я розповім вам, як створити простий і стильний лого для вашого блогу.
Я навчу вас робити об'ємні літери у фотошопі, які будуть ефектно виглядати на вашому сайті. Урок досить простий, можна зробити навіть, але завдяки йому ви зможете зрозуміти безліч премудростей і ймовірно відкриєте для себе деякі таємниці photoshop.
Фотошоп, дизайнер чи онлайн версія
Якщо вам терміново потрібен логотип, то у вас є три шляхи вирішення проблеми і кожен з них має свої недоліки та переваги.
Дизайнеру потрібно платити і швидкий вибір найчастіше призводить до збільшення бюджету. Невідомо скільки виконавець запитає за швидкість і чи справді встигне вчасно.
Можна створити логотип за допомогою онлайн сервісу. До речі, нещодавно опублікував огляд деякі з них. Рекомендую почитати (). Якщо зараз не до цього, то можу одразу порадити сервіс www.logaster.ru . Тут дійсно все можна зробити швидко і дуже красиво, але від вас буде потрібно близько 1500 рублів.
Є ще й третій спосіб – самостійно у фотошопі зробити логотип, а потім приймати рішення тимчасовий він чи назавжди. Навіть якщо вам не сподобається результат, ви навчитеся багатьом прийомам, які будуть корисні у майбутньому. Ну що, почнемо?
Робота розпочалася
Сподіваюся у вас на комп'ютері є красиві шрифтиз російським алфавітом, зараз ми будемо перетворювати будь-які літери на об'ємні. Це одна з основних переваг самостійної роботи. Ви нічого не обмежені. Весь інтернет у ваших ніг, давайте ж скоріше почнемо.
Створюємо новий документ.
Розмір не такий важливий, але краще використовувати розміри більше. У мене 900х600 пікселів. Завжди легше потім зменшити, ніж нарощувати.
Якщо у вас недостатньо дизайнерського досвіду та ви шукаєте нові прийоми та рішення, то можу порекомендувати вам сервіс www.colorscheme.ru , він допоможе вибрати ідеальне поєднання кольорівтому що зараз ми будемо заливати фон. Ви, до речі, можете використати текстури. Їх можна безкоштовно скачати з Гугла, Яндекса або на https://photoshop-master.ru .
Але поки що не до цього. Ми з вами вибираємо необхідний колір, заливку та клацаємо по щойно створеному документу.
Тепер клацаємо по інструменту текст, а потім змінюємо колір.
Я робитиму золоті об'ємні букви.
Якщо назва досить довга, краще писати її на двох різних шарах, щоб підганяти за розміром було зручніше.
Можна збільшити розмір тексту, щоб обидві фрази були рівно, одна під одною.
Також є можливість зробити це поєднанням клавіш Ctrl+T – вільне трансформування.
Тепер необхідно виділити обидва текстові шари. Клацніть по одному, потім натисніть Alt на клавіатурі, і клацніть мишею по другому.
Тепер натисніть праву кнопку миші, перебуваючи на виділених шарах, і розтрируйте текст. Він перетвориться з тексту на зображення, а значить можна буде застосовувати набагато більше налаштувань.
Знову натисніть праву кнопку миші, щоб відкрити додаткове меню.
Тепер потрібно поєднати шари.
Виберіть Ctrl+T і збільште текст.
Потім клацніть правою кнопкою миші всередині виділеного фрагмента. Відобразиться додаткове меню трансформування. Зараз вам знадобиться спотворення. Воно потрібно, щоб «покласти» об'ємний текст.
До речі, тільки зараз зрозумів, що набагато вдалим було б зробити це, доки верстви були текстовими, а не растрованими, не було б невеликих засічок.
Ну нічого, зараз я зроблю другий варіант і наприкінці статті дам можливість завантажити обидва psd вихідники. Ви можете робити все разом зі мною за текстом, не звертаючи уваги на мою раптову ідею.
Якщо ж захочете спробувати спотворити текстовий шар, як це зробити? Поверніться на кілька кроків назад, виділіть два текстові шари, натисніть на праву кнопку миші та виберіть функцію «Зв'язати шари». Потім Ctrl+T та у виділеній частині клацніть правою кнопкою миші, активуйте «Спотворення». Потім знову розтрируєте та об'єднуєте шари.
Поставте галочку на «Перегляд», щоб бачити, які зміни відбуваються на вашому тексті.
Вибираємо «Тиснення» та «Контур».
Зараз виставляєте «Внутрішній скіс» та плавний метод тиснення, трохи збільшуєте глибину, доки не сподобається результат.
Крім цього, треба змінити кольори режиму світла та тіні. У природі немає чистого білого чи чорного кольору, а в золотого тексту і поготів! Світлі ділянки золотих об'ємних букв були б світло- помаранчевого кольору, а тіні, вибачте за тавтологію, темно-жовтогарячого.
Якщо використовуєте червоний, зелений або будь-який інший колір, то просто вмикаєте логіку і виставляєте значення, в яких один колір буде меншим за яскравий, відносно основного, а другий більше.
Тепер додаємо «Глянець». Знову ж таки, у природі він був би помаранчевого кольору. Зменште непрозорість, щоб виглядало природно.
Переходимо до накладання градієнта.
Клікаємо по готовою схемоюі налаштовуємо свою. Якщо не вмієте, то потім прочитайте статтю в моєму блозі на цю тему, вона дуже докладна (). Зараз просто клацніть по лівій нижній плашці з кольором і знайдіть свій, а потім по правій. Поставте перехід від світло-жовтогарячого до темного.
Тепер поміняйте режим накладання на «Перекриття» та зменште непрозорість.
Готово. Тепер скопіюйте цей шар, натиснувши Ctrl+J.
Новий шар буде з усіма тими самими ефектами, вони нам не потрібні. Видаліть. Для цього перемістіть значок у кошик, як показано нижче.
Вибираємо у верхній панелі «Зображення» – «Корекція» – «Криві».
Робимо літери значно темнішими, майже помаранчевими. Зараз зрозумієте, навіщо, важко пояснити. Краще один раз побачити.
Перетягніть цей темний шар вниз під основний.
Вибираєте інструмент «Переміщення» і натискаєте на клавіатурі спочатку стрілку вниз, а потім вліво.
Затискаєте Alt і продовжуєте тикати стрілками вниз і вліво, доки літери не стануть об'ємними.
Тепер усі ці нові верстви потрібно об'єднати. А для цього їх потрібно спочатку виділити. Натискаєте на першу копію, рухаєтеся до останньої і перш ніж по ній натиснути Shift.
Тепер права кнопка миші та "Об'єднати шари".
На моєму прикладі трохи відходить край, гадаю ви помітили. Я знову вибираю інструмент "Переміщення".
Рухаю стрілками єдиний новий шар вгору та вліво.
Можна зробити цей шар темнішим. Переходимо в "Зображення" - "Корекція" - "Соковитість".
Рухаємо повзунок «Насиченості» праворуч.
Тепер застосовуємо "Накладення градієнта".
Від чорного до білого.
Режим накладання: «Перекриття» та зменшуємо непрозорість.
Створюємо ще одну копію шару, натиснувши одночасно Ctrl та J.
Шар треба буде зробити чорним, це буде тінь. Переходимо до меню "Зображення" - "Коррекція" і знаходимо тут "Рівні".
Зробити шар темним не є проблемою. Рухайте білий повзунок ближче до чорного. До речі, дивіться, вийшов цікавий ефектяк у коміксах. Чи може залишити так?
Тепер перетягуємо новий шар із тінню в самий низ. Під ним має залишитися лише тло.
Знайомі події. Вибираємо "Переміщення" і натискаємо на стрілки вниз і вліво.
Застосовуємо "Фільтр" - "Розмиття по Гаусс".
Встановлюємо розмах тіні, як вам більше сподобається.
А ось так виходить у тому випадку, коли нахиляєте текстовий шар, а не растрований. Який варіант вам більше до вподоби? Пишіть у коментарях та викладайте власні роботи, які ви зробили з цього уроку.
Завантажити мої зразки >>
До речі, є ще купа простих і цікавих способівстворити об'ємні літери у фотошопі. Підписуйтесь на розсилку, оскільки про багатьох із них я планую розповісти у майбутніх публікаціях. Крім цього, ви дізнаєтеся, шукати замовників, робити сайти та ще багато всього.
Ну а якщо вас цікавить винятково фотошоп, то можу порекомендувати курси Зінаїди Лук'янової Якщо вам потрібна програма для роботи, ну а якщо це хобі для себе, то зверніть увагу на уроки Олени Виноградової .
Ну ось і все, бажаю вам успіхів у ваших починаннях. До нових зустрічей!