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

前言

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

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

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

灵感来源

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

视频小过程(含音频讲解)

一、前言~建立线条图案

二、改变线条图案

三、线条图案拼接

一、线条图案

STEP 01

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

STEP 02

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

STEP 03

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

二、改变图案

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

STEP 04

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

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

STEP 05

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

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

STEP 06

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

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

STEP 07

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

三、拼接图案

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

STEP 08

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

STEP 09

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

STEP 10

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

STEP 11

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

STEP 12

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

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

STEP 13

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

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

最终效果

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

后记:设计小过程

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

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

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

ifeiwu

作者:飞屋睿

(0)

相关推荐

  • 绘制极简性感时尚风格插画

    小编:插画需要找参考,灵感.有这样一种简单粗暴的参考会是你的菜,一起去看看@飞屋睿带来的用照片做原型,绘制性感女生. 寻图困境 UI设计中配图的问题我曾在<网页配图之个性年代插画当道>中简 ...

  • 三大重点拍出极简风格作品

    极简摄影的精髓在于迈向简单,以纯粹的形体意念,展现Less Is More 的现代主义教条.在本篇当中,我们将针对极简形象意念.拍摄手法.元素结构,以及后制理念技巧进行阐述,力求能为读者在创造时带来一 ...

  • 手机摄影如何做到极简主义

    构图的基础是规整.简约.也有人说:摄影,是做减法的艺术! 规整干净的构图可以为一张普通的作品加分.如果在规整的同时又很好的利用环境给予的线条进行创作那就是非常优秀的作品!手机的便捷性让我们随时随地的发 ...

  • 优秀极简设计的套路

    @葱爷:看几千个案例其实还不如看懂几个案例. 阅前一叨逼:所谓极简就是,简还不行,得非常非常简,然后还得招人喜欢. 极简设计一直是设计师很推崇的一种设计风格,因为它容易给人一种格外轻松.舒服.高大上的 ...

  • 设计好极简风格的25个要点!

    小编:极简主义的目的就是让主要内容更准确的呈现在用户眼前.那要如何去实现呢?小编认为我们可以把一个复杂的产品经过不断的简化,回归基本让内容清晰可见.但这并不意味着极简设计很简单,事实上优秀的极简作品交 ...

  • 网页设计中的极简风格—无的力量

    小编:首先感谢@飞屋睿UIdesign为我们分享讲解什么是极简设计以及如何做到极简并配上很优秀的图来帮助我们讲解.不久前刚看到一句话来和大家分享下,感觉可以用来提升逼格.这句话是这样写的"U ...

  • 20款极简风格名片设计作品欣赏

    虽然现时网络十分流行,但名片依然是品牌企业或个人不可缺少的一种宣传手段,特别是设计师.营销人员.摄影这些专业人员,名片的设计绝对不能马虎,名片必须要有创意,这样才能体现你的职位,让名片更有意义. 在这 ...

  • 5种极简风格拍摄技巧

    拍好极简风格,我们可从三分构图法来开始找寻所谓的规则,再去挑战它,甚至超越它.以一张宽高比3:2 影像,我们可以将影像横切为三等分,如例图般将海与天空分别采取1/3 与2/3 的方式进行拍摄,然后于1 ...

  • 方形的极简主义风格网页设计模板套装PSD下载

    这只网页模版还是不错的 原文也挺好就不改直接搬过来了~ 这是一套非常有价值的网页设计模板,它的优点如下:完美的删格化让我们学习删格化非常方便.极简主义风格时尚大气和方块布局符合手指操作,整套模板包含了 ...