Большенство из вас наверняка знают программы в которых создаються 3-D эллементы. Но как быть, если у вас нету этих программ и вам нужно сделать 3-D типографию? Этот урок покажет как, как сделать 3D текст высокого качества в Фотошоп!
Вот конечный результат урока:
Step 1
Начните с создания документа 1500 на 1500 пикселей и 300px/inch разрешением. Создайте новый слой, назовите его "3D TEXT_first." Затем выберете инструмент Tool (T) и напишите большими буквами ваш текст, в нашем случае это 3D TEXT. Не волнуйтесь если ваш текст ушел за пределы рабочей области, поскольку в следующем шагемы его будем искажать.
Step 2
Сейчас щелкните ПКМ по слою "3D TEXT_first" и выберете Rasterize Type. Потом используйте Edit > Transform > Distort и создайте хорошую перспективу нашему тексту, перемещая углы.
Замечание: Если вы терпите неудачу в процесе трансформации и края текста выглядят нечеткими, примените фильтр Filter > Sharpen > Unsharp Mask, увеличивайте Amount.
Step 3
Теперь, когда текст в перспективе, создайте дубликат (Command + J) и назовте его "3D TEXT_last." Выберите инструмент Move Tool (V) и используйте стрелки наклавиатуре чтобы поместить слой "3D TEXT_last" немного вышеслоя "3D TEXT_first". В моем случае 16 pixelsвверх и 2 pixels вправо.
Step 4
Создайте дубликат (Command + J) и поместите слои так как показано ниже. Это важно!
Step 5
Сейчас отключите слои "3D TEXT_first" и "3D TEXT_last". Выберете слой "3D TEXT_first copy" и сделайте 60 копий (Command + J). Сейчас, выберете слой "3D TEXT_last copy", выделите все скопированые слоя удерживая клавишу Shift и нажмите ЛКМ на "3D TEXT_first copy" это должно выбрать все 60 слоев. Потом кликните ПКМ и Link Layers.
Step 6
Выберите инструмент Move Tool (V), активируйте "3D TEXT_last copy" слой. Поднимитесь к верхней панели инструмента движения. Щелкните на Distribute Vertical Centers и Distribute Horizontal Centers. Потом выберите все связанные слои и соедените их (Command + E). Назовите слой "3D TEXT_merged."
Step 7
Идите к Layers Palette, жмите на "3D TEXT_last" и откройте Blending Options. Примените Gradient Overlay с #1a3236 до #cffffb. Относительно настроек Angle, попробуйте сделать темный градиент ввеху и светлее внизу.
Step 8
В палитре слоев выбирете "3D TEXT_merged," выключите его, удерживая клавишу Альт нажмите на етот слой левой клавишей мыши. Сделайте новый слой и назовите его "3D TEXT_colored" и залейте его цветом #a6e6fe. Снемите выделение (Command + D).
Step 9
Сейчас выберете "3D TEXT_colored" слой и его Blending Options. Выберете Gradient Overlay. Убедитесь что вы вибираете second preset в Gradient Editor, там Foreground to Transparent, и установите цветовые значения как тут: #000000, #4a4747, #ffffff, #262626, #ffffff, и #000000. Потом, в зависимости от какого направления ваш текст идет, Angle будет отличен. В моем случае я устанавливаю Angle123, И как вы видите градиент проходит через центр текста. Таким образом, что содает освещение.
Step 10
Некоторые части букв слишком яркие, значит нужно сделать легкое прикосновение тение в етих местах. Удерживая Альт ЛКМ на "3D TEXT_colored", создайте новый слой и назовите "Shadows." Установите Foreground Color to #1a3236 или темнее, выберите Brush Tool (B), установите Flow окло 30%, Hardness 0% и закрасте этиместа. Когда закончите, выделение можно снять.
Step 11
Пришло время придать нашему тексту качественный вид. Перейдите к палитре слоем, ЛКМ на слой "3D TEXT last" чтобы загрузить его выделение. Затем создайтеслой выше всех слоев, назовите его "Shining lines." Выберите Rectangular Marquee Tool (M), ПКМ на вашем изображении и выберите "Stroke." Установите Width 1 pixel, Color белый, and Location to Center. Выберите большую красивую кисть с Hardness 0% и Flow окло 30%. Затем сотрите все кроме мест что указаны стрелками. Ети стрелки - точки света и они нужнаються в освещении. Убедитесь что они остануться нетронутыми.
Step 12
Когда вы закончите стирать, создайте дубликат слоя "Shining lines", понизте его Opacity лишь немного, и обьедените те два слоя (Command + E). You may switch for a moment to a black background to see if you did a good job with erasing, if not, make some further corrections. You should get something that looks similar to the image below.
Step 13
Сейчас идите в низ палитры слоев, включите слой "3D TEXT first", перейменуйте на "Bottom shadow 1." Сделайте его копию(Command + J), и назовите"Bottom shadow 2." Потом Filter > Blur > Gaussian Blur для слоя"Bottom shadow 2", с паремтрами Radius 3 pixels.
Step 14
Выберите Move Tool (V), и с помощью клавиш переместите на 5 pixelsвлево. Вам нужно создать иллюзию что буквы внизу дают тень больше чем вверху. Выберите Brush Tool (B) и мягкой кистью зарисуйте как показано ниже. Не будьте придирчывы и ничего страшного если будут небольшие погрешности, это только придаст реалистичности..
Step 15
Возвращайтесь и примените Filter > Blue > Gaussian Blur для слоя "Bottom shadow 1". Только теперь нужно уменьшить радиус до 2 pixel. Выберите Move Tool (V), и переместите тень на 2 pixels вниз, и 2 pixels вправо. Пускай тень покроет пространство под буквами.
Step 16
Чудесно, мы сделали свой текст действительно реальным. Опять идем впалитру слоев, зажимая Контрл, left-click на "Shining lines," "3D TEXT_last," "Shadows," и "3D TEXT_colored" слоях. Теперь когда вы их выбрали, перетащите их наиконку Create a New Layer. Обьедените копии (Command + E) и назовите етот слой "Reflection." Поместите данный слой выше всех остальных, не пропускайте данный шаг, это важно.
Step 17
Выключите слой "background", либо даже удалите его, он нам больше не нужен. Дальше Image > Merge Visible, и назовите данный слой "TEXT." Поместите его выше слоя "Reflection". Как видите у нас есть два слоя с небольшой разницей на слое "TEXT" тень есть, а на "Reflection" нету. Будем работать со слоем "TEXT" , а слой "Reflection" можно отключить.
Хорошо, теперь предоставим нашим буквам качественный вид. Выделите слой "TEXT" и продублируйте его (Command + J), у вас автоматически появиться дубликат с названием "TEXT copy,". Теперь, для слоя "TEXT copy" идем в Blending Mode to Overlay and Opacity to 63%. После чего Edit > Adjustments > Gradient Map, и выберите черный к белому.
Step 18
Сделайте второй дубликат слоя "TEXT", и розместите его выше всех слоев. Назовите его "Sharp edges" и измените Blending Mode to Hard Light. После чего to Filter > Other > High Pass,установите Radius to 1 или 2 pixels. Понизьте Opacity до 60-70% для данного слоя.
Step 19
Создайте новый слой ниже всех и назовите "Surface," Нажмите D на клавиатуре что установить цвета по умолчанию. Выберите Gradient Tool (G) и создайте большой градиент, через все изображение, сверху-вниз. После чего Edit > Transform > Distort, и пебы на фоне с буквами это давало перспективу. Не обезательночтоыным, поскольку вы выберите Crop Tool (C), и обрежете изображение по краям.
Step 20
На етом можно было бы осановиться, но я решил понизить яркость для слоя "TEXT" Image > Adjustments > Brightness/Contrast. Убрать Contrast.
Step 21
Идем вниз палитрый слоев, и создаем новый слой поверх "Surface", называем его "Glass". Выбираем Paint Bucket Tool (G), заливаем слой цветом #3f3f3f. После Filter > Noise > Add Noise, устанавливаем Amount на 28%, Distribution - Gaussian, и ставим галочку на Monochromatic.
Step 22
Теперь Filter > Blur > Motion Blur, установите Angle -90, и Distance 144 pixels. Изменити Blending Mode на Overlay, и установите Opacity 50%. Выберите Brush Tool (B), и с очень мягкой кистью с параметрами Hardness 0% и Flow около 20%, сотрите некоторые пятна этого шума.
Step 23
В конечном итоге я решил колоризовать изображение. Создайте слой поверх всех. Hue/Saturation. Убедитесь что опция Colorize включена. Установите Hue 201, и Saturation 17.
Выберите слой "Reflection", Понизьте Opacity к 20-30%, выберите Move Tool (V), С помощью клавиатуры передвинте егонемного вниз чтобы создать эффект отражения. Потом можете применить Layer Mask и мягко затереть нижнюю часть.
Заключение
Спасибо за внимание, мне действительно понравилось его делать. Надеюсь что вы узнали что то новое в моем уроке. Вот результат:
Автор: psdtuts.com
Перевод: DogKilleR
