动态箭头gif图标_设计妙招07 两种软件结合的Gif动画效果

743a050955a04d93178482c6dac8adf3.gif


导读

一名优秀的设计师在逐渐成长的过程中需要提升自我的赏析能力,以及自我审美,造型能力。还有不断强化上机操作以及自我修养,提高知识储备,增强文化素养,提升自我创作能力,并学以致用,养成良好的习惯方可能够成为一名优秀的设计师,短时间更新,让你学会许多别出一致的妙招,以下操作让你在几分钟的时间下完成一幅大作。


【版权声明】 作品是本人制作  如对创作方产生影响请后台私信 作品权归原作者所有 公众号不能留言

如何用AI和PS制作Gif旋转动画

大家好,圆儿少帮主今天更新的略晚一些,今天想给大家介绍的妙招是教大家做一个Gif动态图片,运用的软件是illustrator(AI)和Photoshop(PS),两款结合。这个东西呢也是运用于聊天发的表情包什么的很实用,然后下面就给大家开始今天的教程

fbe4436bd6ce56595f151dd062fd9d0b.gif

最终的效果呢就是这样的,一直在转,一直在转

e708ec28aea33ea74ff3caf7d05a4a1b.png

第一步先打开AI创建一个画布,没有硬性要求

f07e5a39ce2dbf37cb8aa000608b72a3.png

然后运用椭圆工具绘制一个椭圆,取消填充色,只留描边

c8ced26dd4c76a185162aaa8104100dd.png

然后找到效果菜单-扭曲和变换-变换,按着这个操作来

267b93ac8a177297d9590b8fb71d97a4.png

然后上面的参数按着这个调,调完以后单击确定就可以了

ab9f8cf02fc31ffca8f6354646e7a97c.png

调好之后可以适当调一调椭圆的大小来让这个画面更舒服

cb8d996cc178994ebbc28794e0715a7e.png

6489b77244f81f3b3d13dbdf82284856.png

接着我们可以扩展一下,然后复制旋转一个,旋转点要放到这个图形的灭点附近,选择旋转工具,按住Alt键单击左键可以更改,然后按Ctrl+D可以一个一个复制出来,效果如下

822ca188f98bafefd88f192b0b55a0fd.png

是这样的,可以适当的调调描边大小

3fa698b746a5391fafd19bf1d6a2e990.png

然后我们将这个源文件保存,格式就是AI格式,接着我们打开PS,导入这个AI文件

9de89add00959d1890fbac3dc7465e32.png

8e0a34ca517d591b468ab3c9453adaab.png

然后我们在PS当中找到窗口菜单找到时间轴面板

d6c5668550b8393ae9248803a3936212.png

d8d957ba24ccaa6481134eeba6d5a969.png

然后在底部出现一个时间轴,点击中间那个箭头选择创建帧动画。

ab191bc79a8d87cb2e32180d5da9d0d4.png

然后我们Ctrl+J复制一个图层,在自由变换Ctrl+T,将这个图形旋转36度,总共复制九个,加上最开始的图层总共10个图层。正好旋转一周是360度,在这里比较麻烦,需要逐层复制,一个一个调整,度数都是36度

68049380a1dcc5e23f2b0979338a13d0.png

然后我们看到时间轴的右上角有个按钮,点击选择从图层建立帧

257181a56661ad9ba4053bb176ed443d.png

得到这个效果,大家看,时间轴已经出现了很多,在这里大家看左下角将一次调整为永远,点击播放按钮试试

1453ae89bfe289a56caf1d3677e5e070.png

9102f4fd5e52e80f628878667b837c7e.png

最后一步呢就是保存了,这个保存和其他的保存不一样,点击文件菜单-导出,存储为Web所用格式,然后选择确定,大家可以看到,这个Gif,就完成了

fbe4436bd6ce56595f151dd062fd9d0b.gif


今天的教程到这里就结束了,PS其实是个很强大的软件,动画也可以做。

还有抠图等等.....

AI和PS相结合那就完美无瑕,相信大家也看到这样的效果了

今天圆儿少帮主就给大家介绍到这,我们明天见...


【版权声明】 作品是本人制作  如对创作方产生影响请后台私信 作品权归原作者所有 公众号不能留言
往期回顾 设计妙招06 - PS的5个实用技巧 设计妙招05 - 用PS制作波尔卡圆点效果海报 设计妙招04 - AI中的神奇效果 设计妙招03 - PS中你不知道的套索用法 设计妙招02 - 剪贴蒙版、下雨特效 设计妙招01 - 通道抠图 那些年自己的“画” 那些装饰招贴 球迷眼中的队徽 接触二次元绘画 二次元的参考 个人手绘

欢迎关注城南的墙,城南有你,风度翩翩,你若安好,便是晴天

bef9fec6880ffb2b78fa68273fcfae18.png

c7ffc20c8dd62f79a2e11f4f3ebbdecf.png

e75310527a1123b8cf2d41232076d8e7.png

ff846564425c73ec4af7453392d8f50b.png

2cac586516081734ec54a460051075eb.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以通过QGraphicsItemAnimation类来实现箭头指向动画效果。具体实现步骤如下: 1. 创建箭头图形项,并将其添加到场景中。 2. 创建QGraphicsItemAnimation对象,并将箭头图形项设置为其目标项。 3. 创建QPropertyAnimation对象,并将其设置为QGraphicsItemAnimation的动画属性。 4. 设置QPropertyAnimation对象的起始值和结束值,以实现箭头指向动画效果。 5. 将QPropertyAnimation对象添加到QGraphicsItemAnimation对象中。 6. 启动QGraphicsItemAnimation对象的动画。 以下是一个简单的示例代码,可以实现箭头指向动画效果: ```python from PyQt5.QtWidgets import * from PyQt5.QtCore import * from PyQt5.QtGui import * class ArrowItem(QGraphicsPathItem): def __init__(self, parent=None): super().__init__(parent) self.setFlag(QGraphicsItem.ItemIsMovable) path = QPainterPath() path.moveTo(0, 0) path.lineTo(30, 0) path.lineTo(25, -5) path.moveTo(30, 0) path.lineTo(25, 5) self.setPath(path) class ArrowAnimation(QGraphicsItemAnimation): def __init__(self, arrowItem, parent=None): super().__init__(parent) self.setItem(arrowItem) self.anim = QPropertyAnimation(self, b"rotation") self.anim.setEasingCurve(QEasingCurve.OutQuad) self.anim.setDuration(1000) def setStartAngle(self, angle): self.anim.setStartValue(angle) def setEndAngle(self, angle): self.anim.setEndValue(angle) def start(self): self.anim.start() if __name__ == "__main__": app = QApplication([]) view = QGraphicsView() scene = QGraphicsScene() arrow = ArrowItem() scene.addItem(arrow) arrowAnim = ArrowAnimation(arrow) arrowAnim.setStartAngle(0) arrowAnim.setEndAngle(90) arrowAnim.start() view.setScene(scene) view.show() app.exec_() ``` 在这个示例中,我们创建了一个ArrowItem类来表示箭头图形项,它继承自QGraphicsPathItem类。我们还创建了一个ArrowAnimation类来表示箭头指向动画效果,它继承自QGraphicsItemAnimation类。在ArrowAnimation类中,我们创建了一个QPropertyAnimation对象来控制箭头旋转角度的动画效果。我们还实现了setStartAngle()和setEndAngle()方法,用于设置动画的起始角度和结束角度。最后,我们在主函数中创建了箭头图形项和箭头指向动画对象,并添加到场景中。调用start()方法启动动画效果

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值