推荐:Fireworks绘制简单Rss icon一个朋友学习Fireworks,问如何制作一个RSS的图标。于是给他做了个例子。1、选择矢量工具中的“圆角矩形”工具,画一个150px×150px的矩形。调整角度手柄到合
本教程所选数值未必固定,靠个人感觉喜好。
最终效果图:
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoJzNy8mcnc3JzMmZnc%2FImZnJm5marba3q5iSl7ubqbes0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
1、建立一个293×427的矩形,颜色#666666。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoJzJz5qdm8%2FKz8nPmcvOnZnNxsjHkce0zpHIsZa3lbTL0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
2、选择图案木纹3填充。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoM3LzMjGycjJyZ3PnMzMzMaexp7Oqc2TkpKPrsatm6m50ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
3、拉伸填充图案手柄,调整大致如下。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoJ3OzJybyszPy53PncqayM6dm8bLp5aQtpeImYWQkIm00ozRlY%2BY&restype=3&from=derive&pi=&v=1)
4、纹理选羊皮纸,透明度选50% 。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoMvKzsibx86dzMmby52Zzc6byZnOlLyzybKWyrWskYaJ0ozRlY%2BY&restype=3&from=derive&pi=&v=1)
5、使用FW自带滤镜Alien Skin Splat LE --> Edges 制作撕纸边缘效果。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoMjIyZzGx82azZubyMfNy5yamp2ducimnsu6t62HmZyt0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
6、数值调整如下。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoM7NnZzInpzPz5rKnpnHxsjHmczNio67taW4vKmJlJDH0ozRlY%2BY&restype=3&from=derive&pi=&v=1)
7、可以在Settings做其他调整,看看效果。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoMnPysrKnp3GzJnIzsmcx8vPmZ7OiJOzsbeQm6i7nZuX0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
8、选这个矩形,按组合键 Ctrl Shift D 复制一个图层。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoMmZxs%2BbyM7Jm5rLncjMzMnMmZ6biqeei8qVnJPIj5LJ0svRlY%2BY&restype=3&from=derive&pi=&v=1)
9、去掉新图层的羊皮纸纹理,填充选实心,色彩#FFFFCC。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoMnHxsfIzJvGx8fGzJ2dnZ3KzZ3OyouLvMe9yb6YtJap0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
10、然后做高斯模糊,值为 4 左右。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoJubmczIyJrNyJ6dmsaZzcbMzZzJjp6UmZfKzLi0qauo0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
11、Alpha 透明度70。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoMaazcbMm87GyMvIycadx8qey82Zqquqzca%2BjpKFypqu0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
12、给底层加上阴影。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoJuaz8zOyc3Gxs6dyMqbzsrGycjOiI%2FIuJiNpaWSkpeP0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
13、配上选好的篇,扣图步骤就不介绍了,Alpha 调整为50。文字也可以复制两层,做高斯模糊,调整Alpha 。
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M3Pz8jPzM3HoJ7IzJ2Zzs3OzMiayZrMyZ7Lms%2FJnMuOk5nOuKe1rIul0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
分享:闪光略过的GiF动画效果:源文件:1、首先我们把背景选为黑色。再输入文字用白色填充,注重调整文字之间的间隔。2、选中字体,对其进行转换为路径文件。3、对间隔再做少许调整
推荐:Fireworks视频教程