相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

PS教程:炫彩读条君的绘制,看完就能学会

UI那些事发布于:2017-8-24 11:08 |原作者: P大点S|
UI那些事
湖南省 长沙市 设计爱好者
发私信 + 关注
简介: 今天分享一个进度条的做法,利用图层样式来打造一个色彩绚丽的进度条,按照国际惯例源文件已打包,大家练完手后可以找我要。现在我们就开始吧:新建个文档,我这里用的是800*800像素,填充黑色,并设置一个图层样式。将“背景”图层转换为智能对象,执行“滤镜—杂色—添加杂色” ...


为这个圆角矩形添加一个图层样式。

设置完图层样式,我们得到如下效果。

接下来,我们画一个白色的500*25像素的圆角矩形。

我们画一个细长矩形,然后旋转30度。

用直接选择工具,选择住这旋转后的矩形,CTRL+T,把X轴的水平位置增加35像素。如我下图中的截图,原来的位置是80像素,更改为115像素。

用直接选择工具选择住这个矩形,CTRL+ALT+SHIFT+T,疯狂复制,友情提示,用直接选择工具选择住,再次变换的时候,就不会生成新图层,因为我们只想要得到一个图层而已,现在,我们得到如下效果。

我将这一堆的条纹取名为渐变,将其下移到白色圆角矩形的位置,创建一个剪贴蒙版,并设置个图层样式。


11

好评
7

差评

刚表态过的朋友 (18 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

UI那些事
湖南省 长沙市 设计爱好者
+关注 发私信
发表评论

最新评论

引用
gaoyangajie发布于:2017-9-26 10:37
回复 媛二二说的:

这个是怎么设置出来的,这个渐变效果移动色标出不来,那一串数字是在哪里看的,楼主,求解答

点击渐变然后出现渐变编辑器,下方左右填写一串数字,那个你不会不知道吧?这是基本基础的。
引用
媛二二发布于:2017-8-25 16:32

这个是怎么设置出来的,这个渐变效果移动色标出不来,那一串数字是在哪里看的,楼主,求解答

查看全部评论(2)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计