您的位置:首頁 > PhotoShop教程 > 用Photoshop制作流動的斑馬線實(shí)例 返回首頁

用Photoshop制作流動的斑馬線實(shí)例

時間:2010-12-02 08:22:03  作者:彭老師

本例由軟件自學(xué)網(wǎng)的美工老師介紹如何使用Photoshop的剪貼蒙板等工具制作流動的斑馬線,主要學(xué)習(xí)自定義圖案、選區(qū)、描邊、剪貼蒙板以及動畫的制作,希望對有此需要的同學(xué)們有所幫助.

我們先來看看效果圖:

用Photoshop制作流動的斑馬線實(shí)例第1步

1、新建一個寬度為8像素,高度為1像素,背景為白色的新文件;

用Photoshop制作流動的斑馬線實(shí)例第2步

2、把文件放到最大,使用矩形選框工具拉出一半的選區(qū),填充黑色。(可以按D鍵將前景色恢復(fù)默認(rèn)黑色,按Alt+delete填充前景色)。

用Photoshop制作流動的斑馬線實(shí)例第3步

3、定義圖案,隨便取一個名稱,默認(rèn)也行。

用Photoshop制作流動的斑馬線實(shí)例第4步

用Photoshop制作流動的斑馬線實(shí)例第5步

4、這個文件的使命已經(jīng)完成,可以關(guān)閉它。下面打開素材圖片。

用Photoshop制作流動的斑馬線實(shí)例第6步

5、使用磨棒工具,容差設(shè)置為20,勾選連續(xù)。

用Photoshop制作流動的斑馬線實(shí)例第7步

6、使用磨棒工具在紅心旁邊的白色部分點(diǎn)一下,再按Shift+Ctrl+I反選得到紅心選區(qū)。

用Photoshop制作流動的斑馬線實(shí)例第8步

7、點(diǎn)擊紅框內(nèi)所示圖標(biāo)新建一個空白圖層1。

用Photoshop制作流動的斑馬線實(shí)例第9步

8、對紅心選區(qū)進(jìn)行描邊,寬度1像素,顏色隨意。

用Photoshop制作流動的斑馬線實(shí)例第10步

用Photoshop制作流動的斑馬線實(shí)例第11步

9、新建空白圖層2。

用Photoshop制作流動的斑馬線實(shí)例第12步


10、對圖層進(jìn)行填充,使用圖案填充,選擇剛剛定義的圖層進(jìn)行填充。

用Photoshop制作流動的斑馬線實(shí)例第13步

用Photoshop制作流動的斑馬線實(shí)例第14步

用Photoshop制作流動的斑馬線實(shí)例第15步

11、按Alt+Ctrl+G,對圖層2創(chuàng)建剪貼蒙板。

用Photoshop制作流動的斑馬線實(shí)例第16步

12、按Ctrl+T,對圖層2進(jìn)行自由變換,在上方屬性欄內(nèi),旋轉(zhuǎn)角度設(shè)置為45度,其他數(shù)值默認(rèn),按回車確定。

用Photoshop制作流動的斑馬線實(shí)例第17步

13、打開動畫面板。

用Photoshop制作流動的斑馬線實(shí)例第18步

14、確保圖層2為當(dāng)前操作,在移動工具上點(diǎn)擊一下。

用Photoshop制作流動的斑馬線實(shí)例第19步

用Photoshop制作流動的斑馬線實(shí)例第20步

15、點(diǎn)擊紅框內(nèi)所示按鈕復(fù)制幀,按右方向鍵2次,將圖層2向右移動2像素。

用Photoshop制作流動的斑馬線實(shí)例第21步

16、再進(jìn)行幀復(fù)制,再按右方向鍵2次。使用同樣方法操作4次,這樣我們就有了5幀(為什么要用5幀呢,因為除了第一幀外還有4幀,圖層移動了4次,4幀乘以2像素等于8像素,和我們剛才定義的圖層寬度一樣,剛好一個循環(huán))。

用Photoshop制作流動的斑馬線實(shí)例第22步

17、保存動畫,注意循環(huán)選項選擇“永遠(yuǎn)”。

用Photoshop制作流動的斑馬線實(shí)例第23步

用Photoshop制作流動的斑馬線實(shí)例第24步

18、編后:在對選區(qū)進(jìn)行描邊時,如果使用路徑勾出選區(qū),再使用1像素的鉛筆工具進(jìn)行描邊,為樣描出的邊會更尖銳,效果會更好。有趣的是,你只要把下邊描邊圖層進(jìn)行替換,即對描邊圖層進(jìn)行全選后清除,再重新對另外一個選區(qū)或路徑進(jìn)行描邊,就可以制作新動畫了。

最終效果

用Photoshop制作流動的斑馬線實(shí)例第25步

  

上一個教程:用Photoshop鼠繪一個游戲中的美女實(shí)例教程
下一個教程:用PhotoShop制作漂亮的彩色曲線實(shí)例