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

莫爱莫情

莫爱莫情

2016-02-16 06:56

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

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

创作目标

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

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

创作过程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果

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

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop绘制MAC风格的雷达图标

PS PS基础
Photoshop绘制MAC风格的雷达图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Toyota.com导航图标设计[9P]

平面设计 标志设计 UI设计 VI设计
Toyota.com导航图标设计[9P]

Photoshop制作MAC风格的背景教程

PS PS基础
Photoshop制作MAC风格的背景教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作水晶风格的药丸图标

电脑网络
Photoshop制作水晶风格的药丸图标

Photoshop制作透明风格的网页导航条

PS PS基础
Photoshop制作透明风格的网页导航条

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop合成滑稽的松鼠士兵场景

Photoshop合成滑稽的松鼠士兵场景

Photoshop调出外景人物甜美的橙黄色调

Photoshop调出外景人物甜美的橙黄色调
下拉加载更多内容 ↓