為了防止各位同(lan)學(xué)(bi)打開之后就關(guān)掉,我決定非常心機(jī)婊的先放出本節(jié)課的最終效果圖,以下兩幅動(dòng)圖都是純PPT作品。
(是不是有點(diǎn)像《尋龍?jiān)E》里的彼岸花)
好,課程開始(笑)
---------------------------
最近,Behance 和 Pinterest 上很流行一種設(shè)計(jì),乍一看,這種設(shè)計(jì)其實(shí)很像我們小時(shí)候用鉛筆描著來(lái)畫的卡尺。
用單一的元素,做出規(guī)律性的復(fù)制變換,營(yíng)造一種獨(dú)特的空間感和藝術(shù)感,同時(shí)又有一種說(shuō)不出的動(dòng)態(tài)形體變換美。
這種看似不著邊際卻又有著獨(dú)特的藝術(shù)美感的圖像我們可以把它們統(tǒng)稱為「數(shù)碼藝術(shù)」,這種圖像也包括以下這種抽象設(shè)計(jì)。
以上這些設(shè)計(jì)大多是用AI做的,我查閱搜索了一些資料,發(fā)現(xiàn)這種抽象變化的設(shè)計(jì)還是有非常多的方法。
篩選了三種方法較為快速的方法,簡(jiǎn)單介紹一下。
--------------------
1. WeaveSilk
https://weavesilk.com/
WeaveSilk是一個(gè)簡(jiǎn)單的光線繪畫網(wǎng)站,用鼠標(biāo)拖拽的同時(shí),就可以完成非??犰诺碾娮铀囆g(shù)作品。
直接在首頁(yè)點(diǎn)擊進(jìn)入繪畫頁(yè)面,左上角是工具欄,其余的黑色區(qū)域是繪畫區(qū)域,而黑色區(qū)域中的灰色小點(diǎn)(截圖無(wú)法顯示)則是跟著你鼠標(biāo)移動(dòng)的繪圖筆觸。
左上角四個(gè)圖標(biāo)小按鈕分別是:全屏顯示,保存繪圖,筆觸設(shè)置,撤銷;
當(dāng)我們點(diǎn)擊左上角的小藍(lán)點(diǎn)之后,會(huì)彈出筆觸設(shè)置,在這里可以進(jìn)行筆觸數(shù)量,顏色,大小,鏡像等等的設(shè)置。
選擇合適的筆觸和顏色之后,我們就可以用鼠標(biāo)在中間的黑色區(qū)域用鼠標(biāo)拖拽進(jìn)行繪圖操作了。
敢信么~?設(shè)置好筆觸之后,下圖僅僅使用兩筆就能畫出來(lái)。
繪制完成之后我們可以點(diǎn)擊左上角相機(jī)小圖標(biāo)按鈕,進(jìn)行保存工作,鼠標(biāo)放在彈出的保存設(shè)置菜單上,右鍵另存為圖片即可。
-------------------
2. SuperShape 3d
https://blog.inspirit.ru/wp-content/uploads/supershape3d/
SuperShape 3d是一個(gè)被數(shù)字藝術(shù)工程師用于可視化開發(fā)的js庫(kù),我們則是使用它的demo網(wǎng)站,用來(lái)測(cè)試和展現(xiàn)它的功能。
網(wǎng)站整體非常直觀,上方一共有12個(gè)節(jié)點(diǎn)可以給我們拖拽設(shè)置,形成各種各樣瑰麗卻又暗含著規(guī)律性的形狀。
同時(shí)我們也可以設(shè)置不同形狀類型;
比如平面型;
三維場(chǎng)景型;
散點(diǎn)型;
如果我們點(diǎn)擊 live 按鈕,可以選擇上傳一個(gè) MP3 文件到這個(gè)網(wǎng)站,下面的形狀會(huì)隨著音樂的律動(dòng)的節(jié)奏而跳動(dòng)成不同的形狀,所以我們可以錄屏下來(lái)做一個(gè)簡(jiǎn)單的MV。
(我上傳的是歌曲「忐忑」)
-------------------------
3. PPT + Nordri Tools
Nordri Tools 插件下載地址:https://dwz.cn/3juBHW
第一步,我們用PPT拖出一個(gè)任意的線框,同時(shí)為這個(gè)線框配上漸變顏色。
第二步,選中線框,打開 Nordri Tools 選項(xiàng)卡,選擇環(huán)形復(fù)制功能。
第三步,勾選自動(dòng)旋轉(zhuǎn),設(shè)定好數(shù)量,扇形角度,形狀直徑等等;
簡(jiǎn)單講解一下所需要用到的設(shè)置:
【形狀直徑】用于設(shè)置整體形狀的直徑大小;
設(shè)置完成后,我們就能夠得出一個(gè)富含規(guī)律性變化的作品。
3.旋轉(zhuǎn)數(shù)值
在這種形狀的設(shè)計(jì)中,初始元素的形狀和漸變決定著最后復(fù)制出來(lái)的作品的最終是否擁有立體效果。
有個(gè)小技巧,如果初始元素的漸變中含有透明,則后面生成的規(guī)律性變化元素會(huì)更加有層次感和空間感,如下圖。
如下圖圓角六邊形沒有透明的漸變,則不會(huì)有空間感。
當(dāng)然,不同的形狀采用不同的數(shù)值旋轉(zhuǎn)會(huì)得到各式各樣特殊別致的規(guī)律性變換形狀,但是它們?cè)谠O(shè)計(jì)方法上沒有任何區(qū)別。
因?yàn)槊總€(gè)人設(shè)置的數(shù)值,顏色和形狀的選取都不一樣,這種難以復(fù)制的隨機(jī)性,也是這種設(shè)計(jì)中最有趣的一點(diǎn)。
如果你不怕折騰一下,給這些圖形里面的所有元素加上動(dòng)畫,則會(huì)有超大的驚喜等著你。
以下動(dòng)圖都只簡(jiǎn)單添加了「回旋」動(dòng)畫
(魔性的小手)
(彼岸花)
(大鮑魚)
(立體旋轉(zhuǎn))
是不是已經(jīng)震撼的不像是PPT了?
我用這個(gè)思路設(shè)計(jì)了一套PPT模板作品,各位朋友不妨點(diǎn)擊這里欣賞一下
如果你也做出了超漂亮的規(guī)律變化的圖片,歡迎發(fā)站酷圈我~