当前位置:中国新华电脑网校实例教程fireworks实例 → 教程列表
教程标题关闭所有内容预览 | 展开所有内容预览
  • [图文] Firewoks 营造残破纹理 [内容预览] 2008-11-20 16:10:50
    刻意在物件和文字上营造残破的效果也是一种流行的表现方式。  让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。  打开新文件,先来画个按钮  Ctrl+Shift+D原位克隆一个。  网上找张纹路无序的素材图片,这里我们用的是张石纹。  导入正在Fireworks编辑的文件。在属性面板上按下效果添加按钮

    [阅读全文]

  • [图文] FW雪花飘飘迎新春 [内容预览] 2008-11-20 16:02:19
     根据冻结下雪效果,我写了个教程,给新手们  1.用FW打开一张图片。设置为共享层。  2.新建一层,用矩形工具画一个矩形,大小可以与画布同样尺寸,也可以大于画布。笔触颜色为无,填充色暂时设为黑色,这是为了添加雪珠时能够看得清楚  3.选择笔触设置:  (根据个人喜好),在新建层上随意地点上一些白点。  4.点完了白点

    [阅读全文]

  • [组图] Fireworks教程:自制树叶笔触绘制榕树 [内容预览] 2008-10-27 10:32:38
    先看效果图:  对比起Photoshop的笔刷,Fireworks的笔触显然是小毛见大毛。不单单是功能上比较逊,而且笔触的保存和管理方面也很麻烦。但是咱们只是享受绘画的乐趣,而不是软件的强大。  在这一次,你将看到如何用fireworksDIY“细叶榕”树叶的笔触,并且将笔触应用于鼠标绘画。请准备享受DIY的乐趣吧!!

    [阅读全文]

  • [图文] Fireworks 组合路径功能小解 [内容预览] 2008-10-27 10:31:16
    Fireworks的特点之一就是直接绘制矢量路径,其中除了可以直接运用矢量工具(钢笔、矩形及其他几何形状)绘制矢量路径外,最常用的就是运用组合路径功能对多个路径进行接合、拆分、联合、打孔、交集、裁切。组合路径功能运用得当,可以使对路径的操作事半功倍。这里对组合路径功能简单说明下使用方法及具体应用。  这里所使用的命令中

    [阅读全文]

  • [组图] Fireworks锐化马赛克效果 [内容预览] 2008-10-27 10:30:11
    这篇文章源于版内某位朋友的这种格子有什么方法快速做出来么。  这里只是为大家提供一种思路,并不需要局限于某一效果。为了模仿而模仿是没有意义的。  效果图:  思路分析:  此图属于马赛克效果的范畴,然后加以混合模式上的调整。而Firewroks不同于PS,本身是没有马赛克滤镜的。所以关键的问题就在于马赛克效果的制作。在

    [阅读全文]

  • [组图] 用Fireworks 制作纸张卷边效果 [内容预览] 2008-10-27 10:29:09
    电脑里几年前搜集的源文件,作者无从查证了,十有八九是经典哪位元老,教程以前是否有过我也不太清楚,今天把制作过程写了一遍。  最终效果:  1、建立画布,绘制矩形,白色填充,灰色笔触,笔触类型选择1像素柔化;  2、绘制另外一个用于打孔的矩形,并使用缩放工具旋转角度,如果想旋转45度可以在使用缩放工具时按住SHIFT键;

    [阅读全文]

  • [组图] Fireworks的高级操作技巧集合 [内容预览] 2008-10-27 10:27:06
    技巧1:使用键盘的方向键移动对象时,按住【Shift】键不放,每次可以移动10个象素。  技巧2:使用【指针】工具移动对象时,按住【Shift】键不放,可以保证其水平或垂直移动。  技巧3:按住【Alt】键不放拖拽某个对象,即可对其进行复制。但是自动形状不能用这个操作,因为自动形状是一种组合状态,可以使用复制粘贴命令复

    [阅读全文]

  • [组图] Fireworks制作矢量风格渐变效果 [内容预览] 2008-10-27 10:26:27
    大家猜猜用什么办法做的,很简单的方法哦。  这种方法只对个别配色有效。。

    [阅读全文]

  • [图文] 教你用Fireworks制作Logo [内容预览] 2008-10-27 10:23:52
  • [图文] 使用Fireworks 8制作网页效果图 [内容预览] 2008-10-27 10:21:24
     这里主要介绍的是Fireworks8的位图工具的使用,如果你用过ps的话,会感觉这两个软件在位图处理中有很多相似的地方,本例是一个以女性化妆品为主打产品的企业宣传网站“北京达美”的形象页面效果图设计。达美公司一直致力于结合科技和自然的化妆品产品的研发。由于达美公司主打自然健康的产品理念,因此在整体的页面设计中以绿色为

    [阅读全文]

  • [图文] Fireworks制作放射光感字体效果 [内容预览] 2008-10-27 10:18:03
  • Fireworks制作文字效果的总结 [内容预览] 2008-10-27 10:17:18
    总结之一:模仿别人的效果  1.找到其他站的一些不错的效果,把图保存下来(保存不了的截图也好)。  2.打开FW,把图文放大数倍,看清文字到底有些什么效果。特别重要的是,把文字实现的效果层次搞清楚。  基本的一些层次由内到外是:字内光亮->字内阴影->文字主体->描边/发光->阴影(通常描边和阴影可以放在一个层里实现)

    [阅读全文]

  • [组图] Fireworks制作Vista毛玻璃效果 [内容预览] 2008-10-27 10:15:45
    局部效果图:  1、建立画布,导入背景素材  2、绘制圆角矩形,垂直线性渐变填充3、绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度  4、开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px  5、添加杂点8px  6、选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版7

    [阅读全文]

  • [图文] Firewords制作可爱的鸡毛 [内容预览] 2008-10-27 10:14:59
    效果图:

    [阅读全文]

  • [图文] 简单又强大的Fireworks涂抹工具 [内容预览] 2008-10-27 10:12:37
  • [组图] 实用!Fireworks不需扣图利用企业标识 [内容预览] 2008-10-27 10:11:48
    做网站的时候常需要处理客户的企业标识。如果你的网站另有色彩背景,需要将客户提供的标识反白处理,而客户仅仅提供一个白底的jpg图片文件时该怎么办呢?通常我们会想到扣图去底来解决,然而根据一个压缩过的点阵图,logo本身的颜色已经不够纯净了,更有些细节很难用扣图来表现,最明显的例子是商标一角常有的注册标记®。如果使

    [阅读全文]

  • [组图] Fireworks渐隐线的两种做法 [内容预览] 2008-10-27 10:11:02
    问得多了,其实渐隐线的做法非常简单,一般来说有两种方法:一种是矩形的填充,矩形做法一,适合大部分的情况。  1.用矩形工具画出一个像素高的矩形:  2.在面板处选择线性填充,具体的调节如下:  面板讲解:大家可以看到最上面有两排箭头.其中这个标志的一排是透明度 这个标志的一排是颜色.  通过在上下点击面板添加新箭头。 

    [阅读全文]

  • [图文] 新手来听课 用Fireworks一步步制作网页 [内容预览] 2008-10-27 10:07:51
    总有人在那里炫耀自己的ps(photoshop)技术,好象是平面就要用ps做,结果很多做网页的设计师也用ps做平面图然后切割导图,再做网站,今天我就来说说用fireworks一样可以做出好的网页设计,只要你有心!  先看最终效果图:  下面开始讲解:  1.布局  先来说一下我们制作网页一般的大小  高度:没有一个固定

    [阅读全文]

  • [图文] Fireworks简单轻松制作公告栏挂绳 [内容预览] 2008-10-27 10:07:26
  • [组图] 新手看过来 教你Fireworks使用切片工具 [内容预览] 2008-10-27 10:05:57
    在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。切片的目的是为了获得图像素材,也就是说能够通过写X

    [阅读全文]

  • [组图] Fireworks教程:制作很炫的斜线条背景 [内容预览] 2008-10-27 10:04:29
    先看看效果图:首先是素材图,用钢笔勾一遍,然后转换为选取框,把人物作为素材用。如果勾的不是很好,可以羽化边缘  接下来的背景的主要部分.  在画布上输入字母.!我输入的是I  主要是参数设置.!!以下是参数设置(笔触)本教程做的是多色参数设置:笔触选项—高级  还有笔触是水彩—变细  如果你是要做纯色的,变量选择阴影。

    [阅读全文]

  • [组图] Fireworks教程:打造酷酷涂鸦墙壁效果 [内容预览] 2008-10-27 10:01:25
    效果:  作品名称:《涂鸦·雨后·厕外》作品意念:表现前现代年青人玩世不恭,些许颓废,酷爱生命的态度。  本作品需要:插件:EyeCandy4.0滤镜字体:coldnightforalligators.ttf字体:KRHeartalicious.ttf 字体:SEXY_SPANISH.TTF(警告:未满18岁勿用该字体

    [阅读全文]

  • [组图] 教你用Fireworks轻松制作闪闪文字 [内容预览] 2008-10-26 17:06:57
    最终效果  素材  导入素材  输入文字组合为蒙板  文字发光参数  文字投影参数  图象预览设置

    [阅读全文]

  • [图文] Fireworks画Menu条 [内容预览] 2008-10-26 17:03:19
    效果如图  1、选择矢量工具中的圆角矩形工具,绘制一个170px×60px的矩形;  2、使用垂直线性填充;3、给矩形添加外部投影效果,得到如下效果;  4、再给矩形添加内部投影,得到如下效果;  5、添加文字,选择字体Verdana。9px大小并添加外部投影,得到如下效果;6、添加分割线。效果如图;  7、摆放好文字

    [阅读全文]

  • [图文] Fireworks 打造无限宇宙 [内容预览] 2008-10-26 17:02:22
      呵呵,也许看了这副作品“SpacelessGalaxy”,你也许会以为是用命令“螺旋渐隐”来做。抱歉,猜错了。  过程俺就轻描淡写一下,关键是核心的思想“实例补间”。  1绘画补间的元件  在“柔化圆形”笔触的基础上,调一个“色相”会随着“速度”变化的笔触。(在笔触的“敏感度”选项卡中,“色相”-“速度”)2补间实

    [阅读全文]

  • [图文] Fireworks教程:网格化图像效果 [内容预览] 2008-10-26 17:01:27
    网格化图像效果在设计中也很常见,效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下:  图4-127网格化图像效果  1、在Fireworks中打开素材图像,如图4-128所示。  图4-128打开素材图像  2、按快捷键【Ctrl+6】,把图像的显示比例放大到原来的1600%,如图4-

    [阅读全文]

  • [组图] Fireworks教程:制作漂亮旋转的gif动画 [内容预览] 2008-10-26 16:56:36
    本教程介绍使用Fireworks制作可爱的四叶草旋转gif动画效果,教程主要讲解了运用运动痕迹滤镜模拟3D效果来完成最终效果,如果你有兴趣就动手做做看咯。  看了“小可爱”转的用fireworks插件制作3D的gif动画,实在强大。  介绍这个插件的文章有差不多这样一句话:按下“导出”按钮,可能有类似死机现象,但是只要

    [阅读全文]

  • [图文] Fireworks绘制立体字图标教程 [内容预览] 2008-10-26 16:55:10
    效果图:  建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX:  选取输入的文字,文本菜单——转换为路径:  取消群组:  选取部分选取工具,选取转换为路径后的“F”字母,再选取路径左下角的节点,按住SHIFT键选取右下角的节

    [阅读全文]

  • [组图] Fireworks制作简单清晰的新闻框 [内容预览] 2008-10-26 16:54:31
    先看一下做完的效果吧  效果  我说一下有可能不清楚的地方,特别简单的我就不说了,免得浪费大家时间。  灰色的四边形是矩形移动结点出来的:  为了让四边形按扭有一些质感,用了一个“轮廓”渐变(选中四边形后,在属性面板中直接选就OK)。

    [阅读全文]

  • [图文] Fireworks超酷质感按钮制作 [内容预览] 2008-10-26 16:52:44
 fireworks实例   84   30   2/3页      1   2   3      GO