导言:
这篇Photoshop教程将教大家怎么制作一个进度条效果的图片,步骤很简单,大家可以运用这样的方法制作出更多更好的效果。
第一步
新建一个600X400px的画布,把我们提供的纹理丢进去。(图01)
图01
然后我们使用“圆角矩形工具”,设置半径为10px,拉出一个长条矩形。(图02)
图02
#p#e#
第二步
现在我们来设置矩形的混合样式,把它命名为:矩形1。然后双击图层,设置如下:
内发光:颜色就是默认的黑色。(图03)
图03
图案叠加:这个图案需要加载“艺术表明”,默认的里面有。(图04)
图04
描边(图05)
图05
最完后应该是这样的效果。(图06)
图06
#p#e#
第三步
现在我们到“矩形1”,在里面画一个小一点的矩形,命名为“矩形2”,然后双击设置混合样式。(图07)
图07
外发光(图08)
图08
渐变叠加(图09)
图09
然后我们新建一个图层,把它和“矩形2”同时选上,合并。这样出来的图层会是“图层2”,然后我们把这个图层复制一个,把老的隐藏掉。因为我们后面还要做效果。(图10)
图10
#p#e#
第四步
双击“图层2”,混合样式设置如下:
颜色叠加(图11)
图11
图案叠加:上面我们为你准备了,这里不制作了。(图12)
图12
做完后应该是这样的效果。(图13)
图13
#p#e#
第五步
接下来我们用矩形工具,画两根短线条。颜色分别是黑色和白色,这是在网页设计中制作导航条时常见的方式,然后设置他们的混合样式。(图14)
图14
制作好后将它复制几个,依次摆好,然后移动到进度条中。(图15)
图15
好了,我们第一个已经完成了,你觉得怎么样?下面是我们将这种效果的延伸,只需要几步就可以完成。
#p#e#
延伸效果:
在“矩形1”绘制一个矩形,比上面的要短一点。然后按照上面的方法制作出下面的效果。
渐变叠加(图16)
图16
图案叠加(图17)
图17
完成后应该是这样的效果。(图18)
图18
然后我们在上面添加一些文字说明,最终效果图。(图19)
图19
上一篇 创建优雅的3D玻璃质感文字
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答今天,我来和大家聊聊,迪士尼动画《海洋奇缘》系列是怎么用Maya软件为他们最新的续集打造获奖动画的。
有哪些听起来高大上、实际上转行同学也能胜任的岗位?试试虚拟现实工程师!
增强现实(AR)和虚拟现实(VR)是当前备受瞩目的创新技术,对相关的增强现实开发、虚拟现实开发、数字孪生开发工程师的人才需求,......
在这个短视频盛行的时代,越来越多的人想要尝试自己进行短视频剪辑,却常常因为缺乏专业知识而无从下手。别担心,今天就为大家带来短视......
今天,我们聊聊皮克斯的《头脑特工队》系列
中国首个AIGC导演共创计划今日正式上线:同学,做导演不要?
中国首个AIGC导演共创计划定于12月6日正式上线。该计划由快手自研视频生成大模型产品“可灵AI”,联合李少红、贾樟柯、叶锦添......
近日,中央广播电视总台《2025年春节联欢晚会》发布官方吉祥物形象“巳(sì)升升”,祝福全球华人在新的一年如意康宁、好事连连。