请选择 进入手机版 | 继续访问电脑版

行思论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 510|回复: 13

水个技术贴……难得的技术贴……flash的一些基础吧?

[复制链接]
回帖奖励 6 金钱 回复本帖可获得 2 金钱奖励! 每人限 1 次(中奖概率 30%)
  • TA的每日心情
    慵懒
    昨天 11:52
  • 签到天数: 117 天

    连续签到: 1 天

    [LV.6]常住居民II

    90

    主题

    143

    帖子

    4487

    积分

    Windows10

    Rank: 8Rank: 8

    积分
    4487
    发表于 2016-10-27 16:40:38 | 显示全部楼层 |阅读模式
    本帖最后由 秦尧溪 于 2018-4-23 09:28 编辑
    flash的一些基础吧?


    你们想知道什么在下面留个言哦
    论坛我不是很会用!
    顺便一提,我只能凭我的理解扯扯淡……哪里不对帮我补充一下!

    二楼开始正事!

    初步计划:
    1、工具,时间轴,图层,库……一些基础的介绍
    2、简单的补间动画
    3、引导层动画
    4、遮罩动画……你们所谓的卷轴
    5、我不知道我能不能扯AS3.0


    ps:需要flash8的么?我现在用的是cs6……但8也是可以的



    重要一点!
    学会用百度!!!
    学会用百度!!!
    学会用百度!!!

    重要的事情说三遍^_^
    好多特效不会做的,都可以用百度去查
    比如我做星星雨时,都是去百度查的AS3.0代码^_^

    ps:贴子内可能会需要使用ctrl+F进行查找部分词汇,目测每层楼会写很长


    2016-10-31 最近有点忙,先拖更啦

    2016-11-10 突然想起来还有这个帖子……

    2016-11-12 意识到一点,右键菜单我都没有提过,包括顶端的菜单栏……或许那些被我当成了理应会的东西,那就习惯性点点右键吧

    2016-12-19 过来写两句,然而我忘了该扯什么了

    2016-12-25 今天圣诞节,组内的flash培训已经结束,开始了pr的培训,然而这个坑我还是要填的,不会弃掉的
    2017-10-10 突然来看了一眼,想了想,还是AE好用,flash真的想弃坑了,这个帖子反正应该是断更了,AE有没有技术贴…看情况吧,反正很难更新完…毕竟没有催更
    2018-04-23 又看了一眼,决定弃坑了,还是AE好用,走上了AE+C4D+Houdini的不归路……
    该会员没有填写今日想说内容.
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 11:52
  • 签到天数: 117 天

    连续签到: 1 天

    [LV.6]常住居民II

    90

    主题

    143

    帖子

    4487

    积分

    Windows10

    Rank: 8Rank: 8

    积分
    4487
     楼主| 发表于 2016-10-27 16:40:58 | 显示全部楼层
    本帖最后由 秦尧溪 于 2016-12-19 13:33 编辑
    第一次写技术贴……不知道从哪开始写起,那就简单点,想到什么写什么
    图片什么的……我不会搞……所以应该不会多

    工具的话,最基础的最常用的还是黑色的指针
    黑色的指针挺好用的,用处也很多
    选中,拖动,这些都不用说
    想说的是,它可以让直线变曲,调整夹角
    方法很简单,移到直线旁边,你将会看到指针下面多出个弧线,或者直角,此时你便可以用来调整
    ps:这个可以辅助铅笔工具画出来的线条,用来进行鼠绘,反正我是没那鼠绘的能力

    值得一提的是:
    当你选中指针工具时,工具栏底部会出现三个图标
    这些图标往往会被忽略,但其实很有用
    比如说,磁铁的图标,当你做引导层动画时,它的作用就能显现出来了。不如我们留到引导层动画再说!
    相对而言,这三个功能,我觉得也就磁铁有点用,其他的不是很懂
    当然这些功能不仅仅只有指针才有,比如直线工具也是有磁铁的那个吸附功能的

    补充个指针的技巧
    先说一点,flash中,你会发现工具栏里会用笔触颜色和填充颜色之分所以,比如当你用矩形工具拉出来个矩形时
    你会发现矩形不止是内部有颜色的,而且还有一圈描边,那就是笔触颜色
    当然你可以用指针工具像是在桌面选取东西时,拉个框选择全部内容
    也可以,双击矩形的内部,这样会自动选择描边的
    甚至还可以发现,当你单独选择矩形的一个边时,去双击那一条边,flash会自动帮你选中矩形的四条边
    指针的选取,和选文件有点像,但也有区别,当你按住shift时,你可以逐个点击你要选取的东西,然后它们就会全部选中,这很像在桌面按ctrl选取文件,然而flash中按ctrl选毫无卵用……
    ps:{预留:快速“反选”玩法}

    说完指针,就说说另一个常用的工具——任意变形
    快捷键是Q,快捷键记住其实很方便的
    任意变形就是,改变元件或者是打散的图形(可能其他像文字什么的也都支持用)的形状,大小任意变形就相当于升级版的指针,既有选择功能,又有变形功能
    比较直观的变化是,当你用这个工具时
    你选取的东西上面会多出来一个方形的框框
    任意变形工具也是个神奇的工具当你把鼠标放在外面的框框上,比如黑点附近,黑线附近,你会看到鼠标指针会呈现不同的样子,建议自己摸索,我不多说
    说点可能会忽略的,那就是shift、ctrl、alt三个功能键在任意变形工具中的作用
    shift可以让变形按照……呃……这样说吧,比较固定的方向变形……像是选择可以之旋转45°什么的,按比例 缩放……自己摸索!不去尝试只看贴有什么用!
    ctrl可以把鼠标指针变成一个白色小三角……效果自己试,我这里提到就行。
    alt可以让被选中的图形以注册点为中心变形,或者以相对的那个黑点为圆心旋转……注册点是什么?是那个用变形工具你能看见的那个可能会在中心的白色圆圈。ps:使用任意变形工具时,别忘了看工具栏下部新出现的几个小图标,其中的功能,我用的不多,你们可以试试!就让你们试!我就不说!


    对任意变形来个补充
    当你选中任意变形工具时
    注意观察下工具栏的最低端
    会有一些方便使用的工具
    其中有个“封套”是很有意思的
    选中后,之前的方形框框上会多出几个黑色实心小圆点,这个就和钢笔工具的锚点十分相似
    拖动试试,一看便知

    工具栏的第一部分,还有个常用的应该是套索工具,然而我不怎么用,不是很懂它……就留给懂的人去补充吧!
    ~~~~~工具栏的第一部分结束~~~~~~~~
    其实我想画分割线的……并不会……


    我现在会了^_^




    该工具栏的第二部分了,然而我觉得工具栏就够我扯一层了!
    把第二部分和第三部分放一起吧,我觉得都是画图用得到的,主要还是用来绘制的工具

    先说钢笔{图片预留}
    这个很厉害,虽然不是很懂原理,但它给我的感觉是,仅仅用两条直线就能控制一段曲线说到钢笔,应该介绍几个概念
    锚点{图片预留}
    这个对于钢笔来说很重要,钢笔就是通过锚点确定图形的,然而我并不是很清楚什么是锚点顺便一提,钢笔总是和白指针配合用的
    flash中,钢笔添加锚点是连续的,而且自带…延长?应该可以叫延长,就是从屏幕上最后一个你画的点会和你鼠标指针连成一条线,应该是为了方便下一个点的位置确定
    锚点用实心黑圆点和空心白方点区分,实心黑方点代表你选中的方点
    方点与方点之间的线条是最后画出来的线条
    总觉得在瞎扯……
    至于怎么控制方点之间的线条,就得靠方点连着的圆点,当你选中方点时,它上面连着的圆点才会出现
    圆点与方点之间的连线是直线,而方点与方点之间的曲线会贴近于这条直线
    而每个方点对应两个黑点,这你就得看其中哪个黑点是和你需要调整的曲线是相关的
    对了,当你用钢笔的时候,你会发现,你的方点可能会没有圆点,那是因为flash认为那是一条直线,而不是曲线
    该如何把直线变曲线呢
    首先,你可以在绘制时,拖动鼠标,这时便会让方点携带两个圆点,而且两个圆点和方点三点共线…
    这样做好的一点是,下一条直接就会是曲线,而且和上一条能平滑连接
    但不好的一点是,如果你接下来一段需要条直线,那么就会很尴尬……所以我的个人习惯也是,如果不是需要的话,先画直线后调曲线
    还有一点,因为是由两根直线控制的曲线,每段曲线只会有两种大致形状——s型,u型
    相对应的直线方向为,s型是两个方向大致相反的直线,u型是两个方向大致相同的直线{图片预留}
    钢笔说这么多其实也就够了
    接下来就是钢笔工具与shift&ctrl&alt的配合
    shift在flash中,也就至能让钢笔按照特殊角度去绘制直线,或者让控制曲线的直线段按特殊角度生成,所以用处感觉不是很大
    ctrl在flash中,就只能给你所绘制的线进行自由变换
    alt在flash中还是很有用的,按住时钢笔工具就会成转换点工具,转换点可以把方形的锚点转换成带圆点的方形锚点


    其实不知道钢笔的用法该如何描述
    我也只会些基础的
    比如用两个锚点确定曲线……
    然而大神们好像都是通过好多个锚点,确定我用两个锚点确定的曲线……

    自己去试试用吧
    熟能生巧是真的
    顺便一提,钢笔工具绘制出来的称作贝塞尔曲线
    可以查下百度嘛……
    http://bezier.method.ac/一个贝塞尔曲线的练习
    贴个网址,可以感受下








    这层要写的东西感觉好多


    直线、铅笔和刷子,这都是很通俗易懂的工具,就不多说了
    主要想提下矩形工具
    CS6下出现了基本矩形基本椭圆工具旧版本好像并没有的样子,但不是CS6的新增功能
    像元件那样封装起来的对象
    也不支持任意变形的部分功能
    而且还不能直接编辑
    当然可以ctrl+b打散
    然后就能变成普通的图形


    再说说常用的文字工具文字工具直接打出来的文字是有点类似基本矩形的
    也是个对象,不过是个对象套对象
    所以打散的时候要两次打散




    占楼待编辑




















    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 11:52
  • 签到天数: 117 天

    连续签到: 1 天

    [LV.6]常住居民II

    90

    主题

    143

    帖子

    4487

    积分

    Windows10

    Rank: 8Rank: 8

    积分
    4487
     楼主| 发表于 2016-10-27 16:41:07 | 显示全部楼层
    本帖最后由 秦尧溪 于 2016-11-17 17:20 编辑
    这层楼被我省了出来
    留着备用





    占楼待编辑





    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 11:52
  • 签到天数: 117 天

    连续签到: 1 天

    [LV.6]常住居民II

    90

    主题

    143

    帖子

    4487

    积分

    Windows10

    Rank: 8Rank: 8

    积分
    4487
     楼主| 发表于 2016-10-27 16:41:16 | 显示全部楼层
    本帖最后由 秦尧溪 于 2016-12-19 13:43 编辑
    这层扯时间轴吧
    时间轴也是很重要的,毕竟是做动画的,怎能没有时间轴


    时间轴面板上有:图层、帧等等一些小图标

    我们从图层扯起图层区域是长这样的

    图层的用处就是把场景里的元件分层
    分层的好处在于互不干扰
    比如背景的一张图片,如果在整个影片中,不需要发生变化,或者它发生的变化与其他元件无关,那么我们就可以把它放在一个图层里
    这样在对其他图层做动画时,就不会影响到背景了

    补充一点
    图层后面的三个小图标也是很有用的
    分别是控制图层可见性,锁定,是否只显示边框的


    而且分层也有助于排序
    因为图层是一个压在一个上面的,比如背景层上面需要放其他的元件,那么我们就可以把背景层排在最底下,这样其他元件都会在背景层之上

    说到排序,时间轴上图层排序很简单

    直接拖动就好,只需要注意下,黑线的位置和前端圆点的位置就行
    尤其是在给运动引导层和遮罩层排序的时候,尤其要注意图层的名称缩进

    让我们来看看图层区域下面的几个小按钮


    第一个是新建图层,之后是新建图层文件夹,然后是删除选中图层
    一看就都懂的
    至于图层文件夹,我想说一下
    一个很常用的作用就是图层分类
    说到图层分类,就一定要留意
    好的分类&命名,可以让你修改图层很容易
    甚至可以很装B
    所以我要强调下分类&命名
    命名最好能浅显易懂
    几个词语概括下图层上的内容
    例如:背景、background、bg……
    都可以用来命名一个用来做背景的图层
    当然用英语显得高大上^_^
    分类&命名很重要
    分类&命名很重要

    分类&命名很重要
    不要像我,或者学长学姐一样
    全弄成图层1、图层2……
    这样别人是很难看懂你在干嘛的
    我现在已经在注意分类&命名了


    ps:分类&命名可不仅仅是flash要注意的,所有的都要注意!!!






    来一道华丽的分割线


    时间轴面板怎能仅仅只有图层呢?
    时间和轴都去哪里了?



    来看看时间轴的主要部分
    图层如果说是用来排序的,那么这部分就是用来在一定程度上控制动画的
    因为动画不仅仅是由时间轴控制,时间轴主要还是用来排序,具体的效果可以通过其他的,如属性面板、动作面板实现


    时间轴上面的那条带数字的,就相当于时间,只不过换成了用帧来表示
    中间的好多条条紫色的,灰色的,白色的,灰白相间的,甚至还有绿色和蓝色的,那是帧,我称之为帧面板
    最底下的一条,不用说就是一些功能键了

    我很少用这些,但可能因为做的动画不需要用
    前面5个不用多说,一看便懂,看不懂就把指针放上去悬停一会儿就有文字提示
    一般来说用回车键就能控制播放,也就没必要用那几个用来控制播放的功能键

    先说我会用到的,就是帧位置,帧速率,播放时间这三个数据
    帧位置可以告诉你这是第几帧,适合强迫症使用
    因为有些动画需要算时间的
    例如,一小段平均分成几部分的时候,你就该算每部分的帧数了
    帧速率影响播放时间
    帧速率对每个文件(或者是场景,没有测试不太确定)而言是固定的
    而播放时间是通过帧数和帧速率算出来的
    所以只能通过改帧数和帧速率去更改播放时间
    cs6版本下默认的好像是24fps
    flash8的时候默认记得是12fps
    直接就让时间错开一倍
    帧速率一般用这两个值就好了
    没必要用其他值……
    反正fps是可以改的,甚至还可以用AS直接改

    然后是帧

    不是说时间轴上有好多不同颜色的帧么
    颜色是为了分类


    灰色的是有内容的普通帧
    带黑点的是关键帧
    白色的是没有内容的空白帧
    带空心圆的是空白关键帧

    紫色的是传统补间(元件)
    绿色的是形状补间(打散的图形)
    蓝色的是动画补间(元件)

















    占楼待编辑





    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 11:52
  • 签到天数: 117 天

    连续签到: 1 天

    [LV.6]常住居民II

    90

    主题

    143

    帖子

    4487

    积分

    Windows10

    Rank: 8Rank: 8

    积分
    4487
     楼主| 发表于 2016-10-27 16:41:28 | 显示全部楼层
    占楼待编辑
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 11:52
  • 签到天数: 117 天

    连续签到: 1 天

    [LV.6]常住居民II

    90

    主题

    143

    帖子

    4487

    积分

    Windows10

    Rank: 8Rank: 8

    积分
    4487
     楼主| 发表于 2016-10-27 16:41:48 | 显示全部楼层
    本帖最后由 秦尧溪 于 2016-12-25 22:42 编辑

    占5层应该就够了吧?不知道能写多少……

    我先扯个简单实用的指令
    stop();
    字面意思不用我解释吧?
    我都能看懂的英文!你们还敢说不懂!
    这指令就是用来停止播放影片的……就这点作用。
    一般来说不想让影片无限循环播放,就在最后一帧上加上这个动作。

    再说个重要的习惯

    因为AS3.0时,动作代码都只能写在帧上
    所以尤其建议在时间轴上新建一个图层,单独用来写动作代码
    而且在同一帧上的代码不要分散到不同图层
    写代码一定要加注释!


    AS3.0这边没想好怎么写
    flash中……怎么说呢?
    我不知道怎么去写这个
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2018-5-2 11:18
  • 签到天数: 134 天

    连续签到: 1 天

    [LV.7]常住居民III

    54

    主题

    181

    帖子

    130000万

    积分

    管理员

    超级管理员

    Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88Rank: 88

    积分
    1300005069

    最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

    发表于 2016-10-27 17:48:00 | 显示全部楼层
    我来了
    剩下的日子不多了
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2016-11-2 12:28
  • 签到天数: 4 天

    连续签到: 1 天

    [LV.2]偶尔看看I

    4

    主题

    15

    帖子

    90

    积分

    WindowsVista

    Rank: 2

    积分
    90
    发表于 2016-10-27 21:11:22 来自手机 | 显示全部楼层
    顶顶顶 ,学弟有梦想
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2016-11-4 20:31
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]偶尔看看I

    0

    主题

    8

    帖子

    82

    积分

    WindowsVista

    Rank: 2

    积分
    82
    发表于 2016-10-27 21:34:34 | 显示全部楼层
    关于鼠绘,钢笔是非常重要的,许多时候都需要绘制光滑曲线,这个时候就需要钢笔的,钢笔画出来都是路径,需要在ps选择路径栏,点鼠标右键,描绘路径,描绘路径是根据画笔的属性进行描绘,对画笔的大小,粗细,特效进行不同的选择,通常会有许多出乎意料的美妙创意,在绘制人体或3d立体表面是,选择模拟压力通常会有更好的效果。(因此想要做出好的PS图,钢笔是必不可少的)(补充一下钢笔工具)
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 11:52
  • 签到天数: 117 天

    连续签到: 1 天

    [LV.6]常住居民II

    90

    主题

    143

    帖子

    4487

    积分

    Windows10

    Rank: 8Rank: 8

    积分
    4487
     楼主| 发表于 2016-10-27 21:35:59 | 显示全部楼层
    周乐涛 发表于 2016-10-27 21:34
    关于鼠绘,钢笔是非常重要的,许多时候都需要绘制光滑曲线,这个时候就需要钢笔的,钢笔画出来都是路径,需 ...

    会有钢笔这神奇的工具的
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    微信扫一扫

    QQ|Archiver|手机版|小黑屋|行思论坛 ( 豫ICP备15029708号-1

    GMT+8, 2018-5-23 15:10 , Processed in 0.212641 second(s), 33 queries .

    Powered by Discuz! X3.2 Licensed

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表