Giter Site home page Giter Site logo

attackflash's Introduction

attackflash

记录学习flash

最近在看adobe flash professional CC经典教程这本书。

这本书每一章节有一个练习,我会把每个项目导出gif图放在这里,做个记录用。

第一章

熟悉flash基本概念,如舞台、时间轴、帧以及关键帧等。根据这些基本的概念,就可以上手做一个flash,如下图所示(有点粗糙):

flash导出GIF

第二章

学习flash中的一些基本的工具的使用,利用这些工具,可以绘制一些简单的图形:

练习图片

第三章

第三张主要是学习元件的概念。

元件(symbol)可以用于特效、动效或交互性可重用的资源。有三种:图形、按钮和影片剪辑。可以把元件视作原始的摄影底片,而把“舞台”上的实例视作底片的相片,只需利用一张底片,即可创建多种相片。

练习图片

第四章

第四章主要学习了使用flash来制作补间动画效果。

可以利用补间动画来改变元素的位置、缩放比例、旋转、透明度、亮度、色调、滤镜值以及3D旋转或者平移不同关键帧之间创建动画效果。

第五章

第五章学习补间动画以及形状补间,还学了遮罩动画的制作。

补间形状早包含不同形状的关键帧之间创建平滑的变形。

遮罩是选择性的显示或不显示图层内容的一种方法。

随手练习

今天根据一个视频教程,学习了flash中画笔的使用,加强了关键帧的练习。

刚好是女生节,制作了一个萌萌的跳舞小人,女生节快乐。

练习图片

随手练习2

今天使用flash中的tween动画和图层中导向图层属性,制作了一个轨迹运动。

随手练习3

继续练习,使用flash的tween动画做了个视差位移的动画效果,在一般的动效中这应该是一个必备的,场景转换就靠它了。

flash越学越有意思了,作为一个内容创作工具,江还是老的辣。

特别是在现今移动互联网时代,各种创意H5营销层出不穷,频频刷爆朋友圈。flash也与时俱进升级了flash功能,可以直接导出H5文件。

flash这个老牌的内容创作工具也迸发出了新的生命力。重新找到了第二春!

随手练习4

利用TWEEN动画以及元素尺寸的属性配合,可以制作视角由远及近的动画效果。

随手练习5

继续练习flash中帧动画的制作。

随手练习6

继续练习flash中帧动画的制作。

随手练习7

继续练习flash中动画的制作。 今天学习了在flash中插入音频,在flash中可以根据动画场景来调整音频的播放,非常方便。

具体结合音效的效果可以去这里看下视频。

这里推荐一个音频下载网站freesound,非常不错都是免费下载的。

随手练习8

继续学习元件的使用方法,制作视差动画。

随手练习9

练习遮罩蒙版的使用方法,可以很轻松的制作像下面这样的探照灯的效果。

随手练习10

随手练习文字效果。

随手练习11

随手练习文字效果。

随手练习12

今天使用蒙版和画笔工具制作了一个树的生长动画效果,在flash中制作这样的动画非常容易,想想如果要是使用代码来实现这样的效果,可要花费蛮多工夫的,使用flash几分钟就搞定。

随手练习13

继续练习flash中蒙版动画制作,这回制作的是一个画线的小动画。其实延展开来,可以做很多有趣的动画,比如毛笔写字或者是画人像等等。越来越有趣了!!!

随手练习14

依然是绘制动画,这次在动画中加入了tween动画的曲线来控制动画的速度,还在摸索中。

随手练习15

利用帧动画,绘制一个小人行走的动画...没手的!!!细心加耐心...

随手练习16

利用帧动画,绘制一个火焰的动画......做动画还是要对日常生活有更细的观察,比如上面行走的动画等等。 在做人行走的时候,刚开始我实际走来一段路,来感受在真实的生活中,行走这一动作实际发生的一些过程。

随手练习17

这段时间,在学习flash的过程中,顺带也学习了一些AI上面的使用技巧,比如像这次的练习动画中的图形就是用AI来制作的。在以前看到这样的稍微有一点复杂的图形(当然是以我的水平来说的),以为是用钢笔工具一笔一笔画出来的,这次学了之后,原来是如此的简单。使用形状工具和路径工具轻松轻松就可以画出这样的图形来。

在做一件的事情过程中不断的给我带来惊喜,越来越有意思啦!

随手练习18

这段时间animate cc更新蛮频繁的,对移动端以及动画的制作越来越强大。比如,在animate cc中可以直接引入第三方的js库来编写动画效果,如tweenmax等。

使用第三方的库加上在animate cc中可视化操作canvas元素,编写canvas动画从未如此简单。

下面这个简单的例子,就是使用animate与tweenmax这个动画库配合完成的

attackflash's People

Contributors

janily avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.