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

最终效果图: 第一步: 新建一个600X400PX的画布,把我们提供的纹理丢进去。 现在我们使用圆角矩形工具,设置半径为10PX,拉出一个长条矩形。 第二步: 现在我们来设置矩形的混合样式,把它命名为:矩形1。然后双击图层,设置如下: -内发光:颜色就是默认的黑色。 -图

ps设计水晶心形字教程(3)

纹理中应用我们刚才定义的图案 : 光泽设置: 图案叠加,同样应该我们刚才定义的图案: 描边设置: 渐变颜色与位置:

最终效果图:

教你如何用ps制作FLASH进度条插图

第一步:

新建一个600X400PX的画布,把我们提供的纹理丢进去。

教你如何用ps制作FLASH进度条插图(1)

现在我们使用“圆角矩形工具”,设置半径为“10PX”,拉出一个长条矩形。

教你如何用ps制作FLASH进度条插图(2)

第二步:

现在我们来设置矩形的混合样式,把它命名为:矩形1。然后双击图层,设置如下:

-内发光:颜色就是默认的黑色。

教你如何用ps制作FLASH进度条插图(3)

-图案叠加: 这个图案需要加载“艺术表明”,默认的里面有。

教你如何用ps制作FLASH进度条插图(4)

-描边:

教你如何用ps制作FLASH进度条插图(5)

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

教你如何用ps制作FLASH进度条插图(6)

第三步:

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

教你如何用ps制作FLASH进度条插图(7)

然后双击设置混合样式:

-外发光:

教你如何用ps制作FLASH进度条插图(8)

-渐变叠加:

教你如何用ps制作FLASH进度条插图(9)

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

教你如何用ps制作FLASH进度条插图(10)

第四步:

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

-颜色叠加:

教你如何用ps制作FLASH进度条插图(11)

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

教你如何用ps制作FLASH进度条插图(12)

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

教你如何用ps制作FLASH进度条插图(13)

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

教你如何用ps制作FLASH进度条插图(14)

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

教你如何用ps制作FLASH进度条插图(15)

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

第二种效果:第一步:

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

-渐变叠加:

教你如何用ps制作FLASH进度条插图(16)

-图案叠加:

教你如何用ps制作FLASH进度条插图(17)

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

教你如何用ps制作FLASH进度条插图(18)

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

最终效果图:

教你如何用ps制作FLASH进度条插图

最终效果图:

教你如何用ps制作FLASH进度条插图

第一步:

新建一个600X400PX的画布,把我们提供的纹理丢进去。

教你如何用ps制作FLASH进度条插图(1)

现在我们使用“圆角矩形工具”,设置半径为“10PX”,拉出一个长条矩形。

教你如何用ps制作FLASH进度条插图(2)

第二步:

现在我们来设置矩形的混合样式,把它命名为:矩形1。然后双击图层,设置如下:

-内发光:颜色就是默认的黑色。

教你如何用ps制作FLASH进度条插图(3)

-图案叠加: 这个图案需要加载“艺术表明”,默认的里面有。

教你如何用ps制作FLASH进度条插图(4)

-描边:

教你如何用ps制作FLASH进度条插图(5)

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

教你如何用ps制作FLASH进度条插图(6)

第三步:

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

教你如何用ps制作FLASH进度条插图(7)

然后双击设置混合样式:

-外发光:

教你如何用ps制作FLASH进度条插图(8)

-渐变叠加:

教你如何用ps制作FLASH进度条插图(9)

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

教你如何用ps制作FLASH进度条插图(10)

第四步:

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

-颜色叠加:

教你如何用ps制作FLASH进度条插图(11)

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

教你如何用ps制作FLASH进度条插图(12)

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

教你如何用ps制作FLASH进度条插图(13)

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

教你如何用ps制作FLASH进度条插图(14)

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

教你如何用ps制作FLASH进度条插图(15)

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

第二种效果:第一步:

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

-渐变叠加:

教你如何用ps制作FLASH进度条插图(16)

-图案叠加:

教你如何用ps制作FLASH进度条插图(17)

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

教你如何用ps制作FLASH进度条插图(18)

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

最终效果图:

教你如何用ps制作FLASH进度条插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部