室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> Photoshop >> 文章内容

PS制作进度条图文教程:神奇的动态进度条效果

[日期:2014-05-06]   来源:IT部落窝  作者:IT部落窝   阅读:1827[字体: ]
内容提要:本文讲解photoshop制作进度条的方法,最终完稿的动态进度条使用到了时间轴面板完成.

  本文的PS制作进度条,主要使用到了基本圆环的绘制和时间轴面板来完成动态进度条效果。预览一下在PS完成制作的进度条,进度条圆润的滚起来了,呵呵。

PS进度条教程

第一,ps制作进度条准备工作

  在PS里面绘制好下面的进度条部分进度和文字。如下图所示,主要使用到选区的运算得到。
  提示:进度条圈圈里面的百分比,因为是8个格,每格所以是12.5%,字体设置好之后,一定得选择好右对齐)这点很重要。制作好一个文字图层,直接更改数字,不要再移动位置,保证%是位置重合的。
ps制作进度条
 
第二,动态的ps进度条
  执行“窗口——时间轴”,将这个神奇的窗口调出来。注意每帧的图层显示和隐藏对应关系。设置好之后,按住SHIFT键,选择所有帧,设置为永远循环,间隔为1秒。
photoshopps制作进度条 

  时间轴动画制作相关视频教程:http://www.ittribalwo.com/article/2735.html

 

IT部落窝PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程