PS字体教程!手把手教你创建青光内敛的金属3D字效 - 优设网 - UISDC

PS字体教程!手把手教你创建青光内敛的金属3D字效

2015/05/06 17293评论区

photoshop-metal-3d-fonts-1

编者按:今天@AverageJoseph 将给同学们演示如何创建3D字体,以及用图层样式绘制这类高冷的金属效果。教程参数清晰,过程细致,素材已打包微盘,右戳可直接练习 >>>

最终效果

素材下载:微盘下载

一、创建背景

第1步:新建文件,大小:1260x 850像素,复制背景图层。

第2步:双击复制的背景图层,设置图层样式。

添加渐变叠加。勾选:仿色,混合模式:柔光,不透明度:85%,样式:径向,缩放:150%,勾选:反向。

第3步:点击渐变条,设置起止颜色。从左到右,颜色及位置设置数值如下:

颜色:#212121位置:0

颜色:#656667位置:72

颜色:#646565位置:100

第4步:设置图案叠加。

用图案:webtreats_black_leather.jpg(在02压缩包里放着)

这样皮革纹理的背景层做好了。

二、创建文字及3D效果图层

第1步:新建文字图层,使用字体:SansSerif Exb FLF(在01压缩包里放着),输入全大写字母:GREAT,大小:300像素,颜色:#504d4a,水平缩放比例:90%。详细参数设置见下图。

第2步: 复制文字图层,填充值设置为0,再复制一层。

第3步: 复制最初的文字图层,将其拖至原文字图层的下一层。

编辑>自由变换,快捷键Command+T(或者Ctrl+T),按向右箭头及向下箭头各一次,使该复制层向右向下各移1像素,按回车键完成。

第4步: 按Option+Command+Shift+T  9次(即Windows系统下的Alt+Ctrl+Shift+T,此快捷键可以重复上一次ctrl+T的操作,并且可以累积效果),从而达到3D效果。

第5步: 选中原文字图层下的所有文字图层,点击滤镜>转换为智能滤镜,将此智能对象重新命名为3D,然后再复制一层,名为:3D拷贝,填充值设置为0。

三、设置3D图层效果

第1步: 双击3D图层,设置图层样式。

斜面和浮雕效果设置如图,方法:雕刻清晰,大小10像素,光泽等高线:内凹-深,点击:消除锯齿,高光模式:线性光。

第2步: 等高线设置。

点击:消除锯齿。

第3步: 内阴影设置。

距离:0像素,阻塞:10%,大小:5像素。

第4步: 渐变叠加设置。

载入渐变填充:CSPTrue Sky Blue (在05压缩包里放着)

第5步: 投影设置。

距离:20像素,大小:20像素。

3D图层的渐变效果完成。

如果乐意,待剩余部分完成也可返回此图层,再试试看其他渐变效果。

四、设置3D拷贝图层效果

第1步: 双击3D拷贝图层,设置图层样式。

斜面及浮雕效果设置如图,方法:雕刻清晰,大小:15像素,取消勾选:使用全局光,角度:30度,高度:50度,勾选:消除锯齿,高光模式下的不透明度:0%,阴影模式下的不透明度:50%。

第2步: 等高线设置。

等高线:锥形,点击:消除锯齿。

第3步: 内阴影设置。

距离:0像素,阻塞:10%,大小:5像素。

第4步: 渐变叠加设置。

混合模式:叠加,样式:对称的,角度:60度,使用faucet30渐变填充(在05压缩包里放着,名为:CHROMES的渐变文件中可以找到名为faucet30的渐变)。

第5步: 图案叠加设置。

混合模式:叠加,不透明度:90%,图案:metal_2-512px.jpg(在03压缩包里放着),缩放:75%。此步让3D效果细节更逼真。

五、原始文字图层效果

第1步: 双击最开始的文字图层,设置图层样式。

斜面及浮雕效果设置。大小:14像素,取消勾选:使用全局光,角度:76度,高度:69度,勾选:消除锯齿,高光模式:亮光,颜色:#ffe1c9

第2步: 等高线设置。使用默认数值即可。

第3步:纹理设置。

图案:metal_2-512px.jpg(在03压缩包里放着),深度:50%。

第4步:描边设置。

大小:2像素,位置:内部,混合模式:线性光,填充类型:渐变,样式:对称的,角度:90度,使用stovepipe 50渐变填充(在05压缩包里放着,名为:RS_Chrome的渐变文件中可以找到名为stovepipe 50的渐变)。

第5步:内阴影设置。

混合模式:颜色加深,颜色:#123c6b,不透明度:55%,距离:0像素,大小:60像素,等高线:内凹-深,勾选:消除锯齿。

第6步:内发光设置。

混合模式:亮光,杂色:15%,颜色: #f4d9c0,大小:14像素。

第7步:光泽设置。

混合模式:颜色减淡,颜色:#9a9a9a,距离:48像素,大小:39像素,等高线:锥形-非对称。

第8步:渐变叠加设置。

混合模式:变亮,使用stovepipe 100渐变填充。

第9步:外发光设置。

混合模式:亮光,杂色:10%,颜色:#c6ab6a,大小:35像素。

第10步:投影设置。

颜色:#8d5411,距离:10像素,大小:10像素。

至此,文字效果如下图:

六、文字拷贝图层效果

第1步:双击第一次拷贝的文字图层,设置图层样式。

斜面及浮雕效果设置。大小:1像素,勾选:消除锯齿,高光模式:亮光,阴影模式:颜色加深,颜色:#74460f

第2步:等高线设置。等高线:画圆步骤,勾选:消除锯齿。

第3步:内发光设置。

混合模式:亮光,杂色:30%,颜色: #f3d8aa 源:居中,大小:62像素

此步骤加强了文字中间的光效,效果如图:

七、第二层文字拷贝图层效果

双击第二层文字拷贝图层,添加内发光图层样式。

混合模式:亮光,不透明度:55%,杂色:30%,颜色:#d5ad89,大小:14像素。

此步骤加强了文字边缘的光效,效果如图

八、添加背景纹理图片,调整最终效果图颜色

第1步:将名为:TextureStainless Steel With Light-deviant 的图片放置在背景拷贝图层之上,适当调整大小,混合模式调整为:柔光

第2步:点击图层最下方一排功能键 “创建新的填充或调整图层”,选择“色彩平衡”

第3步: 色调:中间调,颜色值依次为:-35,-1,+10,勾选:保留明度

至此,大功告成!本期课程,我们创建了一个简单的皮革背景,复制文字图层,变形创建3D效果,转为智能对象。接着,对各图层进行图层样式的添加调整,设置数值,以达精致纹理,发光特效。最后,对背景层添加简单的纹理,再对整体进行色彩平衡的调整。

【优设四月免费神器+资源下载人气榜】

Top 1:超级好用的免费切图神器!
《免费了!切图标记外挂神器ASSISTOR PS深入解读(上)》

Top 2:无代码做APP动效的最佳帮手!
《SKETCH神助攻!无代码做动效神器HYPE3入门教程》

Top 3:四月份的免费英文字体打包下载
《挑个任性!四月份高质量精选英文字体免费打包下载》

原文地址:design.tutsplus
优设译者:@AverageJoseph

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量94万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-metal-3d-fonts

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 优设大课堂 设计师干货 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里