📄 26-2.cfm.htm
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>在公园的快速漫步</TITLE>
</HEAD>
<BODY>
<B><FONT FACE="宋体" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">在公园的快速漫步...</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">现在，你已经对Image Composer的许多特性熟悉了。现在可以打开一个图象并执行一些快而简单的操作，这里将使你对Image Composer的许多选项进行快速浏览，从而对Image Composer能够为你所创建的东西有一个感性认识。</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋体" LANG="ZH-CN"><P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">为你的站点创建一个Banner</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"> 我们将以一个简单例子开始一建立一个所谓的网页的Banner。有时，当设计一个站点时，个人或公司通过在每页上使用标准的组件例如Banner，工具栏，脚注或者边栏等来保持界面的一致性，在这里创建的Banner是为Magicw3公司的。</P>
<P ALIGN="JUSTIFY"> 按以下步骤操作：</P>
<OL>
<P ALIGN="JUSTIFY"><LI>由创建一个新工作区开始，选择File|New或单击New按钮——在工具栏上的第一个按钮，一个缺省的工作区（作品）将会创建。</LI></P>
<P ALIGN="JUSTIFY"><LI>现在改变其尺寸以适应你所需创建的Banner大小，选择File|Composition Properties(见图26.32)。</LI></P>
<B><P ALIGN="JUSTIFY">图26.32 设置Composition的属性</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image98.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image98.gif" WIDTH=388 HEIGHT=393></P>
<P ALIGN="JUSTIFY"><LI>改变宽度，设置为600，高度为90。这个尺寸无论是对Banner，题头或脚注都是很适合的。</LI></P>
<P ALIGN="JUSTIFY"><LI>现在，为你的图象设置一个背景，即时你以空白区域开始工作，你也必须在保存它之后才能在它上面画图，选择File|Save As。在Save As对话框内，输入名字，在这里使用Banner.gif并将其存储为GIF格式（如图26.33所示），然后按Save。</LI></P>
<P ALIGN="JUSTIFY"><LI>使用File|Close关闭当前工作区。</LI></P>
<P ALIGN="JUSTIFY"><LI>打开File菜单，你应该在菜单选项里见到你的新文件名，位于Open 选项的分隔栏之下名为D:\Multimedia Fles\..\Banner或Banner。这是你先前保存的文件，（我要求你做这些只是为了说明File菜单中的最近文件打开特性）。选项它打开一个新的作品，包含一个空的Banner的sprite。</LI></P></OL>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"><IMG SRC="Image99.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image99.gif" WIDTH=407 HEIGHT=292><B> 图26.33 确定文件名和文件类型</P>
<P ALIGN="JUSTIFY"> </B> 你可以做很多事来为这个Banner的sprite建立一个好的背景，例如，你可以选择图案和填充工具并且选择Gradient Ramp选项来创建一个渐变的背景。试一试：</P>
<OL>
<P ALIGN="JUSTIFY"><LI>选择标题sprite图片。</LI></P></OL>
<P ALIGN="JUSTIFY">2. 单击图案和填充工具（在工具盒上往下第五个按钮）。</P>
<P ALIGN="JUSTIFY">3 选择在图案和填充调色板上的Gradient Ramp选项。</P>
<P ALIGN="JUSTIFY">4. 选择一个Ramp name设置器，对于这个例子，使用Cool Steel。</P>
<OL START=5>
<P ALIGN="JUSTIFY"><LI>单击Apply。你应该得到一个看起来类似于图26.34中的一个sprite。</LI></P></OL>
<B><P ALIGN="JUSTIFY"> 图26.34 具有Cool Steel的Gradient ramp效果的背景</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image100.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image100.gif" WIDTH=646 HEIGHT=384></P>
<P ALIGN="JUSTIFY"> 下一步，让我们将公司名称放在标题上</P>
<P ALIGN="JUSTIFY">1. 单击在工具盒上的文本工具（往下第三个安钮），在文本调色板上选择Arial Black字体，大小36。</P>
<P ALIGN="JUSTIFY">2. 输入公司名字，在这里输入MagicW3。</P>
<P ALIGN="JUSTIFY">3. 打开颜色拾取器（参见图26.8）按以下颜色设置：Red:61,Green:67,Blue:67。</P>
<OL START=4>
<P ALIGN="JUSTIFY"><LI>4. 单击Apply按钮，你现在已经创建了文字的阴影部分（见图26.35）。</LI></P>
<P ALIGN="JUSTIFY"><LI></LI></P></OL>
<P ALIGN="JUSTIFY"><IMG SRC="Image101.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image101.gif" WIDTH=480 HEIGHT=74><B> 图26.35 创建的文字的阴影部分</P>
</B><P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> 创立重叠3-D效果是很容易的。</P>
<OL>
<P ALIGN="JUSTIFY"><LI>使用颜色拾取器为文本设置比较亮的颜色，设置Red:204, Green:206, Blne:206。</LI></P>
<P ALIGN="JUSTIFY"><LI>单击Apply按钮，你将创建一个具有较亮颜色的文本重叠在原来文本上（如图26.36）。</LI></P>
<P ALIGN="JUSTIFY"><LI>选择重叠部分，并将它拖放至阴影文本的左边，现在你创建了一个3-D效果（见图26.37）。</LI></P>
<P ALIGN="JUSTIFY"><IMG SRC="Image102.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image102.gif" WIDTH=480 HEIGHT=73><B>图26.36 添加重叠文本</P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image103.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image103.gif" WIDTH=480 HEIGHT=72><B>图26.37 建立3-D效果</P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"> 为了确保在以后工作中移动这个文本时不至于仅仅拖动它的一部分；将它们组合成一个对象：</P>
<P ALIGN="JUSTIFY">1. 同时选择重叠和阴影文本部分。（不是Banner sprite本身！）</P>
<P ALIGN="JUSTIFY">2. 单击在工具盒中的排列工具（最顶上的按钮）。</P>
<P ALIGN="JUSTIFY">3. 单击在排列调色板上的Group按钮，你现在已经将它们设置成一组了。</P>
<P ALIGN="JUSTIFY"><LI>为了确保以后别人不能再将其折分，单击Flatten按钮。其位置在排列调色板上Align选项之上。</LI></P></OL>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">现在让我们在文本上画一个线条。</P>
<OL>
<P ALIGN="JUSTIFY"><LI>在画盒子之前选择一种深的颜色，例如蓝色。将其颜色设置为Red:28, Green:12和Blue:192。</LI></P>
<P ALIGN="JUSTIFY">2. 单击在工具盒上的形状工具（从上往下的第四个按钮来打开形状-几何调色板。</P>
<P ALIGN="JUSTIFY"><LI>在调色板上，确信其不透明度设置为100，并选择Close和Fill选项。</LI></P>
<P ALIGN="JUSTIFY"><LI>单击调色板上左侧顶部的按钮来创建一个矩形。</LI></P></OL>
<P ALIGN="JUSTIFY">5. 从你的标题的左侧开始，拖放至右边形成一个小的窄的矩形。</P>
<P ALIGN="JUSTIFY">现在线条画完了，你需要将其设置在文本的背后，否则它会挡住MagicW3中g字母的底部（见图26.38）。</P>
<B><P ALIGN="JUSTIFY">图26.38 线条挡住了文本</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image104.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image104.gif" WIDTH=480 HEIGHT=72></P>
<P ALIGN="JUSTIFY"> 当此蓝色矩形仍被选中时，进行以下操作；</P>
<P ALIGN="JUSTIFY">1. 单击在工具盒上的排列工具打开排列调色板。</P>
<OL>
<P ALIGN="JUSTIFY"><LI>在顺序框内，单击Pointing up 和to the right箭头（Send Backward）。现在此矩形被放置在g的后面，但仍在sprite上面，从而创造出一种很好的重叠效果，如图20.39所示。</LI></P></OL>
<P ALIGN="JUSTIFY"><IMG SRC="Image105.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image105.gif" WIDTH=480 HEIGHT=72> <B>图26.39 线条设置在文本后面</P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY">现在为这个公司制作一个标识：</P>
<OL>
<P ALIGN="JUSTIFY"><LI>改变当前的颜色设置为Red:16, Green:0, Blue:242。这是一种比我们用于线条更亮的一种蓝色。</LI></P>
<P ALIGN="JUSTIFY"><LI>单击在工具盒上的shapes工具（第四个按钮）。</LI></P>
<P ALIGN="JUSTIFY">3. 在形状一几何调色板上，确认不透明度设置为100，并选中Close和Fill检查框。</P>
<P ALIGN="JUSTIFY"><LI>单击位于调色板左侧的从上至下的第2个按钮。</LI></P>
<P ALIGN="JUSTIFY"><LI>画一个圆，直径约为半英寸，一个透明的文框将显示圆的大小（为得到一个完美的圆，在画园时按住shift键）之后，单击Render按钮，这时结果应如图26.40所示。</LI></P></OL>
<P ALIGN="JUSTIFY"><IMG SRC="Image106.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image106.gif" WIDTH=481 HEIGHT=73><B> 图26.40 一个新的圆</P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY">重复先前的步骤，在选中的园上在创建一个白色的园（首先改变颜色设置Red:255, Green:255, Blue:255,即白色）。然后使用排列工具来成组，如图26.41所示。</P>
<P ALIGN="JUSTIFY"><IMG SRC="Image107.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image107.gif" WIDTH=482 HEIGHT=72> <B>图26.41 一个新的成组的圆sprite</P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY">现在让我们制作一点“浮雕”效果——使得这个Banner更加特别：</P>
<OL>
<P ALIGN="JUSTIFY"><LI>选定此成组的圆sprite，单击在工具盒上的艺术效果工具（第七个工具）打开艺术效果调色板。</LI></P>
<P ALIGN="JUSTIFY"><LI>选择Sketch效果和Rough Pastels选项。</LI></P>
<P ALIGN="JUSTIFY"><LI>设笔stoke长度为6，细节detail为7。</LI></P>
<P ALIGN="JUSTIFY"><LI>按Apply按钮，现在你已经将一个有趣的艺术效果应用到圆上，如图26.42所示。</LI></P></OL>
<B><P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image108.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image108.gif" WIDTH=480 HEIGHT=72><B> 图26.42 具有Rough Pastels效果的圆sprite</P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"> 你现在已经有一个可以用于你的网页的Banner ，当你保存你的作品时，所有sprites将被展平——成为一个图象，当你重新打开此文件后你不能再移动图片上面的任何对象，所以在你保存和关闭你的作品之前确定所有对象在确定的位置上。</P>
</FONT><B><FONT FACE="宋体" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">总结</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"> 许多类型的图象能够通过Microsoft Image Composer来创建，而这些只受你想象力的影响（以及磁盘空间）。最大限度地发挥这个软件的功能的最好途径是实验和尝试;一些看起来比较奇怪的或不寻常的技术的应用可以使你感到惊奇。用Image Composer“发明”的风格组合和技术，在你将来的作品中可能成为很有用的资源。</P>
<P ALIGN="JUSTIFY">最后，祝愿大家使用Image Composer愉快！</P></FONT></BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -