Photoshop簡(jiǎn)單制作韓國(guó)網(wǎng)站模板Banner(4)
今天我看了一個(gè)韓國(guó)的模板PSD,分析了一下banner的制作。
先看一下成品
我設(shè)計(jì)banner的時(shí)候經(jīng)常就找一張合適的照片,再加上文字就OK了。很少會(huì)拼湊一些圖
就算是拼湊的話也基本就是拉個(gè)漸變把兩張圖湊在一起
但這次來看看韓國(guó)的banner是怎樣設(shè)計(jì)的
首先我來一個(gè)一個(gè)的分解
這是最后面的背景圖,藍(lán)天白云,接下來
在原來的基礎(chǔ)之上就加了一層的白云,這次是把第一層反轉(zhuǎn)過來,變亮處理
接著在左上角添加一張摳好的樹的圖片,是用來遮擋住房子的上面
接下來把摳好的房子放在樹的上面。
我說說這個(gè)房子,仔細(xì)看就是一個(gè)普通的照片,一點(diǎn)特殊處理的都沒有。
看來韓國(guó)的banner主要是靠拼湊做出來的,首先考驗(yàn)的就是拼湊的技巧了。
再接著看下一層
這個(gè)草地照片是很好找的,XP的默認(rèn)壁紙就是這樣的,稍稍的擋住一些房子底部的街道,接著為了添加小道來做準(zhǔn)備
這個(gè)小道的加入為房子和整個(gè)畫面增加了很強(qiáng)的立體感
最后在小道的旁邊再加入一個(gè)小樹的圖層
設(shè)計(jì)師很細(xì)心的在小樹底下加上了一層陰影
最后加上右邊的大樹與文字,整個(gè)banner就設(shè)計(jì)完畢了。
從以上的分析可以看出,設(shè)計(jì)師可以按照網(wǎng)站表達(dá)的出題自行拼湊出一個(gè)banner出來。
首先注意摳圖的技巧,大樹的葉子與小道兩邊的草就比較難。
經(jīng)過多次練習(xí)可以更好的掌握這種banner的制作方法。有助于我們將來設(shè)計(jì)更具特色的banner
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop繪制好看的老式wordpress主題
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- Photoshop制作禮品店網(wǎng)站模板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板