如何用PS设计安卓进度条的使用

来源：蜘蛛抓取(WebSpider) 时间：2017-12-30 09:53 标签： 进度条设计
ps制作进度条教程_电脑百事网
手机扫描二维码
ps制作进度条教程
本ps教程学习如何用photoshop制作下载常见的进度条，主要用到了圆角矩形和图层样式，先看效果图。新建文档500x300像素，背景白色，新建图层填充黑色，添加一个渐变叠加样式，类似下图效果。新建图层画一黑色圆角矩形，半径150px。添加渐变样式，效果如下。同样方法画一个小点的圆角矩形，添加渐变叠加样式，具体颜色请采样截图再新建图层，前景色#c7c7c7画一个更小的圆角矩形。复制此层，颜色改为白色，把这个白色层挪到灰色图层底部，往右下方向挪动一段距离，类似下图效果。复制灰色层，颜色改为黑色，添加蒙版做一矩形选区，把右侧去掉一部分。
添加渐变叠加样式，颜色可以任意，我选择红色系。最后添加文字、倒影、阴影及高光，最终效果如下，本ps教程结束。
&#-04-01 17:23&
&#-10-04 21:04&
&#-10-17 21:07&
&#-10-22 17:22&
&#-10-24 12:18&
&#-10-25 05:00&
加载更多内容
PS教程作者专栏，致力于提供PS入门教程、实例教程、PS文字教程等，从入门到精通。推荐这篇日记的豆列
&&&&&&&&&&&&当前位置 :
& 进度条 & &共
分类：格式：0 播放
播放 排序:1/ 1相关搜索：简约进度条psd六边形百分比进度条ui设计飞行进度条云上传进度条psd素材简约音频播放器进度条psd素材音频进度条—psd分层素材彩色进度条psd素材蜗牛的进度条简约音频播放器进度条psd素材圆形进度条设计素材进度条psd分层素材网页进度条设计PSD素材扁平化数据分析界面PSD素材信息展示psd素材android手机组件UI设计psd素材视频播放器psd素材媒体视频播放器界面设计素材实用创意flashloading素材源文件图片mini播放器网页元素psd素材黑色系音乐ui元素psd素材音乐播放器psd素材进步？酒吧迷你音乐播放器psd素材千图网是专注免费设计素材下载的网站,提供进度条PS工具,进度条图片,进度条素材, 进度条模板等免费下载服务!暂无数据进度条图片素材免费下载，千图网为中国设计师们免费提供包括，，。
登录千图网
或该帐号还未注册，该帐号还未注册，勾选代表你同意&
添加到收藏夹
您还未创建收藏夹，点击创建增加新收藏夹吧！
您创建的收藏会显示在此处
创建到收藏夹
QQ客服: 工作日：9:00 - 22:00节假日：9:00 - 18:00电话客服: 400-9987011工作日：9:00 - 18:00节假日：9:00 - 18:00反馈时告知客服这串数字哦微信扫码领取大礼包欢迎回来3天原创VIP
（20次/天）已到账
欢迎来到千图网您还有 1 项新手任务未完成完成任务可获得积分PS制作进度条图文教程：神奇的动态进度条效果&&
内容提要：本文讲解photoshop制作进度条的方法，最终完稿的动态进度条使用到了时间轴面板完成.
本文的PS制作进度条，主要使用到了基本圆环的绘制和时间轴面板来完成动态进度条效果。预览一下在PS完成制作的进度条，进度条圆润的滚起来了，呵呵。
第一，ps制作进度条准备工作
在PS里面绘制好下面的进度条部分进度和文字。如下图所示，主要使用到选区的运算得到。
提示：进度条圈圈里面的百分比，因为是8个格，每格所以是12.5%，字体设置好之后，一定得选择好右对齐）这点很重要。制作好一个文字图层，直接更改数字，不要再移动位置，保证%是位置重合的。
第二，动态的ps进度条
执行“窗口——时间轴”，将这个神奇的窗口调出来。注意每帧的图层显示和隐藏对应关系。设置好之后，按住SHIFT键，选择所有帧，设置为永远循环，间隔为1秒。
时间轴动画制作相关视频教程：
--------------------------------------------------------------------
特别说明：内容版权归原作者或机构所有！若未能找到原始出处，还望谅解。如觉侵权，请留言，我们会即刻删除！多谢.
想认识志同道合的朋友一起学习PS
加入我们的QQ群
丰富的学习资源，每晚8.00免费直播公开课
被转藏 : 1次
被转藏 : 1次PS绘制精致的播放进度条
简介: 这篇文章教飞特的PS图标设计学习者们使用PS绘制精致的播放进度条，教程绘制出来的进度条还挺精致的，推荐一下，和飞特的朋友们一起分享学习了。我们先来看看最终的效果图吧: ... ...
这篇文章教飞特的PS图标设计学习者们使用PS绘制精致的播放进度条，教程绘制出来的进度条还挺精致的，推荐一下，和飞特的朋友们一起分享学习了。我们先来看看最终的效果图吧:FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入飞特论坛PS作品交流区，地址：在PremiumPixels上看到N多可供下载的网页设计PSD文件，都非常精美。但它只提供了现成的文件，并没有提供教程，那么我就通过源文件自己摸索，向Orman Clark学习一下如何做出如此漂亮的作品。二、新建一个图层，选择圆角矩形工具（U），在工具属性栏中填入宽度360像素、高度30像素，半径为2个像素，画一个圆角矩形。将图层命名为"base"。双击图层面板中的形状图层图层缩略图，将矩形的颜色更改为#3a3c3d。在图层面板中双击此图层，这样会打开图层样式窗口，给图层应用如下图所示的图层样式。这里需要说明的是，投影效果在网页设计中一般应用一点点就可以了，就像这里作者所应用的那样，距离和大小都只有1个像素而已，透明度只有50%，而效果太夸张的话会显得不够精致。而添加图层混合模式为"叠加"（overlay）的渐变叠加会让本来只是单一颜色的矩形有了颜色上的细微变化，增加了设计上的趣味性。最终效果如下图：
刚表态过的朋友 ()
您可能喜欢
网友推荐文章
本周热点文章
空杯发布于：前天&11:23
frce发布于：5&天前
若诗发布于：前天&11:50
豆花妹发布于：3&天前
云南省公安厅网络安全保卫总队备案编号:05
All rights reserved!

我要回帖

更多关于 进度条设计 的文章

 

随机推荐