當前位置:首頁>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

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

來源:網(wǎng)絡(luò) 作者:趙鵬 學習:34602人次

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

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

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

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

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

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

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

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

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

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

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
煩惱且呆萌2023-06-16 08:51
我的作業(yè)

時光不染2019-10-17 05:06
我的作業(yè):
自學PS20192019-09-07 05:22
我的作業(yè):
狐狐網(wǎng)友2018-08-17 05:22
13-4實戰(zhàn)網(wǎng)頁設(shè)計稿我的作業(yè):
狐狐網(wǎng)友2018-08-17 03:52
學習打卡。ǹ鞂W完了~開心~)
勇敢的心2018-06-25 11:03
實戰(zhàn)網(wǎng)頁設(shè)計作業(yè)我的作業(yè):
太化那小子真壞2017-12-26 05:06
我的作業(yè): 這章學完了,開始濾鏡,加油
從今開始2017-06-01 05:47
我的作業(yè):
劉俊曉2017-05-21 01:30
劉俊曉2017-05-21 01:05
小楊2017-02-11 09:07
小楊2017-02-11 09:02
阿牛2017-02-01 09:34
文字不好
阿牛2017-02-01 09:02
文字不好
韓國強2016-12-06 07:36

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!