当前位置 : 主页 > 小米常识 >【 PS创意设计 】Photoshop製作FLASH进度条教

【 PS创意设计 】Photoshop製作FLASH进度条教

阅读686
Photoshop製作FLASH进度条教程

这一次的教学是属于PS教程领域中的设计教程的相关教学。

文章出处是来自全球经典设计聚合网的PS教程类文章,写教学的作者是白裤衩,感谢白裤衩提供设计教程的实作教学。

教学大纲:

这个Photoshop教程将教大家怎幺製作一个进度条,步骤很简单,大家可以运用这样的方法製作出更多更好的效果。


设计教程教学开始

最终效果图:

第一步:

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

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

第二步:

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

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

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

-描边:

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

第三步:

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

然后双击设置混合样式:

-外发光:

-渐变叠加:

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

第四步:

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

-颜色叠加:

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

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

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

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

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

第二种效果:第一步:

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

-渐变叠加:

-图案叠加:

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

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

最终效果图:

–本文转载自 教学网 —

文章永久连结为: Photoshop製作FLASH进度条教程免费PPT模板下载 免费PPT模板下载 免费向量素材下载 免费矢量图片下载 免费去背图片下载 免费图库下载 免费音效下载 版权所有,保留一切权利! © 2019 PS笔刷工厂製作矩形教程免费设置叠加图层教学效果下载
上一篇: 下一篇: