Fireworks制作水平或垂直的彩条背景

   上次我们介绍了用Fireworks制作马赛克方格背景的方法和实例,其实水平或垂直的渐变彩条背景也很好看,有点透明的感觉。

  背景和添加前景的效果如下图所示。


  图示:制作好的颜色条效果


  图示:添加花朵前景

  具体的制作方法如下:

  1、启动Fireworks,新建一个画布,尺寸任意。

  2、使用【矩形】工具,在画布中绘制一个和画布同意尺寸的矩形,并且填充线性渐变色,颜色为白色过度到任意色彩,效果如下图所示。


  图示:给矩形添加线性渐变色

  3、切换到【两幅】的预览窗口,打开Fireworks的【优化】面板,在【优化】面板中选择格式为“Gif”,【索引色调色板】为“最合适”,【颜色】可以选择“16”或“8”,这里选择的是“8”,效果如下图所示。


  图示:对图像进行优化

  4、和上面的做法一样,按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如下图所示。


  图示:复制截取的屏幕图像

  5、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。

  6、如果需要不同颜色的效果,可以直接使用【色相/饱和度】滤镜来进行调整,不需要重新制作。

时间: 2024-10-12 05:23:51

Fireworks制作水平或垂直的彩条背景的相关文章

Fireworks制作精致浪漫的彩色网格背景

  网格化图像效果在设计中很常见,这种效果很适合作为网页或者通栏的背景图像,给人浪漫精致的感觉. 下面就是我们用Fireworks制作的网格化马赛克的背景效果,以及添加了前景人物之后的效果.很漂亮吧? 图示:网格化图像效果 图示:网页通栏效果 具体制作方法如下: 1.在Fireworks中打开素材图像,如下图所示. 注意选择色彩丰富的背景,处理效果会比较好. 图示:打开素材图像 2.按快捷键[Ctrl+6],把图像的显示比例放大到原来的1600%,如下图所示. 图示:放大显示比例 3.按键盘上的

Fireworks制作钟摆式公告牌摇摆动画

今天我们用Fireworks制作一个钟摆式的公告牌. 先参阅一下效果图. 1.新建一个文件,画布背景颜色选取白色.同时将画布大小设置稍大些. 2.使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图. 3.输入文字. 4.在圆角矩形右.左上角绘制小圆形,如图所示. 5.添加辅助形,找到该圆角矩形的中心点位置,如图. 6.在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线.如图.

Fireworks制作Vista毛玻璃效果

今天用Fireworks制作类似vista毛玻璃的效果,局部效果图: 1.建立画布,导入背景素材 2.绘制圆角矩形,垂直线性渐变填充 3.绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度 4.开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px 5.添加杂点8px 6.选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版 7.得到如下效果 8.同上步骤再绘制一个矩形.放射性填充.羽化及添加杂点步骤 9.在msn小人这块区域绘制一个椭圆行,使用绸缎填充,

用Fireworks制作钟摆式公告牌效果

先参阅一下效果图: 1.新建一个文件,画布背景颜色选取白色.同时将画布大小设置稍大些: 2.使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图: 3.输入文字"织梦论坛": 4.在圆角矩形右.左上角绘制小圆形,如图所示: 5.添加辅助形,找到该圆角矩形的中心点位置,如图: 6.在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线.如图: 7.群组(Ctrl+A.Ctrl

Fireworks制作个性台历(图)

   利用Fireworks制作个性台历 1.新建png文档,按默认600*800像素即可. 2.接下来就是设置背景了,为了能清楚地看到工作区中的元件,建议将背景设置为深色,至于什么颜色无所谓,到最后还可以根据自己的喜好来调整嘛! 3.言归正传,先用圆角矩形工具绘出台历纸板,不要边框,对角填充黑白渐变,然后再复制一个,水平+垂直翻转,稍稍斜拉一点,再调整前后顺序.左右位置,直到有"纸板"的感觉即可.为了以后边缘不出锯齿,建议羽化一像素. 4.接着就是后面的支架了,用钢笔工具绘出,然后复

用fireworks制作水晶透明效果

先预览效果 第一步:新建一个600*200白底文件 第二步:新建一图层,命名为BG1 用圆角工具画一个115*32的圆角矩形 调整矩形圆角度数 给矩形添加photoshop动态效果 第三步:将图层BG1复制一份命名为BG2 缩小为114*32(水平和垂直方向减小一个像素),并且取消photoshop动态效果,填充背景颜色#A9A9A9 第四步:将图层BG2复制一份命名为BG3,给图层填充放射性渐变 第四步:将图层BG3复制一份命名为BG4,给图层填充线性渐变 第五步:制作一条白色的虚线 用矩形工

fireworks制作水晶透明按钮教程

  先预览效果 第一步:新建一个600*200白底文件 第二步:新建一图层,命名为BG1 用圆角工具画一个115*32的圆角矩形 调整矩形圆角度数 给矩形添加photoshop动态效果 第三步:将图层BG1复制一份命名为BG2 缩小为114*32(水平和垂直方向减小一个像素),并且取消photoshop动态效果,填充背景颜色#A9A9A9 第四步:将图层BG2复制一份命名为BG3,给图层填充放射性渐变 第四步:将图层BG3复制一份命名为BG4,给图层填充线性渐变 第五步:制作一条白色的虚线 用矩

Illustrator制作动感漂亮的三维线条背景教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下制作动感漂亮的三维线条背景的教程. 教程分享: 先来看看最终的效果图吧:   渐变网格 这是我发现的最快达到效果的技巧,它有着很大程度上探究的潜力. 首先,使用矩形工具(M)画一个矩形.我上的是深紫罗兰色,当然你可以使用你喜欢的其他颜色.执行"对象"菜单>创建渐变网格,弹出渐变网格对话框.在对话框中,行数:10,列数:1,确定.现在矩形有10行,是被矩形的左边和右边的11个网格点分隔而成的.   使用直接选择工具(A)

CSS制作水平垂直居中对齐 多种方式各有千秋

在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,平时工作收集了几种不同的方式制作垂直居中方法,但每种方法各有千秋在此与大家分享或许对初学者有所帮助   作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼.这段时间,我收 集了几种不同的方式制作垂直居中方法,但每种方法各有千秋呀,要正确的选择也是一件不容易的事情.我会将这几种方法一一介绍给大家,以供大家参考.或许对 于我这样的初学者有一定的帮