论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Photoshop教程
Tag:photoshop cs,照片,非主流,水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频,壁纸,水墨,相框,海报,立体,动画,文字,换头,视频教程

Photoshop鼠绘教程:鼠绘质感的钢铁图标

文章类别:Photoshop | 发表日期:2011-5-18 14:40:15

Photoshop鼠绘教程:鼠绘质感的钢铁图标

21视频教程网整理

 

 

 

最终效果:

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  新建一个画布 500*500,颜色#333 不要纯黑,深色就好

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  画个黑色的圆,不用多说了把,大小看自己喜欢,- -|| 太大了我是没办法的

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  收缩10px

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  删除选区内容(貌似不是很圆,后来想了下,最好平滑1px

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  颜色叠加#5d5d5d 模式正常

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  好吧,我承认 做质感浮雕是必不可少了,当然 有的牛人自己画,我们还是老实点用样式把,

  深度500%,大小22px(可以根据圆大小自行更改,达到好的效果),其他的值就不一点点说,自己仔细看,呵呵,怕说的太多,大神不附体,上传又失败了,记得去掉全局光 光泽等高线也高调一下,如下图

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  内发光

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  立体感 投影是必须的

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  好了效果完成了

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  新建图层,画个黑色的圆,填充,相信大家都会

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  收缩5px,填充一个颜色,为了明显 我填充了白色

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  好了,重点来了,白色的圆渐变,颜色#5e5e5e>#000000 90° 缩放74%

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  0.0 为了那个浅色的线,好吧,又用浮雕

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  好了 效果初步完成

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  用椭圆形工具画个椭圆(- -|)然后用直接选择工具选择,弄成下面的形状

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 渐变#a2a2a2>#444444 当然也会有点出入,根据你圆的位置做调整

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  主要是坐到这个效果,呵呵

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  好了,大体完成了,就差图标了,这个自己发挥,呵呵 ,我这里画了个很丑的凌形,技术有限

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  渐变

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  0.0 又是浮雕

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

   投影

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  效果如下

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  好了 让我们处理一下背景把,滤镜>杂色>添加杂色,高斯分布 数量5%,单色

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  模糊>动感模糊 距离20px 角度0

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  渐变,记得这里是径向,模式是正片叠底,值白色到黑色,透明度60%

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

 

  好了 完成了

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com
视频教程列表
文章教程搜索
 
Photoshop推荐教程
Photoshop热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058