通行证:用 户 密 码 注册 www.pconline.cn 汽车网 游戏网 时尚女性
  太平洋电脑网
首 页 |
论 坛 |
今日报价 | 产业资讯 | 产品库 | 数 码 | 硬 件 | 软 件 | 下 载 | 招聘培训 | 摄 影
网络设备 | 办公设备 | 服务器 | 二 手 | 游 戏 | 通 信 | 评测室 | 渠道商情 | 视 频
分站:北京 上海 广州 深圳 香港 广西
重庆 山东 江苏 辽宁 福建 成都 西安
手机
手 机
数码相机
数码相机
随身听
随身听
笔记本
笔记本
台式机
台式机
DIY配件
DIY配件
摄像机
摄像机
数字家庭
数字家庭
精品廊
精品廊
 
 
   
首页 新闻 应用 评测 教你学电脑 信息安全 创意设计 开发特区 下载 专题 社区  
 
特色专区:QQ大本营 | msn总动员 | 精品导用 | 组网专栏 | 设计素材 | Flash剧场 | Photoshop专区 | 视频专栏 | CG专栏 | KC通讯
 
您现在的位置: 软件资讯 > 创意设计 > 平面设计 > Photoshop
Photoshop精彩例解:立体光影魔术(2)
blueidea[ 2005-07-08 10:23:12 ] 作者:Cloudy 责任编辑:xietaoming

  好,至此,是我们应该组合这些效果的时候了。看图:

  大家注意到我原本的色块是绿色的没有?——因为有了渐变叠加,原来用什么颜色都无所谓。我这里一开始就是乱选了一种颜色填充圆角矩形,反正到后面都能调整,方便得很~

  反思一下刚刚得步骤与结构,究竟是那些步骤让我们产生了按钮得立体感?

  -投影样式能让物体浮出画布;
  -内阴影样式能让物体产生玻璃般的透明立体感;
  -内发光能让玻璃的边缘更加真实(我们感觉到这个按钮的横界面下边缘必定是圆滑的);
  -渐变叠加样式能让按钮的反光更为真实,也让整个按钮的色彩层次感更丰富,不死板;

  思考了这些以后,如果要做别的按钮可以吗?我要怎么产生立体感呢?金属的和玻璃又有什么相同和不同之处呢?还有其他的样式,比如斜面与浮雕、光泽能做些什么吗?这些在我接下来的后面说金属立体感的时候就会说到,但在此之前,大家都可以先自己思考一下。

  好了,我们先把这个按钮完善一下吧。基本的图层样式已经做好,我们以后再要做这种按钮可就方便了。看图:


  看,各种形状都行,只要我们复制、粘贴图层样式。然后大家注意到样式产生了立体感与按钮的折射与阴影,但高光还是要自己做的。上图中圆形按钮与长圆角按钮就加了高光,高光怎么做,已经不用我再补充了吧。但有个东西需要提醒,就是高光也有层次感,注意看下图:

  左边是平色不透明度为100的白色快,当然不像高光了。右边的就不同,白色块是透明的,而且有上下渐变的变化。这里用的办法是为高光加一个蒙版,然后在蒙版里使用黑白渐变,使得白色块的不透明度降低并且产生上下渐变的层次变化,更为逼真。

  下面我们再把这个按钮变得更完美些吧。既然是水晶按钮,那就是透明的。如果我们在底下垫一层网格,那就应该会透出一些来。看图,我们在底下加上网格。

  这里有两个同样的按钮,都不透明。下面我们要把下面那个水晶按钮变得透明。
首先我们把按钮的混合模式改成“柔光”,柔光能让我们的按钮以一种透明模式覆盖在图案上,但又能保留阴影与立体感。

[上一页] [1] [2] [3] [4] [下一页]
  下一篇:Photoshop精彩例解:立体光影魔术(1)  
更多相关搜索: photoshop    杂谈    方法    立体    立体感   
正在加载评论,请稍候…

  发给好友 我要报错 投稿给我们 加入收藏 返回顶部  

本栏今日更新
相关文章
·提供2GB空间:Win Live Mail计划六月推出
·免费的午餐:微软延长VS Express免费使用期
·盗版噩梦:不激活Windows不许升级!
·独家多图报道——PPLive内测版新特性
·不用安装 使用最新版 IE7 Beta2
·表情[卡通]:QQ宠物
·Photoshop创作超写实的出土文物
·恶搞射雕全侠传-装修篇
·Photoshop杂谈——掌握正确的学习方法
·Photoshop数码照片处理实例:消除红眼
·Photoshop抽线效果新思考
·冰爽盛夏!Photoshop鼠绘水果饕餮大餐
·Photoshop从头学之(62):图像的缩放旋转与斜切
·微软专业图形软件Acrylic跟踪报道
·类似PS:微软新图形工具Acrylic公测
·Photoshop从头学之(61):图像的剪切复制与粘贴
关于我们 | 网站地图 | 广告指南 | 联系我们 | 招聘精英 | 合作联系


广东省通信管理局
ICP证粤B2-20040647
互联网清理整顿
技术支持与报障:support@pconline.com.cn
        020-87568837         
对本站有任何建议、意见或投诉,请点这里在线提交.
本网站简体、繁体两种版本,以简体版为准
PConline版权所有,未经授权禁止转载、摘编、复制或建立镜像.如有违反,追究法律责任__