Photoshop设计科技感光束和线条背景(2)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:andy0036

关键词

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

Photoshop设计科技感光束和线条背景,PS教程,思缘教程网

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

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

Photoshop设计科技感光束和线条背景,PS教程,思缘教程网

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

Photoshop设计科技感光束和线条背景,PS教程,思缘教程网

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

Photoshop设计科技感光束和线条背景,PS教程,思缘教程网

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

Photoshop设计科技感光束和线条背景,PS教程,思缘教程网

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

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

Photoshop设计科技感光束和线条背景,PS教程,思缘教程网

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

Photoshop设计科技感光束和线条背景,PS教程,思缘教程网

 收藏