目录

什么nice fireworks

fireworks怎么用

human fireworks

fireworks用的多吗

setofffireworks

什么nice fireworks

打开后，直接睁卜族拖动也可以加进去图片。

你在改完帧时间后，可以按图片最右下方的播放按钮来查看效果！~~~

做好后要按弊盯Ctrl+Shift+S另存为“动画GIF”格式才是动态的！

造成不要忘了保存一份PNG分层原文件，以悉弊便以后继续修改！

fireworks怎么用

如今，UI设计人才缺口越来越大，工资也更是水涨船高，很多小伙伴纷纷表示想进入这一行业内，许多人想通过自学转行，但是UI是一个比较复杂的知识体系，如果没有较好的规划所学内容，东学一点，西学一点，学的知识不扎实是小，浪费了大量的青春就比较严重了，而且大多数人不具备那么强的自制力。

相比之下，找一家像汇众教育这样信得过的培训机构就容易的多，首先他们的课程都是经过长期调研后由几十，甚至上百人的研发团队共同开发而来的，其次，由于UI学习通常以线下为主，有老师监督，有作业需要完成，有项目要去做，所以即使没有主动性，在学校内也会有人逼迫你去学。

那么说回来，UI课程都包括哪些呢？

分为以下阶段：

第一阶段：基础学习

对于一个UI设计来说，学习色彩和平面构成等美术基础知识是必不可少的，因为UI属于视觉工作，而审美是所有闹镇烂视觉工作必备的基础条件，学习色彩搭配、素描、光影明暗、手绘技巧，并且结合多种成功案例学习海报的表现手法，提升自身审美能力。

除此之外，PS是UI设计要学的第一个软件 ，一定要达到可以熟练掌握并且独立完成自己想要作品的程度。

第二阶段：学习不同种类的UI

UI设计大致种类分为PC端UI、移动端UI、游戏UI和交互效果。

PC端的UI课程主要学习网页UI设计、图标制作、切图方法、前端开发等，熟练掌握网页设计流程和方法。在这个阶段主要培养学员产品分析和设计思维能力，在行业内美工与设计的区别就在于设计思维，而不是软件使用。没有设计思维能力的设计始终拿不到高薪。

各种风格界面设计流程与方法、图标、GIF动画与切图、web前端开发是此阶段主要学习旅枝的内容。

第三阶段：移动端UI设计

作为现阶段主流平台，移动端UI是重中之重，在这一阶段，除了要了解苹果和安卓等主流平台设计规范，深入学习用户体验和交互设计知识，让学员设计出更符合企业和用户的需要的产品。

用户液漏体验设计与交互设计、APP图标设计的规范与技巧、通过实际项目掌握手机主题设计的技巧与方法，是汇众教育UI课程在这一阶段的课程重点。

第四阶段：原型产品设计

human fireworks

Fireworks CS3中蒙版的应用

一、宏睁改蒙版概述

简单来说，蒙版的作用就是实现透过某个形状看另外一个图形的效果。

除了能够把图像显示在任何一种形状内以外，蒙版还能够制作图像渐隐效果，如图5-63所示。

图像渐隐效果是指图像由清晰到透明的一种过度效果，过度的形式有很多，上面这张图像是图像由右到左的逐渐变透明，在网页设计中经常可以使用图像渐隐效果，使图像逐渐过度到网页的底色上。

二、Fireworks CS3的蒙版属性

在Fireworks CS3中创建蒙版之后，【图】面板中的图层会变成两个缩略图，左侧的缩略图为被蒙对象，右侧的缩略图为蒙版。

选中右侧的蒙版缩略图之后，在【属性】面板中会显示蒙版的属性。

1. 路径轮廓蒙版

这种类型的蒙版可以透过路径轮廓清楚的看到被蒙对象，而且跟矢量路径的颜色没有任何的关系，也就是说作为蒙版的路径不管填充了什么颜色，蒙版效果仍旧是非常清晰的。如果选中了“显示填充和笔触”那么可以显示蒙版的边缘路径效果。

2. 灰度外观蒙版

这种类型蒙版也是透过路径看到被蒙对象，但是看到被蒙对象的清晰度就会受到路径的填充色和描边色的深浅影响，这种类型蒙版的填充色和描边颜色都为灰度图，如果蒙版的颜色为白色，则蒙版下的图像能够清晰显示。如果蒙版的填充颜色为黑色，则蒙版下的图像则完全透明。如果蒙版的填充颜色为中间的灰色，则蒙版下的图像将以半透明装显示。填充下边的边缘属性中可以设置边缘羽化。

利用灰度外观蒙版受填充色深浅的影响，可以轻松实现图像渐隐效果，其原理就是给用来蒙版的矢量路径填充由黑色到白色的渐变色，这样蒙版后黑色的一边将为透明，白色的一边为清晰的效果，从而实现图像渐隐的效果。

三、 在Fireworks CS3中创建蒙版

在Fireworks CS3中创建蒙版的很多，但是最终的目的只不过是生成蒙版，所以基本上记住一两种生成蒙版的方法，重点掌握蒙版的属性就足够了，另外再了解蒙版的删除禁用和启用就可以了。

粘贴于内部

使用粘贴于内部命令是Fireworks CS3中最简单的创建蒙版的方法，需要注意蔽判的是，粘贴于内部创建的蒙版默认是路径轮廓蒙版，所以和作为蒙版的路径颜色无关，下面通过一个具体的实例来给大家进行介绍，具体的操作步骤如下：

1. 新建一个Fireworks文件。

2. 在弹出的【新建文档】对话框中设置画布的宽度为“350”像素、高度为“250”像素，背景颜色为白色。。

3. 把准备好的手机图像素材复制到创建的画布中，并且调整好大小和位置。

4. 使用【椭圆】工具，在画布的右侧绘制一个正圆，这个正圆要比画布大很多。

5. 打开准备好的素材图像，由于准备的素材图像尺寸大于我们的目标尺寸，所以需要选择【修改】@@【画布】中的【图像大小】命令来缩小图像素材，以适应我们的需求。

6. 选中缩小后的图像素材，选择【编辑】菜单下的【复制】命令，然后选中刚刚绘制的正圆，选择【编辑】菜单下的【粘贴于内部】(快捷键为：【Ctrl+Shift+V】)命令，这样就可以把图像素材显示在正圆中了。

7. 这时图像素材虽然显示到了正圆的内部，但是并不是我们所需要的位置，如果直接使用【指针】工具拖拽的话，是正圆和内部的图像一起移动，如果我们只需要调整正圆内部图像素材的位置，而不希望改变正圆的位置，可以点击【层】面板中的关联图标，取消图像和蒙版之间的关联，这样就可以任意调整早耐图像素材的位置，而不改变正圆的位置了。

8. 位置调整完毕后，可以把蒙版中图像和正圆的关联继续关联起来，整个图像效果就制作完毕了。

通过掌握【粘贴于内部】命令，我们可以把任何一张图像素材显示到任意一个形状中去。

组合为蒙版

使用组合为蒙版，同样可以创建蒙版效果，需要注意的是，组合围蒙版默认创建的是灰度外观的蒙版。下面通过一个简单的实例来给大家进行说明，具体操作步骤如下：

1. 新建一个Fireworks文件。

2. 打开准备好的图像素材。

3. 复制另外一张鱼类图像素材到画布中来，并且调整好大小尺寸。

4. 使用【矩形】工具，在绘制一个和画布一样尺寸的矩形，并且填充线性渐变色。设置渐变色的方向为垂直方向，最上方填充白色，最下方填充黑色。

5. 同时选中鱼类的图像素材和这个矩形，选择【修改】@@【蒙版】@@【组合为蒙版】命令。

6. 在【层】面板中选择右侧的矩形蒙版，调整渐变色的范围，适当增加黑色部分所占的面积，这样可以让蒙版下方的透明部分增加。

fireworks用的多吗

零基础能学会UI设计么?答案是肯定的，作为专业UI设计培训机构，北京北大青鸟在教授过程中，都是从基础内容开始，由浅入深去讲解，如果说是本身有点设计的基础的，学习起来自然就相对更容易，如果是零基础，首先要做的就是练好基本功。

要问到零基础能学会UI设计么的问题，主要是大家对UI设计并不是很熟悉，不了解怎么去学，或者是学哪些内容，其实ui设计需要的基础并不难，也不需要太多编程的东西，但是基础的东西是重中之重，基础的东西不仅要熟更要精，能达到举一反三的境界，那具体UI设计培训要学习哪些内容，我们一起来看下

零基础能学会UI设计么?要想零基础学会UI设计，首先北京UI设计来认识UI设计要学习的基础软件，如下：

一、Photoshop。其应用领域其实很广泛，在图像、图形、笑尘文字、视频、出版各方面都有涉及。

二、AI是美国ADOBE公司推出的专业矢量绘图工具。AdobeIllustrator是出版、多媒体和在线图像的工业标准矢量插画软件。

三、Fireworks。AdobeFireworksCS3软件可以加速Web设计与开发,是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。

四、Dreamweaver要想做好一个好的界面，当然网站中网页的排版是非常重要的，而Dreamweaver就是网页排版的专用工具，你有图片，flash动画，文字的前提下，要把他们有方法有次序的组织起来，这时候vdreamweaver就大显身手了，它可以把文字，动画，图片很好的组织起来形成一个完整的页面，这样上传到互联网上浏览碰耐禅者就可以很轻松的浏览网页了，不会感到杂乱无章。

五、HTML5+CSS3，web前端，Java框架，jQuery界面动效等等

单单学习以上介绍的那些还是不够的，还要有一定的软件界面的了解和认识，如：HTML5+css3,web前端设计，java，以及java的一些框架(jQuery等)都非常重要.如果想让做出的界面非常吸引人、好看、漂亮，那么这些工具软件的友好搭配应用，是非常有必要的。

以上是我们做UI设计时会经常用到的基础软件，北京北大青鸟UI设计培训在亩誉教授课程中也会更深入的讲解这些软件是如何应用的，看到这里也许有的朋友就会觉得，没有基础要怎么学好这么些设计软件，零基础能学会UI设计么?不用担心，目前报名北京北大青鸟升级的UXD精修班课程，特赠送一个月的基础强化班课程，帮助你解决零基础的问题。

setofffireworks

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

1、在Fireworks CS3中打开制作好的网页效果图，如图所示。2、选择Fireworks CS3中的【切片】工具，对效果图进行切片，切昌销片完成后的效果如图【说明】切片的时候，尽量保证所有的切片和被切片的图像尺寸一致，不要切片大于或者小于被切片的图像，同时切片之间尽量保持不要重叠。

3、几个特别需要注意的地方来详细给大家说一下，首先是在内容区域，文本的前方有小的黑色三角箭头，这是用图像来制作的，所以必须要切片，但是由于所有文本前方的箭头图标都是一样的，所以只需要切一张即可。4.按快捷键【F6】，打开Fireworks CS3的【优化】面板，使用【指针】工具，在【2幅】窗口的左侧依次选择切片，然后在【优化】面板中进行相应的优化操作，最终优化后的图像效果，可以在【2幅】窗口的右侧进行观察，