0177ce5cfbada7a801213ec205734d.jpg

动效练习-嗜睡小精灵

01074b5cfbada4a801205e4ba28595.jpg

Principle教程（四）：动效视图的运用（附源文件）

调整Artboard 2里命名为icon的图标组，调整为想要的最后样子。在Artboard 2里，首先选择icon组里的Layer 2,把透明度调整为0，然后选择Layer 1，把角度调整为45度，再选择Layer 3，角度调整为135度。最后调整下Layer 1和Layer 3的位置。

019fd7585fe4d2a8012060c888983d.png

站酷推荐设计师

（图24 给投影等图层增加动效细节「旋转-360度」 调整动画曲线与时长）

0146645db7cec8a801209e1f08df72.gif

Principle障眼法揭秘

激活动效视图。打开工具栏的Animate,下方出现动效视图窗口，此时的窗口是空的，这时点击两个画板上方的箭头图标，激活视图。

011708585fe4afa801219c772395aa.png

新版Sketch/Sketch Measure搭配最新Mojave系统有点帅

01bb8e5bd032ffa801213dea0a5ec9.png

013b0a5c486195a801203d22fce6f5.png

Touch bar 美化

制作Group组的下滑跳动效果。在动效视图里选择Group组，然后点击蓝色条内的Default，出现选项，选择Spring模式。这个时候大家可以通过预览窗口看看大致的效果。

01f53b585fe599a8012060c8513e86.png

在动效视图里调整icon组内元素的过渡时间曲线和曲线模式，让icon组的形状在两个画板之间过渡快一些。

01fc4c585fe56da801219c77533e29.gif

01d8265a155082a801205187fc1362.png

Driving recorders

（图29 添加自动跳转 -- 调整画板2内各素材角度 -- 调整动画曲线 时长）

01ab805db7d023a8012163ba2de456.gif

0153b5589ae502a801219c774940d7.png

太空飞船sketch插画

制作动画的转场效果。选择Artboard 1,点击事件触发器（闪电图标）选择Auto，拖到Artboard 2上。

0157d0585fe469a801219c77f15d89.png

制作文字的依次出现效果。依次选择和调整动效视图里的Text4、3、2、Text,把整个蓝色条拖动到上图中对应的时间点上。这个时候已经完成整个效果的制作，可以通过游览窗口查看整个动画。

010f41585fe5aea801219c77e6deb8.png

调整好“QuickTime影片”的参数和质量

016ba255dab9cd6ac7251df8521b5a.png

Motion graphic Dots

（图23 红色圆环为例 组件内部构造「具体可参考《Principle轻松玩转路径动画》」）

0192215db7ce90a801209e1fdca57c.gif

012a03554296950000019ae9cbd0b8.jpg

临摹icon

0184185cfbb6c0a801213ec2e40860.jpg

动效练习-可爱小猫咪

012f0757b3c7c80000018c1b193a6f.png

Sketch 汉化插件

667109578d79bzz69ig78b1.gif

Pontosense AgeTech Wise Technology (TVC)

017bbd5d42626ca8012187f41b2850.gif

花椒直播上半年图形创意合集

0161af569ba12332f87574bee8752c.png

My home page

011c215822970ca84a0d304f5e4b86.png

Principle练习

大厂设计师们都在使用的设计工具，早下班美美哒

Sketch<br>Sketch是一款UI设计软件，他的软件界面主打清爽大方简洁的风格，在国内拥有一定数量的粉丝，在国外更是拥有大量的粉丝，尤其是像FACEBOOK这样大型公司也深深信赖这Sketch。Sketch也提供实时协作功能，你可以随时随地和你的团队同事一起工作。他还支持700多种扩展插件，让你随心所欲定制你的工作流程，完成做动画交互效果。<br><br>

01fd4262218bdf11013e8cd0b170ea.jpg

做UI设计工作，除了好好学习并实践，这些软件也不能少

01eac76226c0b511013e8cd038d9ac.png

019fcc5e5c7137a80120a89560b35b.png

企业产品网站设计

01vcbkv9oxcux7lyaoaw6j3733.png

空洞骑士_ZBrush建模Keyshot渲染

（图36 给需添加拖动图层上层新建一个色块 -- 给色块增加拖拽属性）

01403a5db7d1c6a801209e1fad1a8f.gif

http://www.sketchs.cn/tutorials/detail/200.html英文我不感冒，可以供你们参考，fills这项是调节颜色，颜色有不透明度，图形也有透明度