设计教程－线这样玩更有趣

如何用最朴实的线元素，做出炫酷的设计。看看下面的教程吧～

需要用到两个软件工具，一个Illustrator是做线的基本框架，另一个Photoshop是为了完成最终效果中细节和影子的处理。

第一步

打开Illustrator新建一个画布，尺寸2880x1880像素，在画布的两边画两条线。

第二步

打开混合选项工具，对象> 混合>混合选项 编辑参数，指定的距离间距 :30px，然后用左边工具栏中混合工具点击两条线。选中它进行对象>扩展，右键取消编组。这样每一条线就可以单独选择了

第三步

按照背景线的单位创建一组有趣的线，我在这里做了个圆，然后加了几个套圆。

第四步

把最大圆和最小圆用形状模块工具剪切成一个圆环，填充白色做背景遮住下面多余的线。然后再做一个白色的背景遮住被红色框住的部分，如下（图一）。用钢笔工具把圆的断口和背景的线连接起来（线框的效果图）。＊注意：被白色背景遮住的多余线要用钢笔工具删除，这个时候需要一点耐心哦^_^。

图一

线框的效果图

第五步

开始使用Photoshop，把线稿复制到Photoshop里。选择一个喜欢的颜色，我这里使用了深灰色和蓝绿色。我喜欢深色的主题。

第六步

从Illustrator中复制创建的白色背景，拷贝到Photoshop中，设置图层样式>投影，投影的参数如下图，这里特别强调一下，杂色的品质设置 25%。这让画面会更酷哒。

投影参数

第七步

创建一个文件夹图层，把阴影的图层放到里面，在文件夹图层上创建一个蒙板。然后把多余的影子删除。

第八步

新建一个图层，填充颜色，填充：0%  不透明度：50% 。添加 图层样式>渐变叠加。

最终效果

你可以添加更多的图片或者你想要的各种纹理效果。让它看起来更完美。我在最上面加了一点杂质纹理的效果。这是我的一个小练习。希望这个小教程对大家的工作有所帮助。

效果展示

下面是设计师 Marcos Bernardes 关于线的设计作品。