文章标题关闭所有内容预览 | 展开所有内容预览
-
[组图] Fireworks 仿MSN浏览器按钮(1)
[内容预览]
2 | 2007-11-21 17:41:59
现在不管是WindowsMediaPlayer播放器,还是MSN浏览器,甚至于腾讯的QQ浏览器都将前进后退的按钮改成了这种哑铃形状,下面我就教给大家如何在FireworksMX2004中制作这种简单的按钮。 1.新建300像素白色画布,选择“椭圆”工具按住Shift键画一个正圆形,复制这个圆形,并按住Shift键...
[阅读全文]
-
[组图] Fireworks 仿MSN浏览器按钮(2)
[内容预览]
2 | 2007-11-21 17:41:54
5.选中剩下的上半部分轮廓,复制,垂直翻转,然后对齐到中间辅助线位置,在选择上半部分路径联合。 6.使用线性过渡色填充,方向是从上到下,颜色参照#CBDCED---#FFFFFF,当然这里也可以自己根据需要随便填充。 7.选择效果--内侧阴影,距离4-透明度65%-柔化3-角度315-颜色#4775A3
[阅读全文]
-
[组图] Fireworks 仿MSN浏览器按钮(3)
[内容预览]
2 | 2007-11-21 17:41:47
8.依旧画一个正圆形,内部用放射性填充,填充颜色可以参照刚才的#CBDCED---#FFFFFF,边框可以选择稍微深一些的蓝色,然后在效果中选择投影,设置为距离2-透明度100%-柔化1-角度135-颜色#FFFFFF; 再作一次投影效果,设置为距离2-透明度100%-柔化1-角度315-颜色#000000;增加...
[阅读全文]
-
[组图] 透明立体网格效果制作教程(1)
[内容预览]
2 | 2007-11-21 17:41:40
1、新建文件,大小为50*50。 2、选取矩形工具,绘制一个50*50大小的正方形,填充及描边笔触设置如图。 3、将绘制好的图形保存为PNG或GIF文件,取名为“网格.png”备用。 4、打开一副素材图片。 5、在图片上方绘制一个略大于图象并覆盖整个画布的矩形框。在属性面板上,选择填充纹理为“其他...”,...
[阅读全文]
-
[组图] 透明立体网格效果制作教程(2)
[内容预览]
2 | 2007-11-21 17:41:34
9、此时如果隐藏位于底层的位图对象,将会看到遮罩得到的图形效果。 10、对遮罩组对象应用“斜角和浮雕|内斜角”效果,特效参数设置如图。 11、取消底层位图对象的隐藏属性,得到最终的透明立体网格效果。 PNG源文件下载:
[阅读全文]
-
[组图] 织梦幻影站点Logo制作方法(1)
[内容预览]
2 | 2007-11-21 17:41:26
[align=center][/align][align=center][/align][align=center][/align][align=center][/align][align=center][/align][align=center][/align]
[阅读全文]
-
[组图] 织梦幻影站点Logo制作方法(2)
[内容预览]
2 | 2007-11-21 17:41:17
[align=center][/align][align=center][/align][align=center][/align][align=center][/align]PNG源文件:[align=center][/align]
[阅读全文]
-
[组图] Fireworks 制作 IE 浏览器图标(1)
[内容预览]
2 | 2007-11-21 17:41:10
1、新建画布,选取椭圆工具,按SHIFT绘制一个圆形,再在圆形的内部绘制一个略小的椭圆,使用菜单对齐命令将两者居中对齐。 2、同时选中圆形和椭圆对象,选择菜单“修改|组合路径|打孔”命令,组合得到圆环图形。 3、选取矩形工具,在圆环中心位置绘制一个矩形框,同时选中两个对象,选择菜单“修改|组合路径|联合”命令。...
[阅读全文]
-
[组图] Fireworks 制作 IE 浏览器图标(2)
[内容预览]
2 | 2007-11-21 17:41:04
7、绘制如图所示大小的一个圆形,按SHIFT选中椭圆图形,选择“修改|组合路径|打孔”命令,将椭圆环切去一部分。 8、放大画布显示比例,使用部分选取工具调整椭圆环切口处的切线,使其更加平滑。 9、CTRL+A全选,选择菜单“修改|组合路径|联合”命令。 10、选取钢笔工具,绘制如图所示的一个楔形路径。 11...
[阅读全文]
-
[组图] Fireworks 制作 IE 浏览器图标(3)
[内容预览]
2 | 2007-11-21 17:40:51
13、应用“内侧发光”效果,光晕颜色为“#66CCFF”,再应用“投影”效果。参数设置如图所示。 14、CTRL+SHIFT+D克隆当前图形,取消最上层图形的“内发光”及“投影”效果设置,选择菜单“滤镜|模糊|高斯模糊”,在弹出的设置框中设置模糊参数为“3”。 15、调整模糊图形的图层透明度为35%,覆盖于最上...
[阅读全文]
-
[组图] Fireworks宝典-功能了解(2)
[内容预览]
2 | 2007-11-21 17:40:43
Fireworks4功能指南(1) 这是一个演示,将带你感受在一个典型站点中创造几个新页面的全过程。本演示按照这个过程的不同阶段被分成几个部分。如果你需要更多的帮助信息,在Fireworks里也包括了一个帮助。[color=#ff0000] 第一步:安装[/color] Fireworks:CD中包括了Firew...
[阅读全文]
-
[组图] Fireworks宝典-功能了解(3)
[内容预览]
2 | 2007-11-21 17:40:36
Fireworks4功能指南(2)创建倾斜的按钮在图标后面......[color=#ff0000] 现在,我们将创建倾斜的按钮在图标后面[/color]选择长方形工具拖出长方形在Info面板中,尺寸设置为70W×40h在Object面板中,设置圆角为30[align=center][/align]在Fill面板,选...
[阅读全文]
-
[组图] Fireworks宝典-功能了解(4)
[内容预览]
2 | 2007-11-21 17:40:28
Fireworks4功能指南(3)优化图象......打开Demo_05.png或继续在你的演示文件中工作。[color=#ff0000] 优化图象[/color]·在这段中,我们将在网页中切割图片进行优化。在上面有文字的罗盘图象需要进行选择性的JPEG优化。文本区域应该用于其它部分不同的设置保存打开Optimize...
[阅读全文]
-
[图文] Fireworks宝典-中文教程(1)
[内容预览]
2 | 2007-11-21 17:40:23
FIRWORKS中文教程-教程总览◆教程总览这个教程让您在大约一个小时的时间内掌握Firworks的关键功能。要了解教程中介绍的所有功能的详细资料请查看《用户手册》。在这个教程,您将要完成一个虚构的咖啡公司的主页,在您开始工作之前,打开这个已完成的文件看看您将要作些什么?1启动Fireworks,选择File>Open...
[阅读全文]
-
[组图] Fireworks宝典-中文教程(2)
[内容预览]
2 | 2007-11-21 17:40:11
魔幻翻转[color=#cc0000]◆[/color][color=#d00000]魔幻翻转[/color]除了创建按钮之外,Fireworks还可以让您轻松的创建一个奇异的Javascript翻转效果。例如,当鼠标指针滑过一个按钮,除了改变这个按钮的显示状态,您还可以让它改变在这一页中的其他区域的显示,在Firew...
[阅读全文]
-
[图文] Fireworks宝典-中文教程(3)
[内容预览]
2 | 2007-11-21 17:40:05
导出文档◆[color=#000000]导出文档[/color][color=#000000]当导出您的文档的时候,Fireworks把每一个分割区导出为一个单独的文件。同时生成在浏览器中显示这个文档所需的HTML和Javascript代码。Fireworks可以很轻松的将图像、HTML和Javascript导出到您用...
[阅读全文]
-
[图文] Fireworks宝典-中文教程(4)
[内容预览]
2 | 2007-11-21 17:40:00
蒙板[color=#000000]◆[/color][color=#000000]蒙板[/color][color=#000000]蒙板(Masks)覆盖对象是指只显示文档中某一对象的一部分。您将使用这个白色的矩形来掩盖这个咖啡杯图像,并给咖啡杯加上一个黑色的边框。[/color][color=#000000]1使用指...
[阅读全文]
-
[组图] Fireworks MX 2004执行面版操作(1)
[内容预览]
2 | 2007-11-21 17:39:53
用惯了FWMX,刚拿到2004版本时打开的第一件事就是重组右侧的执行面版。FireworksMX2004本身的默认设置(800X600分辨率下),只有Assets,Colors,FramesandHistory三种面版群组(其他分辨率下右侧的面版区域组合会有不同),其余面版仍然藏在Windows弹出菜单下。这样的设...
[阅读全文]
-
[组图] Fireworks MX 2004执行面版操作(2)
[内容预览]
2 | 2007-11-21 17:39:47
而且在重组的过程中很自然地你会做些新的调整,想为未来的工作环境更好地计划一下,这时你的工作区会逐渐出现越来越多的浮动面版群组。这是件很讨厌的事,而且把面版群组往右侧执行面版区域移动却很难重新对齐,窗口也总是浮动的,并没有整合到执行面版区域中去。 这时是有方法可以解决的,在每个面版群组的左上角,有两排小点组成的图标...
[阅读全文]
-
[组图] Fireworks 制作 透明苹果标志(1)
[内容预览]
3 | 2007-11-21 17:39:38
[align=center][/align]
[阅读全文]
-
[组图] Fireworks 制作 透明苹果标志(2)
[内容预览]
2 | 2007-11-21 17:39:29
[align=center][/align][align=center][/align][align=center][/align][align=center][/align][align=center][/align][align=center][/align]Png源文件:[align=center][/align...
[阅读全文]
-
[组图] Fireworks MX 实现选项卡式效果(1)
[内容预览]
2 | 2007-11-21 17:39:22
论坛上经常有一些网友讨论类似于这种效果是如何实现的.我也不知道这种效果应该叫什么,不过他类似于windows的选项卡,所以在这里,我们就先给这种效果定个性,就先叫选项卡式效果吧.(不好听,将就一下先~~)先说些题外话,一种效果的实现,可能会有好多种方法.而一种效果灵活运用会实现更多意想不到的效果.这就是没有做不到,只有...
[阅读全文]
-
[组图] Fireworks MX 实现选项卡式效果(2)
[内容预览]
2 | 2007-11-21 17:39:14
[align=left]下面再到帧2中选中第二个矩形执行如帧1的操作,然后到帧3中选中最后一个矩形执行上面的操作.[/align][align=left]回到帧1输入文字,到帧2输入文字,再到帧3输入文字[/align][align=center][/align][align=left]使用矩形热点工具,圈选选项卡的菜...
[阅读全文]
-
[组图] Fireworks MX 2004等高渐变填充(1)
[内容预览]
2 | 2007-11-21 17:39:08
进入FireworksMX2004,很明显的,你会发现矢量图形绘制工具强大很多。而绘制图形后的矢量填充设置也有了更形象化的改进。看看填色设置表,有没有发现多了一样东西?是的,这就是FWMX2004版本新增的等高渐变填充Contour。 先来画个简单图形来尝试下这个新功能吧,这里我们只用了两种颜色,通过起始点角度变...
[阅读全文]
-
[组图] Fireworks MX 2004等高渐变填充(2)
[内容预览]
2 | 2007-11-21 17:39:03
来玩下进阶,通过等高渐变填充我们可以直接做出很有质感的按钮。这里我们应用了多色彩渐变,并且加入了材质填充来加强质感。 等高渐变填充的丰富立体感表现,再配合FireworksMX2004增强的矢量图形绘制工具,我们已经可以做出几乎触手可及的小配件。这里用了甜甜圈Doughnut绘图工具做出雏形后再加以变形,效果中增...
[阅读全文]
- [组图] Fireworks MX 制作羽毛效果教程(1) [内容预览] 2 | 2007-11-21 17:38:56
- [组图] Fireworks MX 制作羽毛效果教程(2) [内容预览] 2 | 2007-11-21 17:38:48
-
[组图] Fireworks 制作图片窗格效果(1)
[内容预览]
2 | 2007-11-21 17:38:29
效果图片(Png源图): 1、在Fw中打开图片,可稍加处理,比如做些TV扫描线特效、高斯模糊效果等等,具体制作我们这里不再详述; 2、使用圆角矩形工具在工作区画出正圆角矩形(长:60px,宽:60px,笔触:#ccccccc,填充色:#ffffff),并放置好位置(X轴:0,Y轴:0); 3、从“窗口”菜单中打...
[阅读全文]
-
[组图] Fireworks 制作图片窗格效果(2)
[内容预览]
2 | 2007-11-21 17:38:19
7、做些处理。随意扣除其中一至二块矩形,处理后图片: 8、在层面板中,全选这些路径对象(注意不要将背景位图群组进矢量组中)。选择“修改”菜单、“组合路径”、“合并(Ctrl+J)”。 9、全选对像,对位图进行蒙版MASK操作:“修改”菜单、“蒙版”、“组合为蒙版”; 10、打开层面板,选择矢量蒙版; 11、在属...
[阅读全文]
-
[组图] 用 FireWorks 画大众甲壳虫(1)
[内容预览]
1 | 2007-11-21 17:38:13
下面我们先拿出一张汽车原图作参考来画。原图[align=center][/align]用钢笔工具勾线铺色。[align=center][/align]勾出阴影大致形状。[align=center][/align]对高光部分进行渐变填充,羽化透明。[align=center][/align]
[阅读全文]

