華南泉州網(wǎng)頁設(shè)計(jì)與制作培訓(xùn)泉州網(wǎng)站設(shè)計(jì)培訓(xùn)

網(wǎng)頁美工廣告設(shè)計(jì)教程

在這篇photoshop教程中，福建華南泉州網(wǎng)頁設(shè)計(jì)與制作培訓(xùn)，我將教給你如何制作一個(gè)專業(yè)的banner廣告。教程淺顯易懂，你一定可以做得到的。我們這篇教程的效果如下：

在photoshop中，新建一個(gè)文檔，尺寸是500×300px，白色背景。

選擇圓角矩形工具，圓角半徑設(shè)為5px，在你的畫布中畫出一個(gè)圓角矩形，填充綠色#6d9e1e。

雙擊圖層面板中的該圖層縮略圖，彈出圖層屬性面板，設(shè)置漸變疊加。（華南泉州網(wǎng)頁設(shè)計(jì)與制作培訓(xùn)網(wǎng)頁設(shè)計(jì)培訓(xùn)教程）

好了，這一步就完成了。然后我們開始創(chuàng)建banner的“頭部”。按住ctrl用鼠標(biāo)左鍵單擊圖層縮略圖，載入圖層選區(qū)；點(diǎn)擊矩形選區(qū)工具，消減掉下面一部分選區(qū)（按住alt進(jìn)行拖拽即可）。剩余的部分填充白色，點(diǎn)擊ctrl+d去掉選區(qū)。改變這個(gè)圖層的圖層渲染模式為疊加，透明度設(shè)置為20%。

我希望在我們的頭部中，有一個(gè)小的圖形。在網(wǎng)上我找到了一個(gè)小的鐘表的圖標(biāo)，或者是你可以從這里直接下載到它。打開圖片，把它拷貝到我們的文件中，按住ctrl+t把圖形變小一些。

用銳化工具稍微讓圖形清晰一些。

接下來，我們用文字工具寫下了頭部的標(biāo)題。（華南泉州網(wǎng)頁設(shè)計(jì)與制作培訓(xùn)網(wǎng)頁設(shè)計(jì)培訓(xùn)教程）

在這里，我用的字體是MyraidPro，白色。但是實(shí)際上你可以選擇你喜歡的字體。打開圖層屬性面板，設(shè)置投影，好了，頭部的部分我們就已經(jīng)完成了。我希望給我們的banner添加更多的設(shè)計(jì)元素。選擇用戶自定義形狀，選擇一個(gè)photoshop里面自帶的一個(gè)形狀。

在我們的banner上面添加兩個(gè)白色的形狀。

合并兩個(gè)形狀到一個(gè)圖層中。好了，我們把banner外面的形狀要?jiǎng)h除。如何做到這點(diǎn)呢？按住啊ctrl左鍵點(diǎn)擊形狀的那個(gè)圖層縮略圖，載入選區(qū)。然后按ctrl+shif+i將選區(qū)反選，按一下delete就可以刪除我們不需要的部分了。（華南泉州網(wǎng)頁設(shè)計(jì)與制作培訓(xùn)網(wǎng)頁設(shè)計(jì)培訓(xùn)教程）

點(diǎn)擊ctrl+d取消選區(qū)。設(shè)置形狀圖層的渲染模式為柔光，透明度為20%。

現(xiàn)在，我們需要一個(gè)干凈的頭部，我們要把頭部這一部分的圖形形狀刪除掉。利用矩形選區(qū)工具可以進(jìn)行這個(gè)操作。

添加更多的文字。

好了，剩下最后一部分了。但是之前我想要在下面放一個(gè)按鈕。利用圓角矩形工具，圓角半徑為2px，拖拽一個(gè)顏色為綠色#69990d的圓角矩形，如下圖。

好了，在按鈕上面添加一些文字。

Ok，我們的教程就完成了。效果看上去很不錯(cuò)，不是么？

華南泉州網(wǎng)頁設(shè)計(jì)與制作培訓(xùn)！