Fireworks课件第一章 Fireworks CS6 概述
- 格式:ppt
- 大小:880.00 KB
- 文档页数:12
图形图像处理软件:①位图图像处理软件(处理像素):如PhotoShop②矢量图形处理软件(处理矢量图形):如Coreldraw、Illustrator而Fireworks专门为了网页设计师设计和开发的,它具有位图处理及矢量制作的许多工具,又可以制作网页进行交互的相关功能,利于网页的输出,因此特别适用于网页制作。
Fireworks能为网站建设作些什么:1、众多的图像效果、处理工具、颜色控制以及图像优化使得Fireworks可以制作出漂亮的“LOGO”(标志)图和其它Web图像。
2、在将照片上传到网站前,可以使用Fireworks对这些图像进行压缩,然后图像的质量损失却很小甚至是无损的。
3、如果有很多的图片要放到网页中,可以考虑使用Fireworks的缩略图功能。
并且可以设置热点,当用鼠标点击方式修改图片时可进行放大。
4、使用Fireworks可以制作小巧而且富有动感的广告条。
5、使用Fireworks图像映射可以为网站做导航。
6、使用Fireworks可以为网页制作普通按钮和用JavaScript实现的滚动按钮。
7、使用Fireworks还可以创建整个WEB页面。
第一章Fireworks基础§1.1 Fireworks操作界面1、启动:“开始”——“Macromedia”——“Macromedia Fireworks”2、开始页快速“打开最近的文件”,“新建”文件……3、工作环境标题栏、菜单栏、工具箱、编辑窗口、面板组、属性面板等组成。
4、退出§1.1.1 标题栏1、作用:显示当前正在编辑的文件名称。
2、 Fireworks默认的源文件扩展名为PNG,还可以生成如JPG、GIF、BMP等格式的图像文件。
3、标题栏的左侧是窗口控制菜单,右侧是三个按钮(最小化、最大化、关闭)。
§1.1.2 菜单栏(十个菜单按钮)§1.1.3 工具栏1、作用:方便用户进行某些操作而设置的。
Fireworks及综合课讲义第一讲基本操作 (1)第一节:基本概念 (1)第二节实例演示 (2)第二讲切片,行为,按钮 (4)第一节切片,切片行为 (4)第三讲综合课 (11)第一节:站点的管理与上传 (11)第二节:知识点复习 (11)第一讲基本操作第一节:基本概念一、 fireworks概述Fireworks是一个专业化的Web图象设计程序。
它是第一个专门针对web而开发的图象设计软件,使用它,既可以编辑web图象,又可以编辑web动画,它的一个很大优势就在于它将位图处理和矢量处理功能合二为一。
换句话说,它既是一个优秀的位图图象处理程序,又是一个矢量图象处理程序。
这使得它的应用更加广泛。
与photo shop相比,安装文件小,只有25M,携带方便。
二、 fireworks功能1、设计制作并美化页面2、制作动态效果3、优化网页图片三、 工作环境在介绍了fireworks的功能后,我们来看一个它的工作环境。
1、工具栏:工具栏位于工作界面的左侧,其中包括了6组工具,分别为:选择,位图,矢量,网页、颜色和视图工具,其中每一组工具中,又包含了几种不同的工具。
2、属性面板:位于工作界面的底部,在我们编辑不同的对象时,属性面板的内容会随着编辑对象的不同而发生变化。
例如:当我们在工具栏中选取了线条工具时,属性面板上就会显示线条工具的各项参数,方便我们进行设定。
当我们选文字工具时,属性面板显示的是文字的各项参数。
文字属性面板图13、浮动面板;fireworks中包含了大量的浮动面板,每个浮动面板都有其独特的作用。
Optimize优化面板,layer层面板,assets资源面板,历史记录面板,frame帧面板等。
四、 文档操作1、新建:宽,高,分辨率,画布颜色2、更改画布大小颜色和图像:选中箭头工具,在属性面板上可以设置。
3、保存:产生PNG格式的源文件。
导出格式:默认为gif格式。
Gif格式图象最多包含256色。
FireworksCS6案例教程第二版课程设计Fireworks CS6是一款常用的网页设计工具,它集合了图像处理、动画制作、网页布局和UI设计等多种功能。
本篇课程设计旨在通过练习案例来教授Fireworks CS6的使用方法,让学生了解和掌握其基本功能和技巧。
课程背景学生目标:1.掌握Fireworks CS6的常用工具和界面;2.熟悉图像处理的基础方法,如裁剪、缩放、修饰等;3.学会利用Fireworks CS6进行二维图形绘制和编辑;4.学习使用Fireworks CS6制作网页布局和UI设计;5.了解和应用Fireworks CS6的动画制作功能。
教学内容及方法教学内容第一章常用工具和界面1.Fireworks CS6界面介绍2.工具栏功能对应第二章图像处理基础方法1.选区工具使用方法2.图像修饰功能介绍3.图像压缩方法与技巧第三章二维图形绘制和编辑1.矩形、圆形、箭头等基本形状绘制方法2.贝塞尔曲线的绘制和编辑技巧3.复制、绕转、合并等图形编辑功能的使用第四章网页布局和UI设计1.网页布局的制作方法2.文字、按钮、联系表格、图片轮播、菜单栏等元素的设计方法第五章动画制作1.基本动画效果的实现方法2.帧动画的制作方法3.动画效果的优化与导出教学方法1.理论讲解结合案例实践;2.给学生独立配置软件并指导其熟悉其操作方法;3.引导学生自主解决问题,鼓励学生提出解决问题的思路;教学评价与考核方式•实验报告:50%•阶段考试:30%•作业:20%教学资源1.教材:《FireworksCS6案例教程(第二版)》2.实验室配备:电脑、Fireworks CS6安装包教师建议1.本课程可以结合网页设计入门、UI设计、平面设计等相关课程进行教学;2.在教学过程中,可以鼓励学生利用互联网资源进行案例分析,或结合实际项目进行综合设计实践;3.根据学生的学习进度和情况,适当进行授课内容和方法的调整。