Photoshop教程:制作Mac风格的程序导航

本教程主要使用Photoshop制作Mac风格的程序导航图标，为了让图标看起来更有一点冲击力，我选择了比较大的透视角度，所以为了保证透视准确使用了3Ds Max先建了个简单的模型。后期在PS中制作，下面让我们一起来学习。

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

创作目标

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

创作过程

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

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

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

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

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

[1] [2]  下一页

时间： 2024-09-09 19:50:42

Photoshop教程:制作Mac风格的程序导航的相关文章

Photoshop入门教程:制作Mac风格背景

本教程来自:tutsplus.com 如 需转载 请务必以超链接形式注明:来自活 力盒 子网站以 及原文出处.水平有限,翻译难免有误,请有心的朋友给予指出,以方便更多朋友阅读. 本教程将讲述如何制作Mac风格背景.你可以把它应用在众多场合,如桌面壁纸.作为你设计的一部分,或者是Powerpoint背景.Flash作品等.事实上你完全没有必要严格遵循本教程的步骤,掌握了此方法你可以任意发挥. 1.新建画布,背景设置成黑色,绘制矩形添加线性渐变(我设置的画布大小为1280X1024px).选择两种橙

Photoshop快速制作水墨风格游戏海报

  Photoshop快速制作水墨风格游戏海报.讲得不是很详细,只是通过这些思路希望能引导大家提升效率;由于人物涉及版权问题,进行了一些处理,大家练习时可以用其他人物素材代替. 最终效果 1.首先,消化下需求方提供的文档以及素材,明确需求目的. 2.因为一切都是内定要走的风格方向,所以定位明确了,接下来就是针对关键字延伸寻找素材. 3.叠加一层骷髅头的背景,随便调整透明度,稍微可见一下即可. 4.调色环节,尽可能地将中间简化留白,突出人物位置. 5.然后将人物摆上去. 6.人物处理很多种方式,因

photoshop教程:制作心形宝盒的发光动画

photoshop教程:制作心形宝盒的发光动画. 为照顾新朋友,教程写的比较详细,其实制作过程很简单,很适合初学者练习喔~ 先来看下效果: 素材: 1.首先打开PS,然后选择"文件--打开"打开素材图片   因为刚打开的素材图片是索引颜色的,不能编辑,所以,选择"图像--模式--RGB颜色" 现在图像可以用了,按Ctrl+J复制图层,出现图层1 2.现在要把中间的宝石盒单独抠出来,这是一张全黑背景的,所以非常好抠,直接用魔术棒就可以了.选择魔术棒工具,在黑色背景上点

PhotoShop设计制作怀旧风格网页详细教程

第1步 这一次,我们要创建一个完整的网页设计风格的步骤,使用Photoshop和制作图像的人很多. 由于这是一个中级到高级的教程.我会跳过一些基本的步骤说明. 在RGB 72dpi首先创建一个新文件,800像素*950像素. 显示标尺和参考线拖动四个边界的文件, 这将是最佳的设计领域. 我打算保持一个固定宽度的布局. 图像>"画布大小在,增加了很多的宽度和高度 此外,1200 1000像素PX是好的, 这样,我们将设计更广泛的屏幕分辨率. 再添加更多的指导,你打算加入容器(标题,导航栏,侧

Photoshop快速制作搭边风格图标教程分享

给各位Photoshop软件的使用者们来详细的解析分享一下快速制作搭边风格图标的教程. 教程分享: 先来个最终效果图,是不是很可爱啊!!!   1.新建一个追波尺寸的画布800*600,背景色选白色,名称为描边风格小图标,注意分辨率为72   2.画一个300*300的圆形,填充颜色为#ffdb00,描边为12像素的#000000的黑色描边.注意这里描边的风格应该选居中描边,结尾和转角选择圆角形式.   3.然后我们ctrl+j复制圆形图层,并分别命名为小太阳描边和小太阳填充.并将小太阳填充的图

PhotoShop设计制作居家风格美食Blog网页教程

教程教我们用PhotoShop设计制作一个美食blog网页效果. 这个网页最大的特色在于,底部使用了桌布的图案,感觉有点居家的气氛.再搭配上简洁的布局,好似一个家的感觉. 先看效果图: 1.新建一个大小为:1200*1400px的文档,并填充背影色:#fbe0b1. 再执行滤镜>杂色>添加杂色,设置数据如下图: 三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载   查看更多PS教程 2.创建自定义图案 按

Photoshop教程:制作玻璃效果网页按钮

Photoshop入门教程,制作玻璃风格的网页按钮. [步骤一]新增一个图层1,并用圆形选取工具画出一个圆形选区,如下图:   [步骤二]先将前景色和背景色分别设定为浅蓝和深蓝色,再用渐层工具拉出圆形渐层,如下图:   [步骤三]先按「ctrl」+「D」取消选取,再使用图层样式功能加上阴影和描上黑边,如下图:   [步骤四]再新增一个图层2,并用圆形选取工具画出一个圆形选区,这个圆形选区要画的比蓝色的圆形小一点,如下图:   [步骤五]将渐层工具调整为白色到透明的色彩,如下图:   [步骤六]在

用FW MX 制作 Mac风格边框

以前大家常用线条来表现浅浮雕效果,现在我们在Fireworks MX(以下简称FW MX)里可以用效果(Effect)面板来轻松制作. 如下图则是用线条来制作的一个Mac风格的边框,我们用FW MX打开源文件就会发现制作比较繁琐,有没有简单的方法来制作呢?答案是肯定的,方法就是用效果(Effect)面板!本例用来说明用FW MX制作边框的过程,希望能为FW MX爱好者提供一个新的思路. .png文件 一.边框制作 1.打开FW MX,建立一个340X110的新文件. 2.从工具栏中选择"矩形&q

Photoshop教程:制作黑夜彗星效果

photoshop简单制作黑夜彗星特效,图文教程.