Photoshop制作Mac风格的程序导航图标

2016-02-16 06:56 42 1 收藏

下面是个Photoshop制作Mac风格的程序导航图标教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - PS 】

MenuEverywhere 是Mac OS X上的一款小程序,前一阵刚为其完成了程序图标设计。

创作目标

Binary Bakery Software出品的这个小程序主要是用来给每个窗口都增加一个Menubar,方便在显示器或者窗口很多,不容易找到osx原始菜单栏的时候能方便用户去选择菜单栏里选项。客户希望能突出软件的主旨-菜单,并且能够增加一下用户对真实使用环境的视觉映射

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

创作过程

为了让图标看起来更有一点冲击力,我选择了比较大的透视角度,所以为了保证透视准确使用了3Ds Max先建了个简单的模型。

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

当造型OK之后开始在Photoshop里面重绘,首先是底下的盘子

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

给这个盘子加了一点金属质感。

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

然后按照客户的点子,在底盘上上加入了紫色光芒射出的感觉,主要是为了和Mac系统默认桌面的视觉风格产生映射,给用户菜单可以在桌面上直接弹出的感觉。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

然后是加强了光芒,增加了一些颜色的变化

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

菜单显然是这个软件和图标的主体,所以在横切面上稍微做了点文章希望加点细节。

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

然后为了让菜单看起来更融入紫色光芒的感觉,又加了一些紫色的光照效果和程序默认菜单的一些文字。

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

比起3Ds Max里建模的版本,鼠标的位置做了改变,让他看起来更大,角度更正

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

然后在点缀了一些点点星光之后图标就完成了!

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

最终效果

Photoshop制作Mac风格的程序导航图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569427.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop制作可爱卡通风格的联系人图标,作者把之前参加过比赛的几套风格各异的主题图标拿制作过程出来讲解一下,图标的绘制方法有很多种,主要看你适合哪种,用得方便不,注意技巧跟细节,本教程提供源文件PSD源文件下载,不懂的朋友一起来学习吧。 教程源文件: 可爱卡通风格的软件图标PSD源文件 一、卡通风格,联系人图...
凯立德手机导航图解使用教程   序号名称说明 1搜索点击,进入搜索界面。 2周边点击,进入周边搜索界面。 3服务点击,进入服务界面。 4导航点击,选择规划一条路径开始导航,或使用快捷方式回家、去公司,或从我的收藏中选择一项。 5更多功能点击,查看更多功能。 6图层按钮点击,进入图层界面。 ...
标签: PS PS教程
    苹果机的风行,很多人都希望有那种干净的透明色的电脑,也有很多厂家纷纷仿效,现在我就来教大家用PHOTOSHOP做这样的透明色的效果,你可以用它来做你的苹果风格的界面。准备好了吗,我们开始吧。先看一下最终效果: 1.新建一个150x150的白色背景的图片。 2.打开通道面板,新建一个通道起名“button...
标签: PS PS基础
先看效果图。 新建文档1000x1000像素,背景白色,新建图层,画一半径50像素的黑色圆角矩形。 复制此层,大小位置如下,为了醒目我把颜色改为白色。 添加描边样式。 填充归零,效果如下。 新建图层,用矩形工具加法模式画出十字。 添加图层样式。 效果如下,我们得到了十字边框。 同样方法新建图层画一小的...

经验教程

462

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部