简单 风格的英文菜单设计

在这个Photoshop教程我们 会极简风格的设计一个简单的菜单。

操作方法

  • 01

    在Photoshop中创建一个新文档,类似500×300像素并拖动一个线性渐变的颜色# ffffff和# d5dfe0。

  • 02

    好吧,现在我想创建一个窗口,看看未来将位于菜单按钮。 选择圆角矩形工具(半径:7 px)和一个形状像下图使用白色:

  • 03

    之后,应用外发光,内发光和中风这一层的图层样式:

  • 04

    你可以看到的结果:

  • 05

    好,现在我们可以开始教程创建菜单的主要部分。 首先我想创造一些基质下的按钮。 选择圆角矩形工具(7 px)为半径,画一个圆角矩形到画布上图片如下:

  • 06

    然后应用外发光这一层的图层样式:

  • 07

    现在我们的衬底看起来应该像这样:

  • 08

    我认为时间创建按钮。 选择圆角矩形工具再次(半径:5 px)和像我这样的画一个圆角矩形:

  • 09

    之后,应用内阴影,渐变叠加和中风这个按钮图层样式:

  • 10

    现在图片应该是这样

  • 11

    时间带来一些眩光按钮。 找到并得到了钢笔工具并使使用白色的形状如下:

  • 12

    单击图层缩略图在图层面板和选择栅格化图层。 之后,应用快速蒙版模式梯度如下:

  • 13

    然后回到标准模式。 现在我们有一些选择区域。 新闻删除清晰的图像区域。

  • 14

    然后按Ctrl + D取消选定区域。 在那之后去按钮层和应用选择>载入选区,然后应用选择>修改>合同合同对1 px和按下选择Ctrl + Shift +我逆选择。 之后返回眩光层和新闻删除选择区域。 新闻Ctrl + D删除选择和更改图层不透明度到60%。

  • 15

    看上去不错,isna€™t吗? 好吧,重复这一层Ctrl + j后,选择矩形选框工具(羽毛:2 px)和创建选择像下图

  • 16

    删除清除所选区域,选择删除Ctrl + D,然后向下移动这一层1 px

  • 17

    下一步,我们需要做两行添加到菜单按钮。 出去的铅笔工具我的照片和画两条线:

  • 18

    颜色I 已经高于用于 # e5f3ff。 完成菜单我认为我们应该添加一些标题按钮。 你可以这样做横排文字工具。 Ia€™米要用Myraid Pro(半黑体的浓缩,15 pt,脆)字体是商业,灌输€™s为什么你可以尝试不同的一个或某个地方。

  • 19

    使按钮标题更对比应用阴影这一层的图层样式:

  • 20

    来是这样的:

  • 21

    好! 现在我想多添加两个按钮获得真正的菜单。

  • 22

    终于完成了

(0)

相关推荐

  • 8个APP菜单设计PSD免费下载!

    小编:记得上几次分享的10款IOS iPhone6 APP注册登录和IOS9风格APP设计菜单栏, 这次带来的是由Emiliano Cicero分享的8个APP菜单设计.有时候想设计出一个新颖的菜单栏 ...

  • WPS用制表位简单制作美观的菜单

    今天小编教大家WPS用制表位简单制作美观的菜单方法,教程真的很不错,制作出来的菜单也很美观,其中包含的知识点也很多,推荐过来,一起来学习吧! 步骤 首先按着你的内容打一份word出来,字体暂时不需要考 ...

  • 如何使用百度翻译来翻译英文菜单菜谱

    今天小编来介绍如何使用百度翻译来翻译英文菜单菜谱具体如下:1. 第一步,选择进入"百度翻译"app.2. 第二步,选项下方栏目中"小应用".3. 第三步,选项& ...

  • 33个卓越的英文字体设计

    小编话:今天的欣赏是来自设计达人分享的33个卓越的英文字体设计,看起来有点复杂,因为都是经过了设计师的精心排版与变形才得来.无论是从配色还是字体的排列都可以看出花了不少的功夫,希望能够给大家带来灵感. ...

  • 19个以水彩风格为主的网页设计

    使用水彩绘画风格的网页设计是十分少见的,也许对于大部分网页设计师来说,绘制水彩画有点难度,而且相当耗时,当然为了做出好作品,不要省那么点时间,当你把水彩元素用在网页上,出来的视觉效果是非常漂亮的. 水 ...

  • 干货分享!关于APP导航菜单设计你应该了解的一切

    导航菜单是人机交互的最主要的桥梁和平台,主要作用是不让用户迷失方向.现在市面上产品的菜单栏种类繁多,到底什么样的才是优秀的导航菜单设计呢?好的菜单设计不仅能提升整个产品的用户体验,而且还能让用户耳目一 ...

  • 怎么使用js下拉菜单__简单js下拉菜单

    js菜单演示_怎么使用js_js下拉菜单_简单js下拉菜单_怎么做js下拉菜单 动漫之家 下拉一 下拉二 下拉三 下拉四 js详解 下拉一 下拉二 下拉三 下拉四 js运用 下拉一 下拉二 下拉三 下 ...

  • solidworks英文菜单如何改成中文?

    今天有人在问"solidworks英文菜单如何改成中文?",笔者来分享一下操作. (笔者操作系统是英文) 操作方法 01 solidworks菜单是英文,如图所示 02 打开控制面 ...

  • 战争兵团起源怎么玩操作图文攻略,英文菜单翻译

    操作方法 01 战争兵团起源WarCom: Genesis是近来画面与游戏性上佳的一款FPS游戏,枪械题材总是有些冷艳高贵,本作方方正正的人设与暖色调的沙漠巷战等环境显得很有人情味,虽然操作方式有硬伤 ...