sina.com.cn
新浪首页|免费邮件|用户注册|网站地图

科技时代

新浪首页 > 科技时代 > 软件 > 图像处理 > 正文
软件分类教程

● 系统工具
● 网络工具
● 常用工具
● 多媒体类
● 图像处理
● 文字编辑
● 休闲娱乐
● 办公软件
● 编程语言
● 操作系统
● 其它软件
● 软件评测
● 主页制作
● 观点评论





从小处开始-用ImageReady做网页按钮

http://tech.sina.com.cn 2000/12/05  中国电脑教育报 王永军

  ImageReady是专门为制作网页图像而设计的软件,但是从2.0版本开始就不单独发行,而是将其集成到了Photoshop中,例如目前的ImageReady 2.0就被集成到了Photoshop 5.5中。ImageReady不但为用户设计网页图像提供了一个良好的操作环境,而且利用它可以非常轻松地完成网页图像的制作。由于它与Photoshop 5.5同属Adobe公司的产品,所以工作界面极其相似,下面我们就以制作一个木质网页按钮为例,说明它不同于Photoshop 5.5的特殊功能。

  1、打开Photoshop 5.5,新建一个宽300像素、高200像素大小的背景透明(选中Transparent项)的图像文件,并命名为“Button”。

  2、执行“File/Jump to/Adobe ImageReady2.0”进入ImageReady 2.0的操作环境,同时程序自动打开了第1步中的“Button”图像文件。由此可见photoshop5.5与ImageReady2.0的结合是非常紧密的。

  3、点击工具箱中的“Rectangle Tool”工具右下方的小箭头,停留片刻,在弹出的菜单中选择箭头所指的“Round Rect Tool”工具。

  4、在右方的“Round Rect Options”面板调整各项参数。(如果在右方没有出现“Round Rect Options”面板,可执行“Windows/Show Options”命令,即可调出该面板)

  5、在图像上拖动鼠标,生成一个圆角矩形,同时在“Layer”面板中产生“Layer 2”层。

  6、点击右方的“Style”面板。ImageReady已经为我们内置了十几种现成的按钮样式,我们在其中选择木纹样式。确认“Layer 2”层为当前工作层,然后双击选中的木纹样式。

  7、激活“Layer”面板,单击其下方“Effect”前的向右的按钮,打开“Effect”命令选项菜单。

  8、双击“Effect”命令选项菜单下的“Bevel and Emboss”命令,打开“Bevel and Emboss”面板,调整其中的参数,此时你会发现图像中的按钮发生了一定的变化。

  9、选中工具箱中的“Elliptical Marquee Tool”工具,如箭头所指,在“Marquee Options”面板中调整各项参数。

  10、确认“Layer 2”层为当前工作层,在按钮的左方拖动鼠标创建一个适当大小的圆形选择区域,按下键盘中的“Delete”键,将所选图像删除。

  11、双击工具箱中的“Line Tool”工具,在“Line Options”面板中设置各项参数。然后单击“Shape”按钮,在弹出的对话框中调整参数。

  12、单击激活“Layer”面板,创建一个新层“Layer 3”,并选择为当前层。设置前景色为红色,在按钮上拖动,创建一个箭头。

  13、执行菜单栏中的“Layer/Effect/Bevel and Emboss”命令,在“Bevel and Emboss”面板中调整各项参数。

  14、设置前景色为深蓝色,单击工具箱中的“Type Tool”工具,在按钮上输入“电脑乐园”四个字,然后执行菜单栏中的“Layer/Effect/Outer Glow”命令,给文字增加外阴影。

  怎么样,做出来的效果还令你满意吧!心动不如行动,赶快动手试试吧,相信加上你的创意,你一定能做出更好的效果。


相关文章:      

  【相关论坛】 【发表评论】  


网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息 | 网站律师

Copyright © 1996 - 2000 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网