ps制作相冊(cè)自動(dòng)翻頁(yè)GIF動(dòng)畫(huà)教程(7)

大家好，好久沒(méi)有很好勾通了。把你喜歡相片放進(jìn)你自己設(shè)計(jì)的相冊(cè)中，讓她自動(dòng)一頁(yè)一頁(yè)翻給你自己看是不是很愜意啊，不過(guò)這個(gè)相冊(cè)，看似簡(jiǎn)單，其實(shí)是不怎么好做的。

現(xiàn)在網(wǎng)搜索一下，目前真正象樣翻頁(yè)動(dòng)畫(huà)相冊(cè)我至少?zèng)]搜索到�？紤]到這個(gè)相冊(cè)制作有一定難度，如果寫(xiě)得太簡(jiǎn)略的話新手是沒(méi)法做的。今天我就用詳解方法寫(xiě)一個(gè)貼子。

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

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

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

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

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

2、菜單欄選擇→修改→平滑『取樣半徑=15ps』。〖圖片1〗

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

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

5、投影：數(shù)值見(jiàn)圖。選擇→存儲(chǔ)選區(qū)→默認(rèn)。CTRL+D取消選區(qū)�！紙D片3數(shù)值〗

三、制作相冊(cè)扉頁(yè)

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

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

注意：載圖中我預(yù)先多做3個(gè)圖層，不要受干擾。

3、給相冊(cè)扉頁(yè)投影和描邊，這樣看起來(lái)立體感強(qiáng)些，描邊大小=1px.〖圖片5投影〗

四、制作相頁(yè)

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

2、新建一個(gè)『組1素材圖片』，并把素材圖片拖入到該組中，用移動(dòng)工具將矩形框住的圓角照片拖到最先做好的相冊(cè)封底右邊。〖圖片6〗

3、制作相冊(cè)圓孔

①、要打準(zhǔn)圓孔，先要找到相冊(cè)中心線，好用切工具方便，方法見(jiàn)圖。〖圖片7-8〗

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

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

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

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

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

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

⑧、接著按住鍵盤上的“CTRL"鍵，鼠標(biāo)左鍵點(diǎn)擊圓孔圖層，將圓孔載入選區(qū)。載入選區(qū)后分別選中3個(gè)照片圖層，按鍵盤上的“DEL”將圓孔選區(qū)圖像刪除。〖圖片14〗

4、復(fù)制出素材圖片各四份，并把素材圖片層進(jìn)行命名和用顏色加以區(qū)別，這個(gè)用顏色區(qū)別層以后很有用，至少下面圖層上下移來(lái)移去時(shí)頭腦會(huì)清醒些，圖層夠多吧。〖圖片15〗

①、素材圖層命名見(jiàn)下：

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)(也就是將照片翻了一面，用來(lái)做相冊(cè)左邊的相頁(yè))〖圖片16〗

分別將翻轉(zhuǎn)后的圖片用移動(dòng)工具拖放到相冊(cè)左邊重疊放好，并與右邊的照片對(duì)稱，可以打開(kāi)圓孔圖層以孔為參考，中間留一點(diǎn)點(diǎn)距離放相冊(cè)環(huán)扣�！紙D片17-18〗

5、投影素材圖片

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

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

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

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

②、畫(huà)好橢圓后描邊〖圖片24〗

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

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

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

五、相冊(cè)動(dòng)畫(huà)圖片角度定位

現(xiàn)在開(kāi)始做翻頁(yè)相冊(cè)動(dòng)畫(huà)中相頁(yè)翻起來(lái)的形狀。

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

〖圖片27〗

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

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

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

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

六、相冊(cè)動(dòng)畫(huà)制作的空間概念

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

2、相冊(cè)動(dòng)畫(huà)圖片循環(huán)的空間概念

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

這里只要掌握二個(gè)要點(diǎn)：

①、當(dāng)要顯示圖層被摭擋住時(shí)，把被摭擋圖層向上拖就行了。

②、想象下相冊(cè)一頁(yè)一頁(yè)翻動(dòng)過(guò)程是怎樣的?這個(gè)誰(shuí)都會(huì)，那就是接下做就不難了。只要把當(dāng)前動(dòng)畫(huà)幀上需顯示的圖層點(diǎn)亮，并上下調(diào)正圖層順序就ok了。

截下一個(gè)個(gè)圖層加以說(shuō)明是很費(fèi)勁的昵~~截下很多圖層實(shí)際是無(wú)意義的。只要多試幾次，應(yīng)該就會(huì)會(huì)了。

七、相冊(cè)動(dòng)畫(huà)制作

1、菜單欄『窗口』→『動(dòng)畫(huà)』，打開(kāi)動(dòng)畫(huà)編輯工具，在動(dòng)畫(huà)編輯過(guò)程中始終打開(kāi)『環(huán)扣』、『扉頁(yè)』和『相冊(cè)封底』。

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

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

3、點(diǎn)動(dòng)畫(huà)編輯工具的『復(fù)制所有幀』復(fù)制1幀為第2幀

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

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

4、點(diǎn)動(dòng)畫(huà)編輯工具的『復(fù)制所有幀』復(fù)制1幀為第3幀

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

5、點(diǎn)動(dòng)畫(huà)編輯工具的『復(fù)制所有幀』復(fù)制1幀為第4幀

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

6、點(diǎn)動(dòng)畫(huà)編輯工具的『復(fù)制所有幀』復(fù)制1幀為第5幀

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

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

7、點(diǎn)動(dòng)畫(huà)編輯工具的『復(fù)制所有幀』復(fù)制1幀為第6幀

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

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

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

9、動(dòng)畫(huà)時(shí)間設(shè)定〖圖片42〗

①、動(dòng)畫(huà)頭尾2帖時(shí)間設(shè)定為0.5秒

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

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

④、動(dòng)畫(huà)運(yùn)動(dòng)周期改為永遠(yuǎn)

9、動(dòng)畫(huà)保存

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

最終效果