ps怎么制作加载动画? ps做loading加载动画的实例
<p>在浏览网页的时候，发现那个等待loading挺好看的，所以搜了一下加载中的动画，虽然看起来感觉不一样，但制作方法差不多。今天我们就来看看详细的制作方法。</p><p><div class="arc_down"><img src="https://img.jbzj.com/file_images/article/201910/201910240933002.png"><p class="arc_down_title">Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>1.93GB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2022-05-13</li></ul>查看详情</div></p>
<p>先发几个效果图</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142118110.jpg" /></p>
<p>1.打开ps，新建画布，命名</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142118112.jpg" /></p>
<p>2.新建两条参考线，为了让制作的图像居中。视图-新建参考线，<strong>位置为50%</strong>，<span style="color: #ff0000"><strong>水平和垂直</strong></span>各一次</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142118113.jpg" /></p>
<p>3.新建完就是酱紫的</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142119114.jpg" /></p>
<p>4.新建图层，<strong>用硬脚画笔</strong>，大小为9像素（针对个人需要设置），在垂直参加线上面点一个点，如下图所示位置。这个位置会觉得最终完成的图片的形状。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142119115.jpg" /></p>
<p>5<span style="color: #ff0000"><strong>.ctrl+t </strong></span>，按住alt键，将黑点的重心点移到参考线的交点。设置<strong>旋转角度为45度</strong>。enter确定两次。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142119116.jpg" /></p>
<p>6.<span style="color: #ff0000"><strong>ctrl+shift+alt+t</strong></span>，重复变换并复制，按7次。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142119117.jpg" /></p>
<p>7.合并所有黑点图层，选中所有黑点图层，<span style="color: #ff0000"><strong>ctrl+e</strong></span>，合并。<strong>ctrl+h,隐藏参加线。</strong></p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142119118.jpg" /></p>
<p>8.新建图层，选一个喜欢的颜色，画笔大小分别为11、13、15、17，在原黑点的基础上点4个点，记得圆心要对准。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142120119.jpg" /></p>
<p>9.将蓝点图层复制7次，一共8层。调出参考线，<strong>ctrl+h</strong>。先变换蓝色点拷贝图层，将中心点移到参考线交点处，改旋转角度为45度。其他拷贝图层依次<strong>旋转90度、135度、180度、-135度、-90度、-45度。</strong></p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142120120.jpg" /></p>
<p>10.旋转完成后如下图所示。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142120121.jpg" /></p>
<p>接下来开始做动画11.打开窗口-时间轴，将小三角的地方点上去，改为无延迟。关闭上面复制的蓝色点图层，效果如下图所示。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142120122.jpg" /></p>
<p>12.点一下时间轴的新建帧按钮，按钮在左下角的箭头处。戳瞎蓝色点图层的眼睛，打开蓝色点拷贝图层的眼睛，如下图所示。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142120123.jpg" /></p>
<p>13.同上一步骤，为每一个拷贝层建一个新帧，当然，黑点图层的眼睛始终是亮着的。在左下角的箭头设置动画播放的次数，这里选择永远，设置好后点播放键。可以按<strong>ctrl+h</strong>，隐藏参考线。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142120124.jpg" /></p>
<p>14.没有问题后保存，<span style="color: #ff0000"><strong>文件-存储为web所用格式</strong></span>，一般不需要改动，点存储，选择存储位置。完毕。</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142121125.jpg" /></p>
<p>15.打开效果</p>
<p align="center"><img alt='ps怎么制作加载动画? ps做loading加载动画的实例'src="https://img.jbzj.com/file_images/photoshop/202103/20210307142121126.jpg" /></p>
<p>以上就是ps做loading加载动画的实例，希望大家喜欢，请继续关注琼殿技术社区。</p>
<p><strong>相关推荐： </strong></p>
<p>PS怎么制作小猫眨眼睛的GIF动画?</p>
<p>PS时间轴创建帧动画总是出bug怎么解决?</p>
<p>PS怎么制作一段动画? ps动画效果的制作方法</p>
頁:
[1]