PS设计科技感光束和线条背景photoshop教程

PS设计科技感光束和线条背景photoshop教程

PS设计科技感光束线条背景-photoshop教程

Photoshop,科技感光束,线条背景,PS教程,,教程

andy0036

先看看效果图

PS设计科技感光束和线条背景photoshop教程 PS教程 第1张

打开Photoshop,创建图像文件大小为:1200*800,用放射状渐变填充背景。渐变色为:#01a5f8-#026dd6。

PS设计科技感光束和线条背景photoshop教程 PS教程 第2张

接下来我们要绘制弧线,很流畅的发光效果的线条。其实在这里我们可以想下,如何实现那种效果,方法很多,填充?羽化?然后Delete?那样太啰嗦了,我在这里了图层样式来实现此效果,要图层样式里只需要调整滑块便可。来吧,这样的线条我们不用亲自绘制,直接选择【椭圆工具】,画出一个椭圆来,然后放大,放大到我们需要的大小,只留一段弧线在画布上便可,这样不但快捷,还比钢笔工具画出来的好。

PS设计科技感光束和线条背景photoshop教程 PS教程 第3张

PS设计科技感光束和线条背景photoshop教程 PS教程 第4张

对椭圆图层调整【填充】数值,调整为0,如果你没用过这个功能,我告诉你,它在调整图层不透明度下方,它与图层不透明度是不相同的,如果相同,Adobe公司就不会在这里多此一举了。填充调整为0以后,还能显示图层样式,但图层透明为0时,就什么也不会显示了。

接下来图层样式添加发光效果。数值如图所示所示,这两个数值设好以后,效果基本实现。

PS设计科技感光束和线条背景photoshop教程 PS教程 第5张

PS设计科技感光束和线条背景photoshop教程 PS教程 第6张

然后我们复制一个,调整不透明度为60%,放到合适的地方。

PS设计科技感光束和线条背景photoshop教程 PS教程 第7张

接下来该绘制那些复杂且又非常有规律的线条了,我曾经一度想不出来,如何实现那样的效果,但还是从别处得到了启发,就是以前绘制表盘的时候,那12个刻度,用的是Ctrl+Alt+Shift+T,(重复上一次ctrl+T的操作(可以累积效果),并且同时结果会放在新的复制图层),结果很轻松的实现了这种效果。开始!

画笔工具,大小设为2PX,硬度设为100%,画出一条直线,最好和画布宽度一样长。

PS设计科技感光束和线条背景photoshop教程 PS教程 第8张

Ctrl+T,激活自由变换工具,按住Alt在横线下方合适位置点一上,此点理解为线条变换的中心点

PS设计科技感光束和线条背景photoshop教程 PS教程 第9张

视线转移到上方,自由变换数值栏,需要调整三个数值,见红箭头所指。在原来的基础上,X和Y坐标都增加20,(即原来X是729,我输入749,原来Y是439,我输入459),旋转角度为2,然后按Enter,确定。

PS设计科技感光束和线条背景photoshop教程 PS教程 第10张

这一步就要用到上面说的Ctrl+Alt+Shift+T,重复上一次Ctrl+T的操作,并生成新的图层,我们开始按,按个几十次吧。

PS设计科技感光束和线条背景photoshop教程 PS教程 第11张

生成了那么多图层,是不是很头疼,全部合并(选中最上面的,按住Shift再点击最下面的,Ctrl+E合并,或者Ctrl+G图层编组)

将线条调整大小,或者旋转放到合适的地方。

PS设计科技感光束和线条背景photoshop教程 PS教程 第12张

打上文字,加上英文,就创作好了。这张图和最上面的效果图不一样,是很正常的,在变换的时候,任何一个数值变化都会导致不一样,比如中心点,X和Y的增加的多少,旋转的度数,这个要自己去把握了。

PS设计科技感光束和线条背景photoshop教程 PS教程 第13张

原文链接:https://www.zzlz.net/archives/674371.html,转载请注明出处。部分文章来自网络,如有侵权请联系邮箱:lianzhi0000@163.com 删除,谢谢!

0

评论0

请先

显示验证码
没有账号? 注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码