這是ipad燈光設(shè)計(jì)系列的第二句話(huà)。首先，它是輕量級(jí)的，不是專(zhuān)業(yè)的設(shè)計(jì)教程。這個(gè)教程適合沒(méi)有設(shè)計(jì)經(jīng)驗(yàn)，想設(shè)計(jì)美麗內(nèi)容的普通人。

我最后一節(jié)ipad設(shè)計(jì)課據(jù)說(shuō)反應(yīng)很好，說(shuō)實(shí)話(huà)我也不太清楚。我只想寫(xiě)我自己感覺(jué)到的東西。不得不說(shuō)，你怎么想，怎么用，就像照鏡子一樣。(莎士比亞)。

以前的文章照片是靜態(tài)的，這次講動(dòng)態(tài)內(nèi)容。這本質(zhì)上不應(yīng)該是教會(huì)你如何工作的句子，而是教會(huì)你如何從有限的選項(xiàng)中解放束縛，實(shí)現(xiàn)一些高級(jí)效果。本文制作的材料可以輸出4K，完全可以作為材料插入自媒體的剪輯中。

我個(gè)人不太喜歡視頻類(lèi)的創(chuàng)作。因?yàn)槲乙恢庇X(jué)得畫(huà)比網(wǎng)上大多數(shù)個(gè)人制作的視頻更有力。另一方面，圖片可能更容易，視頻的極致是電影，數(shù)字技術(shù)水平的極致是CGI效果，但是視頻最大的精髓還在于故事，而不是圖像。一個(gè)人想以高標(biāo)準(zhǔn)實(shí)現(xiàn)這兩件事幾乎是徒勞的。(約翰f肯尼迪，Northern Exposure(美國(guó)電視劇)，視頻名言)但是我現(xiàn)在也對(duì)視頻這個(gè)媒體的崛起有很大的粉絲回報(bào)?？赡軙?huì)有一定程度的觀眾。其中可能包括大量的草根創(chuàng)作者，這篇文章可以實(shí)現(xiàn)你們的想法，可以看到，稍微提高一下你們的視頻質(zhì)量，和你們一樣的草根我是這個(gè)系列的初心。

這篇文章只分享簡(jiǎn)單、基礎(chǔ)的效果，大家可以分散想法，在此基礎(chǔ)上產(chǎn)生更豐富、更有創(chuàng)意的效果。(大衛(wèi)亞設(shè)，Northern Exposure)所以我不想解釋技術(shù)和整個(gè)過(guò)程。我想分享移動(dòng)創(chuàng)作的想法，更多地分享如何在有限的選項(xiàng)下實(shí)現(xiàn)無(wú)限的想法。我認(rèn)為這是移動(dòng)創(chuàng)作的有趣部分。(大衛(wèi)亞設(shè))。

接下來(lái)，我將嘗試使用IPAD這一非專(zhuān)業(yè)工具，做出高端的動(dòng)態(tài)效果，而不是我、攝影師、設(shè)計(jì)師、三線(xiàn)城市網(wǎng)管、正規(guī)教育。(威廉莎士比亞，《北方專(zhuān)家》)。

溫馨提示：

本教程不詳細(xì)介紹App功能，需要用戶(hù)直接掌握App(移動(dòng)應(yīng)用程序很容易啟動(dòng))。專(zhuān)業(yè)用的app其實(shí)有三種左右，有手機(jī)端的，ipad也很合適(使用ipad的大屏幕更方便)。這次也不復(fù)雜。想通過(guò)幾個(gè)簡(jiǎn)單的操作實(shí)現(xiàn)高壓效果。大部分效果只要拿出手機(jī)就能馬上制作出來(lái)，所以白人可以放心吃。大衛(wèi)亞設(shè)，Northern Exposure(美國(guó)電視劇)這篇文章主要探討動(dòng)態(tài)效果。所有照片后期制作都使用iOS設(shè)備。這篇文章還是移動(dòng)客戶(hù)端閱讀更漂亮！解構(gòu)：如何實(shí)現(xiàn)高級(jí)感

我先說(shuō)一點(diǎn)我個(gè)人的分析。為什么有些視頻的片頭可以一秒吸引觀眾的視線(xiàn)？有些視頻依靠講故事，有些視頻是視覺(jué)效果。視覺(jué)效果的高級(jí)感與以下兩點(diǎn)有很大關(guān)系(不僅適用于視頻，也適用于照片和照片)。

純度

我們生活的世界是混亂的大載體?？諝庵谢旌现覊m和光的分散，物體能暴露的視頻有些臟。人類(lèi)心理有本能和純粹的訴求。就像我們希望皮膚潔白無(wú)瑕一樣，希望生活空間干凈。(威廉莎士比亞，《哈姆雷特》)創(chuàng)造一個(gè)真空的環(huán)境往往能滿(mǎn)足人的這種心理。

但是現(xiàn)實(shí)世界的純粹是脆弱的、轉(zhuǎn)瞬即逝的，但是網(wǎng)絡(luò)視頻本身作為數(shù)字內(nèi)容，不會(huì)因?yàn)闀r(shí)間而褪色，可以通過(guò)數(shù)字化實(shí)現(xiàn)模擬，實(shí)現(xiàn)超越現(xiàn)實(shí)的“無(wú)重生”和“理想化”，所以數(shù)字視頻在古代我們無(wú)法獲得什么視覺(jué)享受。眼前的白色是真的！這也是為什么很多產(chǎn)品廣告不進(jìn)行實(shí)物拍攝的原因。

陌生

純真是制造與新鮮感相似的陌生感之一。不管怎么樣，拿著手機(jī)拍的話(huà)，直播視頻上傳來(lái)，內(nèi)容也平淡的話(huà)，就視而不見(jiàn)了。(威廉莎士比亞、斯圖爾特、Stuart)內(nèi)容優(yōu)秀，但即使制作粗糙，也很難看到，讓你陌生，這往往會(huì)先抓住你的視頻。(莎士比亞，莎士比亞。)

那么，制造陌生感的精髓就是“使形式變得困難，增加感官的難度和時(shí)間的長(zhǎng)度”。因?yàn)楦泄俚倪^(guò)程本身就是審美目的，所以要努力延長(zhǎng)。所以形式幾乎涵蓋了方方面面，可能是變化的時(shí)空，也可能違反物理規(guī)律。只要覺(jué)得新鮮，就值得一試。

另外，流暢的運(yùn)動(dòng)也是制造陌生感的關(guān)鍵。

下面介紹的一些示例是根據(jù)上述觀點(diǎn)設(shè)計(jì)的。

擬態(tài)動(dòng)畫(huà)

因?yàn)閕Pad的桌面級(jí)軟件少，IPAD渲染類(lèi)軟件少，所以我來(lái)介紹一下制作動(dòng)態(tài)擬態(tài)按鈕效果的巧妙方法。

Keynote可以成為普通人開(kāi)始動(dòng)畫(huà)片的捷徑。大家都知道Keynote是用來(lái)制作PPT的神器，但其實(shí)不知道還能做一些基本動(dòng)畫(huà)效果，非常實(shí)用！

首先根據(jù)前面文章中的方法制作了一張凸起的儀態(tài)，這里就不贅述了。再弄一張凹陷的儀態(tài)。可以嘗試兩種效果：

第一個(gè)比較簡(jiǎn)單。按鈕被按下，看起來(lái)形成均勻的弧。我使用Pixelmator。

首先新建一個(gè)和前一張凸起的擬態(tài)圖相同分辨率的空白圖片，將顏色調(diào)到適合的灰色（不要純白，也不要太暗）。

插入前面那張凸起的擬態(tài)圖。

依照這張圖中的圓角矩形（非外圈陰影和亮面）大小一致、位置一致的圓角矩形，注意這里是指中間那個(gè)清晰的圓角矩形，然后隱藏凸起的擬態(tài)圖圖層。

選擇「工具 - 格式 - 樣式 - 漸變」，將左側(cè)的色塊設(shè)置為比背景略深的灰色，右側(cè)的色塊設(shè)置為純白，角度設(shè)置為 45° 左右。

第二種，這種看上去像是按壓下去后中間區(qū)域是平整的，有按鈕的塑形效果：

首先依照上文的步驟新建一個(gè)和前一張凸起的擬態(tài)圖相同分辨率的空白圖片，將顏色調(diào)到適合的灰色。

插入凸起的擬態(tài)圖，依照這張圖中圓角矩形（包含外圈陰影和亮面）做一個(gè)剛好覆蓋外圈陰影和亮面的、大小一致、位置一致的圓角矩形，注意這里不是指那個(gè)內(nèi)圈的圓角矩形。對(duì)齊的方法可以通過(guò)隱藏圖層和降低透明度來(lái)實(shí)現(xiàn)。

按照上文的方法選擇「工具 - 格式 - 樣式 - 漸變」，將左側(cè)的色塊設(shè)置為比背景略深的灰色，右側(cè)的色塊設(shè)置為純白，角度設(shè)置為 45° 左右。

然后在內(nèi)圈再添加一個(gè)圓角矩形，大小大致是凸起擬態(tài)圖中間清晰的圓角矩形略小一點(diǎn)，之所以要略小一點(diǎn)，是考慮到按壓后視距變長(zhǎng)成像變小。

顏色設(shè)置為畫(huà)面背景的灰色。

然后選擇「工具 - 添加效果 - 模糊」，設(shè)置合適的模糊程度，此時(shí)效果就出來(lái)了。

然后是實(shí)現(xiàn)按鈕被按下的動(dòng)態(tài)效果，最簡(jiǎn)單但也是最關(guān)鍵的一步：打開(kāi) Keynote，建立一個(gè)和圖片一樣分辨率的文檔，按照從上到下：「凸起 - 凹陷 - 凸起」的順序安排圖層。

長(zhǎng)按對(duì)象，選擇「動(dòng)畫(huà)效果 - 添加構(gòu)件消失」，將最上面一層和中間一層圖片的動(dòng)畫(huà)效果都選擇為「漸隱」，持續(xù)時(shí)間設(shè)為 0.6 秒，這里太長(zhǎng)或太短都可能會(huì)略有違和感，然后導(dǎo)出視頻或動(dòng)圖就可以了。

Keynote 蘋(píng)果味動(dòng)畫(huà)

極簡(jiǎn)設(shè)計(jì)動(dòng)畫(huà)

下面來(lái)一個(gè)有點(diǎn)考驗(yàn)?zāi)托牡膭?dòng)畫(huà)。前幾年蘋(píng)果發(fā)布會(huì)上的一則回顧視頻讓這種風(fēng)格火了一把，要做的蘋(píng)果視頻里一模一樣 Keynote 應(yīng)該是不可能，所以我們就做一個(gè)片段。

這個(gè)效果的制作受 B 站 UP 主 @費(fèi)德里克 Federico 啟發(fā)，在他的作品基礎(chǔ)上改進(jìn)。復(fù)制可能意義不大，我將 Keynote 制作中的一些重點(diǎn)手法和靈感講解一下。

1. 打開(kāi)閃光

這段視頻中手表和 iPhone 表面的反光效果增加了高級(jí)感，要實(shí)現(xiàn)其實(shí)也很簡(jiǎn)單，「漸變和縮放」里就有這個(gè)選項(xiàng)，注意的是里面有個(gè)「打開(kāi)閃光」選項(xiàng)。

有個(gè)注意點(diǎn)是：如果要實(shí)現(xiàn)手表表面的整面的反光效果，需要將所有表面元素設(shè)置成組。

2. 指針的運(yùn)動(dòng)

首先一根指針是由多個(gè)部件組成的，注意要將各部件建設(shè)置成組。

長(zhǎng)按對(duì)象，選擇「動(dòng)畫(huà)效果 - 添加動(dòng)作 - 旋轉(zhuǎn)」。

然后旋轉(zhuǎn)的角度設(shè)置為 90°，順時(shí)針，將指針軸心移動(dòng)到重合處。

點(diǎn)一下運(yùn)動(dòng)路徑上的任意一個(gè)方塊，此時(shí)中間就會(huì)出現(xiàn)一個(gè)實(shí)心方塊，點(diǎn)一下就變成了空心方塊，即創(chuàng)建了一個(gè)路徑點(diǎn)；然后點(diǎn)一下它會(huì)出現(xiàn)一個(gè)菜單，點(diǎn)其中的「制作平滑點(diǎn)」，方塊變成了圓點(diǎn)，這個(gè)代表運(yùn)動(dòng)路徑可以變成弧線(xiàn)。

然后向外側(cè)拉動(dòng)，可以看到直線(xiàn)變成了弧線(xiàn)。那么指針的就會(huì)繞著軸心旋轉(zhuǎn)了。

3. 神奇移動(dòng)的妙用

一開(kāi)始使用 Keynote 我還沒(méi)發(fā)現(xiàn)，僅僅將「神奇移動(dòng)」用作對(duì)象的移動(dòng)，但其實(shí)神奇移動(dòng)是可以變形的，當(dāng)然只有 App 內(nèi)建的形狀才能實(shí)現(xiàn)這一點(diǎn)。

因?yàn)檫@個(gè)視頻中第三部分是 iPhone，我邊做邊想，是不是能把 iPhone 的圓角矩形收縮成字母「i」的下方的矩形，在神奇移動(dòng)的第二頁(yè)將 iPhone 4 的輪廓收縮變形成與對(duì)象重疊，這樣就有一個(gè)比較不錯(cuò)的銜接效果。

點(diǎn)擊左邊欄需要將其作為開(kāi)頭的幻燈片，點(diǎn)擊「添加動(dòng)作」，在菜單中選擇「神奇移動(dòng)」，會(huì)跳出是否需要復(fù)制幻燈片的提示，點(diǎn)「復(fù)制」后在下一張幻燈片里修改即可。

然后將 iPhone 4 的圓角改成直角，并且縮放大小和比例，并移動(dòng)位置，這樣就完成了，機(jī)器會(huì)自動(dòng)補(bǔ)充銜接的動(dòng)畫(huà)。

你仔細(xì)觀察前面 Apple Watch 到 Apple TV 的銜接，會(huì)發(fā)現(xiàn)實(shí)際上顏色也是可以過(guò)渡的。

其他樣例：

綠幕動(dòng)畫(huà)（配合色度工具）

這個(gè)效果在許多蘋(píng)果廣告里都有看過(guò)，感覺(jué)很高大上，其實(shí)實(shí)現(xiàn)起來(lái)非常簡(jiǎn)單。

Keynote 先制作一個(gè)「向右移動(dòng) + 神奇移動(dòng)」，向左移動(dòng)很簡(jiǎn)單，神奇移動(dòng)則需要你在第二頁(yè)里將 iPad 拉到屏幕占滿(mǎn)整個(gè)畫(huà)面，看過(guò)前面的教程應(yīng)該都會(huì)做這一步，這里我就不贅述了。

拍攝綠幕為背景的視頻，綠幕盡量選擇沒(méi)有反光和折痕的材質(zhì)，拍攝出的視頻可以摳得更干凈，但是像我這個(gè)是需要表現(xiàn)屏幕，我想了一下還是用電腦屏幕作為綠幕背景更符合環(huán)境光效，于是我下載了了一張純綠的圖片進(jìn)行拍攝。

如果家里沒(méi)有綠色幕布，也可以選用其他純色幕布，只要和主體顏色區(qū)分開(kāi)即可。然后用 Videoleap 這個(gè) App 的「色度」工具同樣可以摳除背景。

iMovie 中選擇需要被添加的視頻后出現(xiàn)的菜單中選擇「…」，然后選擇「綠 / 藍(lán)屏」，視頻即添加到上層。

視頻右上角可以調(diào)整摳圖強(qiáng)度，我的經(jīng)驗(yàn)是前期拍攝一般都存在各種各樣的光線(xiàn)問(wèn)題，這個(gè)功能還是很有必要的。

像這個(gè)例子中點(diǎn)亮截屏效果的實(shí)現(xiàn)，無(wú)非是做兩張黑色（下）和截屏（上）的帶殼截屏重疊一致，然后利用「出現(xiàn)」動(dòng)畫(huà)即可。

最后，iMovie 中的綠幕軌道注意掐準(zhǔn)時(shí)間在手指點(diǎn)落的時(shí)間點(diǎn)對(duì)準(zhǔn)屏幕點(diǎn)亮的時(shí)間點(diǎn)。

其它樣例：

特殊效果的實(shí)現(xiàn)

靠運(yùn)動(dòng)中的物體轉(zhuǎn)場(chǎng)，這個(gè)也是非常常見(jiàn)的制造陌生感的手法，Keynote 實(shí)現(xiàn)橫刷出文字很容易，但是要實(shí)現(xiàn)旋轉(zhuǎn)刷出文字相當(dāng)困難，這就要看你如何巧用 Keynote 了。

主要由三步驟組成：

第一步，筆前面旋轉(zhuǎn) 45° 左右，畫(huà)面過(guò)渡到純白背景。用到的還是上文的「神奇移動(dòng)」。

第二步，筆繼續(xù)旋轉(zhuǎn) 120°，此時(shí)文字被筆的邊緣刷出。第二步的遮罩很關(guān)鍵，也是最難弄的部分。以下改為灰色背景來(lái)講解更直觀：

首先將兩段文字放置在筆的圖層之下，并置于筆旋轉(zhuǎn)結(jié)束時(shí)分別橫跨筆的兩側(cè)，注意這里以筆為分割線(xiàn)，你可以用任意工具將超出到筆對(duì)面的字體部分抹去。

由于背景為白色，添加兩個(gè)白色色塊（扇形）在適當(dāng)位置并將其與 Apple Pencil 圖片設(shè)置成組。為什么是扇形？因?yàn)樯刃胃P旋轉(zhuǎn)，在上半部分運(yùn)動(dòng)可以遮擋住筆左側(cè)的文字，運(yùn)動(dòng)到下半部分又不至于擋住筆的右側(cè)文字。

然后加兩個(gè)適合大小的白色矩形（圖中加陰影部分），高度剛好超過(guò)文字，「動(dòng)畫(huà)效果 - 添加動(dòng)作 - 運(yùn)動(dòng)路徑」，運(yùn)動(dòng)軌跡大約是分別向外側(cè)平移，需要多試幾次以確定合適的運(yùn)動(dòng)距離和速度。另外注意，以上兩步對(duì)象的動(dòng)畫(huà)效果都設(shè)置為與構(gòu)件（筆）一起開(kāi)始。

這個(gè)沒(méi)有固定套路，需要根據(jù)實(shí)際情況一點(diǎn)點(diǎn)摸索。如果你仔細(xì)看會(huì)發(fā)現(xiàn)，我做出來(lái)的實(shí)際上有瑕疵：并沒(méi)有完全遮住。如果有更好的方法請(qǐng)?jiān)谠u(píng)論區(qū)告訴我。

最后，文字進(jìn)一步移動(dòng)到構(gòu)圖平衡的位置，這里用到的是「動(dòng)畫(huà)效果 - 添加動(dòng)作 - 運(yùn)動(dòng)路徑」。

更簡(jiǎn)單的樣例：

巧用 SceneShot App

去年在 Mac 平臺(tái)出現(xiàn)了一款叫 Design Camera 的軟件，實(shí)質(zhì)上是高度自動(dòng)化的 3D 模板帶殼截屏，可以生成運(yùn)動(dòng)立體的帶殼截屏視頻，但是比較可惜在用戶(hù)更多的 iOS 平臺(tái)卻沒(méi)有這樣的軟件。

近期這款叫 SceneShot 的 App 填補(bǔ)了這一空白，它可能是目前帶殼截屏類(lèi) App 中最高級(jí)的了，它提供 3D 模版供你調(diào)整，并可以定制背景和環(huán)境光線(xiàn)，甚至還有特效濾鏡等等功能。

不過(guò)，雖然背景可以替換成任何你想要的，甚至于它還支持視頻背景，但是考慮到剪輯需要踩點(diǎn)，直接將視頻導(dǎo)入背景可能不好掌控時(shí)機(jī)，然后我想到了另一種方法，既然 SceneShot 可以隨意更換背景，為什么不直接利用 iMovie 的綠幕功能呢？

首先將背景調(diào)成一個(gè)比較接近電影綠幕的綠色。

由于這個(gè) App 存在一些設(shè)計(jì)上的問(wèn)題和限制，需要我們巧用它，在運(yùn)動(dòng)軌跡上，本來(lái)是想讓整個(gè)運(yùn)動(dòng)在畫(huà)面中心，但是設(shè)置開(kāi)始幀和結(jié)束幀之后，這個(gè) App 的動(dòng)畫(huà)有一個(gè)奇怪的翻轉(zhuǎn)動(dòng)作（不太好形容，有這個(gè) App 可以親自嘗試一下），所以我就見(jiàn)機(jī)行事，讓手機(jī)從左側(cè)緩緩拉遠(yuǎn)至畫(huà)面中心，效果依然很有張力。

另外要記得把界面左上角的「Smooth」開(kāi)啟，運(yùn)動(dòng)更為平滑自然。

最后以「綠 / 藍(lán)屏」的方式導(dǎo)入 iMovie 進(jìn)行編輯，將綠幕強(qiáng)度調(diào)到合適，基本就完成了。

背景的動(dòng)畫(huà)我是用 iPad 上的 Keynote 做的，很簡(jiǎn)單的「跟蹤」效果，這里就不贅述了。其中在結(jié)尾處字體背景簡(jiǎn)化成純黑白還用到了 iMovie 的轉(zhuǎn)場(chǎng)特效（疊化）

其他樣例：

Canva

最后來(lái)個(gè)輕松的。

之前介紹過(guò)的 Canva，最近剛更新了視頻制作功能。我玩了一下，可能是手握大量版權(quán)并且母公司來(lái)自澳洲的緣故，視頻素材的質(zhì)量非常高，而且非商用幾乎全部免費(fèi)。

隨手做的視頻，也是用來(lái)制作本文封面的免費(fèi)素材

不過(guò) Canva 的視頻素材入口藏得比較深，放在了設(shè)計(jì)界面的左側(cè)。由于操作實(shí)在傻瓜，這里就不用我教大家上手了，如果你連本文都不想看，那不妨試試它吧。

總結(jié)

最近看到越來(lái)越多的設(shè)計(jì)類(lèi)自動(dòng)化工具，可能某種程度上，過(guò)去那些需要較高學(xué)習(xí)成本的工作都可以輕松實(shí)現(xiàn)，并且精度也越來(lái)越接近手動(dòng)，移動(dòng)平臺(tái)如果不出意外，大有在民間取代傳統(tǒng)個(gè)人電腦的趨勢(shì)，也讓越來(lái)越多的普通人參與到設(shè)計(jì)和攝影當(dāng)中。

對(duì)于藝術(shù)創(chuàng)作來(lái)說(shuō)，它變得更混亂了，而這對(duì)于許多人來(lái)說(shuō)既是福祉，也是考驗(yàn)。

最后糾正一下我上篇文章的一句話(huà)「設(shè)計(jì)的核心是創(chuàng)意」，實(shí)際上我思考了一下以后覺(jué)得設(shè)計(jì)的核心可能是功能。

下一篇回歸圖片制作，講講怎么用 iPad 做這些：