您的位置:银河官方网站 > 每日一摄 > 将其它几幅图拖动到要选做效果的图像中,使用

将其它几幅图拖动到要选做效果的图像中,使用

2019-10-07 09:20

ImageReadyCS新功能掠影(2) (载入中...) 二、新增LayerComps面板

ImageReadyCS新功能掠影(4) (载入中...) 三、新增Web Content面板  经笔者使用发现这与ImageReady7.0中的Rollovers面板功能相近,只不过它将常用的一些面板进行组合,使用此面板能够快速浏览所有的行为切片(Slices),动画帧(Animations)、Map热区(Image Maps),有一个方便的操作面板并能通浏览器方便的看到其运行结果。而且可以快速嵌套行为切片、添加行为片段等等,最重要的是可以在一个文档中建立多种切片方式,在新建动画帧时同时新建层。  当建立新的动画帧时就会在Web Content中显现出来,只要你右击Web Content面板中的查看Animation图标,将图片 1打上勾,则可以快速浏览所有的动画帧,而在Image Maps中可以快速查看所有的热区,添加了切片夹,可以在一个文档中建立多种切片方式保存在不同的切片夹中,在黑三角的菜单选项中如果选中图片 2,则可以在新建动画帧时新建一层。在这个Web Content面板下方的快捷按钮中,可以快速新建动画帧、快速嵌套行为切片。

ImageReadyCS新功能掠影(1) (载入中...)

  可以在一个文件中保存不同层使用了不同模式的效果的合并效果,以便对各种效果进行快速察看。

图片 3

图片 4  [前言] Adobe ImageReady刚诞生时是作为一个独立的动画编辑软件发布的,直到Photoshop升级到5.5版本的时候,Adobe公司才将升级到2.0版本的ImageReady捆绑在一起,搭配销售,弥补Photoshop在动画编辑以及网页制作方面的不足。ImageReady具备Photoshop中常用的图像编辑功能,同时ImageReady更提供了包含了大量网页和动画的设计制作工具,功能强大也非常实用。

  首先我们打开几幅图像,将其它几幅图拖动到要选做效果的图像中,给各图层改名后,开始对图像模式以及样式进行第一次改变,改变后在菜单“Windows”下选择“Layer Comps”选项,单击“新建多个图层合并效果”按钮。

  Photoshop7.0发布的时候,ImageReady一下子就同步升级到了7.0,图片 5今年Adobe 今年Adobe CS套件发布,ImageReady也就一同升级成为崭新的ImageReady CS。  点击ImageReady CS漂亮的羽毛图标,我们一起来看看新的ImageReady CS都带给大家什么样的惊喜。

图片 6

  一、新的工具栏 图片 7

  这时会弹出“New Layer Comp”窗口,在此输入其名称并对所要应用的层状态进行选择,这里有三种选择:

  ImageReady CS的工具栏有一些变化,许多工具也进行了重新合并分组,我们将它和ImageReady 7.0的工具栏做一个细致的比较,并着重介绍新增的“矩形工具”和“药丸矩形工具”……

  Visibility——可见度  Position——位置  Appearance——外观,也就是图层样式

  二、新增LayerComps面板图片 8和Photoshop CS一样,ImageReady CS增加了LayerComps面板,可以在一个文件中保存不同的层组合效果,以便对各种效果进行快速察看……

  最下方还有对于其效果的注释。

  三、新增Web Content面板  经笔者使用发现这与ImageReady7.0中的Rollovers面板功能相近,只不图片 9过它将常用的一些面板进行组合,使用此面板能够快速浏览所有的行为切片(Slices),动画帧(Animations)、Map热区(Image Maps),有一个方便的操作面板并能通浏览器方便的看到其运行结果。而且可以快速嵌套行为切片、添加行为片段等等,最重要的是可以在一个文档中建立多种切片方式,在新建动画帧时同时新建层……

图片 10

  四、丰富的Slice面板 图片 11 在Slice面板中又添加了许多内容,用户对热区的属性指定变得更加方便……

  单击OK按钮后,这个图层样式合并效果就自动保存在刚新建的Layer Comp层中了,这时我们再单击Last Document State图层前的按钮,回到这一层,开始调整第二次要保存的模式样式类型,调整完后再再新建Layer Comp层,单击新建按钮后,效果又会被保存。当要查看合并效果时,只要单击“Layer Comp”面板前各层的小方块即可进行查看。

  五、新增的Table面板 图片 12

三、新增Web Content面板

  ImageReady CS新增了Table面板,用来调整嵌套行为切片属性……

  经笔者使用发现这与ImageReady7.0中的Rollovers面板功能相近,只不过它将常用的一些面板进行组合,使用此面板能够快速浏览所有的行为切片(Slices),动画帧(Animations)、Map热区(Image Maps),有一个方便的操作面板并能通浏览器方便的看到其运行结果。而且可以快速嵌套行为切片、添加行为片段等等,最重要的是可以在一个文档中建立多种切片方式,在新建动画帧时同时新建层。

   六、新建预设 图片 13

  当建立新的动画帧时就会在Web Content中显现出来,只要你右击Web Content面板中的查看Animation图标,将图片 14打上勾,则可以快速浏览所有的动画帧,而在Image Maps中可以快速查看所有的热区,添加了切片夹,可以在一个文档中建立多种切片方式保存在不同的切片夹中,在黑三角的菜单选项中如果选中图片 15,则可以在新建动画帧时新建一层。在这个Web Content面板下方的快捷按钮中,可以快速新建动画帧、快速嵌套行为切片。

  ImageReady CS在新建文件时提供了常用的一般网页所用的尺寸以及一些广告大小预设,比起ImageReady7.0更细致贴心……

图片 16

  七、输出Flash动画 图片 17

四、丰富的Slice面板

  从来没有想过ImageReady 也能够将动画输出成.swf格式吧!现在网上流行Flash动画为主的.swf格式,不但体积小而且方便,所以在ImageReady CS里也特意为大家准备了能够以.swf格式输入的功能。只要选择主菜单中选中“File”下“Export”中的图片 18,就会弹出输出.swf格式的设置框……

  在Slice面板中添加了许多内容,更加方便了用户对热区的属性指定。 Type 类型, 在“类型”中有三个选项,分别是 Image (图片)、No Image(非图片)、Table(嵌套) Name 在这里输入热区的名称 URL 输入图片的URL Target 目标Dimensions 尺寸,这个选项调整热区的X、Y值与长宽值。 Constrain Proportios 锁定长宽比例 Cell Alignment单元格排列调整。在这里有Horiz(水平)和Vert(垂直)的热区排列调整选项供大家选择。 Background背景,在此选项中设定热区的背景颜色。 Status Bar Message 热区在状态栏显示的信息

  八、Actions面板增加Insert a Step功能 图片 19

图片 20

  这个Insert a Step功能可以让我们自定义条件触发的动作内容,使用这种条件触发的逻辑功能,可以让ImageReady CS根据不同图像的特性(比例、尺寸、文件名等)选择运行预先设置好的动作…… 

  编辑点评:ImageReady的长处主要在设计稿切割成网页与动画制作方面,CS新版本增加的新工具、Web Content面板、Table面板以及Slice面板都在加强其网页设计制作功能,为网页设计人员更多的方便。因为Flash的长处更多的在于其强大的交互性,仅仅输出成swf格式的动画并无太大实际意义。Action面板新增的条件触发功能是一个新亮点,是否实用还要看各位用户的实际运用。一、新的工具栏

  ImageReady CS的工具栏有一些变化,许多工具也进行了重新合并分组,我们将它和ImageReady 7.0的工具栏做一个细致的比较,并着重介绍新增的“矩形工具”和“药丸矩形工具”。

  图1是ImageReady 7.0的工具栏,大家可以看到各属性工具之间用凹进去的横线隔开,而且分类比较多。

图片 21

图1

  再看图2中的ImageReady CS的工具栏界面,初看工具箱好像没有太大的变化,但是仔细看一下凹进去的线条变成了实灰色,许多工具也进行了重新合并分组。

图片 22图2

  首先整个“套索工具”与“魔术棒”工具都整合到“选框工具”中了,而在选框工具下方则将原整合的“切片工具”分开,左边是“切片工具”,右边是“切片选取工具”。  原来的“图像映射工具”中将图片 23将其它几幅图拖动到要选做效果的图像中,使用此面板能够快速浏览所有的行为切片(Slices)。“图像映射选择工具”分离出来与“图像映射工具”排成一行。  在“画笔工具”中少了“油漆喷雾器工具”图片 24但是却将“图章工具”与“油漆桶工具”整合了进来。  在整合的“矩形工具”中将“直线工具”分离出来,另外增加了一个类似的工具,整合了“制表矩形工具”图片 25和“药丸矩形工具”图片 26

   “模糊、锐化、涂抹、减淡、加深、海绵”工具都简化,工具栏看起来更加整洁。最上方的Go to Adobe Online(联机方式)的图片换成了新的羽毛标志。

  这里我着重介绍一下新增的“矩形工具”和“药丸矩形工具”:

  “制表矩形工具”以及“圆角矩形工具”与“矩形工具”和“圆角矩形工具”不同,“矩形工具”画出来的是四角均为方形,“圆角矩形工具”画出的是四个角均带有弧形的圆角矩形。而“制表矩形工具”则是特意为网页制作中画表格上方的导航栏所使用的工具,可以画出上方两个角边带有弧形,而下方两角则为方形的矩形。

  “药丸矩形工具”就是以我们现在生活中常吃的胶囊药丸为模形,可以绘制出如药丸一样的图形,下图就是四种工具分别以“圆角矩形半径”为30px绘制的图形。

图片 27

  在“制表矩形工具”与“药丸矩形工具”的属性栏中,均有以“形状图层”和“完整象素”、“固定大小”来绘制图形,并可以调节其“圆角半径”、“模式”以及“透明度”,最完美的是有更多漂亮的“图层样式”供大家选择。

本文由银河官方网站发布于每日一摄,转载请注明出处:将其它几幅图拖动到要选做效果的图像中,使用

关键词: