ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3157|回复: 2
收起左侧

[网页图片] ps制作网页进度条图片

[复制链接]
发表于 2013-1-20 13:40:48 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
本ps教程学习如何用ps制作下载常见的进度条,主要用到了圆角矩形和图层样式,先看效果图。



新建文档500x300像素,背景白色,新建图层填充黑色,添加一个渐变叠加样式,类似下图效果。



新建图层画一黑色圆角矩形,半径150px。



添加渐变样式,效果如下。



同样方法画一个小点的圆角矩形,添加渐变叠加样式,具体颜色请采样截图。




再新建图层,前景色#c7c7c7画一个更小的圆角矩形。



复制此层,颜色改为白色,把这个白色层挪到灰色图层底部,往右下方向挪动一段距离,类似下图效果。



复制灰色层,颜色改为黑色,添加蒙版做一矩形选区,把右侧去掉一部分。



添加渐变叠加样式,颜色可以任意,我选择红色系。



最后添加文字、倒影、阴影及高光,最终效果如下,本ps教程结束。



教程编号:112306 作者:. 出处:一起ps吧
发表于 2013-2-4 16:42:31 | 显示全部楼层
很实用的教程~~~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-22 20:05 , Processed in 0.027126 second(s), 13 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表