在公园的快速漫步...

现在,你已经对Image Composer的许多特性熟悉了。现在可以打开一个图象并执行一些快而简单的操作,这里将使你对Image Composer的许多选项进行快速浏览,从而对Image Composer能够为你所创建的东西有一个感性认识。

 

 

为你的站点创建一个Banner

我们将以一个简单例子开始一建立一个所谓的网页的Banner。有时,当设计一个站点时,个人或公司通过在每页上使用标准的组件例如Banner,工具栏,脚注或者边栏等来保持界面的一致性,在这里创建的Banner是为Magicw3公司的。

按以下步骤操作:

  1. 由创建一个新工作区开始,选择File|New或单击New按钮——在工具栏上的第一个按钮,一个缺省的工作区(作品)将会创建。
  2. 现在改变其尺寸以适应你所需创建的Banner大小,选择File|Composition Properties(见图26.32)。
  3. 图26.32 设置Composition的属性

  4. 改变宽度,设置为600,高度为90。这个尺寸无论是对Banner,题头或脚注都是很适合的。
  5. 现在,为你的图象设置一个背景,即时你以空白区域开始工作,你也必须在保存它之后才能在它上面画图,选择File|Save As。在Save As对话框内,输入名字,在这里使用Banner.gif并将其存储为GIF格式(如图26.33所示),然后按Save。
  6. 使用File|Close关闭当前工作区。
  7. 打开File菜单,你应该在菜单选项里见到你的新文件名,位于Open 选项的分隔栏之下名为D:\Multimedia Fles\..\Banner或Banner。这是你先前保存的文件,(我要求你做这些只是为了说明File菜单中的最近文件打开特性)。选项它打开一个新的作品,包含一个空的Banner的sprite。

 

图26.33 确定文件名和文件类型

你可以做很多事来为这个Banner的sprite建立一个好的背景,例如,你可以选择图案和填充工具并且选择Gradient Ramp选项来创建一个渐变的背景。试一试:

  1. 选择标题sprite图片。

2. 单击图案和填充工具(在工具盒上往下第五个按钮)。

3 选择在图案和填充调色板上的Gradient Ramp选项。

4. 选择一个Ramp name设置器,对于这个例子,使用Cool Steel。

  1. 单击Apply。你应该得到一个看起来类似于图26.34中的一个sprite。

图26.34 具有Cool Steel的Gradient ramp效果的背景

下一步,让我们将公司名称放在标题上

1. 单击在工具盒上的文本工具(往下第三个安钮),在文本调色板上选择Arial Black字体,大小36。

2. 输入公司名字,在这里输入MagicW3。

3. 打开颜色拾取器(参见图26.8)按以下颜色设置:Red:61,Green:67,Blue:67。

  1. 4. 单击Apply按钮,你现在已经创建了文字的阴影部分(见图26.35)。

图26.35 创建的文字的阴影部分

 

创立重叠3-D效果是很容易的。

  1. 使用颜色拾取器为文本设置比较亮的颜色,设置Red:204, Green:206, Blne:206。
  2. 单击Apply按钮,你将创建一个具有较亮颜色的文本重叠在原来文本上(如图26.36)。
  3. 选择重叠部分,并将它拖放至阴影文本的左边,现在你创建了一个3-D效果(见图26.37)。
  4. 图26.36 添加重叠文本

     

    图26.37 建立3-D效果

     

    为了确保在以后工作中移动这个文本时不至于仅仅拖动它的一部分;将它们组合成一个对象:

    1. 同时选择重叠和阴影文本部分。(不是Banner sprite本身!)

    2. 单击在工具盒中的排列工具(最顶上的按钮)。

    3. 单击在排列调色板上的Group按钮,你现在已经将它们设置成一组了。

  5. 为了确保以后别人不能再将其折分,单击Flatten按钮。其位置在排列调色板上Align选项之上。

 

现在让我们在文本上画一个线条。

  1. 在画盒子之前选择一种深的颜色,例如蓝色。将其颜色设置为Red:28, Green:12和Blue:192。
  2. 2. 单击在工具盒上的形状工具(从上往下的第四个按钮来打开形状-几何调色板。

  3. 在调色板上,确信其不透明度设置为100,并选择Close和Fill选项。
  4. 单击调色板上左侧顶部的按钮来创建一个矩形。

5. 从你的标题的左侧开始,拖放至右边形成一个小的窄的矩形。

现在线条画完了,你需要将其设置在文本的背后,否则它会挡住MagicW3中g字母的底部(见图26.38)。

图26.38 线条挡住了文本

当此蓝色矩形仍被选中时,进行以下操作;

1. 单击在工具盒上的排列工具打开排列调色板。

  1. 在顺序框内,单击Pointing up 和to the right箭头(Send Backward)。现在此矩形被放置在g的后面,但仍在sprite上面,从而创造出一种很好的重叠效果,如图20.39所示。

图26.39 线条设置在文本后面

 

现在为这个公司制作一个标识:

  1. 改变当前的颜色设置为Red:16, Green:0, Blue:242。这是一种比我们用于线条更亮的一种蓝色。
  2. 单击在工具盒上的shapes工具(第四个按钮)。
  3. 3. 在形状一几何调色板上,确认不透明度设置为100,并选中Close和Fill检查框。

  4. 单击位于调色板左侧的从上至下的第2个按钮。
  5. 画一个圆,直径约为半英寸,一个透明的文框将显示圆的大小(为得到一个完美的圆,在画园时按住shift键)之后,单击Render按钮,这时结果应如图26.40所示。

图26.40 一个新的圆

 

重复先前的步骤,在选中的园上在创建一个白色的园(首先改变颜色设置Red:255, Green:255, Blue:255,即白色)。然后使用排列工具来成组,如图26.41所示。

图26.41 一个新的成组的圆sprite

 

现在让我们制作一点“浮雕”效果——使得这个Banner更加特别:

  1. 选定此成组的圆sprite,单击在工具盒上的艺术效果工具(第七个工具)打开艺术效果调色板。
  2. 选择Sketch效果和Rough Pastels选项。
  3. 设笔stoke长度为6,细节detail为7。
  4. 按Apply按钮,现在你已经将一个有趣的艺术效果应用到圆上,如图26.42所示。

 

图26.42 具有Rough Pastels效果的圆sprite

 

你现在已经有一个可以用于你的网页的Banner ,当你保存你的作品时,所有sprites将被展平——成为一个图象,当你重新打开此文件后你不能再移动图片上面的任何对象,所以在你保存和关闭你的作品之前确定所有对象在确定的位置上。

 

总结

许多类型的图象能够通过Microsoft Image Composer来创建,而这些只受你想象力的影响(以及磁盘空间)。最大限度地发挥这个软件的功能的最好途径是实验和尝试;一些看起来比较奇怪的或不寻常的技术的应用可以使你感到惊奇。用Image Composer“发明”的风格组合和技术,在你将来的作品中可能成为很有用的资源。

最后,祝愿大家使用Image Composer愉快!