PS字体教程!手把手教你绘制粗粝的钢铁字效 - 优设网 - UISDC

PS字体教程!手把手教你绘制粗粝的钢铁字效

2015/05/07 41789评论区

photoshop-iron-font-effect-1

编者按:今天这枚字体效果,有一个迅速提升字体效果的技巧,前后视觉大不同,另附曲线工具的强大用法,力求让同学们不仅学会某种效果的绘制,更能举一反三,掌握捕鱼之技 >>>

Hello,大家好,我是@DearSalt 。今天这例效果图中的图层样式并不复杂,为简单的立体字。如果你发现你的效果图颜色灰暗无冲击力,那么使用色彩平衡以及曲线工具可以很好的帮你解决问题,希望我的教程能给你的设计带来帮助。

桂桂教程系列:

  1. 《PS合成教程!教你创建冰火两重天的悍勇女战士》
  2. 《PS新手教程!手把手教你打造炫酷的冰冻特效字体》
  3. 《PS新手教程!手把手打造复古典雅的金色字体效果》
  4. 《PS图标教程!手把手教你绘制一枚幻彩绚丽的时钟》
  5. 《这效果炫酷!教你轻松6步打造大气震撼的立体字效果》
  6. 《PS字体教程!手把手教你绘制一个春意盎然的字体效果》

创作思路

在做之前呢我们先找度娘搜点资料,下面是我找的四张图,我们需要借鉴的就是它们的色调,样式,然后再结合自己的想法就能做出一件满意的作品。

20150310_1105

搭建背景

首先我们从背景开始做起,背景的制作并不难,进行一些溶图和添加暗角效果就好,溶图时主要用到了图层模式,如叠加、柔和。添加暗角则是新建一个黑色图层,然后由中心做一个椭圆选区反选删除即可。以下是我找的几张素材,关键字:“质感”“划痕”“皮质”

素材打包 微盘下载

源文件 微盘下载

20150310_1106

为了使顶部区域更加光亮,我又做了一个羽化选区并填充白色放到了上面,记得适当降低不透明度~

字效的制作

首先在画布上打上你想做的文字,英文效果最佳,我在这里使用的字体是:“Impact Regular”,文字是我的英文名“DearSalt”,然后双击打开图层样式进行修改。

20150310_1107

20150310_1108

20150310_110920150310_1110

20150310_1110

20150310_1111

20150310_1112

20150310_1113

20150310_1114

效果图:

20150310_1115

阴影的做法。

20150310_1116

效果图:

20150310_1117

适当降低不透明度并使用蒙版工具擦除上方部分,也可以适当加一些模糊效果。

添加高光

高光的添加很简单,找一张黑背景放射的高光图,然后放入到画布中去,修改图层样式为“滤色”即可,是不是感觉效果很不理想,没关系,接着往下看你就知道了。

20150310_1118

整体调色

目前的效果很平淡而且可以说毫无吸引力,那接下来就是让它焕发光彩的时刻了,在这一步骤中我们用到了“色彩平衡”“曲线”工具,通过这两个好基友,我们可以让整体画面颜色饱满起来,提升效果的视觉冲击力。

20150310_1119

色彩平衡:调节“阴影”“中间调”“高光”。

20150310_1120

曲线:调节“RGB”“中间调”“蓝”。

说好的曲线教程:《后期之王!教你轻松掌握PS曲线工具(附大神实操曲线图)》

效果图:

20150310_1121

最后修饰

到此字效的制作已经大功告成,剩下的就是要为整件作品添加一些装饰,这个因人而异,在此就不做演示啦。

20150310_1122

简单说下我的做法:1.加了上下边边  2.对字效周围加了模糊效果。

【叶明大神四月份精品教程合集】

复古风格的胶片质感:
《PS后期教程!如何调出日系青色胶片质感的照片?》

清新不俗,淤泥不染的肤色:
《PS后期教程!如何调出通透干净的人物肤色?》

美到爆的光线是这么来的:
《PS高手教程!教你轻松打造效果美到爆的光照效果》

原文地址:blog.dearsalt.me
作者:@DearSalt

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

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

sdcweixin

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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