页面载入中...

Illustrator网格工具制作不规则渐变色壁纸

xingphotoshop, 2018-10-220

 

Illustrator网格工具制作不规则渐变色壁纸

来源:UI中国  作者:LauYim

今天想说的这个网格工具用法很简单,只要有点耐心就可以调出很多好看的壁纸。教程主要使用AI和PS一起来完成.

先来看看我随意调的几张吧。

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

这些我都在PS里润色过的,也是很简单的操作,下面进入步骤:

Step1:打开AI,新建画布,大小随意,我这里就800x600px,经过我测试在AI画的图形复制到PS里选择智能对象粘贴的话,放大不影响图形质量也就是不会模糊。

新建好画布,我们先用矩形工具画一个大小为270x480px的矩形,这个尺寸也可以随意,这里我根据大部分手机屏幕分辨率1080x1920px等比而来的。

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

先给一个颜色填充,#0036BD。这些都可以随意了,关键是用法。

Step2:在工具栏里找到网格工具(快键键U):

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

然后在矩形任意位置都可以单击添加网格点:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

Step3:调节网格点,可移动,可旋转,可改颜色。

为了方便操作,我们用直接选择工具-也就是小A工具来选中网格点(可点选也可以框选多个点)

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

填充颜色:

选中一个点或者多个点之后,在颜色面板中选择想要的颜色即可。

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

然后来移动网格点的位置看看效果:

小A工具点选某个网格点,鼠标直接拖动即可。

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

看到网格点的周围都有操纵杆,同样用小A工具鼠标左键按住改变方向:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

也可以选中某个点后,快捷键R-旋转,鼠标左键按住旋转:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

如果移动点的位置太近就会出现这种错误显示:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

这时候只需要把操纵杆缩短一点就行了:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

大致调整后的样子:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

Step4:嗯,感觉差不多了就可以整个选中,Ctrl+C,打开PS,新建1080x1920px的画布,再Ctrl+V,选择智能对象贴入,放大铺满整个画布。

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

Step5:大胆的调色,什么姿势好就用什么姿势。

比如先来个曲线提亮减少灰度的感觉。

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

甚至是去色都可以:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

再或者整体换下颜色-用色相饱和度:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

放大大大,旋转啥的之后,也还能成为有feel的图片:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

再补充一下那个圆形的:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

然后放在PS加点光:

Illustrator网格工具制作不规则渐变色壁纸,PS教程,素材中国网

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信