Fireworks网页设计综合实例3

2016-02-19 18:50 7 1 收藏

下面是个Fireworks网页设计综合实例3教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Fireworks网页设计综合实例3[组 】

    三、 创造矢量对象 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

    位图是用像素来描述物体的,它适合于表现色彩变化丰富的照片,而矢量图是使用路径和填充来定义对象的外观,它非常容易编辑,并且它的质量不会因大小的改变而丢失或减弱。Fireworks同时提供了编辑这两种格式图像的方法,默认情况下Fireworks是以矢量的方式创建和编辑对象。Fireworks提供了常用的创建矢量对象的工具,我们下面利用这些工具创建基本的矢量图形。
    1、 选择工具面板上的矩形工具,在文档顶端绘制一776x30的矩形。
    2、 设定填充为线性渐变填充,点击填充面板的Edit按钮编辑填充,如下图所示:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

    3、 在人像的右半边绘制一个130x400的矩形实色填充对象。
    4、 接下来我们将在文档顶端创建按钮对象,首先在层面板中新建一个“导航层”,利用矩形工具创建“公司首页”按钮对象,大小为140x15,填充为红色与黑色之间的线性渐变填充,打开Effect面板,设定Inner Bevel特效,如下图所示:

    5、 我们还可以在背景层绘制一些线段,以打破背景的单调感觉。

    四、 创建文字

    Fireworks还提供了强大的文字处理功能,利用文字编辑窗口可以灵活的对文字进行设定,并且与其它对象一样我们也可以对文字施加各种特效。

    1、 选择工具面板的文字工具,打开文字编辑窗口,输入“卡尔松服饰有限公司”,如图所示:

    我们看到,在文字编辑窗口我们可以分别对不同的文字设定各自的属性。
    2、 在文档左半部分输入相应的英文文字内容,并旋转文字90度,如下图所示:

  3、 打开层面板,选定“Karsong”设定它的合成方式为“Luminosity”


    4、 打开Effect面板,为“DRESS&ADORNMENT CO..LTD”文字增加Drop Shadow特效。

来源:https://www.tulaoshi.com/n/20160219/1619162.html

延伸阅读
标签: flash教程
第十一章 综合实例 第一节 网站导航(3)      步骤5 创建闪烁效果 上述12个字的效果在第60帧处完成全部动作,我们想让它们有个短暂停顿,然后闪烁几次以加强视觉效果,接下来就实现这个效果。 在所有图层的第75、76、77、78帧处按下F6键,插入关键帧,然后删去第75、77帧中的内容,使其成为空白关键帧,利用视觉上的短...
完成图: 步骤: 1.画布:200×200,点椭圆工具,按住shift画一个正圆,在属性面板中将圆的宽和高均设为96,边缘消除锯齿,颜色为#870d94,如图1; 图1 2.选中正圆,在原位复制一个(ctrl+c,ctrl+v),颜色改为#333333,用矩形工具画一个长度大于此圆的矩形,如图2位置摆放。按住shift,选中圆形和矩形,修改-组合路径-打孔,效...
网页设计中我们会用到很多种样式的分隔线,下面我们就来看看在Fireworks中设计网页虚线有哪些妙招。 方法一、用Fireworks中自带的虚线样式 Fireworks中自带的虚线样式有:三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点状线。 在网页设计中,我通常的用的是实边破折线。因为它和网页CSS中border的dotted、...
如何 设计 完美勾引用户点击的按钮好的按钮设计一定会是醒目且能勾引用户眼球的。以下是好的按钮设计必不可少的5个特征: 1、颜色 颜色一定要能与平静的页面相比更加与众不同,因此它要更亮而且有高对比度的颜色。 图1 2、位置 它们应当座落于用户期望更容易找到它们的地方。产品旁边、页头、导航的顶部右侧这些都...
当我们谈论到设计,图片就是设计元素之中最不可少的一个元素。小编今天在这里跟大家分享的并不是实体摄影的趋势,而是2015年在网页设计中运用图片的趋势。 有些趋势是显而易见的,有些就相比而言不那么容易被发现。当我观察和分析了大量的优秀作品和网页案例,发现图片的巧妙运用总是有一些共同点的。当你看完这篇文章的分析和案例...

经验教程

352

收藏

45
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部