青蚨 發表於 2017-9-29 11:36:32

PS怎么设计一款指针转动的时钟?

<p>PS中想要设计一个动画，就是时钟的指针不停的转动，该怎么制作呢？下面我们就来看看详细的教程。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130416/16061464391.jpg"><p class="arc_down_title">Adobe Photoshop 8.0 中文完整绿色版</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>150.1MB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2015-11-04</li></ul>查看详情</div></p>
<p>1、首先，新建一个300px*200px的文件。</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112703101.png" /></p>
<p>2、画好<strong>背景和时钟</strong>，给它们取好名字，不要乱了。（嗯嗯，我知道你肯定会问：为什么时针和分针是个加号呢？别急，这只是个步骤，我们慢慢来&hellip;&hellip;）</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112703102.png" /></p>
<p>3、把时<strong>针和分针</strong><span style="color: #ff0000"><strong>转化为智能对象</strong></span>。我们当前只针对分针做动画，所以只讲解分针部分。</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112703103.png" /></p>
<p>4、双击打开时针和分针智能对象，把指针缩减一半。我们就会看到时针和分针的长度的排列正常了。(有童鞋问了，为什么要多此一举，我们直接就画成这样不行吗？莫急，请接着往下看&hellip;&hellip;)</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112703104.png" /></p>
<p>5、打开时间轴：打开<span style="color: #ff0000"><strong>窗口-时间轴</strong></span>，点击创建视频时间轴。</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112703105.png" /></p>
<p>6、在时间轴中选中分针，选择<strong>第一帧</strong>，为第一帧添加变换动作。</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112703106.png" /></p>
<p>7、选择时间轴中间的帧，添加变换动作，然后在场景中手动把分针旋转90度。（现在知道为什么要把智能对象缩减一半了吗？因为旋转的时候，旋转点正好位于中心，这样就不会对不准位置。）</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112703107.png" /></p>
<p>8、同理，我们选择时间轴最后一帧，添加变换动作，然后再把分针旋转90度。</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112704108.png" /></p>
<p>9、旋转时钟动画就完成了，请看效果。</p>
<p align="center"><img alt='PS怎么设计一款指针转动的时钟?'src="https://img.jbzj.com/file_images/photoshop/201709/20170929112704109.gif" /></p>
<p>以上就是ps设计指针移动的时候的教程，希望大家喜欢，请继续关注琼殿技术社区。</p>
<p><strong>相关推荐：</strong></p>
<p>ps怎么绘制一款清新的时钟?</p>
<p>ps怎么设计一款红色的UI时钟元素图标?</p>
<p>ps怎么设计一款粉绿色舒适主题风格的时钟图标?</p>
頁: [1]
查看完整版本: PS怎么设计一款指针转动的时钟?