13-4 實戰(zhàn)網(wǎng)頁設計稿

s1319大家注意到在模板網(wǎng)頁圖片中，在人物的長條背景內(nèi)有環(huán)狀的圖案。我們也可以來制作同樣的效果。首先開啟光盤素材目錄下的art17.jpg，如下左圖，使用【濾鏡_扭曲_極坐標】將其變?yōu)榄h(huán)狀，設定如下中圖，效果如下右圖。

--

將素材圖片移動到設計稿中，為了達到讓其只出現(xiàn)在長條矩形區(qū)域內(nèi)的目的，我們可以使用剪貼蒙板。將其放置于長條矩形的上一層，在圖層調(diào)板中按住ALT鍵單擊兩個圖層的接縫處，建立剪貼蒙板，效果如下左圖，圖層調(diào)板如下右圖。為了達到更好的融和效果，我們使用了“顏色減淡”混合模式，并另外對其建立了點陣蒙版，在其圖層邊界處用黑色涂抹，以避免明顯的接縫產(chǎn)生。

-

雖然我們還沒有學習濾鏡的使用，但濾鏡不同于濾鏡或畫筆，本身沒什么技術(shù)性可言。濾鏡的效果很出色，為了不讓大家過早沉迷于濾鏡帶來的虛幻中，我們一直不予正式介紹。雖然如此，不過這并不影響我們使用濾鏡。況且，大家在經(jīng)過了這么長久的學習后，也該是收獲的季節(jié)了。
將剛才的圖層復制一個，復制出來的圖層也保留著剪貼蒙板的特性。對其使用【濾鏡_模糊_動感模糊】，設定如下左圖，之后將其往左方移動一些，混合模式改為“濾色”，并刪除隨復制而來的點陣蒙板，圖層調(diào)板如下中圖，圖像效果如下右圖。

--

原先我們制作環(huán)狀圖像是為了仿造模板圖像，現(xiàn)在我們也可以有自己的創(chuàng)造性，不就是濾鏡嗎？現(xiàn)在就對原先的環(huán)形圖像使用【濾鏡_模糊_徑向模糊】，設定如下左圖。圖像效果如下中圖。我們可以將其移動到大師之路文字附近，形成一種光芒發(fā)散的效果。如下右圖。

--

我們現(xiàn)在還處在創(chuàng)意的缺乏期，因此仿造一些成品的網(wǎng)頁是一個很好的學習方法。這同時也是在對以往學過的技術(shù)知識做回顧。從此大家在網(wǎng)絡上或街上看到一些比較出色的作品，就可以嘗試仿造。用于網(wǎng)頁的布局有許多種，由于網(wǎng)頁的特殊性，網(wǎng)頁設計稿在制作中有許多需要注意的地方。一些好看的效果未必適合在網(wǎng)頁上。我們將在另外的教程中專門介紹網(wǎng)頁設計稿的制作。

相信大家現(xiàn)在對路徑的優(yōu)點已經(jīng)非常熟悉了。如果有人覺得或許這稱不上方便，那不妨將所有路徑的部分全部改為點陣來制作?？纯袋c陣圖像在后期修改上是怎樣得麻煩。一般說來，一個Photoshop使用者在相當長的一段時間內(nèi)，即使他的技術(shù)已經(jīng)非常熟練了，也還只會停留在使用點陣進行制作的階段。在某一天某一個人的指點下，或自己無意之中，才會得到路徑的“真?zhèn)?rdquo;。我本人就是如此，從點陣到矢量花了相當長的時間摸索。所以在把我的知識寫成教材的同時，在很早就著重講述了矢量這個方面。不夸張地說，會矢量才算是會設計。
除了不能使用濾鏡以外，路徑在縮放不失真以及改變錨點從而改變外形等方面有著很大的優(yōu)勢。因此大家今后都要優(yōu)先使用矢量進行制作。另外在Illustrator中，矢量式可以使用濾鏡的。