使用Fireworks 8位图工具制作网页效果图

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

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

1.新建一个Fireworks文件。

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

图1.2 【新建文档】对话框

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

时间: 2024-10-18 05:46:05

使用Fireworks 8位图工具制作网页效果图的相关文章

使用开源工具制作网页验证码的方法_javascript技巧

开发工具:eclipse.kaptcha-2.3.jar包. 一.创建Web项目: 二.新建一个Jsp页面(内容有,一个文本框,一个图片容器,一个提交按钮) <body> <img alt="random" src="randomcode.jpg" onclick="changeR(this)" style="cursor: pointer;"> <form action="check.

Fireworks利用滤镜工具制作Gif动画实例教程

gif文件: png文件: R: 看了"小可爱"转的用fireworks插件制作3D的gif动画,实在强大. 介绍这个插件的文章有差不多这样一句话:按下"导出"按钮,可能有类似死机现象,但是只要耐心等待,总会输出gif. 晕,我家里的机是n年前的老牌货,看来要另想办法了. 乱碰乱撞之下,意想不到的事情发生了----- 1. 新建一个150*100px大小的画布, 用"星型工具"画一个四叶草图案,为它加一个"纯色阴影滤"镜. 按

Fireworks 8制作精美网页效果图

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

Fireworks CS3教程:切片工具切网页模板

  在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局.在导入到Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局.切片的目的是为了获得图像素材,也就是说能够通过写XHTML语言脚本实现效果的部分,就不需要切片,而必须用图像的地方,则一定要切片.下面通过一个实例来给大家介绍一下Fireworks CS3的切片和优化功能,具体操作步骤如下:

Fireworks MX增强的位图工具

MacromediaFireworks是一款用于图像设计和网页设计的优秀应用软件,是编辑矢量和位图的综合工具.在Fireworks 4.0中编辑图形时,要作频繁的矢量编辑模式与位图编辑模式之间的切换.现在,在FireworksMX(以下称FWMX)中解决了这一问题,超酷的MX面板将工具分成选择.位图.矢量.网络.颜色.视图六块,FWMX自动判定对象的形式以选择编辑模式.而且,FWMX在位图方面的增强工具让人激动,下文就主要对这方面进行探索. 先来看看FWMX的位图工具面板(图一),与Firewo

Fireworks MX之旅:网页制作

网页 fireworks.dreamweaver和flash被网页设计爱好者并称为"网页制作三剑客",可见fw在网页制作上还是有很强的实力的,今天我们就来看看fwmx在网页制作上有哪些改进吧. 我们先准备一张很简单的图片,想要在此基础上加上一个pop菜单以及作一个网站的连接. 在左上角用文字工具写上了菜单的连接位置,选中,转换成slice切片,点击modify>pop-up menu>add pop-uo menu开始建立一个pop菜单. 在弹出的对话框中分别将相关选项填上

Firework使用指南--Fireworks MX增强的位图工具

 MacromediaFireworks是一款用于图像设计和网页设计的优秀应用软件,是编辑矢量和位图的综合工具.在Fireworks 4.0中编辑图形,要作频繁的矢量编辑模式与位图编辑模式之间的切换.现在,在FireworksMX(以下称FWMX)中解决了这一问题,超酷的MX面板将工具分成选择.位图.矢量.网络.颜色.视图六块,FWMX自动判定对象的形式以选择编辑模式,而且,FWMX在位图方面的增强工具让人激动,本文就主要对这方面进行探索. 先来看看FWMX的位图工具面板(图1),与Firewo

用Fireworks一步步制作网页

  先看最终效果图: 下面开始讲解: 1.布局 先来说一下 我们制作网页一般的大小 高度:没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值. 宽度: 1.在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003.但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框. 2.在Firefox下,宽度的分率辨减19.比如1024的宽度-19就变成1005 3.在Opear下,宽度的分率辨减23.比如1

用Fireworks制作网页

  先看最终效果图: 下面开始讲解: 1.布局 先来说一下 我们制作网页一般的大小 高度:没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值. 宽度: 1.在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003.但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框. 2.在Firefox下,宽度的分率辨减19.比如1024的宽度-19就变成1005 3.在Opear下,宽度的分率辨减23.比如1