photoshop设计制作出Iphone应用图标教程

uimaker.com   发布时间:2011-12-22 09:43:18   作者:niigoo   我要评论
借着圣诞节到来,这次用photoshop制一个简单的圣诞iphone icon,整个过程利用photoshop的矢量功能结合位图功能完成
借着圣诞节到来,这次用photoshop制一个简单的圣诞iphone icon,整个过程利用photoshop的矢量功能结合位图功能完成(什么?别告诉我你不知道photoshop矢量的强大!),这篇文章很简单,对!是文章不是教程(不敢说是教程),主要是介绍photoshop中矢量在icon的应用和一些小细节(细节决定成败这是错不了的)。当然高手看一眼最终效果就知道如何制作了,好吧,这是写给高手娱乐的……
废话不多说,这是最终效果
 

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

 
加上1px内阴影效果,使其有立体感
 

 
再用图案叠加添加木纹图案,你可以google好看的木纹图案,这里我就用自带的木纹了
 

 

添加一个圆角矩形图层
 

 
设置投影、内阴影、内发光效果进一步加强立体感
 

 

 
添加niigoo主体渐变色和描边,你也可以自已发挥,描边是使外部木边更有立体感,这就是细节的体现了
 

 
接着到围脖的部份,新建图层,用钢笔画出围脖,主体选用红色,添加图层阴影效果
围脖图层1
 
 

围脖图层2
 

 
 
围脖图层3
注意图层的顺序
 
 

 
再用钢笔画出围脖阴影,画好了用滤镜进行高斯模糊
 

 
用毛笔添加亮面和暗面,方法:这里可以在围脖图层1上面新建一图层,右键-创建剪贴蒙板,然后这图层就嵌入围脖图层1里了,再用毛笔画亮面和暗面,不怕出边了
 

 
其它围脖块用上述同样方法画出亮面和暗面
 

 
 
添加围脖波点
这里也是使用创建剪贴蒙板的方法,先用椭圆工具画出波点,再把波点图层嵌入围脖图层里
 
 

 

 
 
整理好图层,三层围脖完成了
回过头来检查图层,噢~~~一切就是这么整体
 

 
再来就是加上“尼果”俩字(出处表明,哈哈)
 
 

 
好了,在底部再添加一个反光图层就完成了
 

 
 
如果是iphone上使用,可以整体缩放到114*114px的尺寸,ipad是72*72px
我已经放到niigoo.com上,有iphone、ipad的童鞋可以保存主页到桌面上看一下最终效果!
 

相关文章

  • ps怎么设计英文字母样式的LOGO?

    ps怎么设计英文字母样式的LOGO?ps中想要设计一款简单的字幕logo,该怎么设计这个图标呢?下面我们就来看看ps设计logo的教程,需要的朋友可以参考下
    2019-10-24
  • ps怎么制作Web按钮? ps制作web按钮的教程

    ps怎么制作Web按钮?ps中想要制作一个web按钮,该怎么设计呢?下面我们就来看看ps制作web按钮的教程,很简单,需要的朋友可以参考下
    2019-09-09
  • ps怎么绘制矢量的七彩音符图标?

    ps怎么绘制矢量的七彩音符图标?ps中想要设计一款彩色的音符标志,该怎么制作呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2019-08-27
  • ps怎么设计凝胶效果的logo?

    ps怎么设计凝胶效果的logo?ps中设计的logo想要制作凝胶材质,该怎么制作凝胶效果的logo呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-08-09
  • ps怎么设计圆形的皮卡丘印章标志?

    ps怎么设计圆形的皮卡丘印章标志?ps中想要设计一款圆形的印章,该怎么设计印章图形呢?下面我们就来看看ps绘制圆形皮卡丘印章的教程,需要的朋友可以参考下
    2019-08-06
  • ps怎么设计线性的眼睛icon标志?

    ps怎么设计线性的眼睛icon标志?ps中想要设计一款眼睛标志,该怎么绘制眼睛图标呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2019-08-01
  • PS怎么设计简洁的相机图标? ps设计相机icon的教程

    PS怎么设计简洁的相机图标??ps中想要设计一款扁平化的相机图标,该怎么手绘一个相机呢?下面我们就来看看ps设计相机icon的教程,需要的朋友可以参考下
    2019-08-01
  • ps怎么手绘小猪logo? ps画小猪图标的教程

    ps怎么手绘小猪logo?ps中想要绘制一头可爱的小猪,该怎么绘制胖胖的小猪logo呢?下面我们就来看看ps画小猪图标的教程,需要的朋友可以参考下
    2019-07-30
  • ps怎么设计一款圆形logo矢量图?

    ps怎么设计一款圆形logo矢量图?ps中想要设计一款矢量logo,该怎么设计呢?下面我们就来看看ps设计圆形logo的教程,需要的朋友可以参考下
    2019-07-28
  • ps怎么设计扁平化头像图标?

    ps怎么设计扁平化图标头像?ps中想要设计一款扁平化图标的头像,该怎么设计呢?下面我们就来看看使用ps绘制扁平化头像的教程,需要的朋友可以参考下
    2019-07-01

最新评论