达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 访客留言
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 非主流——眉毛嘴唇…
推荐教程 打造Sinsuo非主流照…
普通教程 PS 通道扣图实例
普通教程 Photoshop教程：快速…
推荐教程 Photoshop实例教程：…
普通教程 PS实例：抽丝教程
普通教程 Photoshop教程：打造…
普通教程 Photoshop教程之制作…
推荐教程 Photoshop实例：个性…
推荐教程 Photoshop教程：菜鸟…
最新更新

讨美女欢心 PS把模…
Photoshop练习：绘…

Photoshop磨皮教程…
Photoshop基本工具…
您现在的位置： 达达派 >> 教程中心 >> PhotoShop教程 >> 图像篇 >> 教程正文
Photoshop简单制作Adobe风格图标
作者：佚名 文章来源：蓝色理想 点击数： 更新时间：2008-4-22 8:44:45
教程录入：令彬    责任编辑：令彬  添加到雅虎收藏+
本教程旨在引导大家制作一个类似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风格图标实例
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    关于我们 | 帮助(？) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com， All Rights Reserved，达达网络：陕ICP备06010337号

    技术交流：71125455（平面）、545534707（三维），业务合作：71125455