Об'ємний текст у фотошопі. Об'ємні написи

Доброго часу доби, шановні читачі. Припустимо, у вас вже готовий сайт, а логотипу для нього все ще немає. Застопорити роботу для термінового пошуку дизайнера та платити першому зустрічному шалені гроші? Не думаю. Сьогодні я розповім вам, як створити простий і стильний лого для вашого блогу.

Я навчу вас робити об'ємні літери у фотошопі, які будуть ефектно виглядати на вашому сайті. Урок досить простий, можна зробити навіть, але завдяки йому ви зможете зрозуміти безліч премудростей і ймовірно відкриєте для себе деякі таємниці 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.

Шар треба зробити чорним, це буде тінь. Переходимо до меню "Зображення" - "Коррекція" і знаходимо тут "Рівні".

Зробити шар темним не є проблемою. Рухайте білий повзунок ближче до чорного. До речі, дивіться, вийшов цікавий ефект, як у коміксах. Чи може залишити так?

Тепер перетягуємо новий шар із тінню в самий низ. Під ним має залишитися лише тло.

Знайомі події. Вибираємо "Переміщення" і натискаємо на стрілки вниз і вліво.

Застосовуємо "Фільтр" - "Розмиття по Гаусс".

Встановлюємо розмах тіні, як вам більше сподобається.

А ось так виходить у тому випадку, коли нахиляєте текстовий шар, а не растрований. Який варіант вам більше до вподоби? Пишіть у коментарях та викладайте власні роботи, які ви зробили з цього уроку.

Завантажити мої зразки >>

До речі, є ще купа простих і цікавих способівстворити об'ємні літери у фотошопі. Підписуйтесь на розсилку, оскільки про багатьох із них я планую розповісти у майбутніх публікаціях. Крім цього, ви дізнаєтеся, шукати замовників, робити сайти та ще багато всього.

Ну а якщо вас цікавить винятково фотошоп, то можу порекомендувати курси Зінаїди Лук'янової Якщо вам потрібна програма для роботи, ну а якщо це хобі для себе, то зверніть увагу на уроки Олени Виноградової .

Ну ось і все, бажаю вам успіхів у ваших починаннях. До нової зустрічі!

У цьому уроці я розповім, як зробити Об'ємний написв фотошоп cs4.

Ця програма не містить достатньо функцій, щоб створювати об'ємні написи, проте до цього питання можна підійти з іншого боку. І все в нас вийде!
Створюємо документ А4.
Робимо напис за допомогою інструменту Tool . Розмір шрифту 300 pt . Колір літер Ви можете вибрати довільний. У мене #d85366.

Застосовуємо стиль шару до напису. Layer / Layer Style . У вікні виконуємо налаштування:

Далі дублюємо шар із текстом ( Ctrl+J ) і за допомогою стрілок на клавіатурі опускаємо новий шар на піксель вниз і вліво. Повторюємо процедуру 10 разів. Кількість шарів можна зменшити чи збільшити. Залежно від того, на скільки Ви хочете зробити текст об'ємним.

Робимо тінь.
Створюємо новий шар унизу в панелі Layers . Робимо виділення нижнього шару з текстом (утримуючи Ctrl , клацаємо по шару) і заливаємо виділення чорним кольором.

Дублюємо нижній шар із написом і перевертаємо його вертикально. Edit / Transform / Flip Vertical.
Для зручності злити шари з верхнім написом. Виділяємо шари і тиснемо Ctrl+E . У результаті залишиться 4 шари (фон, перевернутий текст, тінь, об'ємний текст).

Змінимо стилі шару перевернутого тексту.

І проробимо для цього шару ті ж маніпуляції, щоб надати об'єм (дублюємо та зміщуємо вниз та вліво). Зливаємо шари перевернутого тексту.

Переходимо до роботи з тінню.
Edit / Transform . Далі утримуючи клавішу Ctrl деформуємо тінь, зміщуючи кутові точки.

Виділяємо верхню частину тексту інструментом Marquee (Прямокутне виділення, і зміщуємо верхню частину тіні.

Доопрацьовуємо тінь. Застосовуємо фільтр розмиття по Гаусу ( Filter / Blur / Gaussian Blur ) та прозорість шару 65%
Інструментом Marquee виділяємо нижню частинуфону та заливаємо градієнтом. кольору # 2a5159 та # dee7ee . Те саме робимо з верхньою частиною фону.

Зробимо свій відбиток більш природним.
Створюємо новий шар над перевернутим текстом, змінюємо колір градієнта #dee7ee на 100% прозорість. Заливаємо новий шар градієнтом.

У цьому уроці ви дізнаєтесь, як створити блискучий текстовий ефект, використовуючи 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-об'єкти та налаштували їх зовнішній вигляд. Після цього доопрацювали освітлення та візуалізували готовий текст.

Наприкінці ми доопрацювали кольори та фон, використовуючи коригувальні шари, текстури та пензель з відблисками.

У цьому уроці ми розглянемо основні інструменти програми фотошоп для роботи з 3D-об'єктами, а саме з текстом.

У фотошопі можна легко змоделювати красивий 3D напис, наприклад для логотипу сайту або групи в соціальної мережі. Об'ємний текст у фотошопі створюється набагато простіше, ніж у 3D редакторах і так приступимо!

1) Створимо новий документ, необхідного Вам розміру, я поставив квадратний розмір 1024 на 1024 пікселів. Для цього у верхньому меню зліва вибираємо "Файл" - "Створити" та встановлюємо необхідні параметри. Якщо ви не досвідчений користувач програми фотошоп, рекомендую нічого не змінювати, залишити всі параметри за замовчуванням, крім розміру документа.

2) Тепер напишемо текст, який надалі робитимемо тривимірним. Для цього в лівому бічному меню програми вибираємо інструмент "Текст", клацнувши по ньому лівою кнопкою миші.

Тепер, обравши необхідний інструмент, клацаємо лівою кнопкою миші на нашому полотні та друкуємо необхідний текст. Для налаштування розміру тексту, шрифту, його кольору і т.п. необхідно в панелі праворуч вибрати вкладку "Символ".

Якщо у Вас ця вкладка не відображається, то її необхідно увімкнути, вибравши у верхньому меню програми "Вікно" - "Символ". Зліва від пункту "Символ" має стояти галочка, отже цей пункт увімкнено. Якщо галочки немає, просто клацніть по цьому пункту лівою кнопкою миші.

3) І так ми надрукували необхідний нам текст, налаштували його розміри, колір, вибрали шрифт, тепер перетворимо його в об'ємну 3D модель. Для цього у верхньому меню програми вибираємо пункт "3D" - "Нова 3D - екструзія з виділеного шару" і у спливаючому вікні просто натискаємо "Ок".

При цьому шар з текстом у правій панелі знизу повинен бути виділений, якщо виділений інший шар, то клацніть лівою кнопкою миші по шару з текстом, щоб виділити саме його.

4) Виконавши всі описані вище дії, ми потрапляємо в режим 3D редагування нашого тексту. Ви можете повертати та переміщати текст у будь-якому напрямку, використовуючи 3 осі, вибираючи потрібну та утримуючи ліву клавішу миші. Також можна довільно вибирати ракурс тексту, для цього наведіть мишу за межі тексту (краще над ним), натисніть ліву кнопку миші та утримуючи її, переміщуйте мишу.

5) При роботі в режимі 3D редагування нам доступна панель налаштувань у правій верхній частині програми. За допомогою цієї панелі можна налаштувати різні ефекти для нашого тексту, спробуйте щось змінити рухаючи повзунки налаштувань у цій панелі. Поекспериментувавши з цими налаштуваннями, можна отримати незвичайний і цікавий результат.

Ось, наприклад, регулюючи повзунок налаштування "Скручування" я отримав такий цікавий ефект:

6) Створивши необхідний вам текст з ефектами і потрібним ракурсом, його можна перетворити на "Смарт-об'єкт" і працювати з ним вже як зі звичайним шаром, а не 3D об'єктом. Для цього у правій нижній панелі перейдіть із вкладки "3D" у вкладку "Шари" і виберіть шар із текстом, натисніть на ньому правою кнопкою миші та виберіть "Перетворити на Смарт-об'єкт". Але врахуйте, після перетворення тексту на Смарт-об'єкт ви його не зможете редагувати, тобто. змінити сам текст написи, змінити шрифт, змінити ефекти 3D тощо, тому дана діякраще робити після закінчення роботи.

7) Якщо ви хочете зробити напис допустимо на половину скрученого, а другу частину напису просто об'ємним і повернутим боком, то відповідно спочатку вам необхідно створити два різні шари в кожному з яких буде частина цього напису і з кожним із шарів працювати окремо, редагуючи частину напису.

У цьому уроці я покажу Вам, як створити абстрактну новорічну 3D ілюстрацію, використовуючи нові 3D інструменти, які Adobe включив у Photoshop CS5. Давайте почнемо!

Створіть новий документ (Ctrl + N) розміром 1280px на 1024px (RGB кольоровий режим) з роздільною здатністю 72 px/inch. Створіть новий шар та залийте його кольором #E0F8FF.

Вставте маску шару, вибравши Додати маску шару (Add Layers Mask) в нижній частині панелі "Шари", інвертуйте кольори натиснувши Ctrl+Iта виберіть м'яку круглу пензликЧорного кольору.

Використовуйте цей пензель, щоб додати кілька мазків на масці в центральній частині полотна.

Натисніть інструмент " Горизонтальний текст" (Horizontal Type Tool). Виберіть шрифт, розмір і колір у панелі "Символ"(Character)(я використовував шрифт Rockwell Extra Bold або якщо хочете, Ви можете замінити на аналогічний шрифт самостійно). Створіть новий шар і напишіть слово "Happy" .
Параметри слова "Happy":

Створіть новий шар та на ньому напишіть "New".
Параметри слова "New":

Створіть ще один шар та на ньому напишіть "Year".
Параметри слова "Year":

Зробіть активним шар зі словом Happy і на ньому виберіть Вікно>3D(Windows>3D) для відкриття 3D панелі (для цього необхідно мати Adobe Photoshop CS5 Extended). Приховайте на якийсь час шари з іншими словами і в діалоговому вікні " Створити новий 3D об'єкт(Create New 3D Object)" виберіть наступне " 3D об'єкт штампований варіант(3D Repousse Object)" і натисніть Створити:

Виберіть Так, щоб розмістити текст (Rasterize the text).

У діалоговому вікні " Штампований(Repousse)" перейдіть на " Заготовки штампованих форм(Repousse Shape Presets)", виберіть " Extrude" та натисніть кнопку ОК.

Ми отримали наступний результат:

У діалоговому вікні "Render настройки" виберіть "Обертання об'єкта (K) (Object Rotate Tool)" .

Виберіть " Перегляд>Показати>Вісь 3D"(View > Show > 3D-Axis)".

Використовуйте 3D ось, щоб повернути наш об'єкт, як показано на малюнку.

Налаштування для "Front Bevel Material" :

У Extrusion Materialдля опції Diffuse(Розсіювання) змінимо колір на # 9f2d05.

В опціях " Back Bevel Material"і" Back Inflation Material" залиште стандартні налаштування. Виберіть Light Rotate Tool(Обертання Світла) та обертайте джерело світла, як показано на малюнку.

Тепер зробіть видимим шар зі словом "New":

Зробіть самі операції, як і зі словом Happy. По-перше, у діалоговому вікні Створити новий 3D-об'єкт(Create New 3D Object) виберіть наступне Штампований 3D об'єкт(3D Repousse Object) та натисніть Створити. Натисніть кнопку Так, щоб розмістити текст (Rasterize the text). Відкрийте діалогове вікно "Штампований" (Repousse) та перейдіть на " Заготовки штампованих форм"(Repousse Shape Presets), виберіть Extrudeта натисніть кнопку ОК. У діалоговому вікні " Рендер налаштування"(Render Settings) виберіть " Повернення Об'єкту(K) "(Object Rotate Tool). Використовуйте "3D-Вісь"(3D-Axis), щоб повернути наш об'єкт, як показано на малюнку.

У "Extrusion Material" для опції Розсіювання (Diffuse) змініть колір на #a78125.

У опціях "Back Bevel Material" та "Back Inflation Material" залиште налаштування за замовчуванням. Виберіть " Обертання Світла

Зробити видимим тепер шар із словом Year:

У діалоговому вікні " Створити новий 3D об'єкт" (Create New 3D Object) виберіть " Штампований 3D об'єкт"(3D Repousse Object) і натисніть Створити. У вікні, натисніть Так, щоб раструвати текст. У діалоговому вікні Штампований (Repousse) перейдіть на " Заготовки штампованих форм"(Repousse Shape Presets), виберіть Extrude та натисніть кнопку ОК.

У діалоговому вікні " Рендер налаштування"(Render Settings) виберіть " Повернення Об'єкту(K)"(Object Rotate Tool). Використовуйте 3D-Вісь(3D-Axis) , щоб повернути наш об'єкт, як показано на малюнку.

Налаштування для Front Bevel Material:

У Extrusion Materialдля опції Розсіювання(Diffuse) змініть колір на # 336f1c.

В опціях Back Bevel Materialі Back Inflation Materialзалиште стандартні налаштування. Виберіть " Обертання Світла(Light Rotate Tool) і обертайте джерело світла, як показано на малюнку.

Тепер виберіть Інструмент " Еліпс(U)" (Ellipse Tool) і намалюйте еліпс, колір # F7189B.

Заливку (Fill) встановіть на 18%.

Використовуючи цей інструмент, спробуйте зробити ще еліпсів різних кольорів і прозорістю. Кольори: #FF9B43, #FF0000, #FF4C29, #488F28, #FFFFDE0, #F7F4AB, #F7E3AB, #FFFFFF. Шари з еліпсами розмістіть під шарами із 3D об'єктами.

Тепер зробите копію шару зі словом Year та виберіть Free Transform(Ctrl + T) і розмістіть його як на малюнку нижче:

Вставте маску шарута виберіть м'яку круглу пензликчорного кольору (непрозорість збільшіть до 20%).

Використовуйте цей пензель, щоб приховати вміст шару, як показано на малюнку. Заливання (Fill) для цього шару зменшіть до 60%.

Створіть нову групу(натиснувши на іконку групи в нижній частині панелі "Шари") і перемістіть туди всі шари, що містять еліпси. Зробіть копію групи та відобразіть її по вертикалі обравши Редагування > Трансформування > Відобразити по вертикалі(Edit>Transform>Flip Horizontal) або трансформуйте комбінацією Ctrl+T,як показано на наступному малюнку.