PS教程!手把手教你绘制闪耀的光斑文字字效

@ChloeRowe林雅诺 :周末教程练手走起!今天来一枚超酷炫的光斑字体效果,教程不难,练习主要考验同学们对笔刷的掌控能力,素材已打包,动手咯。

素材打包   百度云下载:http://pan.baidu.com/s/1hqEYkFq

效果图:

PS教程!手把手教你绘制闪耀的光斑文字字效

一、画出草图

1. 新建图层 W:42.5cm, H:59.4cm,300 dpi,CMYK。

用画笔很快的画一个心形出来。

PS教程!手把手教你绘制闪耀的光斑文字字效

2. 画出文字草图,考虑到只是一个草图,如果你觉得在纸上画更自在,你可以画好后再扫描到电脑上哦~

PS教程!手把手教你绘制闪耀的光斑文字字效

3. 这一部很简单,用钢笔工具将你画的字 勾出来~

(原教程要在AI里执行,小编改编了一下~反正能做出来,就是王道,哇卡卡卡)

PS教程!手把手教你绘制闪耀的光斑文字字效

二、制作更多的线条

1. 在路径通道里保存刚刚钢笔勾画出来的路径。

PS教程!手把手教你绘制闪耀的光斑文字字效

2. 设置笔刷,软边,10像素,不透明度100%。回到钢笔工具,进行描边,无模拟压力。

PS教程!手把手教你绘制闪耀的光斑文字字效

3. 滤镜>模糊>动感模糊,60°,大小20。咱们点击确定。

PS教程!手把手教你绘制闪耀的光斑文字字效

4. 改变透明度到50%左右~添加蒙版,然后用黑色笔刷隐藏一部分。

PS教程!手把手教你绘制闪耀的光斑文字字效

5. 在路径层里,找到你之前保存的路径,用钢笔工具稍作调整,大致的形状如下图所示哦~

PS教程!手把手教你绘制闪耀的光斑文字字效

6. 还是描边10px。为了让字效更逼真 ,我们要分别再描边5px、10px、15px,记得调整透明度,透明度也是不同的~效果参看第7步里的图。

PS教程!手把手教你绘制闪耀的光斑文字字效

7. 添加蒙版,用黑色画笔隐藏这些线条的两端。

PS教程!手把手教你绘制闪耀的光斑文字字效

8. 在原来的字线基础上,给其增加厚度感,线条的两端要细,效果如下图所示。

PS教程!手把手教你绘制闪耀的光斑文字字效

9. 再画一条,尽量增厚每个字母的左边。因为这样可以留出字与字之间的间距哦~

PS教程!手把手教你绘制闪耀的光斑文字字效

10. 记得要让每条线淡出,否则就不真实啦~

PS教程!手把手教你绘制闪耀的光斑文字字效

11. 结果就是下图这样的~

PS教程!手把手教你绘制闪耀的光斑文字字效

三、增加颜色

1. 现在呢~我们给所有的图层创建渐变映射调整图层(图层>新建调整图层>渐变映射)

颜色:#000000;#54000c;#d69f0a;#fffee9。

PS教程!手把手教你绘制闪耀的光斑文字字效

2. 让渐变映射调整图层始终保持在最顶端。既然我们已经制作完了线条,现在就是我们给它加特效的时候的,也就是加高光!

重复之前的路径,但这次是100-200px,然后模拟压力。使用 50%的灰色 (#8c8c8c)。

图层混合模式-滤色。

PS教程!手把手教你绘制闪耀的光斑文字字效

3. 给文字所有加厚的部分添加高光~

PS教程!手把手教你绘制闪耀的光斑文字字效

4. 现在用白色来增加更多的更粗的线条,但是没有模拟压力哦~线条大概 在25-75px之间。

PS教程!手把手教你绘制闪耀的光斑文字字效

5. 柔软的白色线条围绕文字,让它看上去更有厚感。

PS教程!手把手教你绘制闪耀的光斑文字字效

四、给文字增加光效

使用flare image素材,放置进ps里  。改变光的角度,90°。图层混合模式-滤色

PS教程!手把手教你绘制闪耀的光斑文字字效

2. 复制光效,然后改变大小,W:200%, H:200%  ,角度:40°。

PS教程!手把手教你绘制闪耀的光斑文字字效

3. 第二个光效,滤镜>模糊>高斯模糊。大概30px左右。

PS教程!手把手教你绘制闪耀的光斑文字字效

4. 将两个光建组,然后复制,分别放在如下图所示的位置。

PS教程!手把手教你绘制闪耀的光斑文字字效

5. 之后的文字,也重复以上的(三到四的步骤),效果如下图所示。

PS教程!手把手教你绘制闪耀的光斑文字字效

6. 在用相同的方法,给文字的周围添加一些线条。

PS教程!手把手教你绘制闪耀的光斑文字字效

五、增加光斑

1. 打开 “blurry lighte image”素材,放置进来,设置为滤色。

PS教程!手把手教你绘制闪耀的光斑文字字效

2. 添加蒙版,擦拭,效果如下图所示。

PS教程!手把手教你绘制闪耀的光斑文字字效

PS教程!手把手教你绘制闪耀的光斑文字字效

六、将光增强

来来来,我们来增加光的对比度,让效果 更酷炫点~

1.添加一个黑白渐变映射调整图层,设置为剪贴蒙版。

设置它的图层样式为叠加。

PS教程!手把手教你绘制闪耀的光斑文字字效

2. 复制光斑,然后放置在图中不同的位置。

PS教程!手把手教你绘制闪耀的光斑文字字效

3. 多复制一些~改变其大小,然后放在你想放置的地方~不要让它太大了~

PS教程!手把手教你绘制闪耀的光斑文字字效

4. 现在我们结合基础笔刷 。笔刷设置-画笔笔尖形状-大小50px-硬度80%-间距150%

PS教程!手把手教你绘制闪耀的光斑文字字效

5. 打开形状动态 ,散布550。

PS教程!手把手教你绘制闪耀的光斑文字字效

6. 开启传递,然后改变设置。

PS教程!手把手教你绘制闪耀的光斑文字字效

7. 在文字的周边用笔刷画更多的线条(图中画圆圈所显示的地方)

PS教程!手把手教你绘制闪耀的光斑文字字效

8. 重复加工。

PS教程!手把手教你绘制闪耀的光斑文字字效

七、增加噪点

1. 现在我们在不破坏颜色和光效的基础上,增加噪点。

选择50%的灰色(#8c8c8c),新建图层,填充。

出现棕色,因为它是下面渐变映射层

PS教程!手把手教你绘制闪耀的光斑文字字效

2. 滤镜>杂色>添加杂色,然后输入最大值400%

PS教程!手把手教你绘制闪耀的光斑文字字效

3. 对其进行模糊处理0.8像素(滤镜>模糊>高斯模糊)。

PS教程!手把手教你绘制闪耀的光斑文字字效

4 .改变图层模式-亮光,透明度5%。

PS教程!手把手教你绘制闪耀的光斑文字字效

5. 做最后的调整,图层>新建调整图层>照片滤镜。选择红色。大功告成啦!哇咔咔~

PS教程!手把手教你绘制闪耀的光斑文字字效

【优设译者教程合集】

《PS教程!手把手教你打造草堆字体特效》
《AI教程!手把手教你绘制一只逼真写实的运动鞋》
《PS教程!手把手把教你创建超写实的金属质感沙漏》
《AI教程!手把手教你绘制一个大气典雅的灯光背景》

原文地址:design.tutsplus
译者:@ChloeRowe林雅诺

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

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量103万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏 32
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。