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

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop简单制作Adobe风格图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-15   浏览: 148 ::
收藏到网摘: 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风格图标实例