用图片制作GIF动画,Ps方法体验

zxc

<h1 style="text-align:center;"><b style="font-size:20px;">让时钟转起来</b></h1><p class="ql-block"><span style="font-size:18px;"> </span>下面左图是一张静态时钟图片,右图是经左图Ps 后的动态时钟画面:零点前10秒的GIF动画。以下将详细介绍其制作方法,有兴趣的朋友们可以由此及彼,触类旁通,把此方法升华到解决“用图片制作GIF动画”的一般方法上去。</p> <h1><b style="font-size:20px;">一、创建PNG文件Ps方法</b></h1><h1><span style="font-size:18px;"> </span><span style="font-size:22px;">1、</span><span style="font-size:18px;">时钟由底盘、时分秒等4个主要部件构成,要制作时钟GIF动画,首先要将时钟的底盘、时分秒分别抠出,存储为4个背景透明的PNG文件。Ps抠图结果整合如下图。</span></h1> <h1><span style="font-size:18px;">  </span><span style="font-size:22px;">2、</span><span style="font-size:18px;">4个部件在Ps图层窗口布局如下图。我们需要制作剩余时间分别为10秒,9秒直到0秒等11个图片的PNG文件。</span></h1><p class="ql-block"><span style="font-size:18px;">  先制作剩余时间10秒的PNG文件。调整秒针,微调分针如下图,可记文件名为10S,以PNG文件存入文件夹,文件夹可命名为“10秒序列”。</span></p><p class="ql-block"><span style="color:rgb(22, 126, 251);">注意</span> 调整秒针时,最好先把秒针的中心(旋转点)移至时钟圆盘的中心再旋转,保证旋转正确。</p> <h1><span style="font-size:18px;">  </span><span style="font-size:22px;">3、</span><span style="font-size:18px;">制作剩余时间9秒的PNG文件。调整秒针如下图,得到剩余时间9秒的时钟状态,记文件名为9S,以PNG文件存入文件夹“10秒序列”。</span></h1> <h1><span style="font-size:18px;">  </span><span style="font-size:22px;">4、</span><span style="font-size:18px;">……最后制作剩余时间0秒的PNG文件。调整秒针,微调分针如下图,得到剩余时间0秒时钟状态,记文件名为0S,以PNG文件存入文件夹“10秒序列”。</span></h1> <h1><span style="font-size:18px;">  </span><span style="font-size:22px;">5、</span><span style="font-size:18px;">查看文件夹“10秒序列”中的11个PNG文件如下图。可以关闭Ps软件。</span></h1> <h1><b style="font-size:20px;">二、制作时钟GIF动画Ps方法</b></h1><h1><span style="font-size:18px;"> </span><span style="font-size:22px;">1、</span><span style="font-size:18px;">打开Ps软件,点击菜单栏:文件/脚本/将文件载入堆栈,即弹出“载入图层”面板,如下图。</span></h1> <h1><span style="font-size:18px;">  </span><span style="font-size:22px;">2、</span><span style="font-size:18px;">点击“浏览(B)”,选定文件夹 “10秒序列”,并从中选择11个PNG文件,再点击“确定”。11个文件随即依次排列在图层窗口中,如下图。</span></h1> <h1><span style="font-size:18px;">  </span><span style="font-size:22px;">3、</span><span style="font-size:18px;">菜单栏:打开窗口/时间轴,点击时间轴面板上的“创建帧动画”,时间轴上出现了1帧,如下图。</span></h1> <h1><span style="font-size:18px;">  </span><span style="font-size:22px;">4、</span><span style="font-size:18px;">再点击时间轴右上方的帧处理面板,点击“从图层建立帧”,时间轴上则排列了全部帧,如下图。</span></h1><h1><span style="font-size:18px;">  </span><span style="font-size:22px;">5、</span><span style="font-size:18px;">打开帧处理面板,点击“选择全部帧”后,在时间轴上任选一帧,定义延迟时间为1秒,则所有帧都延迟1秒。</span></h1> <h1><span style="font-size:18px;">  </span><span style="font-size:22px;">6、</span><span style="font-size:18px;">点击菜单栏:文件/存储为Web所用格式。调试后,再确定动画的循环次数,最后命名存盘即得到GIF动画文件,如下图。</span></h1><p class="ql-block" style="text-align:center;"><span style="font-size:15px; color:rgb(237, 35, 8);">时钟零点前10秒的GIF动画</span></p> <p class="ql-block"><b style="font-size:20px;">三、用图片制作GIF动画实例</b></p> <p class="ql-block" style="text-align:center;"><span style="color:rgb(22, 126, 251);">美篇《2022新年快乐》</span></p><p class="ql-block" style="text-align:center;"><span style="font-size:15px; color:rgb(237, 35, 8);">跨年夜零点前5秒,牛去虎来春节到</span></p><p class="ql-block"><span style="color:rgb(1, 1, 1); font-size:15px;">底图:常州东坡公园。Ae</span><span style="font-size:15px;">叠加:</span><span style="font-size:15px; color:rgb(1, 1, 1);">礼花等</span></p> <p class="ql-block" style="text-align:center;"><span style="font-size:18px; color:rgb(22, 126, 251);">美篇《我的星空》</span></p><h5 style="text-align:center;"><span style="color:rgb(237, 35, 8); font-size:15px;">在星空图片上添加星光闪烁</span></h5> <p class="ql-block" style="text-align:center;"><span style="color:rgb(22, 126, 251);">美篇《我的星空》</span></p><h5 style="text-align:center;"><span style="font-size:15px; color:rgb(237, 35, 8);">在夜空图片上添加星光闪烁和陨石</span></h5> <h3 style="text-align: center"><font color="#167efb">美篇《2021除夕春节与元宵》</font></h3><h5 style="text-align: center;"><font color="#ed2308">中国12生肖与地支</font></h5> <p class="ql-block" style="text-align:center;"><span style="color:rgb(22, 126, 251);">美篇《会动的图片》</span></p><p class="ql-block" style="text-align:center;"><span style="font-size:15px; color:rgb(237, 35, 8);">鼠年说鼠,老大就是机灵</span></p> <h3 style="text-align:center;"><font color="#167efb">个人美篇标志之一</font></h3> <h1 style="text-align:center;"><b>说明</b></h1><p class="ql-block"> 本篇通过实例,介绍用静态图片制作GIF动画的Ps基本方法,仅仅是个人学习过程中的点滴体验,或有许多不到位,望老师们指教,有兴趣的朋友尚需自行实践总结,完善细节。</p> 由此及彼,触类旁通,把实例的方法升华到解决“用图片制作GIF动画”的普遍方法上去,反复实验,不断总结,实现Ps方法的有效迁移,是最重要的学习智慧,也体现了学习的创造性特征。<br> 对前述实例可以用Ps文件/打开,通过时间轴解析的帧,反向了解制作过程,你或会哑然失笑。<br><h5 style="text-align:right;"><span style="font-size:18px; color:rgb(1, 1, 1);">zxc 2022.10.20 </span></h5> <p class="ql-block" style="text-align:center;"><b style="font-size:20px;">影视后期三剑客</b></p><h5><span style="font-size:15px;"> </span>泛指Adobe公司的三强软件:Photoshop (简称Ps),Premiere (简称Pr),After Effects (简称Ae)。其中,Ps主要负责图片处理,Pr主要负责视频剪辑,Ae 主要负责视频制作与编辑。三者都有“时间轴”模块处理帧动画,各自集成了非常强大、优秀和复杂的特效功能DLL,在现代影视,图艺,动漫,仿生,科教模拟,商业广告的创作中,有着非常广泛的应用。</h5><p class="ql-block" style="text-align:center;"><span style="font-size:18px; color:rgb(22, 126, 251);">美篇《2022新年快乐》</span></p><p class="ql-block" style="text-align:center;"><span style="font-size:15px; color:rgb(237, 35, 8);">2022年初二老鱼父女在西藏40冰川</span></p> <p class="ql-block"><span style="color:rgb(22, 126, 251); font-size:15px;">背景音乐 </span><span style="color:rgb(237, 35, 8); font-size:22px;">二胡独奏 </span><span style="color:rgb(176, 79, 187);">和云超</span></p> <p class="ql-block"><span style="color:rgb(22, 126, 251); font-size:15px;">说明</span><span style="font-size:15px;"> 背景音乐“二胡独奏”取自酷狗VIP会员</span></p><p class="ql-block"><span style="color:rgb(22, 126, 251); font-size:15px;">使用Ps版本</span></p><p class="ql-block" style="text-align:center;"><span style="font-size:15px;">Adobe Photoshop CS6</span></p><p class="ql-block" style="text-align:center;"><span style="font-size:15px;"><span class="ql-cursor"></span>(13版64位) Extended(扩展版) </span></p><p class="ql-block"><span style="color:rgb(22, 126, 251); font-size:15px;">制作 编辑</span><span style="font-size:15px;"> zxc</span></p> 交流