张海彬 發表於 2022-7-5 15:24:40

如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧

<p>photoshop怎么制作红绿灯效果？红绿灯我们生活中很常见，想要制作红绿灯的动画效果，该怎么制作呢？下面我们就来看看详细的教程。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/200824/09260R33963.png"><p class="arc_down_title">Adobe Photoshop 2021 v22.5.7.859 ACR14.3 一键直装特别版</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>2.33GB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2022-05-13</li></ul>查看详情</div></p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150318151.jpg " /></p>
<p>首先，我们打开Photoshop，点击屏幕框选的【<strong>创建</strong>】，新建空白画布。</p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150319152.jpg " /></p>
<p>下面，我们新建三个空白图层，分别用画笔画上红绿黄三个圆点，如下图。</p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150319153.jpg " /></p>
<p>下面，我们继续新建图层，用圆角矩形形状工具画上红绿灯的外边框和支柱，如下图。</p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150319154.jpg " /></p>
<p>下面，我们点击菜单栏的【<strong>窗口】&mdash;&mdash;【<span style="color: #ff0000">时间轴</span>】&mdash;&mdash;【创建时间轴】。</strong></p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150319155.jpg " /></p>
<p>我们点开三盏灯的时间轴面板，在起始位置，将其中两盏灯的不透明度调节为10%左右，另一盏为100%，分别点击三个时间轴面板不透明度前面的小闹钟图标。</p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150319156.jpg " /></p>
<p>下面，我们拖动时间轴滑块到时间轴后方，然后根据红绿灯的逻辑分别调节三盏灯的不透明度，软件记录了第二个标记点。然后继续拖动时间轴滑块到后方，然后调节不透明度。</p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150319157.jpg " /></p>
<p>下面，我们调整好时间轴长度，点击左上角<strong>【文件】&mdash;&mdash;【导出】&mdash;&mdash;【<span style="color: #ff0000">存储为web所用格式</span>】。</strong></p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150319158.jpg " /></p>
<p>最后，如下图所示，我们将图片保存为gif格式，动画循环次数为【<strong>永远</strong>】，红绿灯操作完成了。</p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150320159.jpg " /></p>
<p style="text-align: center"><img alt='如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧'src="https://img.jbzj.com/file_images/photoshop/202207/20220705150320160.gif" /></p>
<p>以上就是ps制作红绿灯动画的技巧，希望大家喜欢，请继续关注琼殿技术社区。</p>
<p><strong>相关推荐： </strong></p>
<p>ps怎么做多个图形融合的动画效果? ps融合动画的实现方法 </p>
<p>ps怎么做滚动字幕? ps滚动文字效果动画的实现方法 </p>
<p>ps描边文字怎么添加闪烁效果? 闪现文字动画的制作方法</p>
頁: [1]
查看完整版本: 如何用ps做一个红绿灯效果? ps制作红绿灯动画的技巧