【轉(zhuǎn)】教你用ps打造圖片橫向循環(huán)滾動(dòng)效果

《【轉(zhuǎn)】教你用ps打造圖片橫向循環(huán)滾動(dòng)效果》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、教你用PS打造圖片橫向循環(huán)滾動(dòng)效果！QQ空間圖片模塊制作方法QQ空間禁止了flash模塊，這對(duì)于喜歡裝份QQ空間的朋友無疑是一個(gè)巨大的打擊，沒有了flash我們還可以用圖片呀，今天志榮就教大家如何用PS打造QQ空間圖片滾動(dòng)的動(dòng)畫模塊，這個(gè)ps實(shí)例教程是志榮親手制作的，雖然步驟是多了點(diǎn)，但效果還是很不錯(cuò)的，下面會(huì)附上本教程的PSD源文件，先看一看用ps做出來的圖片橫向滾動(dòng)的效果圖：下面這個(gè)是我用flash做的，相比用PS做出來的動(dòng)畫效果更細(xì)膩。http://www.flash8.net/uploadflash/66/flash8net_65031.swf好了下面開始我們的PS設(shè)計(jì)

2、之旅吧！制作所用的軟件為photoshopCS2，用PS打開我們的6張素材照片，然后將其分辨率統(tǒng)一設(shè)置為72像素，選擇裁剪工具，在屬性欄里設(shè)置裁剪的大小，分別為150px和180px，設(shè)置好后裁剪這六張照片。照片裁剪成統(tǒng)一的大小后，我們新建一個(gè)文件，名稱命名為“PS打造橫向循環(huán)滾動(dòng)圖片效果”，寬度和高度分別為1500px和500px，分辨率為72px，如下圖所示。接下來我們將之前裁剪好的六張圖片用選取工具托到新建的“PS打造橫向循環(huán)滾動(dòng)圖片效果”文件里?，F(xiàn)在這個(gè)文件里共有七個(gè)圖層，用選取工具調(diào)整好圖片的位置，然后在圖層面版選擇圖層6再按住shift點(diǎn)圖層1，這樣就同時(shí)選擇了這6

3、個(gè)圖層，在選取工具的屬性欄里點(diǎn)水平居中和平均分布，如下圖所示。圖片對(duì)齊分布好后合并這六個(gè)圖層為一個(gè)圖層，然后再用裁剪工具裁剪，但是要清除剛剛設(shè)置的裁剪參數(shù)，裁剪需要注意剛好裁到左右兩側(cè)的邊緣，如下圖所示。?接下來再新建一個(gè)文件，參數(shù)如下圖所示。?把剛剛合并的圖層托到新建的這個(gè)文件里面來。?把托進(jìn)來的圖層復(fù)制兩個(gè)，分別為副本和副本2，如下圖所示，然后將圖層水平居中對(duì)齊與分布，再合并圖層并將圖層命名為img，對(duì)齊方法上面步驟已有，這里要特別注意每一層的距離要相等，如下圖照片中的兩個(gè)紅距形框所示。新建一個(gè)圖層1，圖層1必須要在img圖層下面，在圖層1里用距形工具畫一個(gè)距形，左右要?jiǎng)偤?/p>

4、和圖片對(duì)齊并填充黑色。點(diǎn)路徑工具，并在屬性欄里設(shè)置距形角的半徑為5px，在相應(yīng)位置畫一個(gè)距形路徑，按鍵盤下的ctrl+enter將路徑變?yōu)檫x區(qū)，新建一個(gè)圖層2并填充白色，把路徑層給干掉。把剛得到的小距形圖層復(fù)制N個(gè)，然后把最上面那一個(gè)層托到右邊，再全選小距形圖層執(zhí)行水平居中對(duì)齊與分布，合并所有小距形圖層，復(fù)制一層放到圖片下邊，再合并，將圖層命名為小距形，底層的黑圖層我也命名為黑背景了，這樣方便管理。再次將這三個(gè)圖層水平居中，最后合并這三個(gè)圖層，命名為膠卷img將我們剛剛設(shè)計(jì)好的膠卷img圖層托到“PS打造橫向循環(huán)滾動(dòng)圖片效果”文件中，圖片右邊對(duì)齊背景的右邊，并把圖層6隱藏起來（

5、在圖層面版去掉眼睛即可），設(shè)置一下歷布的大小，如下圖所示。文字的制作與圖片的制作方法一樣，也是復(fù)制三個(gè)層。唯一不同的就是文字對(duì)齊的是背景的左邊，這里就不再做過多的解釋！最下面的文字不需要?jiǎng)赢嬓Ч?，所以不用做三個(gè)層，你懂的！設(shè)置好文字后，點(diǎn)擊工具面版最面邊的動(dòng)畫制作工具，如下圖紅距形框所示（注：本軟件是PS9.0、PSCS2版，其它版本稍有不同）進(jìn)入到動(dòng)畫制作軟件里后調(diào)出動(dòng)畫面版，在動(dòng)畫面版把第一幀設(shè)置為0.5秒，然后復(fù)制當(dāng)前幀，設(shè)置第二幀的圖層，把膠卷img的圖層按shift水平托動(dòng)至其與背景左對(duì)齊，文字層設(shè)置為右對(duì)齊。在第二幀處設(shè)置過渡幀，參數(shù)如下圖所示。然后把最后一幀（52

6、幀）給干掉。如果想要?jiǎng)赢嫺?xì)膩，可以將50改100，不過保存的文件將很大。下面保存我們的勞動(dòng)成果，保存過程不解釋！photoshopCS2下載?www.taokutu.com/xiazai/ps9.html至此我們的QQ空間圖片模塊就設(shè)計(jì)完畢了，如果你按照本教程一步一步操作最終做不出來，可以在本文下面評(píng)論，志榮會(huì)為大家做PS解答，還在等什么，趕快做作業(yè)練習(xí)吧！本作品源文件下載地址:http://www.taokutu.com/photoshop/psgd.html