Рубрика: Photoshop Уроки | Урок прочитали: 379
 (голосов: 0)

Создай обои с 3D текстом в Фотошоп

В этом уроке вы узнаете, как создать обои для рабочего стола с 3D-текстом и световыми эффектами.

Использование 3D-текста в качестве основного элемента дизайна не является чем-то новым. Я уверен, что большинство из вас видели 3D-текст во многих местах: магазины, постеры или интернет. Несколько лет назад нужно была специальное 3D-приложение и некоторые навыки, чтобы создать реалистичный 3D-текст. Но с тех пор, как компания Adobe выпустила Photoshop CS5 в 2010, процесс стал намного легче и доступнее.

Дополнительные материалы

wall texture - sxc.hu
sun rise - sxc.hu
cosmos aura - sxc.hu
plasma explosion lighting - sxc.hu
brown planet - sxc.hu
blue planet - sxc.hu
space universe - sxc.hu (изображение удалено с ресурса)
24 clouds brush - brusheezy.com
4 clouds - brusheezy.com
16 clouds - brusheezy.com

Шаг 1. В Photoshop создаем новый документ размером 800х600 px с разрешением 150dpi.

Шаг 2. Заливаем фоновый слой черным цветом и пишем любой текст. Для лучшего результата выберите жирный шрифт с необычной формой букв. Цвет текста должен быть белым.
Для тех, кто написал те же слова, что и я, увеличиваем размер слова "clock" до 168 px, слова "UP" до 300 px.

Шаг 3. Переходим на панель Character (Символ), которая доступна в меню Window - Character (Окно - Символ). Устанавливаем параметр Leading (Интерлиньяж) на 230 px. Это уменьшит разрыв между словами. Я также увеличил размер шрифта слова "UP" до 340 px, чтобы оба слова были по ширине одинаковы.

Шаг 4. Трансформируем текст в 3D с помощью 3D - Repousse - Text Layer (3D - Чеканка - Текстовый слой). Когда диалоговое окно Repousse (Чеканка) появится, активируем инструмент Rotate the mesh (Повернуть сетку). Теперь вы можете трансформировать 3D-текст по вертикали вверх, как показано ниже.

Шаг 5. В диалоговом окне Repousse (Чеканка) обратите внимание на меню Extrude (Экструзия). Уменьшаем значение Depth (Глубина) до 0.51 и Scale (Масштаб) до 0.79. Это уменьшит глубину экструзии, благодаря чему усилится эффект перспективы. Если вам нужен текст больше, выберите инструмент Scale the mesh (Масштабировать сетку). Перетаскиваем в правое положение, чтобы увеличить текст, а передвинув влево - текст, соответственно, уменьшится. Закончив, кликаем OK.

Шаг 6. Теперь наш текст превратился в 3D-слой. Далее переходим Window - 3D (Окно - 3D). Внутри 3D-панели выбираем фильтр Whole Scene (Вся сцена). Кликаем по категории Scene (Сцена) и выбираем Ray Traced Final (Окончательная трассировка лучей) из выпадающего меню Quality (Качество).
Photoshop начнет визуализацию вашего 3D-текста. Это займет некоторое время (в зависимости от мощности вашего компьютера).

Совет: процесс визуализации будет прерван, если вы сделаете какое-либе действие в программе (переместите слой с 3D-текстом или поменяете режим смешивания слоя). Если процесс все-таки прекратился, возвращайтесь на 3D-панель и установите Quality (Качество) снова, тогда Photoshop снова начнет визуализацию.

Шаг 7. Когда визуализация текста закончится, вы получите гладкий симпатичный 3D-текст, как показано на изображении ниже. Теперь переходим Layer - Rasterize - 3D (Слой - Растрировать - 3D), чтобы растрировать 3D-слой. С этого момента растрированный 3D-текст будет называться "clock up" (или свой вариант).
Открываем текстуру. Выделяем все (CTRL+A), затем копируем с помощью CTRL+C.

Возвращаемся на документ с 3D-текстом и жмем CTRL+V, чтобы вставить текстуру над слоем "clock up". Преобразовываем текстурный слой в обтравочную маску (CTRL+ALT+G) и меняем его режим смешивания на Linear Burn (Линейный затемнитель).

Шаг 9. Скрываем текстурный слой, затем создаем выделение передней части слов, используя Magic Wand Tool (Волшебная палочка) (W). Чтобы облегчить процесс, убедитесь, что выбрана опция Add to selection (Добавить к выделению) и Sample All Layer (Использовать все слои) на панели параметров инструмента.

Шаг 10. Инвертируем выделение нажатием клавиш SHIFT+CTRL+I. Убедитесь, что текстурный слой активен, затем кликаем по кнопке Add layer mask (Добавить слой-маску) внизу панели слоев. Теперь, как вы видите, текстура действует только внутри экструдированной области.

Шаг 11. Дублируем (CTRL+J) текстурный слой, затем удаляем слой-маску с копии, но обтравочную маску оставляем активной. Меняем режим смешивания на Multiply (Умножение).

Шаг 12. Возвращаемся на слой "clock up", добавляем Layer - Layer Style - Gradient Overlay (Слой - Стиль слоя - Перекрытие градиентом). Внутри диалогового окна Gradient Overlay (Перекрытие градиентом) выбираем режим смешивания Overlay (Перекрытие), затем корректируем цвет градиента (#0c5994-#f481dd).

Шаг 13. Открываем изображение, выделяем и копируем его на рабочий документ, размещаем под слоем "clock up", называем новый слой "космос". Переходим Edit - Transform - Rotate 90 CW (Редактирование - Трансформация - Повернуть на 90 по часовой стрелке). Потом используем Free Transform (Свободная трансформация) (CTRL+T), чтобы уменьшить размер изображения с космосом.

Шаг 14. Дублируем слой "космос" командой CTRL+J и меняем режим смешивания копии на Screen (Осветление). Затем размываем копию фильтром Filter - Blur - Radial Blur (Фильтр - Размытие - Радиальное размытие).

Шаг 15. Возвращаемся на оригинальный слой "космос" и добавляем на него слой-маску. Используем радиальный градиент от белого к черному на маске. Закончив, делаем то же с копией слоя "космос".

Шаг 16. Открываем другое изображение с космосом, выделяем его, затем копируем и располагаем под слоем "clock up" и над слоем "космос". Называем его "космос 2". Меняем режим смешивания на Screen (Осветление), затем уменьшаем до размеров рабочего полотна (CTRL+T).

Шаг 17. Добавляем слой-маску , затем используем радиальный градиент (как в шаге 15).

Шаг 18. Открываем изображение с восходом солнца. Выделяем, копируем и вставляем между слоями "clock up" и "космос 2". Меняем режим смешивания слоя на Screen (Осветление), затем корректируем расположение с помощью Move Tool (Перемещение) (V).
Почему мы используем режим смешивания Screen (Осветление) так часто? Потому что именно этот режим скрывает черные цвета на изображении. Это облегчает нам работу, так как все стоковые изображения, которые мы используем (планета, космос) имеют черный фон и лучше ложатся друг на друга.

Шаг 19. Открываем изображение с голубой планетой, выделяем с помощью Elliptical Marquee Tool (Овальное выделение) (M) с feather (растушевка) 15 px. Затем копируем/вставляем ее между слоями "clock up" и "восход солнца". Как обычно, меняем режим смешивания на Screen (Осветление) и корректируем размер и расположение планеты, как на скриншоте ниже.

Шаг 20. Открываем другое изображение с планетой , которая коричневого цвета. Используем тот же метод выделение, что и в шаге 19. Располагаем ее над слоем с голубой планетой. Не забываем сменить режим спешивания на Screen (Осветление) и подкорректировать размер/положение.

Шаг 21. Добавляем изображение с плазменным взрывом, располагаем его над слоем с коричневой планетой. Используем Free Transform (Свободная трансформация) (CTRL+T), чтобы повернуть ее, как показано ниже.

Шаг 22. Меняем режим смешивания на Screen (Осветление), затем добавляем слой-маску . Несмотря на то, что мы изменили режим смешивания, мелкие детали все еще видны. Как от них избавиться? Для этого используем круглую кисть (В) с opacity (непрозрачность) 50%. Берем черный цвет и рисуем по края, чтобы их скрыть.

Шаг 23. Жмем CTRL+J, чтобы дублировать слой с взрывом. Деактивируем слой маску копии, кликнув по миниатюре слоя на панели слоев. Теперь меняем цвет на розовый, используя Hue/Saturation (Цветовой тон/Насыщенность) (CTRL+U).

Шаг 24. Я надеюсь, вы уже загрузили кисти с облаками? Если нет, то скачиваем прямо сейчас! После этого активируем Brush Tool (Кисть) (B) и выбираем загруженную кисть.
После этого, создаем новый слой над текстурным слоем. Я назвал его новый слой "облака", так как сейчас мы будем рисовать именно облака.

Шаг 25. Используем белый цвет кисти, убедитесь, что opacity (непрозрачность) инструмента установлена на 100%. Выбираем облачную кисть и начинаем рисовать облака под 3D-слоем. Чтобы результат был более интересным, используем разные кисти.

Шаг 26. Создаем еще один слой с облаками под слоем с восходом солнца, я назвал его "задние облака". Продолжаем добавлять больше облаков, используя кисть . Не забываем изменить режим спешивания на Overlay (Перекрытие), это придаст изображению сюрреалистичности.

Шаг 27. Теперь пришло время добавить световых эффектов. Для начала, мы должны добавить новый слой над слоем с облаками, я назвал его "эффекты". Мягкой кистью (В) рисуем большое белое пятно.

Шаг 28. Выделяем половину белого пятна с помощью Rectangular Marquee Tool (Прямоугольное выделение) (M), затем жмем DELETE, чтобы очистить выделенную область. Не забудьте снять выделение (CTRL+D).

Шаг 29. Теперь мы должны трансформировать получившиеся половинки белых пятен. Мы растянем их по вертикали, чтобы создать световой эффект. Закончив, дублируем результат несколько раз и располагаем в разных местах, как на скриншоте ниже.
Поздравляю! Мы закончили создавать 3D-текст! Теперь вы узнали что-то новое для себя, почему бы не попробовать создать свою собственную версию.


(нажмите на изображение, чтобы увеличить)

Автор: Jayan Saputra
Переводчик: Макс Енин
Источник

           

Похожие файлы и публикации:

Создай обои с 3D текстом в Фотошоп
В этом уроке я покажу вам, как создать сюрреалистичный коллаж "Хранитель времени".
Создай обои с 3D текстом в Фотошоп
В этом уроке я покажу вам, как с помощью водной текстуры и дыма создать потрясающий мистический текстовый эффект.
Создай обои с 3D текстом в Фотошоп
В этом уроке я покажу вам, как создать впечатляющую новогоднюю открытку с неоновым эффектом в Фотошоп.
Создай обои с 3D текстом в Фотошоп
Сегодня я продемонстрирую вам, как, комбинируя несколько изображений, создать интересную природную композицию.
Создай обои с 3D текстом в Фотошоп
В этом уроке я продемонстрирую вам, как нарисовать пирата в Фотошопе.
Создай обои с 3D текстом в Фотошоп
В этом уроке вы узнаете, как с помощью кистей, стилей слоев и разных режимов смешивания создать веселый текстовый эффект в виде яркой мишуры.
Создай обои с 3D текстом в Фотошоп
В этом уроке вы узнаете, как создать яркий текстовый эффект в Фотошоп.
Создай обои с 3D текстом в Фотошоп
В этом уроке вы узнаете, как создать мультяшный текстовый эффект в стиле граффити.
Создай обои с 3D текстом в Фотошоп
В сегодняшнем уроке я продемонстрирую вам, как создать реалистичную телефонную трубку. Начнем!
Создай обои с 3D текстом в Фотошоп
В этом уроке мы будем создавать яркий текст в стиле ретро. Вот то, что мы должны получить в итоге:
Создай обои с 3D текстом в Фотошоп
В этом уроке вы узнаете, как создать сюрреалистичную иллюстрацию с летающим мозгом и наездницей.
Создай обои с 3D текстом в Фотошоп
В этом уроке вы узнаете, как создать креативную иллюстрацию с тонущим островом в виде каменного сердца.
Создай обои с 3D текстом в Фотошоп
В этом уроке я покажу вам, как создать рождественскую открытку с яркими новогодними шарами.
Создай обои с 3D текстом в Фотошоп
В этом уроке вы узнаете, как создать фантастический текст с эффектом огня в Фотошоп.
Создай обои с 3D текстом в Фотошоп
В этом уроке я продемонстрирую вам, как создать реалистичный стакан кофе с использованием смарт-объектов Фотошопа.
Создай обои с 3D текстом в Фотошоп
В этом уроке я покажу вам, как создать стильную визитку в Фотошоп. Она будет простой, но в то же время интересной.
Создай обои с 3D текстом в Фотошоп
В этом простом уроке вы узнаете, как создать специальную ленту для веб-сайта.
Создай обои с 3D текстом в Фотошоп
В сегодняшнем уроке мы создадим реалистичную кисть, используя стили слоев, обтравочную маску и другие инструменты Фотошоп.
Создай обои с 3D текстом в Фотошоп
В этом уроке вы узнаете, как с помощью фильтров, кистей и режимов смешивания создать яркий текст в космическом стиле.
Создай обои с 3D текстом в Фотошоп
В этом уроке вы узнаете, как, используя кисти и стандартные фигуры Фотошопа, создать волшебный рождественский фон.