优艾设计网

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

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

第三步:

现在我们在到“矩形1”,里面画一个小一点的矩形,命名为“矩形2”,如下:

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

然后双击设置混合样式:

-外发光:

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

-渐变叠加:

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

现在我们新建一个图层,然后把它和“矩形2”同时选上,然后合并。这样出来的图层会是“图层2”,然后我们把这个图层复制一个,把老的隐藏掉。因为我们后面还要做效果。

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

第四步:

双击“图层2”,混合样式设置如下:

-颜色叠加:

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

-图案叠加:上面我们为你准备了,这里不制作了,因为有很多小菜们不知道制作图案。

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

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

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

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

精彩评论

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