快速打造非常漂亮的电子艺术图谱

为了防止各位同(lan)学(bi)打开之后就关掉,我决定非常心机婊的先放出本节课的最终效果图,以下两幅动图都是纯PPT作品。


53915781092b0000018c1b793650.jpg


1c79578108460000012e7e662535.jpg

(是不是有点像《寻龙诀》里的彼岸花)



好,课程开始(笑)


---------------------------

最近,Behance 和 Pinterest 上很流行一种设计,乍一看,这种设计其实很像我们小时候用铅笔描着来画的卡尺。


fb0e578109470000012e7e4f7c72.jpg



用单一的元素,做出规律性的复制变换,营造一种独特的空间感和艺术感,同时又有一种说不出的动态形体变换美。


这种看似不着边际却又有着独特的艺术美感的图像我们可以把它们统称为「数码艺术」,这种图像也包括以下这种抽象设计。


76195781095d0000012e7e0b4abd.jpg


以上这些设计大多是用AI做的,我查阅搜索了一些资料,发现这种抽象变化的设计还是有非常多的方法。


筛选了三种方法较为快速的方法,简单介绍一下。

--------------------



1.WeaveSilk

https://weavesilk.com/


WeaveSilk是一个简单的光线绘画网站,用鼠标拖拽的同时,就可以完成非常酷炫的电子艺术作品。




直接在首页点击进入绘画页面,左上角是工具栏,其余的黑色区域是绘画区域,而黑色区域中的灰色小点(截图无法显示)则是跟着你鼠标移动的绘图笔触。



左上角四个图标小按钮分别是:全屏显示保存绘图笔触设置撤销


当我们点击左上角的小蓝点之后,会弹出笔触设置,在这里可以进行笔触数量,颜色,大小,镜像等等的设置。



选择合适的笔触和颜色之后,我们就可以用鼠标在中间的黑色区域用鼠标拖拽进行绘图操作了。


敢信么~?设置好笔触之后,下图仅仅使用两笔就能画出来。



绘制完成之后我们可以点击左上角相机小图标按钮,进行保存工作,鼠标放在弹出的保存设置菜单上,右键另存为图片即可。

-------------------


2. SuperShape 3d

https://blog.inspirit.ru/wp-content/uploads/supershape3d/



SuperShape 3d是一个被数字艺术工程师用于可视化开发的js库,我们则是使用它的demo网站,用来测试和展现它的功能。


网站整体非常直观,上方一共有12个节点可以给我们拖拽设置,形成各种各样瑰丽却又暗含着规律性的形状。

acaa57810b380000018c1b944f29.jpg


同时我们也可以设置不同形状类型;

比如平面型;


9bb157810b4b0000018c1b6e87a5.jpg


三维场景型;


af5e57810b580000012e7e9beabe.jpg


散点型;


0fa057810b7b0000012e7eeebb27.jpg


如果我们点击 live 按钮,可以选择上传一个 MP3 文件到这个网站,下面的形状会随着音乐的律动的节奏而跳动成不同的形状,所以我们可以录屏下来做一个简单的MV。

b98857810b8d0000018c1be20b0d.jpg

(我上传的是歌曲「忐忑」)

-------------------------



3. PPT + Nordri Tools

Nordri Tools 插件下载地址:https://dwz.cn/3juBHW



这是最简单粗暴的方式,我们也可以使用 PPT 结合 Nordri Tools 来设计。



第一步,我们用PPT拖出一个任意的线框,同时为这个线框配上渐变颜色。

91c757810c650000018c1b98f621.jpg


第二步,选中线框,打开 Nordri Tools 选项卡,选择环形复制功能。



第三步,勾选自动旋转,设定好数量,扇形角度,形状直径等等;




简单讲解一下所需要用到的设置:


【数量】用于设置 复制出来的元素数目;
【扇形角度】用于设置复制出来的元素 填满的角度

【形状直径】用于设置整体形状的直径大小



设置完成后,我们就能够得出一个富含规律性变化的作品。

b46357810c8f0000012e7e037931.jpg



这种设计最后的美观与否有三个非常重要的元素;
1.初始元素
2.颜色渐变



3.旋转数值


在这种形状的设计中,初始元素的形状渐变决定着最后复制出来的作品的最终是否拥有立体效果。


有个小技巧,如果初始元素的渐变中含有透明,则后面生成的规律性变化元素会更加有层次感空间感,如下图。


957057810cd50000012e7e861e0f.jpg


如下图圆角六边形没有透明的渐变,则不会有空间感。



当然,不同的形状采用不同的数值旋转会得到各式各样特殊别致的规律性变换形状,但是它们在设计方法上没有任何区别。

因为每个人设置的数值,颜色和形状的选取都不一样,这种难以复制的随机性,也是这种设计中最有趣的一点。


如果你不怕折腾一下,给这些图形里面的所有元素加上动画,则会有超大的惊喜等着你。


以下动图都只简单添加了「回旋」动画





(魔性的小手)


(彼岸花)


(大鲍鱼)


(立体旋转)






是不是已经震撼的不像是PPT了?


我用这个思路设计了一套PPT模板作品,各位朋友不妨点击这里欣赏一下


如果你也做出了超漂亮的规律变化的图片,欢迎发站酷圈我~