發(fā)布時(shí)間:2023-11-27 20:43:09 瀏覽量:142次
今天的文章很贊!很炸!
先來看下王者榮耀做成PPT是什么樣子?
接下來給大家講解下,我是如何從0到1做出這份PPT的。
從拿到一份初稿PPT到制作完成,需要經(jīng)歷怎樣的步驟流程?
一套完整的步驟流程不僅可以大大加快你的制作速度,還可以提高你的制作水平。上周邵大的旁友圈里發(fā)布了一份跟手游有關(guān)的作業(yè),這一次結(jié)合復(fù)盤來詳細(xì)講講我的思路過程。
首先看下成品:
我的制作步驟分為:分析原稿、尋找靈感、準(zhǔn)備素材、頁面制作、細(xì)節(jié)優(yōu)化五大步驟。
作業(yè)原稿是這樣的:
首先了解PPT中的內(nèi)容,這是關(guān)于王者榮耀手游的介紹,包括英雄的分類、版本的升級和活動(dòng)等。
接著,我對原稿進(jìn)行層級梳理,讓頁面的邏輯關(guān)系更加清晰,這時(shí)也可以進(jìn)行初步的排版,可以更方便制作后面的頁面。
以上就是初步的制作。
可能有一些PPT是我們從來沒有嘗試制作過的,無法確定風(fēng)格和排版。這時(shí),我的第二個(gè)步驟就是尋找靈感和參考,在這里我只推薦兩個(gè)國內(nèi)出名的設(shè)計(jì)網(wǎng)站:花瓣網(wǎng)和站酷網(wǎng)。
結(jié)合PPT內(nèi)容,在花瓣網(wǎng)上搜索王者榮耀或者游戲設(shè)計(jì),可以得到非常多的案例,比如:
同樣在站酷網(wǎng)上可以搜索到王者榮耀官方的設(shè)計(jì)文章或者其他設(shè)計(jì)師的作品:
思考一下,除了一些設(shè)計(jì)網(wǎng)站還有什么地方可以進(jìn)行參考呢?
當(dāng)然不要忘了王者榮耀的官方網(wǎng)站。
官方網(wǎng)站里的設(shè)計(jì)案例可以直接借鑒到PPT中,我認(rèn)為它的設(shè)計(jì)風(fēng)格是最符合內(nèi)容的。
汲取了設(shè)計(jì)靈感之后,我們要為頁面的制作做一些準(zhǔn)備,比如圖標(biāo)、背景、游戲原畫和PNG裝飾元素。
在一些素材網(wǎng)比如覓元素、千圖網(wǎng)上可以下載到很豐富的PNG素材:
游戲背景不一定要跟游戲有關(guān),只要能烘托氛圍的圖片都可以用作背景,我在花瓣網(wǎng)找了許多張合適的圖片:
還有一些人物原畫以及商標(biāo):
素材的準(zhǔn)備階段并不是到這就結(jié)束了,在頁面的制作過程中隨時(shí)可能要更換素材,這一個(gè)步驟會伴隨整個(gè)PPT完成。
到了頁面制作這個(gè)步驟,先不追求每一頁都做到極致,而是制作完整的一頁就可以了。
王者榮耀的對戰(zhàn)雙方分別是紅隊(duì)和藍(lán)隊(duì),故稱紅藍(lán)對決,所以我選取的配色為紅色和藍(lán)色,字體我用了比較適合這類題材的造字工房方黑常規(guī)體。
先來看原稿封面:
原稿封面中的王者榮耀可以用圖標(biāo)代替,且封面一定要吸引眼球、突出主題,我在花瓣上采集了一張顏色匹配、高大上的背景圖片:
結(jié)合PPT內(nèi)容可以做出這樣一張封面:
這樣的排版設(shè)計(jì)基本上算是合格了,后面的步驟再進(jìn)行美化。
第二頁的內(nèi)容非常多,如果沒有梳理好就會讓頁面很擁擠,原稿:
更換背景圖片,同樣也是非常符合配色的紅藍(lán),它也可以作為其他內(nèi)容頁的背景:
首先要對文字進(jìn)行提煉,選取比較關(guān)鍵的句子作為每一個(gè)類別的概括,搜索一些英雄類別屬性的圖標(biāo)和英雄原畫素材進(jìn)行可視化設(shè)計(jì),最后將六個(gè)類別進(jìn)行簡單的排版和區(qū)分,就可以得到以下的樣子:
畫面整體看起來會比較整齊而且區(qū)分度很高,也有一些例子展示。
第三頁是單獨(dú)介紹李白這個(gè)英雄,原稿:
既然是人物介紹,當(dāng)然少不了他美如畫的壁紙:
人物介紹頁的名字要顯眼,技能可以截取官網(wǎng)上的圖標(biāo)來代替,同樣搭檔也可以選擇用英雄頭像來展示,排版采用左右排版:
第四張?jiān)澹?/p>
主要內(nèi)容是游戲更新的五個(gè)介紹,邏輯關(guān)系為并列,給每一個(gè)內(nèi)容介紹配上合適的圖片,一般都可以在官網(wǎng)找到,得到這樣一張內(nèi)容頁:
第五張描述的是三個(gè)游戲活動(dòng),邏輯同樣也為并列關(guān)系:
這個(gè)地方我使用了樣機(jī)的素材,在手機(jī)上搜索相關(guān)的活動(dòng)頁面然后截圖作為這張內(nèi)容頁的配圖,比起直接用圖片我覺得用樣機(jī)會更貼切:
最后一頁是介紹合作伙伴,原稿:
我們不難找到這些logo,平均的分布在標(biāo)題兩側(cè),之前的一張背景圖用在這一頁非常合適,于是就有了下面這張PPT:
到這里我的第四個(gè)步驟就完成了,先不說做的有多精致,可是已經(jīng)算得上是合格的作品了:
從封面開始,再進(jìn)行修改不足的地方:
頁面比較空洞,小字部分太普通。修改:
第二頁:
修改:
第三頁:
修改:
第四頁:
修改:
第五頁:
修改:
最后一頁可以增加漸變圓線,主要色調(diào)還是以紅藍(lán)為主:
整體步驟就完成了。
遵循每一個(gè)步驟:分析原稿、尋找靈感、準(zhǔn)備素材、頁面制作、細(xì)節(jié)優(yōu)化,先完成全部頁面,再對每一張進(jìn)行美化,過程中如果遇到素材不合適或者有更好的選擇時(shí)可以更換素材。
最后再看一下制作前后對比:
希望我的制作思路能給你帶來幫助。
本期內(nèi)容由旁友圈學(xué)員阿杜關(guān)于作業(yè)的分析復(fù)盤,當(dāng)然,也歡迎加入社群,查看更多優(yōu)秀作業(yè)的復(fù)盤設(shè)計(jì)思路。
當(dāng)然為了方便你的學(xué)習(xí),我把這份PPT的源文件也放了出了!
快快學(xué)習(xí)吧!
辛苦碼字,覺得不錯(cuò),記得點(diǎn)贊評論哦!我會優(yōu)先給你!
熱門資訊
探討游戲引擎的文章,介紹了10款游戲引擎及其代表作品,涵蓋了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戲設(shè)計(jì)領(lǐng)域和數(shù)字藝術(shù)教育的重要性,歡迎點(diǎn)擊咨詢報(bào)名。
2. 手機(jī)游戲如何開發(fā)(如何制作傳奇手游,都需要準(zhǔn)備些什么?)
?如何制作傳奇手游,都需要準(zhǔn)備些什么?提到傳奇手游相信大家都不陌生,他是許多80、90后的回憶;從起初的端游到現(xiàn)在的手游,說明時(shí)代在進(jìn)步游戲在更新,更趨于方便化移動(dòng)化。而如果我們想要制作一款傳奇手游的
3. B站視頻剪輯軟件「必剪」:免費(fèi)、炫酷特效,小白必備工具
B站視頻剪輯軟件「必剪」,完全免費(fèi)、一鍵制作炫酷特效,適合新手小白??靵碓囋?!
4. Steam值得入手的武俠游戲盤點(diǎn),各具特色的快意江湖
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個(gè)抉定都將觸發(fā)更多愛恨糾葛的精彩奇遇?!短烀嬗肪哂卸嗑€劇情多結(jié)局,不限主線發(fā)展,高自由...
5. Bigtime加密游戲經(jīng)濟(jì)體系揭秘,不同玩家角色的經(jīng)濟(jì)活動(dòng)
Bigtime加密游戲經(jīng)濟(jì)模型分析,探討游戲經(jīng)濟(jì)特點(diǎn),幫助玩家更全面了解這款GameFi產(chǎn)品。
6. 3D動(dòng)漫建模全過程,不是一般人能學(xué)的會的,會的多不是人?
步驟01:面部,頸部,身體在一起這次我不準(zhǔn)備設(shè)計(jì)圖片,我從雕刻進(jìn)入。這一次,它將是一種純粹關(guān)注建模而非整體繪畫的形式。像往常一樣,我從Sphere創(chuàng)建它...
7. 3D動(dòng)畫軟件你知道幾個(gè)?3ds Max、Blender、Maya、Houdini大比拼
當(dāng)提到3D動(dòng)畫軟件或動(dòng)畫工具時(shí),指的是數(shù)字內(nèi)容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術(shù)動(dòng)畫的軟件程序。但是,在3D動(dòng)畫軟件中還包含了其他類型的...
?三昧動(dòng)漫對于著名ARPG游戲《巫師》系列,最近CD Projekt 的高層回應(yīng)并不會推出《巫師4》。因?yàn)椤段讕煛废盗性诓邉澋臅r(shí)候一直定位在“三部曲”的故事框架,所以在游戲的出品上不可能出現(xiàn)《巫師4》
9. 3D打印技巧揭秘!Cura設(shè)置讓你的模型更堅(jiān)固
想讓你的3D打印模型更堅(jiān)固?不妨嘗試一下Cura參數(shù)設(shè)置和設(shè)計(jì)技巧,讓你輕松掌握!
10. Unity3D入門:手把手帶你開發(fā)一款坦克大戰(zhàn)的游戲
Unity工程創(chuàng)建完成后如圖所示: 接下來應(yīng)該導(dǎo)入此項(xiàng)目所需的Unity Package文件,要用到的Unity package文件大家可以去Unity3D的官方網(wǎng)站下載(地址:ht...
最新文章
同學(xué)您好!