美文网首页
priciple交互动效练习

priciple交互动效练习

作者: 釉莜柚 | 来源:发表于2018-11-06 23:53 被阅读0次

今日练习:
做一个左右晃动的地球,外圈上下晃动,外圈上部的小圆黑白交替,代表白天黑夜交替
1、找一张地球图
2、用rechangle画方形,调整redius值90度,方形就变成了圆形
3、将图片1图层拖动到第2步圆形层一起,图片图层即放在里圆形图层里,勾选touchable和clip sublayers,即给地图图片加了一个圆形的遮罩(蒙版)
4、第2步的方法画圆,fill的颜色透明度为0,设置描边颜色stroke和描边宽度。外圆上左右添加底色即文字
5、外圈顶部画两个小圆,一个黑色,一个白底黑色描边,白底描边的圆作为黑色圆形的遮罩,状态1,黑色圆不在视线内。状态2,黑色2全部展示。
6、外圈圆及文字、黑白小圆建立组。状态1,改组旋转角度angle 5度,状态2的角度 angle -5度,黑色圆及其遮罩的状态见第5条。
7、状态1在遮罩内地图页左移一定距离,状态2地图页在遮罩内右移一定距离
8、画板1选择动作Auto链到画板2,画板2选择动作Auto链到画板1
9、动画完成

相关文章

  • priciple交互动效练习

    今日练习:做一个左右晃动的地球,外圈上下晃动,外圈上部的小圆黑白交替,代表白天黑夜交替1、找一张地球图2、用rec...

  • priciple

    priciple非常高效、敏捷,是sketch的最佳搭档; 非常轻量,上手简单,交互友好,可视化操作,轻松输出高质...

  • 手机动效设计分析

    使用动效的目的: 常见的交互动效: 交互动效设计基本原则 创新交互动效设计 优秀手机动效应用 我们的产品可以借鉴地...

  • #交互动效#

    使用PPT做动效 1.牢记设计目标 不为动效而动效,思考需求和场景,确定目标; 2.快速展示呈现 只为快速准确地表...

  • 动效练习1——图标出现

    交互动效是交互输出一个很直观的产物,生动形象,比起文字交互说明更能表达想法。 练习用ae制作简单的动效,多练多练。

  • 交互动效的设计与落地(上)

    什么是交互动效? 交互动效是指展现界面间的转换或界面内元素变化的交互反馈,分为动:动作,即用户操作;效:效果,即界...

  • 乂学智适应教育——人机对战

    以下是部分交互动效演示

  • 交互微动效设计小结

    本文微交互动效设计描绘的方向属于功能性动效,适用于UI界面的交互动效设计。具有清晰的逻辑目的,着重帮助用户理解和有...

  • 交互动效- day①

    在分析一个动效时,我会以这样的思路来思考:动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的...

  • 交互动效- day②

    还是按照“动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到...

网友评论

      本文标题:priciple交互动效练习

      本文链接:https://www.haomeiwen.com/subject/gqyezftx.html