当前位置:非凡站长站 → 文章教程 → Fireworks教程 → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
-
[组图] FireworksMX教程:制作虚线
[内容预览]
273 | 2006-05-22 01:14:26
操作步骤: 1.启动FireworksMX,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色。 2.单击“工具”面板“矢量”部分的“线条”工具,并且按住键盘上的“Shift”键,在编辑区任意绘制一条直线。 3.在“工具”面板的“选择”部分中选择“指针”工具,选中这条直线。 4....
[阅读全文]
-
[组图] FireworksMX教程:环绕文字(1)
[内容预览]
57 | 2006-05-22 01:14:25
1.新建宽和高都是300像素的文件,背景设为白色。 2.点选“工具”面板中的“文本”工具,在工作区输入文本“http://vip.5d.cn/fuguotao/,字体选择“ArialBlack”,字号为20像素大小,颜色为黑色。 3.点选“工具”面板“矢量”部分的“椭圆”工具。 4.按住“Shift”键,...
[阅读全文]
-
[组图] FireworksMX教程:环绕文字(2)
[内容预览]
45 | 2006-05-22 01:14:23
6.单击“填充颜色框”图标。 7.在颜色弹出窗口中选择“透明按钮”。 8.选中“描边”工具。 9.在“描边种类”中选择“铅笔”>“一像素柔化”。 10.按住Shift键,使用“指针”工具同时选择圆和文字。
[阅读全文]
-
[组图] FireworksMX教程:环绕文字(3)
[内容预览]
43 | 2006-05-22 01:14:22
11.打开菜单栏的“文本”菜单,单击“附加到路径”。 12.环绕文字就做好了。 13.如果想旋转文字,选择“工具”面板中的“缩放工具”。 14.出现圆形箭头,就可以旋转文字。 15.如果希望文本沿路径的内侧排列,选择“文本”菜单中的“倒转方向”。
[阅读全文]
-
[组图] FireworksMX教程:改变图片
[内容预览]
30 | 2006-05-22 01:14:20
1.打开一个图片。此图片大小为宽2950,高2094。目的是要把这个图片变成宽400的图片。 2.打开“修改”菜单,单击“画布”里的“图象大小”。 3.在宽度中输入400。 4.选择“文件”菜单中的“导出”,给文件命名,保存即可。
[阅读全文]
-
[组图] FireworksMX教程:羽化图片(1)
[内容预览]
35 | 2006-05-22 01:14:19
1.打开一个图片。 2.点击“工具”面板“位图”部分的“选取框”工具。也可以选择“椭圆选取框”工具。 3.选择部分图象。 4.在属性检查器中,“边缘”项中选择“羽化” 5.调整羽化大小。
[阅读全文]
-
[组图] FireworksMX教程:羽化图片(2)
[内容预览]
36 | 2006-05-22 01:14:17
6.打开“选择”菜单,单击“反选”。 7.反选过的图片: 8.按键盘上的Delete键删除。 9.羽化后的图片:
[阅读全文]
-
[组图] fireworksMX教程:缺角矩形(1)
[内容预览]
27 | 2006-05-22 01:14:16
1.新建一个宽为150象素,高为100像素的文件,背景色任意。 2.选中工具面板中的矩形工具,在编辑区画一个矩形。 3.选择工具面板矢量部分的“刀子工具”,并且按住Shift键,把矩形右上角的边框进行切割。 4.切割后的图片: 5.点选“工具”面板中的“部分选定”工具。 6.选择顶点。
[阅读全文]
-
[组图] fireworksMX教程:缺角矩形(2)
[内容预览]
30 | 2006-05-22 01:14:15
7.按键盘上的DEL键删除。 8.继续把左角变成缺角。选择“工具”面板矢量部分的“钢笔”工具。 9.在左下角的两个边框等距离各单击一下。 10.使用“部分”选定工具选择左下角的顶点。 11.按键盘上的DEL,删除左下角顶点后如图。
[阅读全文]
-
[组图] FireworksMX教程:两头半圆矩形
[内容预览]
28 | 2006-05-22 01:14:13
1.在“工具”面板的“矢量”部分中选择“圆角矩形”工具。 2.在属性检查器中,单击矩形圆度旁边的滑块,拖动滑块到100。 3.在工作区画一个两头半圆的矩形。
[阅读全文]
-
[组图] FireworksMX教程:制作渐变按钮
[内容预览]
29 | 2006-05-22 01:14:12
1.使用矩形工具在工作区画一个矩形。 2.在“工具”面板“位图”部分中的“油漆桶”工具上单击并按住鼠标按钮。从出现的弹出菜单中选择“渐变”工具。 3.单击属性检查器中的“填充颜色”框。选择“线性”填充。 4.打开“编辑渐变”弹出窗口,在色阶下面单击添加一个色样。实例中添加的色样在中间。 5.单击...
[阅读全文]
-
[组图] fireworks MX教程:圆角三角形
[内容预览]
30 | 2006-05-22 01:14:10
1.选择“多边形”工具。 2.在“属性”检查器中,在“边”文本框中输入3。 3.按住Shift键,在画布上从上到下拖动,画出一个正三角形。 4.打开菜单:修改>改变路径>伸缩路径。 5.方向选择“外部”,宽度为15,也可以是其它数值,角选择圆弧,如下图。 6.做好的圆角三角形。
[阅读全文]
-
[组图] FireworksMX教程:制作抽线图
[内容预览]
23 | 2006-05-22 01:14:09
1.打开一幅图像。 2.选择“矩形”工具。 3.点击属性检查器上的填充类别下拉框。 4.单击“填充选项”。 5.在如下图中,设置“填充类别”为实心,也可以试试其它项。纹理为水平线4。纹理总量为100%,只要不为0就可以。选择透明项。在纹理总量中不为0,就可以选中透明项。 6.使用矩形工具在...
[阅读全文]
-
[组图] Fireworks MX教程:Mac按钮(1)
[内容预览]
29 | 2006-05-22 01:14:07
1.新建一个文件,背景色自定。使用圆角矩形工具,在编辑区绘制一个圆角矩形,矩形宽120象素,高40象素,矩形圆度为50。 2.选中这个圆角矩形,在属性面板上,描边设为无,填充方式为线性,填充颜色设置为灰色到白色。选取油漆桶工具,从上向下拖动。 3.打开层面板,选中当前图层,拖到“新建复制层”按钮上,复制一个...
[阅读全文]
-
[组图] Fireworks MX教程:Mac按钮(2)
[内容预览]
31 | 2006-05-22 01:14:06
6.使用“刀子工具”,在圆角矩形的上部四分之一处,横向切割。 7.使用“指针”工具,点选下半部分,按键盘上的DEL键,删除。如果无法选中,先在编辑区其它部分点击一下。 8.选中切割后的图形,打开效果面板,选择模糊,高斯模糊,数值为2.7。 9.点击层1前的锁图标,给层1解锁,选中层1下的图层,调整效果选项...
[阅读全文]
-
[组图] FireworksMX教程:荧光按钮(1)
[内容预览]
28 | 2006-05-22 01:14:04
1.新建一个文件,大小任意,背景为透明。 2.在透明画布上,使用圆角矩形工具画一个两头半圆的按钮,颜色为黑色。制作方法见《制作两头半圆的矩形》一文。 3.选中当前图层,单击层面板右上角的弹出菜单按钮,在弹出的菜单中选择复制图层命令,复制当前选定图层,在弹出对话框中选择“在顶端”,将复制的图层命名为“效果层”。 ...
[阅读全文]
-
[组图] FireworksMX教程:荧光按钮(2)
[内容预览]
31 | 2006-05-22 01:14:03
5.对缩放后的图形应用透明渐变效果。在属性面板中选择“线性”渐变。 6.点击油漆桶旁边的颜色块,弹出渐变颜色设置面板。 7.设置左边的颜色块颜色为白色,右边透明块的不透明为0。 8.在效果层上从上到下拖动应用白色到透明的渐变。 9.最终效果如下图。
[阅读全文]
-
[组图] FireworksMX教程:立体按钮
[内容预览]
23 | 2006-05-22 01:14:01
1.新建一个文件,使用矩形工具在画布上绘制一个矩形,宽90,高20,填充颜色为#656565。 2.单击属性检查器中的“添加效果”按钮,然后从“效果”弹出菜单中选择“斜角和浮雕”/“内斜角”。 3.在弹出的对话框中设置如下图。 4.做好的效果。
[阅读全文]
-
[组图] FireworksMX教程:虚线背景图片
[内容预览]
26 | 2006-05-22 01:14:00
1.新建一个文件,设置如下图。 2.在优化面板中,选择GIF格式,Alpha透明,导出文件,在dreamweaver中,就可以把这个图像作为单元格的当前图像。 3.使用“缩放”工具,把画布放大800%。 4.使用矩形工具,在最中间处画一个点。在优化面板中,选择GIF格式,Alpha透明,导出这个文件,在d...
[阅读全文]
-
[组图] FireworksMX教程:去背景图
[内容预览]
39 | 2006-05-22 01:13:58
1.打开要去背景的图片,使用魔术棒工具,选择图片中的背景。 2.在属性面板中设置容差,边缘可以选择羽化。 3.删除选中的背景,反复进行这个过程,最后的图片如下。
[阅读全文]
-
[组图] FireworksMX教程:圆角矩形框
[内容预览]
36 | 2006-05-22 01:13:57
1.在工具面板上选择圆角矩形工具,在画布上绘制一个圆角矩形。 2.在属性检查器中设置如下。 3.做出的圆角矩形框。
[阅读全文]
-
[组图] Fireworks 制作 透明苹果标志(2)
[内容预览]
45 | 2006-05-22 01:13:56
Png源文件:
[阅读全文]
-
[组图] Fireworks MX 实现选项卡式效果(1)
[内容预览]
34 | 2006-05-22 01:13:54
论坛上经常有一些网友讨论类似于这种效果是如何实现的.我也不知道这种效果应该叫什么,不过他类似于windows的选项卡,所以在这里,我们就先给这种效果定个性,就先叫选项卡式效果吧.(不好听,将就一下先~~)先说些题外话,一种效果的实现,可能会有好多种方法.而一种效果灵活运用会实现更多意想不到的效果.这就是没有做不到,只有...
[阅读全文]
-
[组图] Fireworks MX 实现选项卡式效果(2)
[内容预览]
24 | 2006-05-22 01:13:53
下面再到帧2中选中第二个矩形执行如帧1的操作,然后到帧3中选中最后一个矩形执行上面的操作.回到帧1输入文字,到帧2输入文字,再到帧3输入文字使用矩形热点工具,圈选选项卡的菜单按钮,在这里你可以使用克隆或复制工具把他们排列于菜单之上完成效果如图使用切片工具,拉出如图效果。好了下面进入重点,在帧1中选中的第一个热点打开行为...
[阅读全文]
-
[组图] Fireworks MX 2004等高渐变填充(1)
[内容预览]
23 | 2006-05-22 01:13:51
进入FireworksMX2004,很明显的,你会发现矢量图形绘制工具强大很多。而绘制图形后的矢量填充设置也有了更形象化的改进。看看填色设置表,有没有发现多了一样东西?是的,这就是FWMX2004版本新增的等高渐变填充Contour。 先来画个简单图形来尝试下这个新功能吧,这里我们只用了两种颜色,通过起始点角度变...
[阅读全文]
-
[组图] Fireworks MX 2004等高渐变填充(2)
[内容预览]
29 | 2006-05-22 01:13:50
来玩下进阶,通过等高渐变填充我们可以直接做出很有质感的按钮。这里我们应用了多色彩渐变,并且加入了材质填充来加强质感。 等高渐变填充的丰富立体感表现,再配合FireworksMX2004增强的矢量图形绘制工具,我们已经可以做出几乎触手可及的小配件。这里用了甜甜圈Doughnut绘图工具做出雏形后再加以变形,效果中增...
[阅读全文]
- [组图] Fireworks MX 制作羽毛效果教程(1) [内容预览] 83 | 2006-05-22 01:13:48
- [组图] Fireworks MX 制作羽毛效果教程(2) [内容预览] 53 | 2006-05-22 01:13:47
-
[组图] Fireworks 制作图片窗格效果(1)
[内容预览]
39 | 2006-05-22 01:13:45
效果图片(Png源图): 1、在Fw中打开图片,可稍加处理,比如做些TV扫描线特效、高斯模糊效果等等,具体制作我们这里不再详述; 2、使用圆角矩形工具在工作区画出正圆角矩形(长:60px,宽:60px,笔触:#ccccccc,填充色:#ffffff),并放置好位置(X轴:0,Y轴:0); 3、从“窗口”菜单中打...
[阅读全文]
-
[组图] Fireworks 制作图片窗格效果(2)
[内容预览]
28 | 2006-05-22 01:13:43
7、做些处理。随意扣除其中一至二块矩形,处理后图片: 8、在层面板中,全选这些路径对象(注意不要将背景位图群组进矢量组中)。选择“修改”菜单、“组合路径”、“合并(Ctrl+J)”。 9、全选对像,对位图进行蒙版MASK操作:“修改”菜单、“蒙版”、“组合为蒙版”; 10、打开层面板,选择矢量蒙版; 11、在属...
[阅读全文]


