您现在的位置>>艺苑小览>>★从小处开始-用ImageReady做网页按钮★                                        主页    关于我们

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

转自:
中国电脑教育报   作者:王永军

    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 ImageReady 2.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 ” 命令,给文字增加外阴影。
    
    怎么样,做出来的效果还令你满意吧 ! 心动不如行动,赶快动手试试吧,相信加上你的创意,你一定能做出更好的效果。

 
 
 
★本站归藤藤草工作室版权所有©★
粤ICP备06018023号
联系我们: ttgrass@126.com