使用Photoshop構(gòu)建動(dòng)態(tài)演示GIF動(dòng)畫(huà)(3)
步驟3
創(chuàng)建新幀,延遲0.1s,隱藏tap圖層組中最細(xì)的描邊
步驟4
再添加一幀,再隱藏剩下的那個(gè)描邊
步驟5
添加新幀,隱藏tap圓
步驟6
創(chuàng)建新幀,將和雜志無(wú)關(guān)的內(nèi)容項(xiàng)不透明度設(shè)置為0%(這里修改了最后一個(gè)作品)
步驟7
依舊在這一幀中,將和雜志相關(guān)項(xiàng)上移
步驟8
在當(dāng)前幀和上一幀直接選擇過(guò)渡,為了加速動(dòng)效,要添加的幀數(shù)選擇3
步驟9
最后一幀設(shè)置延遲1s
效果展示:
點(diǎn)擊具體項(xiàng)效果
步驟1
創(chuàng)建關(guān)鍵幀,延遲0.2s,顯示Tap圖層組(移動(dòng)到具體項(xiàng)位置)
步驟2
添加新幀,延遲0.1s,隱藏最細(xì)的描邊
再添加新幀,隱藏次細(xì)描邊
步驟 3
添加幀,隱藏Tap圓圖層。
添加幀,將具體項(xiàng)大圖不透明度設(shè)置為100%,將圖中的小項(xiàng)不透明度設(shè)置為0%
步驟4
在當(dāng)前幀和前一幀添加過(guò)渡,要添加的幀數(shù)5
效果:
嵌入到手機(jī)模板里
步驟1
時(shí)間軸面板,選擇將幀數(shù)拼合到圖層
每一幀都變成了圖層
步驟2
在圖層面板中選擇所有幀,轉(zhuǎn)換為智能對(duì)象,然后點(diǎn)擊轉(zhuǎn)換為視頻時(shí)間軸
步驟3
將智能對(duì)象復(fù)制到模板PSD里面
步驟4
選擇智能對(duì)象,按cmd+(Control-T),按住CMD/Control來(lái)調(diào)整每個(gè)點(diǎn)。
步驟5
保存為web所用格式,ok,成功。
(如果對(duì)效果不滿(mǎn)意,可以導(dǎo)出城視頻,然后導(dǎo)入到AE中合成)
本文地址:http://m.likemindfilms.com/tutorial/ps2118.html
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏