恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
极简迷宫式线条风格背景制作
0.0°
2018-03-12 原创文章 教程 举报 6791 303 439 18

前言


我们非常迷恋线条,中国的汉字就是采用线条来作为基础元素的一种图像化的书写,其中书法又是对线条的极致艺术性的发挥。而我们今天就来教大家使用AI制作一款简单又看起来非常特别的线条背景图案。在极简风格中使用,会让画面顿时活跃起来。尤其是作为背景使用时,和简约的前景元素相得益彰。


比较“笨”的办法是直接用一根一根线条进行拼接,这样做法也没错,只是比较耗时,并且扩展性并不大。而我们今天要用到AI中的图案来制作,巧妙的改变几个参数,就能变换出无数的形态方案。非常值得大家学习~


我历来的文章所分享给大家的,一直都是以体验“方法”的过程,而非结果。重点是希望大家能以此作为出发点来扩宽自己的创作思路。


灵感来源


最初看了YOUTUBE上的相关视频,对原视频基础上做了一定的调整和深入。



一、线条图案


STEP 01


在AI中新建一个文档,新文档大小为1280*840px,绘制一个矩形,矩形大小刚好和文档的画板大小一致,关闭矩形的描边,填充为白色。


Image title


STEP 02


选中这个矩形的同时进入【窗口>外观】,打开外观面板,在现有的填色上,再增加一个新的填色。这个新的填色的就是我们的线条图案。


Image title


STEP 03


对新填色的色板重新进行设置,这时在新填色的右下角箭头中打开填色,然后点击左下方的色板库菜单,在色板库中选择图案作为色板。进入【图案>基本图形>线条】,选择其中的一个线条图案“6 LPI 50%”。这时,绘制的矩形会呈现线条的图案。


Image title


Image title



二、改变图案


要改变图案,需要的只是一个“小机关”~


STEP 04


改变图案的造型,继续留在“外观”的面板中,选中新的图案填充的情况下,进入【窗口>变换】。这时来到了“变换”工具的面板,在这里对图案进行改变。


点击面板右上方的菜单按钮,选择“仅变换图案”的选项。这就是改变图案造型的“小机关”,它决定了你的调整结果。否则你会发现,无论如何变换,都只是对矩形形状的改变,图案依然保持原状。


Image title


STEP 05


这时在“变换”面板中,调整宽和高的参数值,可以点击右侧的“约束宽度和高度比例”锁链图标,这样就在调整宽和高其中某一参数时,另一个参数跟随着同比例改变。


这时键入任何参数都不是问题,关键是要达到最终的效果。例如我们在这里是要增加线条的粗细和间隔,因此,这时就可以在宽度这一栏中输入一个数值为2000,点击回车键,看看它们的效果,如果仍然不够,就再次输入一个数值为1500,再点击回车键。后面的这个参数,是以前面调整后的结果作为出发点。


Image title


STEP 06


接下来改变图案的色彩,需要运用的工具是“重新着色图稿”工具。在画板上方的属性栏里可以找到这个图标。


然后在工具面板中,对色彩进行重置前,需要去掉需要保留的色彩选项。点击预设选项框右侧的小图标,打开“减低颜色深度选项”的面板,在保留这一系列的勾选中,将默认的勾选去掉。否则,你将会发现,你无法改变目前的黑色或白色的部分。


Image title


STEP 07


在黑色的新建一栏中,调整下方RGB的滑块,使其变为蓝色,这个过程即时就能看到效果。


Image title


三、拼接图案


线条的拼接将会非常有趣,这一过程需要的是细致的耐心~


STEP 08


让我们在画板上方再绘制出一块矩形,矩形的大小为703*219px。这个矩形最好是能容纳完整的四根浅蓝色线条。如下图我们所见。且,这个矩形一旦绘制完成就不要重新进行伸缩,否则它所呈现的线条将无法与原有的线条图案的线条粗细保持一致。


Image title


STEP 09


选中这一矩形的情况下,进入“外观”面板,在面板中增加新填充,填充为白色。这个新填充将其移动到原有图案填充之下,作为其背景而存在。(希望大家能在这些操作中理解外观中的各种填充的用法,在此可以反向思维,如果你需要透明背景的线条图案,仅仅需要的就是去掉背景即可。)


Image title


STEP 10


将我们在STEP 07中完成的图案选中后,进入外观面板,确保选中了线条图案的填充,再进入到变换的面板,在面板的角度参数中设置为-45°。这时,线条的方向就会改变。请记得打开变换时,依然是确保选中“仅变换图案”这一选项。


Image title


STEP 11


利用同样的方式来处理STEP 09的小一些的图案,旋转的角度可设置为45°。


Image title


STEP 12


将小一些的图案往大的图案移动,使它们能成功“拼接”,拼接一般来说从一个条边开始。


Image title


改变小的图案的边能和大的图案实现拼接的方式就是使用直接选择工具,选中某一条边(左右或上下的两个锚点),然后利用键盘进行移动。


Image title


STEP 13


完成整个的拼接,只需要重复上述的操作,增加更多的小的图案就可以了。这一步是自由创作的过程。


可以看到我增加了三个矩形,这三个小的矩形,改变了原来的图案线条的走向。因此形成了视觉上类似迷宫的效果。


Image title


最终效果


这是最终的结果,我把它用在了一副插画的背景当中。


Image title


后记:设计小过程


这一期开始增加的视频是为了更充分地和大家分享学习的过程,也是方便初学者对基本操作的理解。


我把文章中的视频起名叫做设计小过程,第一是方便大家加载观看,每个小视频时长为5分钟左右,它不是整个的教程演示,但是能突出每一阶段的重点。第二是方便大家事后查阅,因为我们学习过,甚至我们亲自操作过的步骤,都会很大概率在今后会忘记。分段记录,也备以后查阅,比起在一个完整的视频中去查找某个步骤,相对来说会容易很多。第三是因为我一直强调的“过程大于结果”,无论任何事大概都是如此,这样才会有更多纯粹的专注者,能力也才能真正得到提升。


我自己亲自来讲这些过程,这样比起单纯的操作演示,也许会加深印象。另外,我也想和大家分享一些其他有的没的。总之,我们多了这样的一个维度,感觉挺好~



想要看视频演示和讲解的请点击原文:

极简迷宫式线条风格背景制作







微信公众号:飞屋设计微杂志

更新:2018-03-12

收藏

303人已收藏

飞屋睿

http://www.ifeiwu.com

  • 149

    作品

  • 1.8w

    粉丝

  • 0

    关注

  • 学插画的高起点是从艺术品借鉴灵感:现代抽象风格插画图形设计
  • 无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
  • 我的商业插画设计书《商业插画设计思维魔方》终于出版啦!
  • 神仙级控线练习,文艺极简水彩线描简笔画植物:草叶集(二)
相关标签

    猜你喜欢

      2018-03-12 原创文章 教程 举报 6791 303 439 18

      极简迷宫式线条风格背景制作

      0.0°

      你确定要举报极简迷宫式线条风格背景制作

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年03月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      439
      303
      18

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录