ps制作相冊自動翻頁GIF動畫教程(7)

大家好，好久沒有很好勾通了。把你喜歡相片放進你自己設(shè)計的相冊中，讓她自動一頁一頁翻給你自己看是不是很愜意啊，不過這個相冊，看似簡單，其實是不怎么好做的。

現(xiàn)在網(wǎng)搜索一下，目前真正象樣翻頁動畫相冊我至少沒搜索到。考慮到這個相冊制作有一定難度，如果寫得太簡略的話新手是沒法做的。今天我就用詳解方法寫一個貼子。

因圖層太多話相冊做成后文件太大，而圖像相素太小話欣賞感不強，所以我用3張圖片做，圖片大小600×500px。

做相冊前先把素材圖片按6比5.5進行剪裁好，并先壓縮到590×420像素，以后拖到相冊中再進行縮放。

一、新建一個透明文件，新建一個透明文件，圖像大小600×550像素，相冊圖像大小可根據(jù)實際來定。

二、相冊封底設(shè)計

1、選擇工具欄矩形選框工具在新建的透明文件上拉一個長方形，比原文件稍小一點，上邊要留點下面用到。

2、菜單欄選擇→修改→平滑『取樣半徑=15ps』�！紙D片1〗

3、接著填充你喜歡的圖案或底紋，我是用單色填充。

4、描邊：→居中→4px〖圖片2〗

5、投影：數(shù)值見圖。選擇→存儲選區(qū)→默認。CTRL+D取消選區(qū)。〖圖片3數(shù)值〗

三、制作相冊扉頁

1、拖進一張扉頁圖片，『選擇』『載入選區(qū)』『Alpha 1』

2、『選擇』→『修改』→『收縮』=6px，『反選』→刪除多余扉頁圖像。〖圖片4〗

注意：載圖中我預先多做3個圖層，不要受干擾。

3、給相冊扉頁投影和描邊，這樣看起來立體感強些，描邊大小=1px.〖圖片5投影〗

四、制作相頁

1、打開4張圖片，分別用上述方法進行『選擇』→『修改』→『平滑』(平滑取樣半徑15)。

2、新建一個『組1素材圖片』，并把素材圖片拖入到該組中，用移動工具將矩形框住的圓角照片拖到最先做好的相冊封底右邊�！紙D片6〗

3、制作相冊圓孔

①、要打準圓孔，先要找到相冊中心線，好用切工具方便，方法見圖。〖圖片7-8〗

②、『視圖』→『新建參考線』垂直，用移動工具把參考線拖動到切片中心線上〖圖片9-11〗。

③、選擇切片工具→右鍵→刪除切片。

④、新建一個圖層并把圖層命名為『圓孔』，選擇工具欄鉛筆工具。

⑤、按鍵盤上的“F5”鍵，會彈出一個對話框。在形狀動態(tài)和平滑前面打勾;硬度100%，大小17，間距450%(設(shè)置的畫筆大小就是相冊孔的大小，間距就是相冊孔之間的距離。間距看個人的相冊大小來試，不一定照我設(shè)置的來做)。〖圖片12〗

⑥、設(shè)置好后按住鍵盤上的“SHIFT”鍵，用畫筆先在圓孔圖層上邊點一下，按住Shift鍵+點下面，就會出現(xiàn)幾個等距圓孔。如果你對上下方向感不強，可建個參考線，點在參考線上準多了。

⑦、打開『組1素材圖片』，選中所有圖片，變換至合適大小后移動到圓孔右邊�！紙D片13〗

⑧、接著按住鍵盤上的“CTRL"鍵，鼠標左鍵點擊圓孔圖層，將圓孔載入選區(qū)。載入選區(qū)后分別選中3個照片圖層，按鍵盤上的“DEL”將圓孔選區(qū)圖像刪除�！紙D片14〗

4、復制出素材圖片各四份，并把素材圖片層進行命名和用顏色加以區(qū)別，這個用顏色區(qū)別層以后很有用，至少下面圖層上下移來移去時頭腦會清醒些，圖層夠多吧�！紙D片15〗

①、素材圖層命名見下：

1--1，1--2，1--3，1--4，1--5

2--1，2--2，2--3，2--4，2--5

3--1，3--2，3--3，3--4，3--5

②、定義左邊圖片

將圖片1--4，1--5，2--4，2--5，3--4，3--5分別執(zhí)行菜單欄編輯---變換---水平翻轉(zhuǎn)(也就是將照片翻了一面，用來做相冊左邊的相頁)〖圖片16〗

分別將翻轉(zhuǎn)后的圖片用移動工具拖放到相冊左邊重疊放好，并與右邊的照片對稱，可以打開圓孔圖層以孔為參考，中間留一點點距離放相冊環(huán)扣。〖圖片17-18〗

5、投影素材圖片

點圖層下方『添置圖層樣式』→投影，設(shè)置見圖�！紙D片19-20〗

拷貝圖層 1-1的圖層樣式，右擊1-2到3-5圖層，分別『粘貼圖層樣式』。〖圖片21-22〗

6、制作相冊環(huán)扣

①、新建一個圖層，選擇橢圓選框工具在兩個孔中間畫一個橢圓。橢圓畫出來要象相冊環(huán)扣的形狀，一次不象多試幾次就可以的,并填充你喜歡顏色。〖圖片23〗

②、畫好橢圓后描邊〖圖片24〗

③、再執(zhí)行圖層樣式中的『斜面和浮雕』〖圖片25〗

④、用高光筆刷在環(huán)扣上刷些高光，CTRL+D取消選區(qū)，再用工具欄橡皮擦工具將橢圓環(huán)扣下面的部分擦掉。

⑤、將環(huán)扣圖層再用快捷鍵“CTRL+J”復制8份，分別選中復制的三個圖層，用移動工具將環(huán)扣拖入到其它的8個圓孔中。按住CTRL鍵能更準確地移動放置到合適的位置。所有環(huán)扣放好后將環(huán)扣圖層合并�！紙D片26〗

五、相冊動畫圖片角度定位

現(xiàn)在開始做翻頁相冊動畫中相頁翻起來的形狀。

1、先選照片1--2圖層，然后按住鍵盤上的“CTRL”鍵，再選擇照片2--2圖層，照片3--2圖層，點圖層面板下面的鏈接按鈕，將這三個照片圖層鏈接。

〖圖片27〗

2、再選擇菜單欄『編輯』→『變換』→『斜切』，用鼠標拖動右邊中間的控制點往左上角拉，將照片拉成下面翻起來的形狀。并在上邊建立建立一條水平參考線，為左邊圖片高度上變換提供參考〖圖片28〗

3、用移動工具修正因變換而使圖片圓孔偏移，好后關(guān)閉這3個圖層�！紙D片29〗

4、相同的操作方法再將1--3，2--3，3--3圖層鏈接，斜切成下面的形狀，這一步斜切后的角度要比上一步大些。一次斜切到不了位，可用自由變換+斜切交替變換。〖圖片30-32〗。好后關(guān)閉這3個圖層。

5、最后將1--4，2--4，3--4圖層鏈接，斜切成上邊參考線同一高度�！紙D片33〗。好后關(guān)閉這3個圖層。

六、相冊動畫制作的空間概念

現(xiàn)在開始考驗?zāi)愕膱D層空間能力了，嗄嗄~~ 這樣整個相冊全部做好，最后的操作就是動畫操作。

2、相冊動畫圖片循環(huán)的空間概念

先看〖圖片34〗再說明吧。從5張圖片中我們已經(jīng)有一個基本空間感了，這為下面圖片打亂不會搞暈。

這里只要掌握二個要點：

①、當要顯示圖層被摭擋住時，把被摭擋圖層向上拖就行了。

②、想象下相冊一頁一頁翻動過程是怎樣的?這個誰都會，那就是接下做就不難了。只要把當前動畫幀上需顯示的圖層點亮，并上下調(diào)正圖層順序就ok了。

截下一個個圖層加以說明是很費勁的昵~~截下很多圖層實際是無意義的。只要多試幾次，應(yīng)該就會會了。

七、相冊動畫制作

1、菜單欄『窗口』→『動畫』，打開動畫編輯工具，在動畫編輯過程中始終打開『環(huán)扣』、『扉頁』和『相冊封底』。

為便于大家理解，我把下面幾個始終打開的圖層(相冊封底、扉頁)合并在新創(chuàng)建組中，并把該組命名為『扉頁+相冊封底』，其它照片圖層眼睛需要時才打開。

2、動畫第1幀對應(yīng)圖層=『環(huán)扣』+『扉頁+相冊封底』+圖層1-1+圖層3-5〖圖片35〗

3、點動畫編輯工具的『復制所有幀』復制1幀為第2幀

動畫第2幀對應(yīng)圖層=『環(huán)扣』+『扉頁+相冊封底』+圖1-2+圖層2-1+圖層3-5〖圖片36〗。

注意圖層順序已經(jīng)向上移動，這里圖層顏色起作用了。

4、點動畫編輯工具的『復制所有幀』復制1幀為第3幀

動畫第3幀對應(yīng)圖層=『環(huán)扣』+『扉頁+相冊封底』+圖層1-3+圖層2-1+圖層3-5〖圖片37〗

5、點動畫編輯工具的『復制所有幀』復制1幀為第4幀

動畫第4幀對應(yīng)圖層=『環(huán)扣』+『扉頁+相冊封底』+圖層1-4+圖層2-1+圖層3-5〖圖片38〗

6、點動畫編輯工具的『復制所有幀』復制1幀為第5幀

動畫第5幀對應(yīng)圖層=『環(huán)扣』+『扉頁+相冊封底』+圖層1-5+圖層2-1〖圖片39〗

到這里已經(jīng)完成第一張相片的一個循環(huán)動作。我再把第二張相片動作做出來后，接下你應(yīng)該會了吧。

7、點動畫編輯工具的『復制所有幀』復制1幀為第6幀

動畫第6幀對應(yīng)圖層=『環(huán)扣』+『扉頁+相冊封底』+圖層1-5+圖層2-2+圖層3-1〖圖片40〗

接下去怎么做應(yīng)該有頭緒了以。

8、注意動畫最后一幀是與第一幀的動畫對應(yīng)圖層是一樣的，只是圖層已經(jīng)打得很亂了，這就是相冊動的一個循環(huán)周期。〖圖片41〗

9、動畫時間設(shè)定〖圖片42〗

①、動畫頭尾2帖時間設(shè)定為0.5秒

②、被斜切圖層時間設(shè)定為0.3秒

③、中間2個平面圖層時間設(shè)定為1秒

④、動畫運動周期改為永遠

9、動畫保存

『文件』→『存儲為web和設(shè)備所用格式』(略)

最終效果