最終效果：

　　1、Photoshop中建立一個(gè)新的文檔，文件大小為500×500，圖像模式為RGB，背景是黑色，新建一個(gè)圖層，用鋼筆工具繪制一個(gè)花瓣形狀，效果如下圖所示：

　　2、右單擊已畫好的路徑選擇’建立選區(qū)’，羽化半徑為:0，勾選:消除鋸齒，然后用白色填充選區(qū).效果圖如下所示：

　　3.按Ctrl+Alt+D將選區(qū)羽化，羽化半徑為:5(你可以根據(jù)自己所建立的圖形大小自行設(shè)定羽化半徑)，按DEL鍵刪除選區(qū)中的白色，如下圖所示：

　　4、將剛建立的圖層的再復(fù)制4份，并對(duì)復(fù)制的圖層進(jìn)行旋轉(zhuǎn)變小，所下圖所示:

　　提示：當(dāng)你按Ctrl+T旋轉(zhuǎn)時(shí)，可將旋轉(zhuǎn)中心點(diǎn)移到右下角的控制點(diǎn)上.這樣旋轉(zhuǎn)的物體都是圍著同一個(gè)中心點(diǎn)進(jìn)行旋轉(zhuǎn)。

　　5.先將第一個(gè)花瓣復(fù)制再兩層，再對(duì)其復(fù)制的兩個(gè)圖層分別進(jìn)行動(dòng)感模糊(濾鏡―模糊―動(dòng)感模糊)，模糊角度范圍在-100—+80度之間，距離:50以內(nèi)均可.其他幾個(gè)花瓣也進(jìn)行同上的處理，需要注意的是:在動(dòng)感模時(shí)，其模糊角度范圍在該層物體的傾斜角度的-10 — +10度之間，距離:50以內(nèi)均可.五個(gè)花瓣分別進(jìn)行完后其效果如下所示.

　　6.將背景層隱藏起來，按Ctrl+Shift+E，除了背景層以為的其他圖層都合拼在一起，在新建立一層，用漸變工具(漸變顏色選擇你喜歡的顏色)填充新圖層，并將該圖層的合成方式變成疊加.到這里蝴蝶就做完了，效果如下所示.

　　7.下面的圖像是對(duì)其變形，復(fù)制以及加入其他元素的蝴蝶…

注：在W3C制定的HTML 4 .0標(biāo)準(zhǔn)中，只有16種顏色可以用顏色名稱表示(aqua, black, blue, fuchsia, gray, green, lime, maroon , navy, olive, purple, red, silver, teal, white, and yellow)，其它的顏色都要用16進(jìn)制RGB顏色值表示。

種不同的系統(tǒng)保留顏色。以下就是216種Web安全顏色：#這個(gè)符號(hào)。56種Web安全顏色呢？因?yàn)镸icrosoft和Mac操作系統(tǒng)有。

當(dāng)然 ，現(xiàn)在的瀏覽器支持更多的顏色名稱。不過為保險(xiǎn)起見，建議你還是采用16進(jìn)制RGB顏色值來表示顏色。并且在值前加上#這個(gè)符號(hào)。

為了方便大家找到合適的顏色 ，我們?cè)谶@里列了一些顏色說明 ，以供大家參考 ，不妨作為一種速查工具 。

Web安全顏色

以前，很多電腦顯示器最多支持256色，因此出現(xiàn)了216種Web安全顏色 ，以保證網(wǎng)頁的顏色能夠正確顯示。

以下就是216種Web安全顏色：000000表示。以保證網(wǎng)頁的顏色能夠正確顯示。

那為什么不是256種Web安全顏色呢？因?yàn)镸icrosoft和Mac操作系統(tǒng)有40種不同的系統(tǒng)保留顏色。

green, lime, maroon, navy, olive!

以下就是216種Web安全顏色 ：

微軟支持的顏色名稱

下面是微軟IE4.0以上都支持的顏色名稱：

HTML初學(xué)者會(huì)經(jīng)常遇到這樣一個(gè)問題，如何正確引用一個(gè)文件。比如，怎樣在一個(gè)HTML網(wǎng)頁中引用另外一個(gè)HTML網(wǎng)頁作為超鏈接(hyperlink)？怎樣在一個(gè)網(wǎng)頁中插入一張圖片？……

如果你在引用文件時(shí)(如加入超鏈接，或者插入圖片等)，使用了錯(cuò)誤的文件路徑，就會(huì)導(dǎo)致引用失效(無法瀏覽鏈接文件，或無法顯示插入的圖片等)。

為了避免這些錯(cuò)誤，正確地引用文件，我們需要學(xué)習(xí)一下HTML路徑。

HTML有2種路徑的寫法：相對(duì)路徑和絕對(duì)路徑。

HTML相對(duì)路徑(Relative Path)

同一個(gè)目錄的文件引用

如果源文件和引用文件在同一個(gè)目錄里，直接寫引用文件名即可。

我們現(xiàn)在建一個(gè)源文件info.html，在info.html里要引用index.html文件作為超鏈接。

html路徑是：c:\Inetpub\wwwroot\sites\.

假設(shè)info.html路徑是：c:\Inetpub\wwwroot\sites\sj33\info.html

假設(shè)index.html路徑是：c:\Inetpub\wwwroot\sites\sj33\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫：

<a href = “index.html”>index.html</a>

如何表示上級(jí)目錄

HTML初學(xué)者會(huì)經(jīng)常遇到這樣一個(gè)問題，

../表示源文件所在目錄的上一級(jí)目錄，../../表示源文件所在目錄的上上級(jí)目錄，以此類推。

假設(shè)info.html路徑是：c:\Inetpub\wwwroot\sites\sj33\info.html

假設(shè)index.html路徑是：c:\Inetpub\wwwroot\sites\index.html

html路徑是：c:\Inetpub\wwwroot.

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫：

<a href = “../index.html”>index.html</a>

假設(shè)info.html路徑是：c:\Inetpub\wwwroot\sites\sj33\info.html

假設(shè)index.html路徑是：c:\Inetpub\wwwroot\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫：

<a href = “../../index.html”>index.html</a>

假設(shè)info.html路徑是：c:\Inetpub\wwwroot\sites\sj33\info.html

假設(shè)index.html路徑是：c:\Inetpub\wwwroot\sites\wowstory\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫：

<a href = “../wowstory/index.html”>index.html</a>

如何表示下級(jí)目錄

//m.createwh.com/tutorials.

引用下級(jí)目錄的文件，直接寫下級(jí)目錄文件的路徑即可。

假設(shè)info.html路徑是：c:\Inetpub\wwwroot\sites\sj33\info.html

假設(shè)index.html路徑是：c:\Inetpub\wwwroot\sites\sj33\html\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫：

<a href = “html/index.html”>index.html</a>

假設(shè)info.html路徑是：c:\Inetpub\wwwroot\sites\sj33\info.html

假設(shè)index.html路徑是：c:\Inetpub\wwwroot\sites\sj33\html\tutorials\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫：

<a href = “html/tutorials/index.html”>index.html</a>

HTML絕對(duì)路徑(Absolute Path)

HTML絕對(duì)路徑(absolute path)指帶域名的文件的完整路徑。

假設(shè)你注冊(cè)了域名m.createwh.com，并申請(qǐng)了虛擬主機(jī)，你的虛擬主機(jī)提供商會(huì)給你一個(gè)目錄，比如www，這個(gè)www就是你網(wǎng)站的根目錄。

假設(shè)你在www根目錄下放了一個(gè)文件index.html，這個(gè)文件的絕對(duì)路徑就是： http://m.createwh.com/index.html。

假設(shè)你在www根目錄下建了一個(gè)目錄叫jc，然后在該目錄下放了一個(gè)文件index.html，這個(gè)文件的絕對(duì)路徑就是http://m.createwh.com/jc/index.html。