當前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內容

用CS6給劉詩詩和吳奇隆做相冊動畫(5)

來源:飛特網 作者:愛分享 學習:10180人次
制作動畫之前,自己先要設計好喜歡的相冊版面,可以直接找現成的素材,再把照片放到相冊里面;然后根據平時翻頁效果設定相冊單個頁面翻動動畫即可。

最終效果

使用Photoshop制作動態(tài)gif相冊
素材及psd文件下載鏈接: http://pan.baidu.com/s/1mgmgGkg 密碼: 1r15 

1、新建畫布,設置如下圖。

使用Photoshop制作動態(tài)gif相冊

2、導入素材,調整好大小及位置,Ctrl+ 鼠標左鍵單擊素材圖層獲得選區(qū),新建一層,執(zhí)行:編輯 > 描邊,設置如下圖。

使用Photoshop制作動態(tài)gif相冊

 

使用Photoshop制作動態(tài)gif相冊
3、雙擊描邊層,給描邊層添加圖層樣式,如下圖。

使用Photoshop制作動態(tài)gif相冊

使用Photoshop制作動態(tài)gif相冊

5、為了精確的水平分割圖層,我們選擇切片工具,右擊選擇劃分切片設置如下圖。

使用Photoshop制作動態(tài)gif相冊

6、執(zhí)行:視圖> 新建參考線,設置如圖,選擇移動工具將參考線移到與中間線重合。

使用Photoshop制作動態(tài)gif相冊
7、新建一層命名為“圓孔”,選擇鉛筆工具設置如下圖。

使用Photoshop制作動態(tài)gif相冊

8、新建參考線移到如圖,按住Shift用鉛筆工具等距畫出圓孔,復制一層,移到右邊。

使用Photoshop制作動態(tài)gif相冊

9、新建組命名為“頁”,導入素材,調整大小及位置,復制一層,按Ctrl+ T 右鍵水平翻轉,調整至如圖所示。

使用Photoshop制作動態(tài)gif相冊

使用Photoshop制作動態(tài)gif相冊

10、將圓孔圖層合并,Ctrl+ 鼠標左鍵單擊該圖層獲得選區(qū),選中組中的圖層,分別柵格化圖層,并按Delete刪除。

使用Photoshop制作動態(tài)gif相冊
11、將圓孔圖層隱藏,效果如下圖,新建一層命名為“環(huán)扣”,選中橢圓工具,畫一個圓,執(zhí)行:編輯> 描邊,設置如下圖。

使用Photoshop制作動態(tài)gif相冊

12、選擇矩形選框工具,Delete刪除多余環(huán)扣。

使用Photoshop制作動態(tài)gif相冊

13、復制環(huán)扣圖層,并逐個移動到如圖所示。

使用Photoshop制作動態(tài)gif相冊

14、合并所有環(huán)扣圖層,并添加圖層樣式,如下圖。

使用Photoshop制作動態(tài)gif相冊

使用Photoshop制作動態(tài)gif相冊
16、為了逼真移動,為環(huán)扣圖層添加圖層蒙版,選擇畫筆工具涂抹一下邊緣。

使用Photoshop制作動態(tài)gif相冊

17、在“頁”組中添加自己喜歡的照片,調整大小及位置,添加蒙版,用畫筆工具涂抹至如圖所示,然后復制相框圖層,與圖片合并,相同的方法置入多張。

使用Photoshop制作動態(tài)gif相冊

使用Photoshop制作動態(tài)gif相冊

18、復制一層,Ctrl+ T 右鍵用斜切和自由變換工具調整至如圖。執(zhí)行:視圖 > 新建參考線,并拖到至如圖所示。

使用Photoshop制作動態(tài)gif相冊
19、相同的方法,完成多張照片。

使用Photoshop制作動態(tài)gif相冊

使用Photoshop制作動態(tài)gif相冊

使用Photoshop制作動態(tài)gif相冊

使用Photoshop制作動態(tài)gif相冊

20、接下來制作動畫,根據書本翻頁的情況,在窗口中打開時間軸。一幀一幀的隱藏圖層,打開圖層即可。

使用Photoshop制作動態(tài)gif相冊

最終效果:

使用Photoshop制作動態(tài)gif相冊

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
云蒸霞蔚2017-01-30 04:07
新年快樂,雞年大吉。
xcf2014-09-17 01:46
新手學習了

關注大神微博加入>>

網友求助,請回答!