TED的PPT是怎麼製作的?如此精美

TED演講比如中國是新興國家經濟的偶像嗎?


占坑,用手做的。動畫也比較簡單,只是風格在國內見得少

這個月流量不夠,下個月流量夠了我模仿原件發出來。

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

裡面有一些圖片,沒辦法找到/或者得用ai來做的,我如果有時間可以嘗試一下,沒時間就真做不了那圖了....

使用工具:

QQ截圖

求字體字體下載-求字體網提供中文和英文字體庫下載、識別與預覽服務,找字體的好幫手

office2013

office2013取色器

動畫將加粗,切換以斜體表示

--------------------更新(多圖,手機黨慎重)------------------------

Slide1:

這個有點小複雜,按照我的想法是背後加個動畫(就是一開始星雲那個..這個我耍不來...不是ppt能完成的...),然後那個星雲圖片定格以後

1.基本縮放-縮小(1s白色無邊框矩形剪去TED三個字的組合矩形(TED字體好像是Neue Helvetica BQ,字型大小好像400多來著)

同時 添加動畫路徑移動-直線-上(0.5s),拉成左偏上的方向(因為感覺一開始那個鏤空的並不是在畫面中心而是在畫面偏右),然後時間軸上設定為0.5s的時候開始

同時設置放大/縮小-兩者-微小

2.淡出(1s)ideas worth spreading(冬青黑體w3,56號,取h作為中間線)

3.在組合矩形和星雲背景之間放個橙紅色的矩形,淡出(1s)

Slide2:

.....這裡我偷懶了抱歉...因為研究這尼瑪文字的布局實在蛋疼...所以直接截圖拉大了

這裡字體同上一張,主要是冬青黑體(仔細想想可能真是用keynote做的)

這裡主要是 淡出 這樣一個切換正式內容Slide1:

對於字體, @曾陽 同學已經有了很詳細的解釋,抱歉中間 or的字體T T我找不到...

但是我有一點不太贊同曾陽同學的

就是這裡並不存在漸變的背景,原因如下:1.扁平化配漸變是有,但是很少出現這種文字淺色背景淺色還會用漸變的情況;2.根據後面的幾張slide都可以看出,基本是白色的背景,如果從整體的統一性上思考,可能純色填充的背景更合理一些;3.出現看似漸變的原因,我估計是會場打在屏幕上的燈光造成的

另外通過這種排版,說明的是一種傳統觀點與價值取向——自由至上,而且在自由的取色上也基本前後一致都採用了同一種藍色,另外藍色也是一種西方很喜歡的顏色,剛好是和中國喜歡的紅色鮮明對比的,這在演講後面也是有反映的。

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

附上原件鏈接,如果看起來字體怪怪的請自行百度下載,字體名稱在上面或者是原件上都有

http://yun.baidu.com/share/link?shareid=500976120uk=2971619226

更新比較慢....因為得拉著那個視頻看很久,要是有人能提供個下載版本就好了(o(* ̄▽ ̄*)ゞ快播操作比較方便...)而且平時也有事情做,但是會更新完的(=。=如果流量夠的話).


我也來占坑,慢慢重製出這個slides的原文件好了……

Slide 1:

第一張Slide是靜態頁面,涉及到的知識僅有排版配色知識,版面採用偏中心對稱的形式,整體左右上下居中,字體選用的是SteelFish Rg,這是一款condensed headline font字體,比較現代但不生硬。中心選取的是一款偏手寫的字體Ainslie Ext Medium Italic。中央用兩種不同顏色的斜45度線條修飾,增強中心對稱的感覺。但是由於兩組文字本身的分量不同,反而有種錯位感。這種排版是否恰當,還請自己思考(提示:為什麼or是藍色的)。

配色比較接近PowerPoint 2013中的標準色(著色1和著色6的深色25%版本)。這算是偏科技/商業風的一組常用配色。背景採用PowerPoint 2013中預設的線性淺色著色3漸變,溫和而不顯眼,使人的目光集中在文字上。主要問題是:漸變破壞了整個幻燈片的平面感。

Slide 2:

第二張Slide是動態畫面,包含首先一個淡入動畫(圖表-背景),隨後一個擦除動畫(圖表-數據),同時一個用出現/路徑移動/擦除組合成的右浮動畫(左側文字組合),最後一個下浮動畫(右側文字組合),時間安排非常恰當,第二第三的動畫是在同一時間完成。整體感覺非常和諧。

其中大字還是SteelFish,年份數字與美元數值採用的是Museo Slab 500,從名字就可以看出,這是字元帶有Slab的字體,這個字體是正常寬度,對數字的表現比SteelFish好很多,整體效果比較和諧。of的字體是Myriad Pro Thin Italic,與第一張Slide的or類似,起到增加變化/點睛的作用。

配色延續了第一張幻燈片的藍綠組合,這裡是右藍左綠,顏色都加深了。整體效果還是很和諧。

Slide 3:

這張Slide主要是動畫效果,這是看上去很炫的視差動畫,目前被廣泛地運用在現代網站里/手機App第一次運行的屏幕上/偉大的iOS7系統中,特點是幾個組件以不同的速度,同時從起點運動到終點,由於移動速度不同,人眼/腦就會腦補出立體感來。

用css和js來實現這個效果比較麻煩,但是在PowerPoint上卻非常簡單,只需要給這些組件都設置好飛入效果,將時間設置一致即可完成。

由於原Slide中的圖片找不到,所以只好用類似的圖片代替,當然,出於果粉對蘋果系列的熱愛,右側的手機、筆記本、電視機三件套被替換為iPhone、Macbook、iMac。

此處使用的真實照片很容易造成齣戲的效果,破壞原有的扁平質感,換成平面抽象畫或許會更恰當。

Slide 4:

這一章繼續沿用SteelFish rg和Museo Slab,不過Museo換成了300粗細度,比原來的版本稍細,圖中使用的還是500粗細度的版本,因為Museo Slab系列只有500是免費的。

左側講台使用的是向上浮入,右側組合使用的是淡入,這種搭配的選用和圖形位置有關,演講台圖形緊接邊線,浮出特效比較符合鑽出來的感覺,這裡文字所選擇的特效比較隨意,無傷大雅。

大量使用condensed字體使得右側文字圖形化,雖然難以閱讀,但美感增強了,更多地起到了裝飾性的作用。主要內容是由演講者口述的。

配色沿用了藍色系配色,搭配淺灰綠色落款,效果很好。最上方的引號是SteelFish字體中的引號,這是以符號作為裝飾物的一種常見栗子,類似的還有問號。

未完待續……


主要來說按你的思維過程,ted的ppt一般風格較簡約,如果有範本製作並不難。但是按照思維方式來還是有一定難度的,把核心的觀點用各種方式來達到簡單明了並呈現到ppt上還是要經過學習和訓練的,不僅僅牽涉到排版美化還有語言表達


你需要的只是一個更酷的工具 keynote


推薦閱讀:

怎麼製作倒數100天的倒數計時ppt?

TAG:PPT | TED | 製作工具 | 演示文稿 | 入門教程 |