Fireworks 8制作精美网页效果图

网页

这里主要介绍的是Fireworks 8的位图工具的使用,如果你用过ps的话,会感觉这两个软件在位图处理中有很多相似的地方,本例是一个以女性化妆品为主打产品的企业宣传网站“北京达美”的形象页面效果图设计。达美公司一直致力于结合科技和自然的化妆品产品的研发。由于达美公司主打自然健康的产品理念,因此在整体的页面设计中以绿色为主要的风格,同时配以女性模特、植物和蝴蝶的素材来体现清新、自然的感觉。如图1.1所示。


1.1 北京达美公司网站形象页面效果图(点击放大)。

1.新建一个Fireworks文件。

2.在弹出的【新建文档】对话框中设置画布的宽度为760像素,高度为430像素,背景颜色为白色。如图1.2所示。


图1.2 【新建文档】对话框

3.选择绘图工具栏中的【选取框】工具,在【属性】面板中进行相应的设置,如图1.3所示。


图1.3 【选取框】工具的属性设置

4.使用【选取框】工具在画布的右侧绘制一个矩形选区,如图1.4所示。


图1.4 使用【选取框】工具绘制选区

5.选择绘图工具栏中的【渐变】工具 ,这时【属性】面板会自动变成渐变色的调节属性。设置渐变的类型为线性渐变,渐变颜色为白色过度到绿色。如图1.5所示。


图1.5 【渐变】工具的属性设置

6.使用【渐变】工具,在画布右侧的选区中单击鼠标左键,渐变色即可填充到当前选区中。如图1.6所示。填充完毕,按快捷键【Ctrl+D】推出位图编辑模式。


图1.6 给选区填充渐变色

【说明】使用【渐变】工具在选区单击,得到的渐变色方向默认为水平方向,如果希望得到不同方向的渐变色,可以使用【渐变】工具在选区中拖拽填充。

7.在Fireworks 8的新窗口中打开事先准备好的图像素材“花草.jpg”,选择绘图工具栏中的【椭圆选取框】工具,在【属性】面板中进行相应的设置,如图1.7所示。


图1.7 【椭圆选取框】工具的属性设置

8.使用【椭圆选取框】工具在图像“花草.jpg”中绘制一个正圆的选区。如图1.8所示。


图1.8【渐变】工具的属性设置

下一页

时间: 2024-11-08 18:37:07

Fireworks 8制作精美网页效果图的相关文章

css-网页制作,网页效果图内部测量(显示)各部分比例问题

问题描述 网页制作,网页效果图内部测量(显示)各部分比例问题 用dreamweaver制作网页,想将所有width都用%,有没有显示网页效果图内部的比例的工具软件,现在使用画板将就着用的,较为麻烦,请求大神帮忙!

Fireworks 8 制作精美的指南针

(图01) 首先,设置画布大小为128x128像素,底色为白色. 用椭圆工具画一个90x90的正圆形,并水平.垂直对齐于画布;(图02) (图02) 改变填充类别为线性渐变,增加并调整渐变颜色;(图03) (图03) 在这个圆的上面画一个70x70的正圆形,改变填充类别为线性渐变,增加并调整渐变颜色,水平.垂直对齐于画布(或对齐于它下边儿的那个圆).(图04) (图04) 接下来描绘表盘上的图案. 用星形工具画出一个五角星,改变点数为4点,得到了一个四角星(可根据个人喜好改变其形态和尺寸),水平

Fireworks 制作精美导航效果教程

  本教程是向大家介绍利用Fireworks 制作精美导航效果,制作难度不大,教程介绍地非常详细,新手朋友也可以过来学习,希望这篇教程对大家有所帮助!我们先来看看最终效果图: (图2.1) 下边我将教大家如何制作以上这个按钮: 先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1 (图2.1.1) 于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2 (图2.1.2) 然后我们用部分固定选定工具 选取长方形的上边两点如图2.1.3 (图2.1.3) 按住

Fireworks MX制作下拉菜单

菜单|下拉 随着网站页面极其功能的复杂化,越来越多的网站使用下拉菜单进行导航.熟悉Javascript的朋友都知道,所谓下拉菜单其实是通过Javascript控制每一个元素的可见属性实现的,当然这需要专门编写大段的代码.但是要是使用Fireworks MX就不需要这么麻烦,所有的代码都是由Fireworks MX自动生成的,你要做的只是美化一下界面,再简单的设置一下下拉菜单的选项就可以了. 下面就来看看怎样使用Fireworks MX增强的下拉菜单功能制作出让人羡慕的下拉菜单. 步骤1: 打开一

使用Fireworks MX制作泡泡球效果

在经典论坛上(http://www.blueidea.com/bbs/)看到一个使用Fireworks MX制作透明泡泡球的效果,感觉非常不错,特摘录此教程,方便借鉴参考.(效果图为PNG文件) 1,使用圆形工具画出一个白色的圆.并其转化成位图.(编辑→平面化所选 快捷键:Ctrl+Shift+Alt+Z) 2,再使用圆形工具画出一个白色的圆,大小相比前一个制作的圆略小些.借助于排列工具,将小圆放到大圆的居中位置. 3,在图层面板中,选择转化为位图的圆,按住CTRL键同时,选择小圆图层.得到小圆

制作精美双层文字教程

PS制作精美双层文字教程 最终效果图 1.新建一个适合你自己文字大小的文件,分辨率72像素/英寸,RGB颜色模式. 2.点击图层面板底部的按钮新建一图层,点击D键恢复默认的黑色前景色和黑色背景色(译者注:按D键需要在英文输入法下). 3.选择菜单滤镜/渲染/云彩(Filter > Render > Clouds),选择菜单图像/调整/色相和饱和度(Image > Adjustments > Hue/Saturation... ,Ctrl+U),弹出色相和饱和度对话框,选中着色(Co

教你用Fireworks简单制作残破边缘效果

  本教程是向大家介绍如何利用Fireworks制作残破边缘效果,制作方法非常简单,就是运用钢笔来勾,非常适合初学Fireworks朋友学习,转发过来,希望大家喜欢 先来看看效果图: 制作方法如下: 以上就是用Fireworks简单制作残破边缘效果,是不是很简单,感兴趣的朋友快点来动手吧.

PhotoShop滤镜制作精美的艺术彩色玻璃效果教程

教程介绍用PhotoShop滤镜制作精美的艺术彩色玻璃效果,比较简单,主要是用滤镜制作出来的,喜欢的同学可以学习学习! 教程效果图: 开始制作吧: 1.按大写D键,恢复默认的前景色和背景色,执行滤镜-渲染-云彩,按Ctrl+F,重复执行渲染云彩. 再执行滤镜-纹理-染色玻璃. 染色玻璃的效果参数如下: 执行:滤镜/扭曲/球面化参数如下: 分类: PS滤镜教程

Word2007制作精美的心形相册边框

不会用PS的朋友有福了,经常处理照片和一些图片需要用到PS软件来修改,比如许多热爱自拍的朋友们都喜欢将自己的照片整整,然后加个相框.但是PS软件操作起来比较麻烦,如果不太专业的话可能无法完成自己想要的效果哟!没事,会Word就可以了,以前我们也提到过用PS代替Word"给图片加字",今天Word联盟教大家利用Word2007来制作精美的心形相册边框,效果非常好,也很适合一些MM们的口味!先看看下面的效果图吧! ①首先打开Word2007,单击"插入"选项卡,选择&q