心形

作者:Sener 出处: 效果图其实都是由相同的小宝石组成，制作的时候只要做出一个宝石即可。由于宝石构成的面非常多，最好不要用一个图层来完成，需要分成几个图层来玩完成。 最终效果 1、教程开始之前先来制作小的宝

在本教程中，你将学习如何创建一个Fancy的设计工作室网页布局。像往常一样，希望通过实例教程传递布局构架理念，不只是在告诉大家网站是如何一点点设计出来的。所以希望看到灵活应用的更多扩展版本。期待你的创新。

4、在页面布局的底部，填入第二张图片，命名该图层为bottom，设置图层模式为正片叠底。 5、Copy第二张图片得到bottom副本，移动到页面中上部位置。 6、接下来制作导航。使用圆角矩形工具，设置半径为15px，Size：94

21、下一步是创建一个Logo。 22、最后，你可以看到最终结果。

19、继续向页面加入一些图标和文字，注意icon效果和文字布局。 20、图标的图层样式参数如下。

15、然后使用滤镜模糊高斯模糊。设置8-10px为半径。 16、然后使用编辑变换扭曲,设置如下图。 17、下一步是在橙色铅笔。并用圆角矩形工具画一个橙色的形状，加入文字信息。 英文原教程是给了一个下载矢量素材的网站

10、想导航区域加入一些文字。 个人感觉比较喜欢这样的导航样式，宽敞的高度布局，融入了主副标题的设计，注意小号字不是二级导航，而是用一些简单的词语概括每个一级导航是什么。类似扩展说明。比较有新意。 11、

7、对该圆角矩形使用下面的图层样式。 8、使用直线工具画一些垂直的线。我使用下列颜色进行填充 #5e5a59。 9、然后使用矩形工具，绘制一个简单形状，加入较深的颜色。这个形状用于按钮事件。当你用鼠标滑动时就可以

制作心形之前需要自己找一个水晶心形实物图参考一下，重点了解它的受光情况。然后慢慢动手刻画心形暗部，高光及一些细节，做出自己喜欢的效果。