為了防止各位同（lan）學（bi）打開之后就關(guān)掉，我決定非常心機婊的先放出本節(jié)課的最終效果圖，以下兩幅動圖都是純PPT作品。

 

（是不是有點像《尋龍訣》里的彼岸花）

 

 

好，課程開始（笑）

 

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

 

最近，Behance 和 Pinterest 上很流行一種設(shè)計，乍一看，這種設(shè)計其實很像我們小時候用鉛筆描著來畫的卡尺。
 

 

 

 

用單一的元素，做出規(guī)律性的復(fù)制變換，營造一種獨特的空間感和藝術(shù)感，同時又有一種說不出的動態(tài)形體變換美。

 

這種看似不著邊際卻又有著獨特的藝術(shù)美感的圖像我們可以把它們統(tǒng)稱為「數(shù)碼藝術(shù)」，這種圖像也包括以下這種抽象設(shè)計。

 

 

以上這些設(shè)計大多是用AI做的，我查閱搜索了一些資料，發(fā)現(xiàn)這種抽象變化的設(shè)計還是有非常多的方法。

 

篩選了三種方法較為快速的方法，簡單介紹一下。
 

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

 

 

1. WeaveSilk

https://weavesilk.com/

 

WeaveSilk是一個簡單的光線繪畫網(wǎng)站，用鼠標拖拽的同時，就可以完成非?？犰诺碾娮铀囆g(shù)作品。

 

 

 

直接在首頁點擊進入繪畫頁面，左上角是工具欄，其余的黑色區(qū)域是繪畫區(qū)域，而黑色區(qū)域中的灰色小點（截圖無法顯示）則是跟著你鼠標移動的繪圖筆觸。

 

 

左上角四個圖標小按鈕分別是：全屏顯示，保存繪圖，筆觸設(shè)置，撤銷；

 

當我們點擊左上角的小藍點之后，會彈出筆觸設(shè)置，在這里可以進行筆觸數(shù)量，顏色，大小，鏡像等等的設(shè)置。

 

 

選擇合適的筆觸和顏色之后，我們就可以用鼠標在中間的黑色區(qū)域用鼠標拖拽進行繪圖操作了。

 

敢信么~？設(shè)置好筆觸之后，下圖僅僅使用兩筆就能畫出來。

 

 

繪制完成之后我們可以點擊左上角相機小圖標按鈕，進行保存工作，鼠標放在彈出的保存設(shè)置菜單上，右鍵另存為圖片即可。

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

2. SuperShape 3d

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

 

 

SuperShape 3d是一個被數(shù)字藝術(shù)工程師用于可視化開發(fā)的js庫，我們則是使用它的demo網(wǎng)站，用來測試和展現(xiàn)它的功能。

 

網(wǎng)站整體非常直觀，上方一共有12個節(jié)點可以給我們拖拽設(shè)置，形成各種各樣瑰麗卻又暗含著規(guī)律性的形狀。

 

 

同時我們也可以設(shè)置不同形狀類型；

比如平面型；

 

 

三維場景型；

 

 

散點型；

 

 

如果我們點擊 live 按鈕，可以選擇上傳一個 MP3 文件到這個網(wǎng)站，下面的形狀會隨著音樂的律動的節(jié)奏而跳動成不同的形狀，所以我們可以錄屏下來做一個簡單的MV。

（我上傳的是歌曲「忐忑」）

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

 

3. PPT + Nordri Tools

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

 

 

這是最簡單粗暴的方式，我們也可以使用 PPT 結(jié)合 Nordri Tools 來設(shè)計。

 

 

第一步，我們用PPT拖出一個任意的線框，同時為這個線框配上漸變顏色。

 

第二步，選中線框，打開 Nordri Tools 選項卡，選擇環(huán)形復(fù)制功能。

 

 

第三步，勾選自動旋轉(zhuǎn)，設(shè)定好數(shù)量，扇形角度，形狀直徑等等；

 

 

 

簡單講解一下所需要用到的設(shè)置：

 

【數(shù)量】用于設(shè)置 復(fù)制出來的元素數(shù)目；

【扇形角度】用于設(shè)置復(fù)制出來的元素 填滿的角度；

【形狀直徑】用于設(shè)置整體形狀的直徑大小；

 

 

設(shè)置完成后，我們就能夠得出一個富含規(guī)律性變化的作品。

 

 

這種設(shè)計最后的美觀與否有三個非常重要的元素；

1.初始元素

2.顏色漸變

 

 

3.旋轉(zhuǎn)數(shù)值

 

在這種形狀的設(shè)計中，初始元素的形狀和漸變決定著最后復(fù)制出來的作品的最終是否擁有立體效果。

 

有個小技巧，如果初始元素的漸變中含有透明，則后面生成的規(guī)律性變化元素會更加有層次感和空間感，如下圖。

 

 

如下圖圓角六邊形沒有透明的漸變，則不會有空間感。

 

 

當然，不同的形狀采用不同的數(shù)值旋轉(zhuǎn)會得到各式各樣特殊別致的規(guī)律性變換形狀，但是它們在設(shè)計方法上沒有任何區(qū)別。

因為每個人設(shè)置的數(shù)值，顏色和形狀的選取都不一樣，這種難以復(fù)制的隨機性，也是這種設(shè)計中最有趣的一點。

 

如果你不怕折騰一下，給這些圖形里面的所有元素加上動畫，則會有超大的驚喜等著你。

 

以下動圖都只簡單添加了「回旋」動畫

 

 

 

（魔性的小手）
 

 

（彼岸花）

 

（大鮑魚）

 

（立體旋轉(zhuǎn)）

 

 

 

 

是不是已經(jīng)震撼的不像是PPT了？

 

我用這個思路設(shè)計了一套PPT模板作品，各位朋友不妨點擊這里欣賞一下

 

如果你也做出了超漂亮的規(guī)律變化的圖片，歡迎發(fā)站酷圈我~