优艾设计网

教你如何用Photoshop制作FLASH进度条

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:白裤衩
最终效果图: 第一步: 新建一个600X400PX的画布,把我们提供的纹理丢进去。 现在我们使用“圆角矩形工具”,设置半径为“10PX”,拉出一个长条矩形。

现在我们在用矩形工具,画两根短线条。颜色分别是黑色和白色,这是在网页设计中制作导航条废材常见的方式,如下;然后设置他们的混合样式:

教你如何用Photoshop制作FLASH进度条

制作好后将它复制几个,依次摆好,然后移动到进度条中。如下:

教你如何用Photoshop制作FLASH进度条

好了,我们第一个已经完成了,你觉得怎么样?下面是我们将这种效果的延伸,只需要几步就OK了。

第二种效果:第一步:

在“矩形1”绘制一个矩形,比上面的要短一点。然后按照上面的方法制作出下面的效果(和上面是一样的,这里我为什么在上面没有让大家保存,目的是想让大家多做一次,能记得住,哈哈)

-渐变叠加:

教你如何用Photoshop制作FLASH进度条

-图案叠加:

教你如何用Photoshop制作FLASH进度条

完成后应该是这样的效果:

教你如何用Photoshop制作FLASH进度条

然后我们在到上面添加一些文字说明:

最终效果图:

教你如何用Photoshop制作FLASH进度条

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消