最终效果：

　　1、Photoshop中建立一个新的文档，文件大小为500×500，图像模式为RGB，背景是黑色，新建一个图层，用钢笔工具绘制一个花瓣形状，效果如下图所示：

　　2、右单击已画好的路径选择’建立选区’，羽化半径为:0，勾选:消除锯齿，然后用白色填充选区.效果图如下所示：

　　3.按Ctrl+Alt+D将选区羽化，羽化半径为:5(你可以根据自己所建立的图形大小自行设定羽化半径)，按DEL键删除选区中的白色，如下图所示：

　　4、将刚建立的图层的再复制4份，并对复制的图层进行旋转变小，所下图所示:

　　提示：当你按Ctrl+T旋转时，可将旋转中心点移到右下角的控制点上.这样旋转的物体都是围着同一个中心点进行旋转。

　　5.先将第一个花瓣复制再两层，再对其复制的两个图层分别进行动感模糊(滤镜―模糊―动感模糊)，模糊角度范围在-100—+80度之间，距离:50以内均可.其他几个花瓣也进行同上的处理，需要注意的是:在动感模时，其模糊角度范围在该层物体的倾斜角度的-10 — +10度之间，距离:50以内均可.五个花瓣分别进行完后其效果如下所示.

　　6.将背景层隐藏起来，按Ctrl+Shift+E，除了背景层以为的其他图层都合拼在一起，在新建立一层，用渐变工具(渐变颜色选择你喜欢的颜色)填充新图层，并将该图层的合成方式变成叠加.到这里蝴蝶就做完了，效果如下所示.

　　7.下面的图像是对其变形，复制以及加入其他元素的蝴蝶…

注：在W3C制定的HTML 4 .0标准中，只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon , navy, olive, purple, red, silver, teal, white, and yellow)，其它的颜色都要用16进制RGB颜色值表示。

种不同的系统保留颜色。以下就是216种Web安全颜色：#这个符号。56种Web安全颜色呢？因为Microsoft和Mac操作系统有。

当然 ，现在的浏览器支持更多的颜色名称。不过为保险起见，建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。

为了方便大家找到合适的颜色 ，我们在这里列了一些颜色说明 ，以供大家参考 ，不妨作为一种速查工具 。

Web安全颜色

以前，很多电脑显示器最多支持256色，因此出现了216种Web安全颜色 ，以保证网页的颜色能够正确显示。

以下就是216种Web安全颜色：000000表示。以保证网页的颜色能够正确显示。

那为什么不是256种Web安全颜色呢？因为Microsoft和Mac操作系统有40种不同的系统保留颜色。

green, lime, maroon, navy, olive!

以下就是216种Web安全颜色 ：

微软支持的颜色名称

下面是微软IE4.0以上都支持的颜色名称：

HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？……

如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。

为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。

HTML有2种路径的写法：相对路径和绝对路径。

HTML相对路径(Relative Path)

同一个目录的文件引用

如果源文件和引用文件在同一个目录里，直接写引用文件名即可。

我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。

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

假设info.html路径是：c:\Inetpub\wwwroot\sites\sj33\info.html

假设index.html路径是：c:\Inetpub\wwwroot\sites\sj33\index.html

在info.html加入index.html超链接的代码应该这样写：

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

如何表示上级目录

HTML初学者会经常遇到这样一个问题，

../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。

假设info.html路径是：c:\Inetpub\wwwroot\sites\sj33\info.html

假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html

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

在info.html加入index.html超链接的代码应该这样写：

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

假设info.html路径是：c:\Inetpub\wwwroot\sites\sj33\info.html

假设index.html路径是：c:\Inetpub\wwwroot\index.html

在info.html加入index.html超链接的代码应该这样写：

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

假设info.html路径是：c:\Inetpub\wwwroot\sites\sj33\info.html

假设index.html路径是：c:\Inetpub\wwwroot\sites\wowstory\index.html

在info.html加入index.html超链接的代码应该这样写：

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

如何表示下级目录

//www.laura-marie.com/tutorials.

引用下级目录的文件，直接写下级目录文件的路径即可。

假设info.html路径是：c:\Inetpub\wwwroot\sites\sj33\info.html

假设index.html路径是：c:\Inetpub\wwwroot\sites\sj33\html\index.html

在info.html加入index.html超链接的代码应该这样写：

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

假设info.html路径是：c:\Inetpub\wwwroot\sites\sj33\info.html

假设index.html路径是：c:\Inetpub\wwwroot\sites\sj33\html\tutorials\index.html

在info.html加入index.html超链接的代码应该这样写：

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

HTML绝对路径(Absolute Path)

HTML绝对路径(absolute path)指带域名的文件的完整路径。

假设你注册了域名www.laura-marie.com，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，比如www，这个www就是你网站的根目录。

假设你在www根目录下放了一个文件index.html，这个文件的绝对路径就是： //www.laura-marie.com/index.html。

假设你在www根目录下建了一个目录叫jc，然后在该目录下放了一个文件index.html，这个文件的绝对路径就是//www.laura-marie.com/jc/index.html。