Photoshop制作FLASH进度条教程

2016-02-16 06:43 11 1 收藏

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop制作FLASH进度条教程教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - PS 】

最终效果图:

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

第一步:

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

-描边:

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

第三步:

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

然后双击设置混合样式:

-外发光:

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

-渐变叠加:

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

第四步:

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

-颜色叠加:

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

第二种效果:第一步:

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

-渐变叠加:

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

-图案叠加:

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

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

最终效果图:

Photoshop制作FLASH进度条教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1569311.html

延伸阅读
标签: Web开发
在最近的一个项目中,有一个上传功能:上传一个cvs文件,然后解析此文件并写入数据库 由于经常需要传很大的文件,客户完成此功能往往需要40分钟,在这个过程中,页面也没有任何提示,用户体验非常不好? 为何不用ajax作一个进度条呢? 分两步完成此需求: 一:写一个简单的ajax,实现最简单的进度条功能。 二:把此进...
最终效果图:    图案下载     第一步: 新建一个600X400PX的画布,把我们提供的纹理丢进去。 现在我们使用“圆角矩形工具”,设置半径为“10PX”,拉出一个长条矩形。 第二步: 现在我们来设置矩形的混合样式,把它命名为:矩形1。然后双击图层,设置如下: -内发光:颜色就是默认的黑色。 -图案叠加: ...
标签: flash教程
本文由 中国 新生上路 原创,转载请保留此信息! 在学习中遇到问题请到 论坛 发贴交流! 更多相关教程: http://www.jcwcn.com/portal-topic-topicid-1.html 先来看下效果: 只能放一次哦 如果用swf文件打开后再按一次ctrl + enter健哈 这种效果很有用哦 对比较大的文件很有帮助 希望大家都能学会 第一步:新建一flash文件,大...
标签: PS PS基础
本PS教程将简单介绍如何用Photoshop打造进度条。本PS教程属于初级教程,适合初学者学习。 最终效果图 图0 1、选择文件/新建菜单,打开新建,宽度:为685像素,高度:为443像素,分辨率为72 , 模式为RGB颜色的文档,如图1所示。 图1 2、创建新图层按钮,新建一个图层,接着在工作区填充,设置前景为灰色,设置RGB值分别为:55/56/5...
带文字的进度条 作者:重庆建设集团一所 唐星彬 下载本文示例源代码 在下载安装的过程中,我们经常会看到带有文字的进度条,它能给人一种直观的概念。在VC中也有进度条的控件,但它不能显示文字。今有一CProgressCtrl类的派生类CTextProgressCtrl就有完成这样的工作。两种控件运行情况的对比如下: ...

经验教程

940

收藏

64
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部