11.04 ps教程:金属拉丝质感的滑动条,制作详解

UI设计中,最常见的细节,莫过于图标和滑动条,今天的教程,教大家如何做一款非常简单实用的滑动条设计

完稿图

ps教程:金属拉丝质感的滑动条,制作详解

知识点

矢量图形工具 图层样式

步骤 1

新建文档,将背景填充为灰色

ps教程:金属拉丝质感的滑动条,制作详解

步骤 2

使用圆角矩形工具绘制图形,如图所示(注意圆角半径的设置)

ps教程:金属拉丝质感的滑动条,制作详解

步骤 3

为圆角矩形添加图层样式-内阴影(双击图层空白处也可调出图层样式面板)

ps教程:金属拉丝质感的滑动条,制作详解

步骤 4

使用椭圆工具绘制正圆

ps教程:金属拉丝质感的滑动条,制作详解

步骤 5

为椭圆 1 添加图层样式-渐变叠加(注意参数的设置)

ps教程:金属拉丝质感的滑动条,制作详解

步骤 6

继续添加图层样式-斜面和浮雕(设置参数如图所示)

ps教程:金属拉丝质感的滑动条,制作详解

步骤 7

继续添加图层样式-投影(设置参数如图所示)

ps教程:金属拉丝质感的滑动条,制作详解

ps教程:金属拉丝质感的滑动条,制作详解

希望大家回去多多练习,早日学以致用

深受业内人士推荐的

顶尖级设计教育机构


分享到:


相關文章: