当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop简单制作Adobe风格图标

Photoshop
Photoshop教程:运用滤镜简单制作漂亮的射线效果
Photoshop教程:镜头光晕打造奇幻图案
Photoshop仿手绘:打造MM童话般炫彩莹亮的发丝
Photoshop教程:打造逼真节庆大红灯笼
Photoshop创意教程:打造华丽3D潮流文字特效
Photoshop CS3教程:制作有趣的文字波动动画效果
Photoshop教程:图层样式制作雕花屏风
Photoshop逐帧动画基础教程:QQ表情 I LOVE YOU
漫画基础第一课:漫画分镜框的基本技巧
漫画基础第二课:漫画阅读顺序的基本概念
漫画基础第三课:漫画文字的基本技巧
漫画基础第四课:漫画效果线的基本技巧
漫画基础第五课:分镜架构基础技巧之整体与局部
漫画基础第六课:分镜架构基础技巧之主次关系
漫画基础第七课:分镜架构基础技巧之主格与情绪
漫画基础第八课:分镜架构基础技巧之资源与节奏
漫画基础第九课:分镜架构基础技巧之情绪!!!
Photoshop手绘教程:结合数位板绘制写实美女插画
Photoshop CS3教程:手绘科幻插画—奇袭
Photoshop初学者实例教程:被忽略的合成利器-混合颜色带

Photoshop简单制作Adobe风格图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-15   浏览: 282 ::
收藏到网摘: n/a


  本教程旨在引导大家制作一个类似Adobe风格的图标,实际上现在的软件很多的都在使用这种风格的图标,虽然它看上去不是十分的完美,不过相对而言依然是种不错的风格,

先看效果图:

Photoshop制作Adobe风格图标实例
  第1步)首先新建一个文件,画布大小为标准尺寸,120 × 120 PX。

Photoshop制作Adobe风格图标实例
Photoshop制作Adobe风格图标实例
  第2步)删除背景层,设置一个新图层。将背景添加为白色。

Photoshop制作Adobe风格图标实例
  第3步)打开Wed2.0样式,如果没有可以去 MY486下载一套,选择一个你中意的样式。

Photoshop制作Adobe风格图标实例
  第4步)做一些细节的调整,最重要的是斜面和浮雕还有亮度的调整。具体可以点击下图,已做参考。

Photoshop制作Adobe风格图标实例


  第5步)添加你需要的文字,注意选择一个合适的字体。

Photoshop制作Adobe风格图标实例
  第6步)调整字体的大小,注意上下左右都要留出一定的空间。

Photoshop制作Adobe风格图标实例
  第7步)连接字体和图象图层。

Photoshop制作Adobe风格图标实例
  第8步)调整图象大小,左边和上边减少2 PX,右边和下边减少8 PX,并添加阴影。

Photoshop制作Adobe风格图标实例
  第9步)在图象底层增加一个新的图层,背景添加为白色,然后再添加一个合适的Wed 2.0样式,作为背景。

Photoshop制作Adobe风格图标实例
  第10步)好了大功告成,比较一下看看我们谁做的比较好呢?

Photoshop制作Adobe风格图标实例

Photoshop制作Adobe风格图标实例