首页 > 设计培训 > 正文

Photoshop制作可爱的表情包GIF动画教程 Photoshop制作UI界面中的抽象花朵背景

2023-10-13 20:57:23 | 素材网

在平时的学习生活当中,对于设计培训一定都很关心,今天素材网小编为大家整理了Photoshop制作可爱的表情包GIF动画教程 Photoshop制作UI界面中的抽象花朵背景,希望能够帮助到大家。

Photoshop制作可爱的表情包GIF动画教程 Photoshop制作UI界面中的抽象花朵背景

Photoshop制作可爱的表情包GIF动画教程

所示点击“新建帧”,也PSjiaocheng/2021/0204/143782.html">可以从下拉菜单中点击“新建帧”,实现效果是一样的。在确保“帧2”被选中的情况下,鼠标移动“圆角矩形”到画布最右,此时就已做出了位移动画了,按播放键就PSjiaocheng/2021/0204/143782.html">可以预览到动画了。

Photoshop制作可爱的表情包GIF动画教程 Photoshop制作UI界面中的抽象花朵背景

显然,此时的动画效果简直糟透了,生硬、快如闪电、而且是一次就停了,并不是我们平时看到的循环播放的gif。那么,接下来我们逐个解决。

Step 3

生硬,是因为没有过渡,按下图所示,为动画添加“过渡”效果,在图2中可以看到“过渡”将对运动的位置、不透明度、效果三个属性发挥作用,以及设定要添加的中间帧有多少帧,根据所需效果设定这个帧数。

PS:过渡方式,设定的是从当前帧过渡到哪一帧,本案例因为是在选中第二帧的基础下点击的“过渡”,所以自然是过渡到上一帧了。设定好之后,点击确定,再次播放即可看到没那么生硬了。当然了,要想更自然,还应该为运动添加模糊,才更符合现实情况了。

接下来,快如闪电?这是因为每一帧都是0秒的,我们需要设定每一帧的延迟时间,来调节动画的节奏,操作方式所示,即可以选择预设的几个时间,也可以点击其他去自定义。至于动画的节奏,以位移类动画为例,当然先是加速运动,然后是匀速,最后是减速直到停止运动。大家可以多建立一些过渡帧数,然后调节,头几帧对的延迟时间长一点,中间几帧短一些,最后几帧再长起来。PS:当然每一次动画追求的效果不同,还要具体问题具体分析了。

播放一次就停?那就需要设定动画的循环选项了,操作,选择“永远”即可。此时,再次点击播放预览,上述三个问题基本解决。然后,根据效果进行微调。接下来就可以保存为gif了。

设定完之后,可以得到下面这样一个效果。

当然,这只是一个简单的示例,展示的只是帧动画的工作流程之一。接下来,通过第二个案例,我们进一步来了解一下帧动画。素材网

案例二:做个表情

Step 1

为了提高案例的“颜值”,就选一个有点yellow滴的小表情来做成gif吧,原表情如下,小伙伴们应该不陌生吧——以下内容请在好基友指导下观看,么么哒(づ ̄ 3 ̄)づ:

Photoshop制作可爱的表情包GIF动画教程 Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景

第1步

绘制图形

新建图层选择画板(ps cc 2015才有的功能),选这iPhone6的尺寸大小。

新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑,

透明图设置为5%。

选择形状图层,,Ctrl+J复制出同样的一个形状。

选择复制出来的图层,【Ctrl+T】将旋转的角度调整为45°。使用同样的方式Ctrl+J进行复制图层,

再Ctrl+T进行旋转,重复3次同样的操作后绘制以下的形状效果。

以上就是关于Photoshop制作可爱的表情包GIF动画教程 Photoshop制作UI界面中的抽象花朵背景的全部内容了,如果需要了解更多相关资讯敬请关注素材网。
与“Photoshop制作可爱的表情包GIF动画教程 Photoshop制作UI界面中的抽象花朵背景”相关推荐
Photoshop制作UI界面中的抽象花朵背景 Photoshop制作动态界面展示GIF动画效果
Photoshop制作UI界面中的抽象花朵背景 Photoshop制作动态界面展示GIF动画效果

Photoshop制作UI界面中的抽象花朵背景第1步绘制图形新建图层选择画板(pscc2015才有的功能),选这iPhone6的尺寸大小。新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑,透明图设置为5%。选择形状图层,,Ctrl+J复制出同样的一个形状。选择复制出来的图层,【Ctrl+T】将旋转的角度调整为45°。使用同样

2023-07-25 20:34:19
 Photoshop制作UI界面中的抽象花朵背景
Photoshop制作UI界面中的抽象花朵背景

photoshop制作雷朋风格酷炫海报宣传海报是平面设计的一种,一般用photoshop就能设计各种不同个性的海报,在国外有一种RAY-BAN酷炫海报很受大家的欢迎,看着色彩斑斓的海报,给你震撼的视觉冲击,下面是设计派小编分享,雷朋风格的海报设计步骤,强烈的色彩运用带来感官愉悦的享受,一起学着,尝试一下这种风格。现在我来讲讲我的做法吧!    &nb

2023-09-10 18:22:51
Photoshop制作简洁的网页加载GIF动画 Photoshop制作UI界面中的抽象花朵背景
Photoshop制作简洁的网页加载GIF动画 Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景第1步绘制图形新建图层选择画板(pscc2015才有的功能),选这iPhone6的尺寸大小。新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑,透明图设置为5%。选择形状图层,,Ctrl+J复制出同样的一个形状。选择复制出来的图层,【Ctrl+T】将旋转的角度调整为45°。使用同样

2023-09-09 19:11:42
Photoshop制作UI界面中的抽象花朵背景 Photoshop制作简易的烟花爆炸GIF动画效果
Photoshop制作UI界面中的抽象花朵背景 Photoshop制作简易的烟花爆炸GIF动画效果

Photoshop制作UI界面中的抽象花朵背景第1步绘制图形新建图层选择画板(pscc2015才有的功能),选这iPhone6的尺寸大小。新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑,透明图设置为5%。选择形状图层,,Ctrl+J复制出同样的一个形状。选择复制出来的图层,【Ctrl+T】将旋转的角度调整为45°。使用同样

2023-10-14 07:30:25
Photoshop制作萌萌可爱的小黄鸭棒棒糖 Photoshop制作UI界面中的抽象花朵背景
Photoshop制作萌萌可爱的小黄鸭棒棒糖 Photoshop制作UI界面中的抽象花朵背景

Photoshop制作萌萌可爱的小黄鸭棒棒糖1、我们先拉一个渐变的背景,如下图。2、新建一个淡黄色的圆形,作为帮帮糖的底层。3、然后用图层模式的内阴影做一个效果,参数如下。4、再复制一个蛋黄的圆形图层,做内发光效果,如下图。Photoshop制作UI界面中的抽象花朵背景第1步绘制图形新建图层选择画板(pscc2015才有的功能),选这iPhone6的尺寸大小。新建完

2023-07-29 05:32:16
Photoshop制作漂亮的相册翻动动画教程 Photoshop制作UI界面中的抽象花朵背景
Photoshop制作漂亮的相册翻动动画教程 Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景第1步绘制图形新建图层选择画板(pscc2015才有的功能),选这iPhone6的尺寸大小。新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑,透明图设置为5%。选择形状图层,,Ctrl+J复制出同样的一个形状。选择复制出来的图层,【Ctrl+T】将旋转的角度调整为45°。使用同样

2023-08-30 21:55:08
Photoshop制作UI界面中的抽象花朵背景 Photoshop制作时尚绚丽的条纹抽象背景
Photoshop制作UI界面中的抽象花朵背景 Photoshop制作时尚绚丽的条纹抽象背景

Photoshop制作UI界面中的抽象花朵背景第1步绘制图形新建图层选择画板(pscc2015才有的功能),选这iPhone6的尺寸大小。新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑,透明图设置为5%。选择形状图层,,Ctrl+J复制出同样的一个形状。选择复制出来的图层,【Ctrl+T】将旋转的角度调整为45°。使用同样

2023-08-10 07:51:37
Photoshop制作UI界面中的抽象花朵背景 Photoshop制作旋转的八卦图动画教程
Photoshop制作UI界面中的抽象花朵背景 Photoshop制作旋转的八卦图动画教程

Photoshop制作UI界面中的抽象花朵背景第1步绘制图形新建图层选择画板(pscc2015才有的功能),选这iPhone6的尺寸大小。新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑,透明图设置为5%。选择形状图层,,Ctrl+J复制出同样的一个形状。选择复制出来的图层,【Ctrl+T】将旋转的角度调整为45°。使用同样

2023-10-02 05:12:04