Photoshop设计颓废质感的网页UI滑动按钮

2016-02-16 02:33 6 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的Photoshop设计颓废质感的网页UI滑动按钮,过去的都会过去,迎接崭新的开始,释放更美好的自己。

延伸阅读
标签: 设计
今天,我将介绍如何创建一个干净的网络布局、一个漂亮的背景。开门见山,咱直接切入正题吧,菇凉帅哥们有兴趣的话,可以打开PS跟着做哟。 开始设置的文件 打开一个新的文档:外形尺寸1200×1640像素,分辨率为72像素/英寸。 我们要创建基本的背景层。简单的在草稿上勾画出大概的布局与结构,可以看出页面最终的雏形,不过 在设计过...
标签: PS PS基础
如果你是设计师,那么创建界面元素是非常重要的技能。本次教程中,我们会创建一个简单漂亮的切换开关按钮。切换开关经按钮常用于某项功能的启用与关闭,他们经常出现在UI设计与网页应用设计中,好了,来开始我们的教程吧。 先看看效果图 下面是教程 第1步: 打开Photoshop,Ctrl+N新建一个文档,尺寸选择600×500px。 第2步: 按住...
先看看效果图 步骤1: 打开Photoshop,快捷键 Ctrl+N 打开新建窗口,按照下图内的参数设置好后,确定。 步骤2: 选定背景层,快捷键 Shift+F5 打开填充对话个,下拉菜单中选择颜色,然后使用颜色#141d28,确定。 步骤3: 接下来,我们使用圆角矩形工具,设置圆角为2px,拉出一个适当大小的矩形。 然后在右侧的图层面板中...
按钮是UI设计中最常用的一个元素,几乎每个项目都会有它的出现,在不同的设计中,Button本身会根据主体风格制作,不同的地方使用的按钮样式会有所不同。 对于学UI设计的同学们,按钮练习也是需要学习的,特别是带质感的Button,需要多练练,即使现在都玩扁平化,但也有时候用到的,下面我们整理12个高品质按钮UI PSD素材,大家可以下载来学习或...
标签: PS PS基础
效果图和绘制方法如下:

经验教程

763

收藏

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