Principle入门分享

一、认识界面

整体看下Principle的界面,基本和sketch类似,快速浏览下每个功能的位置,在用的时候方便查找。

二、视频学习

在快速浏览了界面后,为了快速上手,我找到了官方的一个宣传视频,能通过视频快速了解Principle的使用方式。

视频地址:http://player.youku.com/embed/XMTMxMzU1NjUxMg== (视频时长:1分钟)

视频很短,但通过这个视频能了解该软件最核心的功能——交互动画是如何制作的。简单说是通过两个画板的跳转即可实现,第一个画板展示动画初始状态,第二个画板展示动画的结果状态,再创建一个跳转动作来达成完整的跳转效果;并可通过右侧的结果预览窗查看动画效果,方便快捷,操作简单易上手~

三、上手实操

1. 通过视频能看出Principle可直接导入现有的图片,此处我为体验功能,仅创建简单图形来做动画效果。打开后默认新建了画板,在画板上创建一个矩形,并把它调到中央:

2. 再新建一个画板,复制该矩形(或者直接复制已有画板),将矩形旋转45度:

3. 将第一个画板作为动画初始效果,第二个画板作为动画结尾效果;然后制作跳转动作:点击第一个画板的矩形,右侧会出现一个闪电状的图标,点击该图标会显示很多种不同的效果,选择第一个tap(点击)后会出现一条蓝色的线,别松开鼠标,将蓝色的线牵引到第二个矩形处:

4. 点击第二个矩形,做和3同样的操作(为了使动画效果闭环,能实现点击1到2,到2后也能再通过点击的动作回到1)

5. 点击右侧效果展现面板右上方的录制icon,选择一种鼠标展示方式,点击矩形,此时发现矩形旋转了45°,变成了画板二的样式;再点击该矩形,它又变成了画板一的样式;点击录制icon完成录制,即可导出gif动图,一个简单的动画效果就完成啦~

6. 通过这个例子基本了解了简单的动画制作过程,那其他的跳转效果会如何呢?视频里的元素逐个出现是如何实现的呢?让我们在之后的文章里继续体验~

推荐阅读:

Principle英文教程:http://principleformac.com/tutorial.html

Principle中文教程:http://principlecn.com/(含实例讲解,加载快,推荐)

Principle官网:http://principleformac.com/

推荐阅读更多精彩内容

  • 和优秀的人在一起真的很重要,跟什么样的人就成为什么样的人! 普通人的圈子,谈论的是闲事,赚的是工资...
    青岛少君阅读 64评论 0 1
  • 8月31日20时左右,陕西榆林一家医院的住院部5楼,一名待产孕妇因疼痛难忍,提出想要剖腹产,被家属拒绝之后选择轻生...
    莎小陌阅读 94评论 4 2
  • 相遇: 遇见狗狗小麦,是在幼儿园大门口。我在大门口值班巡视,一只狗,通体麦子黄,在门口溜达,我吆喝着赶它走,怕它伤...
    小草生月love素素阅读 126评论 0 0