文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院图形处理Photoshop网页中外壳界面的制作方法
精品推荐
特别推荐
·Photoshop Action 动作集总揽
·整理:最常用的十款盗版软件
·Photoshop色彩模式详解
·Photoshop滤镜轻松制作脏兮兮的砖墙
·Photoshop绘鲜美葡萄 表现光影效果
·Photoshop质感文字系列之:蟒纹字
·Photoshop超强鼠绘宝马轿车BMW M3
·Photoshop CS3教程:模拟雷达动画
·Photoshop教程:绘制美丽的蒲公英
·Photoshop快速制作宝宝大头贴
·Photoshop与Wacom数码板处理古典风格照片
·Photoshop各类外挂插件的使用方法
·非主流ps教程实用的技巧大全
·Photoshop字体安装使用方法和技巧
·Photoshop粘贴复制法排版证件照
·Photoshop打造气质美女唯美海报
·PS初学者实例教程 烫金字的制作
·Photoshop调色教程:简单制作军色效果
·PHOTOSHOP玻璃质感表现
·新手学Photoshop的批处理的快捷操作
热点TOP10
·photoshop修改照片成为美女教程
·Photoshop十余种漂亮照片边框简单制作技巧
·轻松做画家!用Photoshop把照片处理成逼真的素描画
·非主流ps教程实用的技巧大全
·Photoshop抠头发高级抠图教程
·Photoshop将肖像照片处理为超酷个性海报
·Photoshop实例:制作超酷影片画面场景
·PHOTOSHOP超强磨皮大法-将斑点选出来
·Photoshop精细抠像实例
·Photoshop轻松美化摄像头人像照片
·数码婚纱照片Photoshop抠图技巧
·Photoshop实例:调出漂亮MM的唯美效果
·photoshop教程:MM照片的后期美化
·用Photoshop画漫画教程之基础入门
·PHOTOSHOP玻璃质感表现
·Photoshop教程:MM照片弄得非常脏特效
·明星壁纸:极品美女百态妩媚极度狂野
·Photoshop轻松制作可爱大头贴模板背景
·Photoshop绘制禁烟公益广告
·用Photoshop“磨皮”和简单的人物处理技巧

网页中外壳界面的制作方法

日期:2007年7月6日 作者: 查看:[大字体 中字体 小字体]


  先来看看最终效果图:


  OK,让我们开始...

  1.做这个外壳界面时,我用了相当多的技巧,所以教程变的相当长, 希望你有耐心去完成它 :)
  开始新建一文件 - 600 x 500 pixels. 白色背景.
  新建一层 (起名叫 Interface body) 选择圆形选取工具 画出一圆形. 填充黑色. 依照图一,在刚刚的黑圆中再画一相似的小圆.按下Delete键.
  (在实例中我用了大圆 50% 大小的小圆形删除...)
  duplicate(复制) Interface body 层,回到Interface body copy图层,一会儿我们要用它. Interface body我们展时不用,可以先关闭它,防止干扰我们的视线.

  2.用圆形选取工具画出如图二的椭圆选择区域. 从顶部开始,每隔40 pixels 按下键盘上的Delete 键一次 如图二.取消选定.

  3.Ctrl+单击选中Interface body copy 层.
  切换置Channels(面板)点击保存选择区域按钮. 取消选定.

  执行Filter - Blur - Gaussian Blur(滤镜 – 模糊 – 高斯模糊) - 4 pixels.

  接着执行Image - Adjust – Levels(图像 – 调整 – 色阶) – 将左右两个小箭头向中心拖动,直到图像的边缘非常干净为止. 以下是我的具体设置.

  (通道可以起名为 Interface).


  4.回到层面板,新建一层叫 Interface.Select - Load Selection(选择 – 读取选择区域) – 在对话框中选择我们刚刚新建的 Interface body通道.在选择区域中可以随意填充颜色 – 我选择灰色. 当我们添加特效时颜色就会改变了...


  5.好玩的开始了!现在是特效时间!实际是我们要用到的是Photoshop 6中的layer styles (层特效)功能.

  见下图.另外我还加上了soft drop shadow (柔和的阴影特效)


 

  6.Ok – 现在让我们回到最初的Interface body 层.Ctrl + 单击使该层浮动.

  执行Select - Modify – Contract(选择 – 修改 – 收缩) - 5 pixels - OK.

  接着 Ctrl + Shift + I to 反转选择区域.按Delete删除.

  7.再次使该层浮动 (Ctrl + 单击);Select - Modify - Contract(选择 – 修改 – 收缩) - 3 pixels - OK.


  按下Delete键将Interface body层的中心部分删除.我也为这一层添加了drop shadow(阴影)特效.如图七.基本的界面我们已经做好了, 但是它看起来并不怎么惹人喜爱.让我们为它加入些细节吧!

  8.使Interface layer层浮动.执行Edit - Copy Merged(编辑 – 拷贝合并). 接着Edit – Paste(编辑 –粘贴).将新层更名为Interface details.

[1] [2] [3] [4] [5] 下一页 




上一篇:Photoshop制作雪景的详细教程

下一篇:Photoshop CS打造第28届奥运会吉祥物

网页中外壳界面的制作方法 相关文章:
·GHOST使用方法(图解)
·女性自慰方法大搜查
·qq空间皮肤背景代码:QQ空间不用Q币更换主页皮肤方法
·最全面的WindowsXP修改大全
·为什么iexplore.exe在打开网页时CPU使用会100%?
·DIV CSS网页布局实例:十步学会用CSS建站
·Photoshop十余种漂亮照片边框简单制作技巧
·QQ挂号升级方法
·《拳皇2002》隐藏人物出现方法 - 游戏秘籍
·电脑提速的新方法
网页中外壳界面的制作方法 相关软件:
·暗黑破坏神 2:毁灭之王 1.10S极品属性装备制作器
·家常菜制作集锦(1)
·Dreamweaver 网页设计
·家常菜制作集锦(2)
·启动光盘制作完全手册(菜鸟先飞 图文教材系列)
·多种dos启动盘制作全攻略
·photoshop cs 超梦幻网页创意宝典
·Flash MX 动画制作实例教程
·东方网页王III 正式版
·灵豚课件制作工具——课件精灵v1.0 beta

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot