從沒想過,PPT居然能媲美頂級網(wǎng)頁設(shè)計(jì)
時(shí)間:2023-06-03 14:54:02 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-06-03 14:54:02 來源:網(wǎng)站運(yùn)營
從沒想過,PPT居然能媲美頂級網(wǎng)頁設(shè)計(jì):在全球頂級設(shè)計(jì)社區(qū)Behance和Dribbble中,
類似這樣的網(wǎng)頁設(shè)計(jì)展示很常見。
承載內(nèi)容的卡片通過投影懸浮起來,
元素的動態(tài)移動帶有明顯的時(shí)間差。
這種設(shè)計(jì)可以在ppt中被很好地借鑒。
應(yīng)用到連續(xù)內(nèi)容的演示中。
接下來詳細(xì)講解一下制作步驟。
制作思路和關(guān)鍵步驟此設(shè)計(jì)實(shí)現(xiàn)思路為:通過虛化濾鏡和布爾運(yùn)算制作邊框,巧妙地為其添加投影效果,排版完成后運(yùn)用連續(xù)平滑,實(shí)現(xiàn)上下滾動的視差動畫。
關(guān)鍵步驟如下:1、自由繪制形狀,將頁面保存為圖片后,重新插入回PPT中,應(yīng)用虛化濾鏡,得到漸變效果,減除圓角矩形,得到漸變邊框。
2、將漸變邊框放大,為其添加內(nèi)陰影,在幻燈片播放時(shí),即呈現(xiàn)出卡片外陰影的效果。
3、根據(jù)卡片大小,完成版式設(shè)計(jì),利用漸變素材制作些許點(diǎn)綴。
4、在相鄰頁面中連鎖式復(fù)制需要運(yùn)動的元素,并移動其位置,建立錯(cuò)落的間距,這對應(yīng)著不同的運(yùn)動速度。
5、通過變化頁面外圖片的大小,讓動畫變得更靈動。
詳細(xì)操作教程整個(gè)設(shè)計(jì)拆解為5個(gè)部分進(jìn)行講解,
以下為詳細(xì)操作視頻:
本文源文件已打包,
公眾號【黑白間設(shè)計(jì)】,關(guān)鍵詞【網(wǎng)頁設(shè)計(jì)】即可下載拆解練習(xí)。