论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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鼠绘教程:绘制质感HTC手机图标

文章类别:Photoshop | 发表日期:2011-12-29 8:52:35

Photoshop鼠绘教程:绘制质感HTC手机图标教程主要使用Photoshop绘制质感HTC手机图标教程,这份icon也是基于iphone框架做的,喜欢的朋友可以一起来学习吧。观看Photoshop视频教程,请进:http://www.21shipin.com/photoshopcs.shtml

先看看效果图

Photoshop绘制质感HTC手机icon图标教程

效果如下:

Photoshop绘制质感HTC手机icon图标教程

如惯例用圆角矩形工具画出长宽为512px,R值为92px的标准iphone图标框架

添加图层样式:内阴影、渐变叠加

Photoshop绘制质感HTC手机icon图标教程

Photoshop绘制质感HTC手机icon图标教程

Photoshop绘制质感HTC手机icon图标教程

增加ihero面板

复制框架图层作为新的图层,命名为面板图层,去除图层样式,调整框架下部份节点,作为面板的基底

Photoshop绘制质感HTC手机icon图标教程

利用这层面板基底分化出不同的图层

Photoshop绘制质感HTC手机icon图标教程

添加图层样式,深入细化

Photoshop绘制质感HTC手机icon图标教程

为面板添加图层样式、拉丝纹理、光感等,得出如下图效果

Photoshop绘制质感HTC手机icon图标教程

图层分解

Photoshop绘制质感HTC手机icon图标教程

屏幕部份

Photoshop绘制质感HTC手机icon图标教程

屏幕部份图层分解

Photoshop绘制质感HTC手机icon图标教程

按键部份

Photoshop绘制质感HTC手机icon图标教程

按键部份图层分解

Photoshop绘制质感HTC手机icon图标教程

添加其它按键

Photoshop绘制质感HTC手机icon图标教程

制作led灯和听筒

Photoshop绘制质感HTC手机icon图标教程

led灯和听筒图层分解

Photoshop绘制质感HTC手机icon图标教程

最后添加usb部份完成了

Photoshop绘制质感HTC手机icon图标教程

视频教程列表
文章教程搜索
 
Photoshop推荐教程
Photoshop热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058