PS设计加载进程FLASH进度条图片效果教程

2016-03-17 22:00 8 1 收藏

下面这个PS设计加载进程FLASH进度条图片效果教程教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - PS 】

最终效果图:


clip_image002

  图案下载

 

 

第一步:

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

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

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

第二步:

现在我们来设置矩形的混合样式,把它命名为:矩形1。然后双击图层,设置如下:
-内发光:颜色就是默认的黑色。
clip_image005

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

-描边:
clip_image007

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

第三步:

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

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

然后双击设置混合样式:
-外发光:
clip_image010

-渐变叠加:
clip_image011

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

第四步:

双击“图层2”,混合样式设置如下:
-颜色叠加:
clip_image013

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

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

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

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

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

第二种效果:第一步:

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

-图案叠加:
clip_image022

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

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

最终效果图:

clip_image002[1]

来源:http://www.tulaoshi.com/n/20160317/1866843.html

延伸阅读
标签: FLASH flash教程
加载外部文件的进度条 (看帮助文档整理),只适合那些不愿看帮助文档的新手。我只不过加了一些注释。 为加载图像文件或 SWF 文件创建进度条 创建一个名为 loadImage.fla 的新 Flash 文档。 选择"修改""文档",在宽度文本框中键入 700,在高度文本框中键入 500,从而更改文档的尺寸。 在时间轴中选择第 1 帧,然后在...
互联网越来越快,但网页加载时的等待必不可少。据调查,用户能够忍受的最长等待时间大约在6~8秒之间。不过,有趣而富有创意的进度条可以吸引用户,让他们耐心等待。来看看本文收集的30个设计感十足的加载进度条。 Loading by pearlsomani Flat Loading Bars + Icons FREEBIE by Joe Taylor Progress Bar for Aviasales app by Mark M...
标签: Web开发
开始页面:start.jsp %@ page contentType="text/html; charset=GBK" % % session.removeAttribute("task"); % jsp:useBean id="task" scope="session"  class="progress.TaskBean"/ % task.setRunning(true); % % new Thread(task).start(); % jsp:forward page="status.jsp"/ 状态页面:status.jsp...
标签: Web开发
在最近的一个项目中,有一个上传功能:上传一个cvs文件,然后解析此文件并写入数据库 由于经常需要传很大的文件,客户完成此功能往往需要40分钟,在这个过程中,页面也没有任何提示,用户体验非常不好? 为何不用ajax作一个进度条呢? 分两步完成此需求: 一:写一个简单的ajax,实现最简单的进度条功能。 二:把此进...
标签: ASP
       在后台处理数据时,前台页面同时计数显示Proess Bar   使用了layer来显示   用法:   1。引用   <script language="javascript" src="http://img.jcwcn.com/attachment/portal"></script>   2。在提交Button或<A>或<span> 加扩展属...

经验教程

654

收藏

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