Photoshop簡(jiǎn)單制作韓國(guó)網(wǎng)站模板Banner(4)
今天我看了一個(gè)韓國(guó)的模板PSD,分析了一下banner的制作。
先看一下成品
我設(shè)計(jì)banner的時(shí)候經(jīng)常就找一張合適的照片,再加上文字就OK了。很少會(huì)拼湊一些圖
就算是拼湊的話也基本就是拉個(gè)漸變把兩張圖湊在一起
但這次來(lái)看看韓國(guó)的banner是怎樣設(shè)計(jì)的
首先我來(lái)一個(gè)一個(gè)的分解
這是最后面的背景圖,藍(lán)天白云,接下來(lái)
在原來(lái)的基礎(chǔ)之上就加了一層的白云,這次是把第一層反轉(zhuǎn)過(guò)來(lái),變亮處理
接著在左上角添加一張摳好的樹(shù)的圖片,是用來(lái)遮擋住房子的上面
接下來(lái)把摳好的房子放在樹(shù)的上面。
我說(shuō)說(shuō)這個(gè)房子,仔細(xì)看就是一個(gè)普通的照片,一點(diǎn)特殊處理的都沒(méi)有。
看來(lái)韓國(guó)的banner主要是靠拼湊做出來(lái)的,首先考驗(yàn)的就是拼湊的技巧了。
再接著看下一層
這個(gè)草地照片是很好找的,XP的默認(rèn)壁紙就是這樣的,稍稍的擋住一些房子底部的街道,接著為了添加小道來(lái)做準(zhǔn)備
這個(gè)小道的加入為房子和整個(gè)畫面增加了很強(qiáng)的立體感
最后在小道的旁邊再加入一個(gè)小樹(shù)的圖層
設(shè)計(jì)師很細(xì)心的在小樹(shù)底下加上了一層陰影
最后加上右邊的大樹(shù)與文字,整個(gè)banner就設(shè)計(jì)完畢了。
從以上的分析可以看出,設(shè)計(jì)師可以按照網(wǎng)站表達(dá)的出題自行拼湊出一個(gè)banner出來(lái)。
首先注意摳圖的技巧,大樹(shù)的葉子與小道兩邊的草就比較難。
經(jīng)過(guò)多次練習(xí)可以更好的掌握這種banner的制作方法。有助于我們將來(lái)設(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è)模板