Photoshop繪制綠色風(fēng)格的尼康相機(jī)網(wǎng)頁(yè)平面圖
今天,我們將教給大家如何利用圖片資源來(lái)繪制一張網(wǎng)頁(yè)效果圖。教程來(lái)自talk-mania,由蘇打蘇塔翻譯。下面是我們這次教程的最終結(jié)果。設(shè)計(jì) 的主題是照片作品集。在生成頁(yè)面之前,我們都會(huì)在photoshop中繪制出網(wǎng)頁(yè)效果圖以便進(jìn)行討論,今天我們要做的就是這么一件事情。
新建文檔760 x 770 pixels ,白色背景。因?yàn)檫@一次設(shè)計(jì)的主題是照片作品集,所以我們需要一張照相機(jī)的照片。我們把這張照片放在我們的工作圖層中。
點(diǎn)擊濾鏡>渲染>鏡頭光暈,按照下圖的參數(shù)設(shè)置。
結(jié)果如下:
好了,下載一張草地的素材。在photoshop中打開,放在照相機(jī)圖層的下面,用橡皮擦工具(稍微軟一點(diǎn)的筆刷),刪除不必要的地方。好了,現(xiàn)在是下面這個(gè)效果:
在草地圖層的上面,新建一個(gè)圖層。在這個(gè)圖層上面我們要添加一些云彩。這里,我們用的是一些云彩筆刷,你可以在下面的地址中下載到他 們 Photo-shop-Brush.com 。好了,載入筆刷以后,選擇一些云彩筆刷輕輕的涂在圖層中,我用的顏色是#2a6c9c。你應(yīng)該會(huì)得到下面的結(jié)果:
好了,現(xiàn)在在相機(jī)的旁邊添加一些花:
如果你仔細(xì)觀察,其實(shí)我們僅僅引用了3-4朵不同的花,下載一些花的素材,改變它們的大小透明度。讓它們看起來(lái)更有層次感。一些花在相機(jī)的前面,一些在相機(jī)的后面,你可以通過調(diào)整圖層來(lái)實(shí)現(xiàn)這樣的效果。
好了,現(xiàn)在看起來(lái)已經(jīng)相當(dāng)不錯(cuò)了,但是我想要添加一些葉子讓她看起來(lái)更豐富。
好了,現(xiàn)在基本上網(wǎng)頁(yè)的頭部已經(jīng)設(shè)計(jì)好了。我們會(huì)在之后添加更多的細(xì)節(jié),不過現(xiàn)在,讓我們開始繪制網(wǎng)頁(yè)的主體部分和底部。在這里,我建立了兩個(gè)簡(jiǎn)單的形狀。
光柵化形狀,右鍵點(diǎn)擊你想要光柵化的形狀,在菜單中選擇即可。
選擇橡皮擦工具,用一個(gè)較軟的原型筆尖,刪除形狀的頭部。我的目的是讓我們的頭部看起來(lái)有更多的層次感,不會(huì)太過生硬。
好了,這就是我們的效果。
我在我們的圖層中添加了一些文字。
你可以從網(wǎng)上下載一個(gè)彩虹的圖片,按照下圖進(jìn)行放置。
點(diǎn)擊濾鏡>模糊>高斯模糊。
降低透明度到33%。
好了,這就是我現(xiàn)在的效果。我希望你會(huì)喜歡。
你可以在原始地址中,下載到彩虹的素材和這篇教程的源文件。記得注冊(cè)啊
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 相機(jī)圖標(biāo)
- 平面圖
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁(yè)模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁(yè)模板,設(shè)計(jì)酒吧主題網(wǎng)頁(yè)模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程
- 從零手把手教你設(shè)計(jì)網(wǎng)頁(yè)
- 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁(yè)設(shè)計(jì)的分割布局秘密
- ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁(yè)模板教程
- ps網(wǎng)頁(yè)布局設(shè)計(jì)實(shí)例教程
- ps黑色風(fēng)格網(wǎng)頁(yè)模板
- ps一個(gè)木紋風(fēng)格網(wǎng)頁(yè)模板
推薦教程
- Photoshop繪制好看的老式wordpress主題
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程