5c55.com平面爱好者  
首页 | 软件教程 | LOGO设计 | 楼书设计/楼盘广告 | 包装设计 | 广告赏析 | VI设计 | 印前技术 | 海报设计 | 工业设计 | 版面设计 | 产品创艺设计 | 软件界面设计 | 专题
  当前位置:主页>软件教程>Photoshop教程>文章内容
photoshop 7.0教程(完整版) 平面爱好者 5c55.com
来源: 作者:admin 发布时间:2007-09-23  


  新建一个Photoshop文档,RGB模式,白色背景。
  新建一层,复位色板,将前景色设为一种浅灰色,如例子中的RGB(239,239,239),用矩形选框工具选择一个小矩形,填充前景色后取消选择。
  下面我们来制作按钮的立体效果。这里,我们完全用添加图层样式的方法,双击图层,打开图层样式对话框,我们来依次添加:
  首先选择斜面和浮雕样式,设置结构为内斜面,方法为平滑,深度为1%,方向在上,大小和软化均为2像素,阴影角度为146度,使用全局光,高度为30度,光泽保持默认,高光和暗调的混合模式与颜色都不变,不过不透明度分别设为100%和43%;
  其次是内阴影模式,模式为正常,颜色为白色,不透明度为100%,角度为146度,使用全局光,距离为1像素,阻塞为100%,大小为0,品质不变;
  接下来是描边,将描边大小设为1像素,位置在外部,混合模式为正常,不透明度为100%,填充类型为颜色,描边颜色设为黑色;
  最后是投影样式,将阴影颜色设为黑色,不透明度为22%,角度为120度,取消全局光,距离为3像素,扩展为0,大小为0,品质保持默认不变。
  好了,现在你可以选择细一些的字体,最好是专门的像素字体,在按钮上写上文字。在设置文字选项的时候,有一项需要特别注意,那就是要将文字消除锯齿的方式设为无,否则字体会出现模糊。整个制作过程如图1所示。 5c55.com美术设计师的家园
如果觉得灰色太单调,你也可以为按钮添加各种颜色,过程和前面的大致相同,但有些地方有些细微差别。
  在新建图层、设置选区后,设置你的前景色,如这里我们将前景色设为RGB(106,175,5),填充选区后取消选择。然后开始设定图层样式。在斜面和浮雕样式中,将深度设为100%,大小和软化为1像素,注意要将阴影的高光模式设为颜色减淡,不透明度为65%,暗调的不透明度也要减低一些;和刚才不同,我们取消了内阴影样式,在描边样式中,将描边颜色设为一种较深的灰色,如RGB(132,132,132),当然,你也可以用黑色描边;对于投影样式,由于按钮本身的颜色较深,相对的,我们可以将阴影的不透明度设的稍微高一些,40%即可。最后,写上文字。 www.5c55.com
  第二款:渐变按钮
  相对于第一款按钮来说,接下来我们要介绍的这种类型的按钮实用性更强,而且颜色也更丰富。你在许多网站上都会看到它。
  首先,仍是新建RGB模式的Photoshop文档,白色背景。
  这次我们新建一层,用矩形选框工具选择一个小矩形,然后点击“选择->修改->平滑”,设为5像素。选择渐变工具的由黑到白渐变,在选框内由下往上拉。效果如图2。
双击图层,进入图层样式,我们为按纽添加立体感,选择斜面和浮雕样式,在样式中选择内斜面,方法为平滑,深度为1%,方向为上,大小为1像素,软化为0像素,阴影的角度为120度,使用全局光,高度为30度,保持高光和暗调的默认混合模式及颜色不变,高光的不透明度为75%,暗调为36%; 平面爱好者.平面设计师的助手 http://5c55.com
最后,我们再用描边的方式修饰按纽,设置描边大小为1像素,位置在外部,混合模式为正常,不透明度为100%,填充类型为颜色,将颜色设为灰色。

www.5c55.com



网页常用小按钮二
  第三款:塑料按钮(一)
  1.不用说,第一步仍是新建RGB模式的白色背景文档。复位并翻转色板,以白色为前景色,新建一层,选择圆角矩形工具,点击工具栏上的下拉三角,打开几何选项,在圆角矩形选项中设置矩形为固定大小,98×28像素,然后将圆角半径设为3像素,选择消除锯齿。设置好之后,用鼠标在背景上点击,圆角矩形会以线框的形式显示,在松开鼠标之前拖动,定位矩形的位置,如图16所示。这时虽然看不到图像的变化,但在图层面板上我们已经注意到图层1的改变。
  2.双击图层,进入图层样式,为了使我们的按纽清晰的显示出来,我们先来选择描边样式,设置描边大小为1像素,位置在内部,混合模式为正常,不透明度为62%,描边颜色为RGB(58,58,58);
  我们用渐变叠加样式为按纽添加基本的渐变:混合模式为正常,不透明度设为15%,渐变为默认的黑色到白色,不过要选择反向,将黑色色标的位置从0%移动到40%处,样式为线性,选择与图层对齐,角度为90度,缩放为60%,如图1所示。

(阅读次数:
共15页: 上一页 [1] [2] [3] [4] [5] [6] [7] 8 [9] [10] [11] [12] [13] [14] [15] 下一页
上一篇:Photoshop图片处理:灯光照射效果处理 平面爱好者 5c55.com   下一篇:photoshop基础教程五:选取工具应用 平面爱好者 5c55.com
[收藏] [推荐] [评论(0条)] [返回顶部] [打印本页] [关闭窗口]  
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
 §最新评论
  热点文章
·photoshop 抠图技巧:如何从复杂
·用Photoshop6.0制作名片 平面爱
·用Photoshop处理室内效果图 平
·photoshop打造我自己的法拉利
·Photoshop 7.0图层混合模式探索
·轻松做画家!用Photoshop把照片处
·Photoshop蒙板:如何给灰暗的照
·photoshop 抠图技巧:漫画女孩头
·PS选区如何使用? 平面爱好者 5
·photoshop手把手教你学做竹子
·关于色彩校正及灰平衡控制意义的
·创意无极限之梦幻组合篇 平面爱
  相关文章
·Photoshop图片处理:灯光照射效
·photoshop基础教程五:选取工具
·photoshop制作羽毛扇教程 平面
·PS的选区详解 平面爱好者 5c55.
·PhotoShop 6 速成教程(十二)
·Photoshop立体物件综合实例 平
·Photoshop滤镜操作要领 平面爱
·Photoshop实例:如何改变物体质
·PhotoShop 6 速成教程(四) 平
·烟的效果 平面爱好者 5c55.com
·PhotoShop 的路径组合运算制作FI
·PhotoShop 6 速成教程(五) 平
Copyright © 2005-2007 5c55.com Incorporated. All rights reserved. 沪ICP备07024588号