欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

程序员文章站 2022-06-25 20:11:28
在开始检测洗钱我们先看一下效果图,是不是显得非常可爱。最终的效果图:这是在写部教程的时候,看到一个由方格组成的心。于是试着用ps做成了动画,然后加入了love四个字母,看起来还可以。但是,有些复杂。复...

在开始检测洗钱我们先看一下效果图,是不是显得非常可爱。

最终的效果图:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

这是在写部教程的时候,看到一个由方格组成的心。于是试着用ps做成了动画,然后加入了love四个字母,看起来还可以。但是,有些复杂。复杂倒不是技术上的复杂,是做起来复杂。

ps教程来试试吧。

1.新建一个文件

大小150*150.然后新建一个图层,命名为“红色方块“,选择矩形选框工具,设置选项如下:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

在画布上单击,此时会出现一个10*10的选区,新建一个图层,然后填充你喜欢的颜色。注意,此时填充的颜色决定了你整体的心是什么颜色。填充后,把你的这个红色方块放到靠左上角的位置,如下图:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

把背景改成你喜欢的颜色,我改成了浅紫色:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

复制红色方块层,然后锁定副本层的透明度,填充白色,并重命名为“白色方块“:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

用鼠标工具选中“红色方块“和“白色方块“层,然后ctrl+j复制这两个层,复制后按住shift键不放按一下→,然后放开shift键,再按3下→:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

ctrl+j继续复制两个层,复制后按住shift键不放按一下→,然后放开shift键,再按3下→;重复这个动作,直到我们的画布上出现7个方块:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

用鼠标工具在画布中画出一个矩形,这样会选中所有的方块:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

选中后,ctrl+j,复制所有的方块。按住shift键不放按一下↓,然后放开shift键,再按3下↓;重复这个动作,直到我们的画布上出现7行7列方块:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

2.新建两条参考线

位置分别为水平50%和垂直50%,然后选中所有的方块,ctrl+t,让中心点与参考线中心对齐,这样这个整体的方块就处于了画布的*:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

删掉不需要的图层,哪些是不需要的呢?如下图:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

删掉后,是这样的:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程

3.我们要开始做动画了哦~

打开帧动画面板,第一帧时间为0,循环永远。然后隐藏所有的方块,只显示背景层(按住alt键,单击背景层,这样会只显示背景层;再次按住alt键单击背景层会显示隐藏的图层。);然后新建一帧,随便显示一个白色方块图层,并把透明度改成50%:

如何用PS绘制动态图像呢?使用PS制作动态心型动画教程