PS设计教程网欢迎你!

Photoshop绘制科技感十足的网页立体插画(2)

文章来源于 UI中国,感谢作者 设计遇上思想 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2018-06-12
step3:背景透视的线了,这个地方我用的方法比较笨,所以画了好久好久好久好久~ 先用矩形工具画一个矩形,填充去掉,描边2px 接着,根据需要的点配合钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修改

step3:背景透视的线了,这个地方我用的方法比较笨,所以画了好久好久好久好久~

先用矩形工具画一个矩形,填充去掉,描边2px

Photoshop绘制科技感十足的网页立体插画

接着,根据需要的点配合钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修改。

Photoshop绘制科技感十足的网页立体插画

Photoshop绘制科技感十足的网页立体插画

Photoshop绘制科技感十足的网页立体插画

然后用相同的方法拼出来一整个背景线条

画好后,ctrl+G进行编组,并复制一个组,命名背景-线,第一个组隐藏掉。(这个操作是备份,以防后续需要进行修改)。

接着,在复制的组 背景-线 右键 - 转为智能对象,并进行颜色叠加。

Photoshop绘制科技感十足的网页立体插画

接下来进行透视操作,先快捷键ctrl+T,将图旋转45度,如下图:

Photoshop绘制科技感十足的网页立体插画

旋转45°后,再次右键,选择扭曲,并操作

Photoshop绘制科技感十足的网页立体插画

Photoshop绘制科技感十足的网页立体插画

那么,背景就完成了。

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa