Quantcast
Channel: 字体设计 –优设网 – UISDC
Viewing all articles
Browse latest Browse all 241

PS教程:创建流光溢彩的3D文字

$
0
0

PS教程:创建流光溢彩的3D文字

Diano:今天的教程运用了Photoshop中的3D渲染功能,对这方面还不太了解的童鞋可以借此机会好好学习一下咯,假期充电走起!

步骤1:文本创建

首先我们打开Adobe Photoshop CC创建995x670px的画布创建字体Hello Zcool字体为”Vivaldi”

目前,我们的文本应该类似于下面的屏幕截图。

PS教程:创建流光溢彩的3D文字

接下来我们将文本转曲 “右键–转换为形状”

PS教程:创建流光溢彩的3D文字

现在,我们可以变形文本。弯曲修饰将明显弯曲文本,这将使它更有趣。

“自由变换–变形”

PS教程:创建流光溢彩的3D文字

步骤2:材质灯光设置和渲染

现在是时候开始构建我们的3D场景了,所以创建3D图层

PS教程:创建流光溢彩的3D文字

PS教程:创建流光溢彩的3D文字

现在我们需要开始在我们的背景。为此创建一个新层在你的文本。下一个填补它与黑色和画在它与白色当我做了下面的屏幕截图。

PS教程:创建流光溢彩的3D文字

现在只需要设置半径为250px的高斯模糊,并填充颜色。

PS教程:创建流光溢彩的3D文字

此时我们将设置”Hello Zcool”材质球。一旦你这样做了设置材质和所有的设置如我下面做的。

选择Mod的5个项的材质会看截屏下的内容。到在属性面板调整材质

PS教程:创建流光溢彩的3D文字

现在我们需要回到我们的属性栏。设置漫反射等颜色值

PS教程:创建流光溢彩的3D文字

接下来我们创建一个打在背后的”聚光灯”数值如下:

PS教程:创建流光溢彩的3D文字

同时在另一个位置新建一个相同数值的”聚光灯”和默认数值的”无线光”这样会显得3d文本更有质感。

PS教程:创建流光溢彩的3D文字

灯光材质设置已经完毕了现在只需要点击3D菜单栏里的”渲染”这个”Hallo Zcool”

PS教程:创建流光溢彩的3D文字

步骤3:文本处理和形状合并

转换3D图层成智能对象跟着你的感觉调整颜色

PS教程:创建流光溢彩的3D文字

PS教程:创建流光溢彩的3D文字

接下来你需要制作一些形状像我那样在下面的屏幕截图。

现在我们可以设置一些更多的形状在模糊它们。这将创建一个漂亮的光效应以及帮助创建一个意义上的深度。我设置的50px的高斯模糊但是你将取决于你的形状初始大小。

PS教程:创建流光溢彩的3D文字

步骤4:滴画,级收尾工作

现在开始加入一些水滴和喷溅到我们的文本。有多重方法可以做到这一点,我们将用画笔工具进行制作。

PS教程:创建流光溢彩的3D文字

PS教程:创建流光溢彩的3D文字

正如你可以看到下面的截图。你已经凸显期高光以及阴影。下面可以按照一个一样的案例

(刚刚建立画布的时候不是很清晰,很抱歉)

PS教程:创建流光溢彩的3D文字

一旦创建了足够的水滴,你是满意的。我的文本现在看起来像下面的截图

PS教程:创建流光溢彩的3D文字

现在我们需要创建影子。成为正片叠底

PS教程:创建流光溢彩的3D文字

PS教程:创建流光溢彩的3D文字

第一次尝试

PS教程:创建流光溢彩的3D文字

原文地址:zcool.com
作者:Diano

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量55万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 


Viewing all articles
Browse latest Browse all 241

Trending Articles