hi,大家好,我是Jason,終于忙完手頭的事情了,今天我們來盤一個優秀設計的復刻!這次要復刻的PPT是來自德國的一家超一流的PPT設計工作室——,為特斯拉公司制作的超級高鐵項目“”中的一頁。【文末提供下載.PDF】
工作室制作的“”
簡單而又細膩的動畫,結合著合理的頁面布局及文案提取,使得整個PPT看起來是那么的巧妙絕倫。
作為小學生的我,看上了第二張動態頁面,那么這一次我們開始復刻吧!
復刻,是最能打磨技藝的一種方法。就跟學書法一樣,我們剛開始就是要去臨帖,從書法家的真跡中解構文字的字形結構及搭配。
以上都是廢話!我們開始吧!
第一步:我們需要找到圖中的“”一般我常用到的方法有以下幾種:
識圖法:谷歌、百度、必應等
但是還有一個網站那就是,號稱比谷歌還要強大且專注于圖像搜索領域。
截圖法:用我們最常用的微信或QQ截圖直接截取
缺點是會有肉眼可見的像素損壞,圖片清晰度一般。常用于高分辨率的圖片。
代碼法:用瀏覽器F12進入代碼視圖,從DIV的級聯樣式中獲取。
插件法:推薦我常用的瀏覽器插件“貓抓”,能快速抓取頁面中的圖片或視頻,直接右鍵即可下載保存。
相關網站:覓元素、千圖網、等查詢關鍵詞即可下載相似的,如果運氣不錯可能會找到一模一樣的素材。
本期,我用了谷歌搜圖并借助關鍵詞“”,很走運,我找到了幾乎一模一樣的圖片。
(注:使用的圖片僅用于交流練習,有可能涉及版權,若商用需自行聯系圖片供應商)
以上尋找素材的思維可以提供給大家借鑒,用以解決以后的素材或創作收集。
第二步:確定本案中的文字
一開始我以為自己的近千個字體庫里應該會囊括,結果是我天真了,每一個都試驗了一下發現不匹配。
之后,我借助兩個查找字體的網站,進行截圖查找圖中文字匹配,最后的結果依然不太滿意。
但是這兩個字體網站還是很推薦大家收藏,能實現拖拖拽拽截圖就能識別很大一部分市面上的常用字體:
(識字體網)
(求字體網)
換了一種思維——既然是特斯拉的項目,那么任何公開的東西,都應該有跡可循,因此我試著搜索關鍵詞“ fonts”大概意思是“超級高鐵 字體”,沒想到傻乎乎的方式搜索到的第一個結果就是!
按照搜索引擎的痕跡pdf沒有動畫效果嗎,我們查詢到了項目有兩款字體的相關信息,它們分別是“Surt”和“”。【文末提供下載這兩款字體】
抱著試一試的態度查詢并下載!(跟上面的注意事項一樣,僅用于學習交流!)并對輸入的文字和原稿進行重疊匹配,果然!找到你了!
第三步:icon的搜集
很遺憾,我用了截圖識圖搜索,用搜索icon關鍵詞“人頭”“辦公”“頭像”等均沒有找到一模一樣的,本著復刻盡量相似的原則,我最后選擇放棄用手畫!高手從來都不帶怕的!
-----
OK,以上基本湊夠了咱們制作本頁PPT所需要的全部相關素材。下面開始復刻!
其實,復刻起來基本沒有什么難度,只要能盡量注意一些間距及對齊等相關的細節,所以問題不大。但是里面的動畫倒是挺好玩的。線條與圖形間的搭配凸顯出產品特點或賣點,所以無論是可玩性還是實用性都很高。
(動態)
(靜態復刻)
經過仔細的觀察與試驗,本頁PPT中所用到的動畫大致有以下幾種:
進入動畫:下浮、上浮、淡化、基本縮放、回旋
強調動畫:彩色脈沖
動作路徑:直線
為啥我知道?別問,問就是憑感覺一個一個試著來!例如:下浮動畫肯定不會往旋轉上面去考慮,這就大大縮小我們的猜測范圍了。其實常用的就那么幾種,翻來覆去見多了也就熟悉了。
高鐵“駛入”PPT頁面中,這個過程用的是動作路徑中的“直線”功能,那么我們只需要選中“高鐵”并選擇動畫菜單中的“直線”,效果選項中選擇“靠左”即可簡單設置。
然后鼠標點擊出現的路徑軌跡,“三角形”變成圓點后,按住shift鍵,拖動綠色圓點,拖動出來的影子將作為動畫的初始位置,也就是高鐵開始的位置,拖動紅色圓點,拖出來的影子將作為動畫的結束位置。
接下來,打開“動畫窗格”我們修改對應動畫它們出現的時間長短以及動畫的先后順序,嚴格區分動畫“單擊時”(點鼠標才進行動作)“與上個動作同時”(和上一個動作一起進行)“上個動作之后”(上個動作結束之后自動進行該動畫)三者之間的不同點,同時也要了解動畫的延遲時間(延遲到設定好的時間,然后發生動作)。
動畫的三種出現方式
舉個例子,我設置的火車是和上個動作一起進行,然后這個從右邊進入的動作持續2秒到我們前面設置的“紅點”位置,動作結束。它的設置如下圖所示:
淡化的用法:通過該動畫引導觀眾視線、直觀表現內容順序之外,還可以使用在同級別對象上,調整延遲時間,達到交錯出現的效果,這樣看著更“滑”一點。(下面的圖中哪一個用了淡化?)
淡化我還常用于一種情況:有一些頁面中的動畫,雖然我們對它設置了動畫pdf沒有動畫效果嗎,但是它卻一直顯示在頁面中,直到該它出場的時候,我們卻一直都能看著它做動畫。(看圖最明白!還是高鐵!)
因此不想讓某個對象提前出現在頁面中,只需要點擊動畫窗格,對已經添加動畫的對象點擊添加動畫,再對這個對象設置一個淡化,緊跟著的動作使用“與上個動作同時”的動作,即可輕松解決。(再來個圖做對比)當然還有很多添加動畫的效果都能解決“動畫對象始終出現的問題”但是我個人尤為喜歡淡化,而且針對這個問題,對于PPT新手而言可能使用動畫的時候經常會出現這種百度都不知道怎么去搜索的問題,因此我就順便提了一下~
最后,我們仔細參考原稿中的動畫節奏,調整動畫窗格中的動畫順序,設置好動畫的“延遲時間”以及選擇相應的三種動畫開始的方式。
到這里,特斯拉超級高鐵的PPT其中一頁的動態效果就做好啦~
當然,既然做了那肯定要有點收獲,復刻當然要把它當成“模板”來用,于是我拿最近新買的一雙鞋嘗試了一下“強行嵌套”。大家看看效果如何~(就問你們好不好看——我說的是鞋)
好啦,以上就是本期的全部內容。當然,文中涉及到的【超級高鐵.PDF】【復刻動態頁面】【兩個字體】【強行嵌套鞋】四個文件都已打包完成等待著大家。
領取方式:
1:點擊【在看】(不點【在看】,會被其他公眾號消息淹沒以后找不著我啦)