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

用Photoshop制作流動的斑馬線實例

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

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

我們先來看看效果圖:

用Photoshop制作流動的斑馬線實例第1步

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

用Photoshop制作流動的斑馬線實例第2步

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

用Photoshop制作流動的斑馬線實例第3步

3、定義圖案,隨便取一個名稱,默認也行。

用Photoshop制作流動的斑馬線實例第4步

用Photoshop制作流動的斑馬線實例第5步

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

用Photoshop制作流動的斑馬線實例第6步

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

用Photoshop制作流動的斑馬線實例第7步

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

用Photoshop制作流動的斑馬線實例第8步

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

用Photoshop制作流動的斑馬線實例第9步

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

用Photoshop制作流動的斑馬線實例第10步

用Photoshop制作流動的斑馬線實例第11步

9、新建空白圖層2。

用Photoshop制作流動的斑馬線實例第12步


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

用Photoshop制作流動的斑馬線實例第13步

用Photoshop制作流動的斑馬線實例第14步

用Photoshop制作流動的斑馬線實例第15步

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

用Photoshop制作流動的斑馬線實例第16步

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

用Photoshop制作流動的斑馬線實例第17步

13、打開動畫面板。

用Photoshop制作流動的斑馬線實例第18步

14、確保圖層2為當前操作,在移動工具上點擊一下。

用Photoshop制作流動的斑馬線實例第19步

用Photoshop制作流動的斑馬線實例第20步

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

用Photoshop制作流動的斑馬線實例第21步

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

用Photoshop制作流動的斑馬線實例第22步

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

用Photoshop制作流動的斑馬線實例第23步

用Photoshop制作流動的斑馬線實例第24步

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

最終效果

用Photoshop制作流動的斑馬線實例第25步

  

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