Комбінування 2D та 3D стилів різними способами є частиною безлічі дизайнерських трендів протягом багатьох років.  Це керівництво покаже вам як використовувати 3D інструменти та настройки програми Photoshop для створення ефекту тексту в форматі 3D з відтінком стилів Ретро / Мемфіс. Давайте начнем!

Цей текстовий ефект був вбудований стилі слоев, доступні на GraphicRiver.

Необхідні матеріали

В ходу прохождения этого урока нам понадобится:

• Шрифт Bahn Pro
• Безкоштовні набір 6000 градієнтів для Photoshop від Supertuts007 (Завантажити файл CHROMES.grd)

1. Як створити фон та шари 3D елементів

Крок 1

Створіть новий документ розміром 1000 х 1000 пікселів, наведіть вказівник миші на зображення. Створіть нову заливку або коректуючий шар у нижній частині панелі Слоі та виберіть Градієнт.

Создайте градиентную заливку, використовуючи кольори # d99c9c зліва, # b294c5 в центрі та # 72a9be справа, змініть кут до значення -120.

Крок 2

Створіть текст, написавши його Строчні листи, кожне слово на окремому шарі, використовуючи шрифт Bahn Pro.  Установите Размер 200 і значення Трекинга 100.

Крок 3

Створіть три нові шари, заповніть їх будь-якими квітами за бажанням і перейменуйте їх, від самого нижнього до самого верхнього: Сфера, Піраміда і Циліндр.

2. Як создать 3D Слои

Крок 1

Виберіть текстовый слой, перейдите в 3D> Нова 3D-екструзія з виділеного шару

Потім выберите слой Сфера и перейдите в 3D> Новая сеть из слоя> Пресет Сетка> Сфера, выберите слой Пирамиды и перейдите в 3D> Новая сеть из слоя> Пресет Сетка> Пирамида, выберите слой Цилиндр и перейдите в 3D> Новая сеть из слоя> Пресет Сетка> Циліндр.

Крок 2

Виберіть всі 3D-штампи та перейдіть в 3D> З'єднання 3D-шарів та перейменуйте шар в 3D-сцені.

Крок 3

Щоб отримати доступ до настройок і властивостей 3D-сетей, вам необхідно відкрити дві панелі: панель 3D та панель Властивості (обидві панелі можна знайти під меню Окно).

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

Крок 4

Если вы выберете инструмент Переміщення, Ви виявите набір 3D режимів справа від колонки Параметри.  Коли ви виберете один з них, ви можете натиснути та потягнути його, щоб видозмінити (змінюється елемент, вибраний у панелі 3D).

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

Крок 5

Клацніть на іконку очі поруч із вкладками Сфера, Піраміди та Циліндр, щоб приховати їх.

3. Як отрегулировать настройки 3D сетки

Крок 1

Виділіть всі вкладки текстовых мереж на панелі 3D і змініть їх глибину екструзії в панелі властивостей до 0.

Крок 2

Виберіть вкладки кожного текстового шару окремо, наведіть вказівник миші на меню панелі 3D та оберіть Перемістити об'єкт на площину підстави.

Крок 3

Наступним нашим кроком буде визначення значень позиції з кожної текстової сітки, щоб рівномірно відрізняти їх від одного.

Наприклад, якщо у вас є 3 текстові сетки, ви можете змінити один в центрі Z позиції до 0, інший спереду до 300 і третя ззаду до -300.

Для того, щоб відрегулювати значення Z позиції, клацніть на вкладку текстової сітки, потім натисніть на значок Координати у верхній частині панелі Властивості, щоб зробити зміни.

Крок 4

Ви можете використовувати будь-які значення, які підходять для вашого тексту та кількості мереж, але переконайтеся, що ви зберігаєте оптимальну відстань між ними.

4. Як трансформировать 3D сетки

Крок 1

Выберите сетку Сфера и выберите соответствующую вкладку, выберите инструмент Перемещение и используйте 3D ось для збільшення або зменшення.

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

Крок 2

Ви також можете використовувати значення Координат, якщо ви натиснете на значок Масштаб, ви можете поставити флажок або не вставити в поле рівномірне масштабування залежно від бажаного результату.

Крок 3

Перемістіть Сферу на площину підстави і використовуючи 3D, ось предайте їй остаточне положення.

Крок 4

Повторіть те ж саме з сетками Піраміди і Циліндр.

Замітите, коли ви будете масштабувати циліндри, вам, можливо, буде потрібно зняти флажок з параметром рівномірне масштабування, якщо ви використовуєте значення Координат.

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

5. Як створити основні 3D-матеріали

Крок 1

Виберіть всі вкладки текстового матеріалу та скористайтеся цими настройками панелі Властивості (значення використаних кольорів дано в RGB):

• Диффузний: 255, 255, 255
• Зеркальні: 183, 183, 183
• Блеск: 20%

Крок 2

Виберіть вкладку Sphere_Material, значок Диффузія в панелі властивостей та виберіть Видалити текстуру.

Крок 3

Імейте ввиду, ви можете використовувати інші значення для налаштування матеріалу, ми використовували наступні значення:

• Диффузний: 163, 216, 236
• Зеркальні: 121, 114, 114
• Блеск: 30%
• Отражение: 3%
• Шероховатості: 30%

Крок 4

Виберіть всі вкладки матеріалу Піраміди, видаліть дифузну текстуру та використовуйте ці параметри:

• Диффузний: 241, 155, 93
• Зеркальні: 221, 199, 147
• Блеск: 30%
• Отражение: 3%
• Шероховатості: 30%

Крок 5

Виберіть в полі Циліндр вкладки Top_Material і Bottom_Material, видаліть дифузну текстуру та використовуйте ці налаштування:

• Диффузний: 17, 17, 17
• Зеркальні: 75, 72, 75
• Блеск: 50%
• Отражение: 10%
• Шероховатості: 30%

Крок 6

Виберіть вкладку Cylinder_Material, видаліть дифузну текстуру та використовуйте ці параметри:

• Диффузний: 141, 128, 179
• Зеркальні: 194, 190, 220
• Блеск: 80%
• Отражение: 30%
• Шероховатості: 30%

6. Як створити простий узор з вертикальними полосами

Крок 1

Створіть новий документ розміром 50 х 10 пікселів, заповнений білимовством, використовуйте Інструмент Прямоугольна область для вибору лівої половини та заповніть її чорним кольором.

Крок 2

Натисніть Command-D для зняття виділення, перейдіть до редагування> Визначте шаблон, введіть у полі Ім'я шаблону полоски та натисніть кнопку ОК.

7. Як створити виразну текстуру

Крок 1

Виберіть вкладку Cylinder_Material, натисніть на значок Bump в панелі властивостей та виберіть Новую текстуру.

Крок 2

Установіть однакові значення для параметрів Ширина і Висота - 500 і натисніть кнопку ОК.

Крок 3

Це дозволить відкрити новий файл; якщо це не відбулося, оберіть значок Bump і виберіть Изменить текстуру.

Создайте новый слой и заполните его белым цветом.

Крок 4

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

Крок 5

Сохраните и закройте файл.

8. Как отредактировать свойства УФ

Крок 1

Щелкните по іконке текстури Bump і виберіть Змінити властивості УФ.

Крок 2

Змінити значення V / Y плитки до 1 і значення U / X, що найкраще підходить для сетки Циліндра та натисніть кнопку ОК.

9. Як додати текстуру в сетчатную обстановку

Крок 1

Відкривши вкладку Cylinder_Material, клацніть на іконку папки. Обстановка в нижній частині панелі властивостей та виберіть Нову текстуру.

Крок 2

Примените значення 1000 Ширине і Висоте і натисніть ОК.

Крок 3

Скопіруйте шар Фон, двічі клацніть на копію, щоб застосувати ефект. Покриття градієнта, використовуючи градиентну заливку з нержавіючої сталі 166с.

Крок 4

Сохраните и закройте файл, коли закінчите.

Крок 5

Ви можете спробувати інші градієнтні заливки для отримання результатів залежно від освітлення.

10. Як настроить различные параметры 3D

Крок 1

Виділіть всі вкладки текстових мереж та зніміть прапорець з параметра Лиття тейнів панелі властивостей.

Крок 2

Виберіть вкладку Сцены и под опцией. Видалити приховані в панелі властивості, встановіть прапорець біля опції Грані.

Крок 3

Клацніть по вкладке Текущий вид, щелкните по иконке Орфографика в панели свойств.

Це те, що потрібно для підтримки паралельних ліній без конвергенції, що означає відображення сітки в поданні точної шкали без викривлень перспектив.Орфографічний вигляд

Крок 4

Сейчас хорошее время, чтобы выбрать конечный угол, так что вы сможете сделать любые окончательные изменения на сцене.

Крок 5

Перейдите в 3D> Рендеринг 3D слоя. Рендінг займе деякий час, але ви можете зупинити його, натиснувши клавішу Esc.

11. Як настроить освещение 3D сцены

Крок 1

Выберите вкладку Бесконечный свет 1 и измените его интенсивность до 20% и мягкость тени до 50%.

Крок 2

Поверніть світло під кутом підходячої вашої остаточної композиції, використовуйте значення Координат по мірі необхідності.

Крок 3

Виберіть вкладку Обстановка, клікніть по іконке текстури IBL та виберіть Редагувати текстуру.

Крок 4

Добавьте заливку слоя Стовсюдна колір і використовуйте Цвет для заповнення (100, 100, 100).Сохраните и закройте файл, коли закінчите.Solid Fill Зберегти та закрити файл, коли це буде зроблено.

Крок 5

Перейдите в 3D> Рендеринг 3D слоя.   Рендінг займе деякий час, але ви можете зупинити його, натиснувши клавішу Esc.

Крок 6

Коли рендерування закінчиться, клацніть правою кнопкою миші по слою 3D Scene та оберіть перетворити в Smart object, щоб уникнути випадкових змін.

12. Як створити основну форму Бумаги

Крок 1

Используйте инструмент прямоугольник для створення прямокутної фігурки за 3D сценкою.

Крок 2

Возьмите Інструмент "Пряме виділення", використовуйте його для вибору та переміщення опорних точок, щоб отримати фігуру подібного до паралелограм.

Використовуйте 3D-сцену в якості основи, щоб створити фігуру, яка виглядає як його частина.

Крок 3

 Введіть опорні точки і додайте опорні точки на кожному з двох вертикальних сторін.

Крок 4

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

Крок 5

Додати ще два точки, по одному на кожній стороні поруч із опорною точкою в правому верхньому кутку.  Вони будуть використовуватися створення згиба на вулиці, майте це у виді, коли будете розміщувати їх.

13. Як працювати з опорними точками

Крок 1

Перейменуйте слой із формою в Задню частину, скопіюйте його, перейменуйте копію у передню частину, і змініть колір заливки на # ea6b9b.

Крок 2

Выберите слой Передняя часть, використовуючи Інструмент "Пряме виділення", натисніть та потяньте опорну точку верхнього правого кута в центрі, створюючи загнуту фігуру.

Ви можете відрегулювати фігуру, переміщаючи навколишні опорні точки та їх маркери.

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

Крок 3

Виберіть інструмент Видалити Опорну точку, оберіть шар Задню частину та натисніть на опорну точку у верхньому правому куті, щоб видалити її.

Це створює зовнішню криву згину, яку ви можете відрегулювати в разі необхідності.

Крок 4

Измените Цвет заливки слоя Задняя часть на # 8b8b8b, создайте копии слоев 

14. Як створити скрученну фігуру

Крок 1

Виберіть обидва копії шарів і перемістіть їх вверх шар 3D Сцена.

Крок 2

Пока обе копии выбраны, перейдите в меню Слой> Объединить фигуры> Вичесть передню фігуру.  Перейменуйте отриманий шар у складі та змініть колір заливки на # ee90b3.

Крок 3

Возьмите Инструмент "Прямое Выделение", наведіть вказівник миші на пункт меню Пути в меню Опции и выберите Слить компоненты формы.

15. Як добавить перекриття градієнта

Крок 1

Дважды клацніть по слою Складка для застосування Перекриття Градієнта з наступними настройками:

• Установіть флажок на параметрі Сглаживание
• Режим наложения: Мягкий світ
• Непрозрачность: 35%
• Угол: -157
• Используйте градиентную заливку Черное Белое

Крок 2

Пока открыт параметр Стиль слоя, ви можете натиснути та потягнути градієнт у внутрішній формі, для регулювання Угла по своєму вбрання.

Крок 3

Коли ви закінчите, клацніть правою кнопкою по слой Складка і виберіть Копіювати стиль слоєві, клацніть правою кнопкою по слою Передня частина та оберіть Вставити стиль шару.

16. Як добавить тени

Крок 1

Выберите слой Задняя часть, Используя Инструмент "Прямое Выделение", перетащите нижні опорні кути фігури, створюючи форму тени, яка буде відповідати напряму осі 3D Сцени.

Крок 2

Клацніть правою кнопкою по слой Задняя частина, выберите Перетворити в смарт-объект и измените режим наложения слоя на умножение и его непрозрачность до 50%.

Крок 3

Перейдите в меню Фильтр> Размытие> Размытие по Радиусу и установите значение Радиуса около 20.

Крок 4

Натисніть клавішу Command (Ctrl), натиснувши клавішу миші на мініатюру слоя. Передня частина для створення виділення.

Крок 5

Создайте новый слой под слоем Складка, перейменуйте її в тень і змініть непрозорість до 35% та оберіть інструмент "Кисть".

Установіть колір переднього плану на чорний і використовуйте м'який круглий наконечник для додавання тінду під складку.

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

17. Як створити зигзаг лінії

Крок 1

Створіть новий шар на всіх слоях, назвіть його Лінії та візьміть інструмент Перо.

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

Коли ви закінчите створити контур, натисніть клавішу Command (Ctrl) і клацніть на клавіші зовні, що відокремлює контур від іншого.

Крок 2

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

Возьмите Інструмент "Пряме виділення" та натисніть клавішу. Поверніться знову, щоб вийти з робочого контуру.

Крок 3

Дважды клацніть на шар Лінії для застосування ефекту градієнтного перекриття з наступними настройками:

• Установите флажок Сглаживание
• Угол: 157
• Створіть градієнт, використовуючи кольори # f5cd2c зліва та # f1e48b справа.

18.Как применить общие корректировки

Крок 1

Створіть новий шар на всіх слоях, назвіть його кольоровою контрастністю, затисніть комбінацію клавіш Command-Option-Shift-E для створення штампа.

Конвертируйте слой в Смарт Об'єкт і змініть його Режим накладання на Мягкий світ.

Крок 2

Перейдите в меню Фильтр> Інші> Кольорова контраст та установіть розмір Радиуса 1.5.

Крок 3

Создайте корректирующий слой Сочность на всіх слоях, измените значение Сочности до 10.

Крок 4

Добавьте шар Криві поверх всіх шарів, натискайте та потяньте центр кривої трохи вгору, щоб освітлити зображення.

Крок 5

Дважды клацніть по слою Кривые, щоб отримати перемикання налаштувань.

Ми будемо використовувати повзунки нижчих шарів з Переходом для контролю як застосовується ефект Кривих.

Настройки - клацніть по слою тени, щоб відокремити його, потяньте кожен його кінець, щоб виключити або захистити відтінок від ефекту слоя кривих.

Разделение слайдера поможет создать постепенный эффект вместо грубого. Таким чином, ми визначаємо об'єм теней захищених, а ліва частина буде піддана ефекту.

Після регулювання повзунка, змініть Режим накладання на Мягкий світ і Непрозорість до 30%.

Крок 6

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

Крок 7

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

Убедитесь в тому, що ви відокремили його і потягніть його сторону до тих пір, поки не отримаєте потрібного результату, змініть Накладення режиму та Непрозорість, коли закінчите.

19. Як добавить шум

Крок 1

Создайте новый слой на всех слоях, назовите його Шум.

Крок 2

Перейдите в Редактирование> Заливка и изменение Содержимое до 50% Сiрого.

Крок 3

Перевернути слой Шум в Смарт об'єкт і змінити його Режим накладання на Мягкий світ.

Крок 4

Перейдите в Фильтр> Шум> Додати шум і змініть розмір до 7 і розділення на рівномірне.

Ви можете використовувати інші значення за власним бажанням.

Чудова робота, ти готовий!

У цьому керівництві ми створили кілька слоев текстів і фігур і перетворили їх у 3D-сетки. Затем ми отрегулировали настройки мереж і створили їх матеріали, також відрегулювали освітлення сцени.  Після цього ми використовували інструменти та параметри фігур для створення форми згорнутого паперу та декількох зажзаговизних ліній.  І нарешті, ми додавали спільні поліпшення для придания кінцевого вигляду.

Пожалуйста, не стесняйтесь оставлять Ваші коментарі, пропозиції та результати нижче.