photoshop教程:制作綠色風(fēng)格的專(zhuān)業(yè)的banner廣告
好了,讓我們開(kāi)始吧,在photoshop中,新建一個(gè)文檔,尺寸是500×300px,白色背景。
選擇圓角矩形工具,圓角半徑設(shè)為5px,在你的畫(huà)布中畫(huà)出一個(gè)圓角矩形,填充綠色#6d9e1e。
雙擊圖層面板中的該圖層縮略圖,彈出圖層屬性面板,設(shè)置漸變疊加。參數(shù)如下圖。
現(xiàn)在的效果應(yīng)該是:
好了,這一步就完成了。然后我們開(kāi)始創(chuàng)建banner的“頭部”。按住ctrl用鼠標(biāo)左鍵單擊圖層縮略圖,載入圖層選區(qū);點(diǎn)擊矩形選區(qū)工具,消減掉下面一部分選區(qū)(按住alt進(jìn)行拖拽即可)。剩余的部分填充白色,如下圖。
點(diǎn)擊ctrl+d去掉選區(qū)。改變這個(gè)圖層的圖層渲染模式為疊加,透明度設(shè)置為20%。
好了,進(jìn)入下一步吧。我希望在我們的頭部中,有一個(gè)小的圖形。在網(wǎng)上我找到了一個(gè)小的鐘表的圖標(biāo),或者是你可以從這里直接下載到它。打開(kāi)圖片,把它拷貝到我們的文件中,按住ctrl+t把圖形變小一些。
用銳化工具稍微讓圖形清晰一些。
接下來(lái),我們用文字工具寫(xiě)下了頭部的標(biāo)題。
在這里,我用的字體是Myraid Pro,白色。但是實(shí)際上你可以選擇你喜歡的字體。打開(kāi)圖層屬性面板,設(shè)置投影,參數(shù)如下圖。
效果如下:
好了,頭部的部分我們就已經(jīng)完成了。我希望給我們的banner添加更多的設(shè)計(jì)元素。選擇用戶(hù)自定義形狀,選擇一個(gè)photoshop里面自帶的一個(gè)形狀,如下圖。
在我們的banner上面添加兩個(gè)白色的形狀。
合并兩個(gè)形狀到一個(gè)圖層中。好了,我們把banner外面的形狀要?jiǎng)h除。如何做到這點(diǎn)呢?按住啊ctrl左鍵點(diǎn)擊形狀的那個(gè)圖層縮略圖,載入選區(qū)。然后按ctrl+shif+i將選區(qū)反選,按一下delete就可以刪除我們不需要的部分了。
點(diǎn)擊ctrl+d取消選區(qū)。設(shè)置形狀圖層的渲染模式為柔光,透明度為20%。
現(xiàn)在,我們需要一個(gè)干凈的頭部,我們要把頭部這一部分的圖形形狀刪除掉。利用矩形選區(qū)工具可以進(jìn)行這個(gè)操作。如下圖。
添加更多的文字。
好了,剩下最后一部分了。但是之前我想要在下面放一個(gè)按鈕。利用圓角矩形工具,圓角半徑為2px,拖拽一個(gè)顏色為綠色#69990d的圓角矩形,如下圖。
好了,在按鈕上面添加一些文字。
Ok,我們的教程就完成了。效果看上去很不錯(cuò),不是么?
學(xué)習(xí) · 提示
相關(guān)教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- banner教程,超簡(jiǎn)單三步設(shè)計(jì)一個(gè)BANNER
- banner教程,用ps制作960*90的廣告圖片
- 廣告圖片,用ps合成技術(shù)設(shè)計(jì)一個(gè)化妝品商品的背景圖
- 做出有品質(zhì)的廣告圖片
- ps實(shí)例教程:制作網(wǎng)站橫條廣告
- 用ps制作個(gè)性Banner
- 用ps制作一個(gè)簡(jiǎn)單的網(wǎng)站banner
- 用ps制作網(wǎng)站廣告條(468*60)
- 用ps制作精致的網(wǎng)站banner(廣告條)
推薦教程
- Photoshop制作立體界面
- ps打造舞臺(tái)燈光環(huán)境背景效果教程
- 網(wǎng)頁(yè)設(shè)計(jì)實(shí)例:女性購(gòu)物網(wǎng)站導(dǎo)航條制作
- 浮雕曲線框制作
- ps設(shè)計(jì)音樂(lè)播放器詳細(xì)教程
- 利用PhotoShop制作網(wǎng)站內(nèi)容框
- Photoshop教程:制作一個(gè)簡(jiǎn)潔的藍(lán)色導(dǎo)航框
- ps制作window7移動(dòng)導(dǎo)航網(wǎng)頁(yè)界面設(shè)計(jì)教
- ps卷頁(yè)翹邊立體效果
- Photoshop做網(wǎng)站導(dǎo)航欄圖片