⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 26-1.cfm.htm

📁 最全的asp.net教程,对现在正在学.net的学生有很好的辅助效果
💻 HTM
📖 第 1 页 / 共 4 页
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>Microsoft Image Composer的特性</TITLE>
</HEAD>
<BODY>

<B><FONT FACE="宋体" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">Microsoft Image Composer的特性</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">    当你能够使用Microsoft Image Composer 之前,首先必须安装它。你可以从FrontPage或Visual InterDev一起得到其一个拷贝。你至少需要16MB的磁盘空间为其最小安装。这意味着只安装Image Composer和Impressionist Plug-In插件。如果你要安装例子和帮助文件的话,需要28MB的磁盘空间。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">技巧</P>
</B><P ALIGN="JUSTIFY">    完全安装需要292MB的磁盘空间。但是其中的绝大多数是艺术范例。它们最好被留在CD上。这样,你就可以随时从CD上获得这些例子。将它们打开并把它们插入当前的图片组中去。这样,你就可以不必为此浪费大量的硬盘空间。</P>
<P ALIGN="JUSTIFY">    在安装了Microsoft Image Composer 之后,启动程序如图所视(图26.1)。</P>
<P ALIGN="JUSTIFY">你首先应该熟悉一下Image Composer中三个常用控件区:</P>
<P ALIGN="JUSTIFY">■ 活动特性控件区</P>
<P ALIGN="JUSTIFY">■ 特性画板控件区</P>
<P ALIGN="JUSTIFY">■ 菜单/工具条控件区</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"><IMG SRC="Image31.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image31.gif" WIDTH=593 HEIGHT=447>        <B>   图26.1 Microsoft Image Composer的用户界面</P>
</B><P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">    以下几段将分别介绍以上的区域和其功能,使你能更好地理解通过这些工具你可以完成什么工作。然后按此方式自己可以尝试一下以便更好地掌握它。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">技巧</P>
</B><P ALIGN="JUSTIFY">     如同对于任何一种你不熟悉的软件一样,你不应该在安装Image Composer之后立即用它来进行实际的工作。如果这样的话,你可能会受到挫折,最后抱怨这个产品。记住,在用其进行实际开发之前,应用它进行不断的实验来逐步地掌握其特性。利用这种方式,你的工作小绺会更高,工作会更成功。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">    当你用Image Composer进行工作之前首先应该熟悉一下术语:</P>
<P ALIGN="JUSTIFY">■<B>Sprite。</B>在这里,它并不代表一种饮料。而是Image Composer的最基本的组成部分。你可以用鼠标对其进行拖放,就象你在Windows 95的桌面上拖动各种可见图标一样。当你将一个图片放入Image Composer工作区内时,它将自动装化成一个Sprite。这并不意味着你的图片源文件被修改--它就象图片的工作拷贝一样。</P>
<P ALIGN="JUSTIFY">■<B>画板</B>。它是你用来涂色的工具。它包含了所有你能够用来创建图象的颜色,无论其颜色在真实世界中是否存在。MIC有八种不同的含有不同控制的调色板,根据所选的特性而定。</P>
<P ALIGN="JUSTIFY">■<B>工具注释条</B>。就象大多数Microsoft控制一样,将鼠标放在Image Composer中的某个控制选项上将会出现一个小的黄色标记条叫做工具注释条。这种注释条给你提示,告诉你这个特定控件的功能和作用。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">    以下段落将介绍这些控制和它们相关的调色板工具盒:</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋体" LANG="ZH-CN"><P ALIGN="JUSTIFY">工具盒</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">工具盒如图26.2所示,以工具条按钮的形式来显示当前的控制。共有10种控制工具。其中8种当选中时会出现相关的控制调色板。表26.1显示了各种工具。以下各段将分别详细介绍每种工具的功能。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"><IMG SRC="Image32.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image32.gif" WIDTH=263 HEIGHT=52><B>    图26.2 工具盒</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">表26.1 Image Composer toolbox中的各种工具</P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"><HR ALIGN="RIGHT"><HR ALIGN="RIGHT" SIZE=1><B> </B>工具                      名称</P>
<P ALIGN="JUSTIFY"><IMG SRC="Image33.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image33.gif" WIDTH=24 HEIGHT=24><IMG SRC="Image34.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image34.gif" WIDTH=24 HEIGHT=25><IMG SRC="Image35.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image35.gif" WIDTH=25 HEIGHT=23><IMG SRC="Image36.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image36.gif" WIDTH=24 HEIGHT=23><IMG SRC="Image37.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image37.gif" WIDTH=25 HEIGHT=24><IMG SRC="Image38.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image38.gif" WIDTH=24 HEIGHT=24><IMG SRC="Image39.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image39.gif" WIDTH=25 HEIGHT=23><IMG SRC="Image40.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image40.gif" WIDTH=25 HEIGHT=24><IMG SRC="Image41.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image41.gif" WIDTH=25 HEIGHT=23><IMG SRC="Image42.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image42.gif" WIDTH=25 HEIGHT=24><HR ALIGN="RIGHT">                           </P>
<B><P ALIGN="JUSTIFY"> </P>
</FONT><FONT FACE="宋体" LANG="ZH-CN"><P ALIGN="JUSTIFY">排列工具</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">排列工具(如图26.3所示)。在启动了Image Composer时作为却省的选中工具。这种工具用来在你的工作区内安排布置sprite图片组。当sprite被选中的时候,它周围会出现高亮度的边框,并有8个尺寸变化控制框(见图26.4)。如果你不选中图片,调色板控制也不会被激活。</P>
<B><P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image43.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image43.gif" WIDTH=289 HEIGHT=265><IMG SRC="Image44.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image44.gif" WIDTH=264 HEIGHT=52><B>图26.3  使用排列工具来安排图片sprite的大小和位置</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">   图26.4 带有尺寸控制点的被选Sprite</P>
</B><P ALIGN="JUSTIFY">   </P>
</FONT><B><FONT FACE="宋体" LANG="ZH-CN"><P ALIGN="JUSTIFY">控制尺寸大小和位置</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">    尺寸控制点--带有远离图片箭头的白色小盒--使得你能够动态地改变图片的尺寸大小。如果你拾取了一个控制点并且拖拉它,图片会向你拉伸的方向变形。如果你想保持图片形状的纵横比例因子(一种使图片看起来不变形的方式),则当在改变图片大小的时候按住Shift键。这使得图片保持它原来的纵横比例。</P>
<P ALIGN="JUSTIFY">在图片右上放方的箭头同其他箭头不一样,这个弯曲的箭头使得你能够动态地旋转图片。同时当一个Sprite被选中的时候,其特定的属性将在调色板上显示(见图26.5)。这个排列调色板能够控制图片的大小,位置,所属Sprite组等等各种特性。各种特性将在这段和以下各章节中一一介绍。</P>
<B><P ALIGN="JUSTIFY">图26.5 排列调色板</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image45.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image45.gif" WIDTH=569 HEIGHT=136></P>
<P ALIGN="JUSTIFY">    其中的宽度和高度框显示了当前sprite的尺寸。显示方式可以使像素单位或者是百分比,这根据你在Units下拉列表中所作的选择而定。当你改变高度或宽度值的时候,Apply按钮被激活,使得你能够应用所作的变化。你也可以直接使用宽度和高度框旁边的微调按钮来改变值的大小,或者简单地在文本框内输入适当的新值。</P>
<P ALIGN="JUSTIFY">    如果你选中Keep Aspect Ratio复选框的话,当你对图片的高度或者宽度设置改变时,其相对应的设置也会自动更改以确保图片以合适的比例因子显示。这样对图片的任何尺寸改动都不会导致图片的变形弯曲(其作用同用尺寸调节框拖放图片时按下Shift键一样)。</P>
<P ALIGN="JUSTIFY">    在Units选项的左边有两个按钮。其中左边的按钮是Fit to Bounding Box,用来改变图片的大小以适应图片框边界。除非你已经使用了在其右边的Crop/Extend按钮来改变了图片的边框大小,否则这个按钮是不必要使用的。Crop/Extend按钮用来改变当前所选的图片的边界--消除其不需要的图片空隙--或扩展边界来使其容纳整个图片。如果你扩大边界之后想要恢复以前的设置使得边界与图片相匹配的话,使用Fit Bounding Box按钮。</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋体" LANG="ZH-CN"><P ALIGN="JUSTIFY">旋转和翻转</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">    如果你改动了旋转设置框的设置,在其旁边相应的Apply按钮便会被激活。单击Apply按钮,所选择的图片将和它的边框一起顺时针旋转X度。X的范围是从1到360度。记住360度和0度一样--不作任何旋转。如果你输入0度,并单击Apply按钮,不会产生任何效果。</P>
<P ALIGN="JUSTIFY">旋转和翻转设置框使得你能够直接对图片进行操作。这由你所作的选择的区域有关。对于旋转,可以是向左逆时针旋转90度。向右顺时针旋转90度,或180度(不需要确定方向,因为旋转180度在每个方向上结果都一样〕。对于翻转而言,选择有水平翻转,垂直翻转或同时在两个方向上翻转。</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋体" LANG="ZH-CN"><P ALIGN="JUSTIFY">用sprite组进行工作</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">    排列调色板的最右边区域的顶部有7个按钮。从左到右,前三个用于对图片进行分组。中间一个用来把图片展平。最后三个用来定位和主页设置。</P>
<P ALIGN="JUSTIFY">    如果你想创建一个sprite组的话,按住shift健的同时选择每个sprite。如果想要不选择一个sprite的话,按住shift键再对其选一次即可。当选择了所需要的图片之后,单击第一个按钮:Group按钮。这样,你就创建了一个图片组。如果想拆分此组,按旁边的UnGroup按钮。这些sprite仍然被选中。但是你可以看到它们已经从组里分离了出来。将sprite成组的原因是,当你创建组合图片(由一张或几张sprite组成〕时,你可能需要在排列时一起移动它们。通过成组的方法你就可以将组合的图片同时移动。成组只是简单地将许多图片组合成一个组合图片。</P>
<P ALIGN="JUSTIFY">使用位于UnGroup 右边按钮的Explode 按扭的功能和Ungroup 相似,但是它将保持图片组里的子图片组析分时保存原封不动,如果你对所组合的图片感到满意而又不愿别人偶然将它析分的话,你可以选择把组展平从而由它创建一个新的sprite。 这可以通过使用位于Explode 按钮右边的Flatten 按扭,一旦进行这个操作之后只有通过立即选择Edit|undo 命令来取消此操作(或按Ctrl+Z)。在你这样做之前一定要确认是否要将图片展平。</P>
<P ALIGN="JUSTIFY">使用位于Flatten 按钮右边的home 和anchoring 按钮,你可以为一个sprite 设置一个home position 并且锁定它防止你在移动其它sprite时偶然移动它。Set home  Position(带有?的那个)按钮允许你为当前所选择的sprite设置一个初始位置。如果你设置了它的初始位置之后又移动了它,又决定将它移回原来的位置时,单击位于Set home Position按钮右边的Return home Position按钮。所选的sprite将回到它的初始位置。位于Return home Position右边的Lock按钮使你可以对sprite进行锁定。在你执行其他操作时可以防止偶然移动它。</P>
<P ALIGN="JUSTIFY">Order和Align选项决定了Sprite在屏幕上的显示方式。Order设置控制了在你的sprite 在Z方向的定位顺序。Z方向的定位顺序是在当前的组合sprite图片中每个sprite前后之间的相对位置。Z是前后位置,X是sprite的水平排列位置,Y是sprite的垂直排列位置。Align选项控制了你的sprite 与其它sprite 之间的对齐方式。首先选中一个sprite, 然后移动你的鼠标指针至将要对齐或进行顺序排列的区域,工具注释条将会出现,介绍你所能进行的操作选项,然后就可以单击合适的选项。</P>
<P ALIGN="JUSTIFY">接下来介绍的是Abut铵钮,当一个sprite被选中的时候,这个命令允许你将选中的sprite的左边与其它的sprite右边对齐。这项命令在你需要将两个sprite以对边左右对齐的方式排列时十分有用——例如,当你用两个sprite创造一个镜像图片效果的时候。</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋体" LANG="ZH-CN"><P ALIGN="JUSTIFY">上色工具</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">上色工具(图26.6显示)通过许多不同的艺术方法来增强你的sprite图片的艺术效果,当这个工具被选中的时候颜色调色板变成可见(见图26.7)。</P>
<B><P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image46.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image46.gif" WIDTH=263 HEIGHT=52><B>图26.6 使用上色工具来为图片增加不同的颜色</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">图26.7 着色调色板</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image47.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image47.gif" WIDTH=596 HEIGHT=137></P>
<P ALIGN="JUSTIFY">着色调色板包含三块区域。左边区域有20个按钮使得你能够选择多种不同的着色工具。最上面三排是刷子;低部一行是刷子修改按钮。在调色板中间,你可以选择或创建不同尺寸的刷子。通过在调色板右边区域的选项,你可以修改刷子的尺寸和透明度。</P>
<P ALIGN="JUSTIFY">首先,我将讨论着色工具的类型。设想在这个区域上的20个按钮以1到20标号,每行5个排成一行,那么第一行将是1-5,第二行是6-10,以此类推,从左到右,从上到下,这样,就比较容易进行讨论。</P>
<P ALIGN="JUSTIFY">缺省的着色工具类型是画刷(按钮1)。当选择此按钮时将显示当前所选择的画刷颜色,这个颜色在工具盒下边的大框中显示,单击此框可以使你通过弹出的颜色拾取对话框来改变调色板的颜色如图26.8所示。</P>
<B><P ALIGN="JUSTIFY">图26.8 颜色拾取对话框</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image48.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image48.gif" WIDTH=464 HEIGHT=312></P>
<P ALIGN="JUSTIFY">    你可以通过四种方式选择你的颜色:</P>
<P ALIGN="JUSTIFY">■ 使用红一蓝一绿组合值(RGB,缺省颜色选择)</P>
<P ALIGN="JUSTIFY">■ 使用灰度一饱和度值组合(HSV,可选的颜色选择)</P>
<P ALIGN="JUSTIFY">■ 使用你的鼠标在颜色面板上单击来选择一种颜色</P>
<P ALIGN="JUSTIFY">■使用Eyedropper按钮来(靠近颜色拾取对话框中央底部)从一个激活的sprite 中选择一种颜色</P>
<P ALIGN="JUSTIFY">    使用RGB颜色组合选项你可以在文本框中直接手工输入红、绿、蓝的值,或者直接使用在每个文本框右边的旋转按钮,还可以用滚动条来设置,如果你宁愿使用HSV颜色选项的话,使用同调整RGB相同的方法设置。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">注意</P>
</B><P ALIGN="JUSTIFY">    如果你选择了HSV。相应的选项标识从红、绿、蓝变成灰度饱和度和值。</P>
<P ALIGN="JUSTIFY">    </P>
<P ALIGN="JUSTIFY">在颜色设置选项上面你可以看到两块颜色区域。在其右边的按钮上标有》,这些颜色区域代表了当你打开颜色拾取对话框时所最初选择的颜色(左边)和你在对话框内当前所选择的颜色(右边)。如果你想恢复你最初所选的颜色,按》按钮。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">技巧</P>
</B><P ALIGN="JUSTIFY">    记住工具注释条的优点(将你的鼠标放在控制所在区域上得到的实时帮助)。当你使用调色板和对话框时它会使你节省时间,有利于你提早而顺利地完成工作。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">    &#9;接下来再回到着色调色板和20个工具按钮上来——以下各段将分别简要地讨论每个的功能。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">注意</P>
</B><P ALIGN="JUSTIFY">    如果你选中Sticky 检查框(位于着色调色板的右下角),当你在不同的sprite 中切换时将保持当前所选择的着色工具类型。否则的话,你需要在激活不同的Sprite 时选择一个着色工具。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">注意</P>
</B><P ALIGN="JUSTIFY">    无论打开的图片文件中是否会有透明颜色设置区域,当对这些图片着色时,只有可见颜色区域被着色。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">当你选择不同的着色风格时,在20个按钮右边区域中会提供不同的属性设置,为你所选的特定风格。</P>
<P ALIGN="JUSTIFY">以下的表格描述了在第一行中多个按钮功能。</P>
<P ALIGN="JUSTIFY">      按钮           名称         描述</P>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -