本教程主要用Photoshop來制作一張放大鏡透視遮擋物看見人物照片的動(dòng)畫效果,在制作過程中主要運(yùn)用了圖層樣式和動(dòng)畫面板,下面讓我們一起來學(xué)習(xí)吧,喜歡的朋友記得交作業(yè).
出自:IT世界網(wǎng) 作者:河馬
首先看看最終GIF圖片的效果:
主要素材:
1、首先打開制作GIF圖片的人物素材,創(chuàng)建一個(gè)新圖層,并填充黑色,如圖所示。
2、然后打開放大鏡素材,摳出放大鏡,并復(fù)制到人物素材的文檔中,如圖所示。
3、選擇“橢圓選框工具”,拖動(dòng)時(shí)按下Shift鍵,創(chuàng)建一個(gè)正圓的選區(qū),然后選擇“選擇——變換選區(qū)”命令,設(shè)置選區(qū)的大小和位置,如圖所示。
4、按下Delete鍵清空選區(qū)的內(nèi)容,如圖所示。
5、新建圖層3,然后在選區(qū)中填充白色,如圖所示。
6、選擇圖層3,在菜單欄中選擇“圖層—圖層樣式—混合選項(xiàng)”命令,設(shè)置填充不透明度為“0%”,挖空為“深”,如圖所示。
效果:
7、接下來就是制作GIF圖片的重點(diǎn),讀者必須認(rèn)真閱讀。在圖層2和圖層3的上方分另創(chuàng)建一個(gè),并把圖層2和圖層3放置到組1和組2中,如圖所示。
8、選擇圖層2,接下Ctrl+T快捷鍵進(jìn)入自由變換狀態(tài),然后通過鍵盤的方向鍵調(diào)整圖層2的位置,一定要用鍵盤的方向鍵調(diào)整,而且心里要記下向哪個(gè)方向移到了多少步,然后按下Enter鍵確定。(本人在調(diào)整時(shí)向上移到了20步,向左移動(dòng)了20步。)
多次按下Ctrl+Alt+Shift+T快捷鍵,這樣就會(huì)按照上一步驟變換位置的距離進(jìn)行多次變換和復(fù)制了。效果如圖所示。
9、選擇圖層3參考前面步驟的方法,對其進(jìn)行相應(yīng)的操作,但記住,第一次自由變換移動(dòng)的距離必須與圖層2的移動(dòng)距離相同,如圖所示。
10、參考前步驟的方法,我們還可以制作出多個(gè)不同的移動(dòng)方向,需要在改變移動(dòng)方向時(shí),只要按下Ctrl+T重新設(shè)置變換的方向,然后再按下Ctrl+Alt+Shift+T即可,如圖所示。
11、取消“組1”和“組2”中所有圖層的可見性(單擊圖層前的“眼睛”),然后選擇“窗口—?jiǎng)赢?#8221;命令,打開動(dòng)畫面板,單擊面板中的“復(fù)制所選幀”按鈕,可以復(fù)制出下一幀。
設(shè)置第一幀中“組1”和“組2”中只有“圖層2”和“圖層3”可見,圖層1和背景可見。
第二幀中“組1”和“組2”中只有“圖層2副本”和“圖層3副”本可見,圖層1和背景可見
第三幀中“組1”和“組2”中只有“圖層2副本2”和“圖層3副本2”可見,圖層1和背景可見。
就這樣以此類推設(shè)置完組1和組2中所有幀都顯示一次即可,單擊動(dòng)畫面板的播放按鈕可以預(yù)覽,選擇“文件—另存為Web和設(shè)置所有格式”命令可以保存動(dòng)畫,保存時(shí)必須保存為GIF圖片格式。
GIF圖片最終效果: