第一篇：經典教程：Photoshop制作網頁banner廣告設計

導言：

在這篇Photoshop教程中，我將教給你如何制作一個專業的banner廣告。教程淺顯易懂，你一定可以做得到的。

下面教程開始

我們這篇教程的效果如下。（圖01）

圖01

好了，讓我們開始吧，在Photoshop中，新建一個文檔，尺寸是500×300px，白色背景。（圖02）

圖02

選擇圓角矩形工具，圓角半徑設為5px，在你的畫布中畫出一個圓角矩形，填充綠色#6d9e1e。（圖03）

圖03

雙擊圖層面板中的該圖層縮略圖，彈出圖層屬性面板，設置漸變疊加。參數如下圖。（圖04）

圖04

現在的效果應該是如下圖的樣子。（圖05）

圖05 好了，這一步就完成了。然后我們開始創建banner的“頭部”。按住Ctrl用鼠標左鍵單擊圖層縮略圖，載入圖層選區；點擊矩形選區工具，消減掉下面一部分選區（按住Alt進行拖拽即可）。剩余的部分填充白色，如下圖。（圖06）

圖06

點擊Ctrl＋D去掉選區。改變這個圖層的圖層渲染模式為疊加，透明度設置為20%。（圖07）

圖07

好了，進入下一步吧。我希望在我們的頭部中，有一個小的圖形。在網上我找到了一個小的鐘表的圖標，打開圖片，把它拷貝到我們的文件中，按住Ctrl＋T把圖形變小一些。（圖08）

圖08 用銳化工具稍微讓圖形清晰一些。（圖09）

圖09

接下來，我們用文字工具寫下了頭部的標題。（圖10）

圖10

在這里，我用的字體是Myraid Pro，白色。但是實際上你可以選擇你喜歡的字體。打開圖層屬性面板，設置投影，參數如下圖。（圖11）

圖11 效果如下。（圖12）

圖12

好了，頭部的部分我們就已經完成了。我希望給我們的banner添加更多的設計元素。選擇用戶自定義形狀，選擇一個Photoshop里面自帶的一個形狀，如下圖。（圖13）

圖13

在我們的banner上面添加兩個白色的形狀。（圖14）

圖14 合并兩個形狀到一個圖層中。好了，我們把banner外面的形狀要刪除。如何做到這點呢？按住Ctrl左鍵點擊形狀的那個圖層縮略圖，載入選區。然后按Ctrl＋Shif＋I將選區反選，按一下Delete就可以刪除我們不需要的部分了。（圖15）

圖15

點擊Ctrl＋D取消選區。設置形狀圖層的渲染模式為柔光，透明度為20%。（圖16）

圖16

現在，我們需要一個干凈的頭部，我們要把頭部這一部分的圖形形狀刪除掉。利用矩形選區工具可以進行這個操作。如下圖。（圖17）

圖17 添加更多的文字。（圖18）

圖18

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

圖19

好了，在按鈕上面添加一些文字。（圖20）

圖20

Ok，我們的教程就完成了。效果看上去很不錯。（圖21）

圖21

第二篇：Banner廣告設計

Banner廣告設計

教學設計：

讓自己創作的Flash能動起來，是Flash教學中學生感覺十分神奇的部分，首先讓學生通過觀察、比較Internet上優秀的Banner廣告，思考、討論、總結出Banner中有哪些主要元素（鮮艷的色塊、運動的文字、圖片等），接著教師講解最基本的運動漸變動畫的制作方法，并引導學生通過對運動漸變的屬性面板的探索，試著制作出透明度、顏色、旋轉、速度等變化效果，最后結合本班級的特色為班級主頁設計制作一個Banner廣告，即體現了軟件的實用性和趣味性，也提高了學生的學習積極性和創新能力的培養。

教學目的：

知識與能力：1．通過教學使學生初步掌握Flash動畫中運動漸變的制作方法；

2．進一步提高學生制作中色彩搭配、構圖等技巧運用能力。結

合符號、圖層、時間軸等已掌握的技能為班級主頁（個人主頁）

設計制作Banner。

過程與方法：1．通過觀察與思考使學生學習并歸納Internet上優秀的Banne

r設計的主要元素，引導學生在對比中探討不同Banner合理運

用的方法；

2．通過布置主題任務，給學生提供設計創新的空間，從而使學

生能夠獨立制作并完成任務，培養學生的實踐、創新能力。

3．通過交流與分享，以及教師的及時鼓勵使學生體會成功的喜

悅和合作的價值。

情感、態度與價值觀：鼓勵學生在學習的過程中養成多觀察、多思考、多

模仿、多嘗試、多創新的學習習慣和方法。

教學重點：

掌握Flash動畫中運動漸變的制作要領，學會設計制作Banner的基本方法。教學難點：

提高學生制作中色彩搭配、構圖等技巧運用能力。能創作出有個人特色的Banner。

教學過程：

一、什么是Banner

Banner，一般翻譯為旗幟廣告、橫幅廣告等。是一個表現商家廣告內容的圖片，是互聯網廣告中最基本的廣告形式。

一、Banner廣告的作用：

1．放置在廣告商的網站頁面上，展現商家的產品，起到自我介紹的作用。如： 東方航空，MSN

2．放置在其他網站頁面上，向網頁瀏覽者推介自己的產品或一些活動，引起網頁瀏覽者的興趣，也是這些網站用來盈利的途徑。

如：搜狐

3．發布一些重要信息。

富有獨特創意的橫幅廣告形式是在互聯網上建立并推廣客戶品牌形象的有效途徑。

二、Banner廣告的特點：

推廣信息簡單明了 創造出一種點擊的緊迫感 明確表達對用戶的利益 具有趣味性

三、Banner廣告的形式：

橫幅廣告，尺寸一般是480*60像素，或233*30像素，也可以根據內容和網頁上可用空間的多少，增加或減少尺寸。

一般是使用GIF格式的圖像文件，可以使用靜態圖形，也可用多幀圖像拼接為動畫圖像。除普通GIF格式外，目前流行使用動感更強，交互性更高的Flash形式。這樣更具有吸引力。

四、Flash Banner的組成元素和各元素的呈現形式

學生活動1：觀察教師準備的幾個網上下載的Flash Banner，討論組成的元素

及其呈現的形式。

逐幀動畫、符號的使用、運動漸變動畫（大小、位置、顏色、透明

度、旋轉、速度等的變化）、層和影片實例的運用。

五、講解運動漸變動畫的制作方法

教師：介紹制作運動漸變動畫的一般方法。（強調只有對符號才能設置運動漸變）學生活動2：教師簡單提一下運動漸變的屬性面板的組成，由學生探索如何產生

透明度、顏色、旋轉、速度等變化效果。

六、以2人一小組創作

學生活動3：為班級主頁（或個人主頁）設計并制作 FlashBanner

七、展示、交流、評價

學生活動4：作品展示、交流

八、小結 Banner 制作的注意點

1．文字：不要太多，盡量用粗壯的字體。

2．色彩：合理使用色彩的對比關系。

3．圖形：要簡潔，不需太繁、雜。

Banner在設計上還應該要做到制作美觀、方便點擊、與網頁協調和整體構成合理。

表-1 注目程度高的配色：

順序１ ２ ３ ４ ５ ６ ７ ８ ９ 10

底色黑 黃 黑 紫 紫 藍 綠 白 黃 黃

圖形色 黃 黑 白 黃 白 白 白 黑 綠 藍

表-2 注目程度低的配色：

順序１ ２ ３ ４ ５ ６ ７ ８ ９ 10

底色黃 白 紅 紅 黑 紫 灰 紅 綠 黑

圖形色 白 黃 綠 藍 紫 黑 黑 紫 紅 藍

第三篇：Photoshop教程制作青色簽名

Photoshop教程制作青色簽名

原圖

最終效果

1、打開原圖，按Ctrl + J復制一層，執行：濾鏡 > 渲染 > 光照效果，參數設置如下圖。

2、創建照片濾鏡調整圖層，參數設置如下圖。

3、創建可選顏色調整圖層，參數設置如下圖。

4、新建一個圖層按Ctrl + Alt + Shift + E蓋印圖層，按Ctrl + Alt + ~調出高光選區，填充顏色：#ffe682。

5、最后新建一個圖層，刷上自己喜愛的筆刷，再加上簽名文字，完成最終效果。

第四篇：PhotoShop制作簡單的球形文字效果教程

PhotoShop制作簡單的球形文字效果教程

作者：網絡運營中心 文章來源：河南新華電腦學院

1.新建文檔，輸入文字，柵格化文字，持行橢圓選區按鈕，按住SHIFT鍵，創建正圓，2.持行濾鏡-扭曲-球面化(數量：100% 模式：正常），3.合并可見圖層，4.再持行濾鏡-渲染-鏡頭光暈（默認值）（始終不能取消選區哦）5.新建文檔 選區內容移動到新文檔，雙擊，跳出圖層樣式，投影（距離：17，大小：25 其他默認值）嘻嘻

6.效果出來了，隨便加點東西

第五篇：PhotoShop制作聆聽簽名詳細教程

Photoshop創意設計:聆聽心靈深處的音樂，效果不錯！

請看最終效果：

原圖：

步驟：

01:新建畫布,尺寸寬度30厘米 高度為15厘米 分辨率72,填充白色

02:將背景素材拖入畫布中,適當調整好大小,效果如圖所示

03:將人物拖入畫布中,適當調整好位置和大小

04:將多余的背景扣除,效果如圖所示

05:復制圖層3,并將此圖層模式更改為正片疊底

06:在圖層3副本上加蒙版,用畫筆適當將人物頭發邊緣的白色擦掉, 效果如圖所示

07:在圖層3副本上執行色相/飽和度:編輯紅色,用吸管吸取人物皮膚的顏色,明度+53 效果如圖所示

08:執行色彩平衡--暗調,參數如圖所示

09:執行色彩平衡--高光,參數如圖所示

10:合并所有圖層

11:選擇自定義形狀工具,工具的形狀選擇紅色方框內圖標

12:新建圖層,前景色為白色,畫出形狀,并適當調整好大小,效果如圖所示

13:新建畫布,尺寸為4x4像素 分辨率為72,背景內容為透明,如圖所示

14:將畫布拉到最大效果

15:在畫布內做出選區,并填充白色

16:將白色選區適當拉大并旋轉角度,效果如圖所示

17:編輯/自定義圖案

18:圖案名稱可以自定,以方便以后好查找

19:打開剛才設計的圖片,新建圖層,執行編輯-填充

20:自定圖案為紅色方框內圖標,也就是剛才保存的圖案,如圖所示

21:模式為正常,不透明為100%,如圖所示

22:圖層1模式為疊加,并加蒙版,用畫筆將人物臉上的斜紋擦掉,畫筆的不透明度為32%

23:新建圖層,在圖片上打上要表達的字體

24:將花紋素材拖入畫布中,圖層模式為濾色,并適當調整大小和角度

25:選擇紅色方框內畫筆工具,并將不透明度更改為87%

26:前景色為白色,在圖片四周適當的畫出不規則圖案,效果如圖所示

本教程所用的素材和背景