photoshop網(wǎng)頁(yè)設(shè)計(jì):個(gè)性鮮明的網(wǎng)站首頁(yè)(3)
作者:佚名 來(lái)源:PConline
本教程是關(guān)于photoshop制作主題鮮明的個(gè)人主頁(yè),作者使用簡(jiǎn)單的方法制作主題鮮明的效果。希望 對(duì)PS初學(xué)者能有所幫助,做出個(gè)性的個(gè)人主頁(yè)!
大家好,今天鼠哥給大家?guī)?lái)個(gè)制作簡(jiǎn)單網(wǎng)站首頁(yè)的教程,用簡(jiǎn)單的方法制作主題 鮮明的效果。在這里給初學(xué)PS的朋友提示哦,因?yàn)楣P者平時(shí)和PS愛好者交流時(shí)候,發(fā)現(xiàn)很多初學(xué)的朋友,對(duì)復(fù)雜的效果制作很是癡迷,常常把 基本的工具丟在一邊,基礎(chǔ)的知識(shí)還是要多花時(shí)間去學(xué)習(xí)的,好的作品不一定是都是通過復(fù)雜的制作和大量的特效處理來(lái)實(shí)現(xiàn)。當(dāng)然這是筆者 的看法。不對(duì)的地方希望大家和我一起交流。謝謝支持!
首先看看效果圖吧!筆者設(shè)想了一個(gè)咖啡店為主題的網(wǎng)站主頁(yè)創(chuàng) 意。
效果圖
1、開始今天的PS旅途吧 ,新建文件1024768- 像素72(制作練習(xí)像素)。如圖1。
圖1
2、設(shè)前景色為黑色,alt+Delete將畫面填充黑色。新建圖層, 用選框工具來(lái)框選出一個(gè)咖啡屋的外形來(lái),進(jìn)行填充咖啡色。如圖2.
圖2
[/table]
3、現(xiàn)在對(duì)這兩個(gè)圖層進(jìn)行,加深與減淡處理。將咖啡屋的明暗表現(xiàn)出來(lái)。如圖3-4-5。
圖3
圖4
圖6
4、現(xiàn)在我們把門的效果制作出來(lái),在畫面的上 用選框工具選擇門咖啡門的位置,進(jìn)行刪除,在接著到樣式里進(jìn)行編輯,目的為了塑造體積感。如圖6-7。
圖6
圖7
5、現(xiàn)在我們?cè)摻o咖啡屋加上射燈了,新建圖層用多邊形套縮工具選出射燈照射的范圍,(ctrl+alt+d)羽化5。在選擇顏色后進(jìn)行漸變處理。在 這里筆者選擇藍(lán)色,大家可以換成自己喜歡的顏色。完成后選擇移動(dòng)工具在移動(dòng)點(diǎn)擊鼠標(biāo)的同時(shí)按住alt鍵,進(jìn)行快速?gòu)?fù)制。如圖8-9-10。
圖8
圖9
圖10
6、接著在屋檐下添加上幾根橫條做為裝飾用,但是也要進(jìn)行 效果處理,新建圖層有選框工具選擇區(qū)域進(jìn)行填充,在進(jìn)行復(fù)制,最后用加深工具進(jìn)行處理。如圖11。
圖11
[table]
7、新建圖層在畫面的下面選擇區(qū)域填充黑色,進(jìn)行樣式處理。如圖12-13。
圖12
圖13
8、大體的風(fēng)格畫面就是一咖啡的深褐色來(lái)營(yíng) 造一個(gè)簡(jiǎn)單典雅的氣息。
9、但是在這里畫面還是沒有醒目和吸引眼球的地方,筆者決定在咖啡店的門口掛上個(gè)招牌。還是要會(huì)發(fā)光 的字體招牌。如圖14-17。
圖14
圖15
圖16
圖17
10、大體的頁(yè)面就是這樣了,做成網(wǎng)頁(yè)的主頁(yè),大家還是需 要加入一些按扭制作連接,在畫面的上半部分進(jìn)行添加。好了今天的教程就說到這里。教程不足的地方希望大家給予指出。
搜索更多相關(guān)主題的帖子: ps網(wǎng)頁(yè)設(shè)計(jì) photoshop教程
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁(yè)設(shè)計(jì)
- photoshop教程
學(xué)習(xí) · 提示
相關(guān)教程
- ps設(shè)計(jì)電影網(wǎng)站實(shí)例
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁(yè)
- 使用ps打造一個(gè)企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)制作全
- Photoshop制作筆記本電子商務(wù)網(wǎng)站首頁(yè)模板
- Photoshop設(shè)計(jì)藍(lán)色風(fēng)格網(wǎng)站首頁(yè)模板
- Photoshop美工教程:游戲網(wǎng)站首頁(yè)布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- Photoshop繪制高雅清新的網(wǎng)站首頁(yè)模板
- 網(wǎng)頁(yè)設(shè)計(jì)——個(gè)性網(wǎng)頁(yè)
- 通過設(shè)置ps圖層樣式制作個(gè)性化主頁(yè)
推薦教程
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop繪制好看的老式wordpress主題
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄