推荐阅读
Photoshop设计大气的2014艺术字教程
最终效果1、新建一个1024 * 900像素的文件，选择渐变工具，颜色设置为红色至暗红色如图1，然后由中间向边角拉出图2所示的径向渐变。2、打开文字素材(先保存下图所示的素材，然后用PS打开)，直接可以拖进来，为了便于观察，可以先把文字添加白色。3、把文字图层复制一层，用套索把2014选取出来，按Delete删除，如下图。
详解Web图像的常见应用策略与技巧
本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。特点：应用简单，上手容易，性能表现良好难点：lazyload实现根据不同设备，不同分辨率，不同像素比使用的响应式图像，常用的有两种场景：1.1 固定尺寸图像基于设备像素比选择，很多网站logo就是固定宽度图像的一个例子，不管viewport的宽度如何，始终保持相同的宽度。在dom里图像与在css里的图像写法如下面的例子<img srcset="test.jpg 1.5x, test2.jpg 2x" src="test.jpg" 768.jpg 768w, 1200.jpg 1200w, 1920.jpg 1920w" sizes=" (max-width: 360px) 100vw, (max-width: 768px) 90vw, (max-width: 1980px) 80vw, 768px" src="360.jpg" src="http://www.missyuan.net/uploads/allimg/170502/1409454491-0.png" "393""293" />在iphone4（320）下，图像宽度和我们设置的100vw一致，但是为什么浏览器选择了768的图像而没有选择360的?因为4的dpr是2呀^_^，浏览器很智能的选择了质量最合适的768.再看一下6p（414），很听话的按照我们的设置，显示了90vw。因为他的dpr更高，浏览器聪明的选择了1200质量的图像。这里我们可以欺骗一下浏览器：
最新发布
Flash表单制作实例集锦(三)
第3节 搜寻关键字所有 热点网络 热点下载 热点网络学院 版权所有= （本例源文件点击这里下载） 此表单是一个关键字搜索器,使用者输入关键字然后按下查找按钮，马上就可以从上方的待查文本中找出所符合的关键字的数量，并显示在查找结果框里,表单界面如图3.1所示:图3.1 表单界面 例如在左边的关键字文本框中输入要查找的关键字"the",则在右边的查找结果文本框中会显示文本中次关键字数目,如图3.2所示;图3.2 查找结果 1.启动Flash,新建一个影片,设置影片舞台大小为500px*300px(单位为象素),影片背景色为浅绿色,颜色代码为#CCCCFF. 2.首先制作表单中的查找按钮,新建一个按钮元件,命名为search,进入按钮的编辑区后,使用矩形工具绘制一个圆角矩形,然后在上面输入文本:查找,同时设置好按钮的填充色和轮廓颜色,如图3.3所示;图3.3 制作查找按钮 3.回到主场景中,使用文本工具依次在舞台上如图3.4所示绘制三个输入文本框:图3.4 绘制3个输入文本框 4. 在属性面板中设置上面的文本框变量为text,用来输入待查文本,左下方的文本变量为keyword,用来输入要查找的关键字,右下方的文本变量为result,用来显示查找结果,最后给文本框添加上提示信息,再将查找按钮放置到舞台的合适位置,如图3.5所示;图3.5 添加提示信息和按钮 5.在主场景中新增一个图层,命名为Action,给第1帧添加Action:stop();,给第2帧添加如下Action;total = 0;n = length(text);m = length(keyword);while (Number(n)>0 and Number(m)>0) {search = substring(text, n, m);if (search eq keyword) {total = Number(total)+1;}n = n-1;}if (Number(total)>0) {result = "找到" add total add "个关键字";} else {result = "抱歉，找不到任何关键字r";}所有 热点网络 热点下载 热点网络学院 版权所有= 此场景始终停留在第1个帧，并不会播放第2个帧，第2个影帧中的Actions由按钮来调用（用Call语句）。变量n是实体名为"text"的Text Field的字符数，变量m是实体名为"keyword"的Text Field的字符数，若两者都大于0，则执行Loop 语句。Loop语句的Actions表示为：从实体名称为"text "的大Text Field的最后一个字符开始取出m个字符来和keyword比较，若相同就将计数值"total"累加1。直到实体名称为"text"的Text Field的第1个字符才跳出Loop。最后判断计数值"total"的大小，如果变量"total"大于0，则在变量名为"result"的Text Field中显示"找到'total'个关键字"，否则显示"抱歉，找不到任何关键字"最后给查找按钮添加如下Action:on (press) {call("2");} //按下按钮后会调用第2个帧的Actions来执行
Flash表单制作实例集锦(六)
第6节 Email表单 （本例源文件请点击这里下载） 本实例制作一个简单的Email电子邮件表单,用户只需要添好相应的邮件信息,就可以自动调出系统默认的邮件收发程序,邮件收发程序中邮件的相关信息会自动根据表单中的内容被添好,表单的界面如图6.1所示;图6.1 Email表单主界面 1.首先启动Flash,新建一个影片,设置影片舞台大小为400px*300px(单位为象素),设置影片背景色为灰色,颜色代码为. 2.将主场景中的默认图层更名为Form,使用文本工具分别在舞台的垂直方向上绘制3个文本框,全部设置为输入文本框,最上面的文本框用来输入邮件的主题,所以在属性面板中设置其文本变量名为subject,具体设置如图6.2所示;图6.2 设置主题文本框 中间的文本框用来输入邮件的问候语,所以在属性面板中设置其文本变量名为greeting,具体设置如图6.3所示:图6.3 设置问候语文本框 最下面的文本框就是邮件的正文了,在属性面板中设置其文本变量名为body,具体设置如图6.4所示;图6.4 设置正文文本框3.将3 个文本框设置好后,当前舞台如图6.5所示;图6.5 在舞台中设置3个文本框 4.接下来还需要给表单添加标题,给文本框添加文字性的说明,具体设置如图6.6所示:图6.6 给表单添加提示信息 5.整个表单中最关键的部分就是发送按钮了,邮件的所有内容添好后,只有通过这个按钮才能将邮件发送出去.所以这里新建一个按钮元件,绘制一个简单的矩形按钮,然后将其拖到舞台的右下方,如图6.7所示;图6.7 添加发送邮件按钮 6.在图层Form的上面新建一个图层Variables,在其第1帧中添加如下Action;stop();name = "Flashage";email = "sjerry@163.net";mailto = "mailto:" add name add "<" add email add ">";最后给发送按钮添加如下Action;on (press, keyPress "") {getURL(mailto add "?subject=" add subject add "&body=" add greeting add newline add body);}
用Flash MX打造个性化相册
“读万卷书，行万里路”，剑锋喜爱游山玩水，每到一处必留影纪念，时间一长还真积累了不少照片。前不久心血来潮，决定请出大名鼎鼎的Flash MX合成这些照片，做一个声色俱全的MTV式的相册，以待古稀之年好好回味…… 素材的整理与导入所有 热点网络 热点下载 热点网络学院 版权所有= 1、 相册的制作自然少不了照片，照片的获取有多种途径，例如使用扫描仪扫描已拍好的照片，或者直接通过数码相机导入电脑。 2、 为了让相册声色俱全还需要使用音乐，我使用了华仔的《真我的风采》，建议不管用哪个音乐最好都转换成MP3格式，这样可以有效的减轻相册的“体重”。最后要将图片声音取好合适的文件名保存到某个文件夹中备用。 3、 启动Flash MX，新建一个名为“相册”的文件；按Ctrl+J设定场景为Width:480、Height:640；按Ctrl+R打开Import对话框，然后进入素材存放目录，将所有的素材全部拖拉选中再单击打开，此时所有的图像将会重叠在编辑区，按Ctrl+A全部选中后删除，此时图像文件只是被从编辑区删掉，并没有从Flash中删除，而是存放在了Library（库）中，按Ctrl+L打开Library，可以看到所有的声音以及图像文件。 友情提示：也可以使用Flash MX中新增的“导入到库”命令，直接将素材导入库中。 设置照片的特效显示 相册中的照片不能一幅挨着一幅显示出来，这样会显得太呆板，没有创意，因此下面为大家介绍一些照片显示特效的制作方法。 （一）渐显效果 1、按Ctrl+F8建立一个名为“照片显示1”的Movie Clip（电影元件），按Ctrl+L打开Library，将其中的“照片1”拖至编辑区*，选择“照片1”，按F8键选择Graphics，这样图片在后面才可以设置透明度。 2、在层Layer 1的第30帧按F6插入关键帧，选中第1帧处的“照片1”后单击场景下方的Properties按钮，选择Color旁边的Alpha，并将值设置为0（如图1），这时编辑区上的照片消失。 图1 3、选中第1帧，单击Properties按钮，选择Tween下的Motion创建动画（如图2）；按回车键预览一下。 图2 友情提示：将首尾两帧对调一下，就可以制作出淡出效果。 （二）放大效果 1、按Ctrl+F8建立一个名为“照片显示2”的Movie Clip，将Library中的“照片2”拖放到场景中，在第30帧处按F6键插入关键帧；选中第1帧处的“照片2”，然后右击鼠标选择菜单中的Scale命令，将图像缩小为一个小点。 2、利用渐显效果所述方法建立Motion动画。提示：如果在建立Motion动画时，选择Rotate下的CW（顺时针旋转），并在后面输入1，可以形成旋转放大效果；以此类推，自然有了旋转缩小效果。 （三）下拉效果 1、创建一个名为“照片显示3”的Movie Clip，将“图片3”拖放到第1帧，然后在第30帧插入关键帧；选中层Layer 1右击选择Insert Layer插入层Layer 2，在Layer 2的第1帧插入关键帧，然后在编辑区画一个与“照片3”等大的矩形，并将矩形下边与照片的上边对齐。 2、在Layer 2的第30帧处插入一个关键帧，然后将矩形的下边与照片的下边对齐，为Layer 2层的两帧建立Motion动画，注意如果过渡线为虚线，可以分别选中矩形按Ctrl+G将其组合；然后选中层Layer 1，单击右键选择Mask即可。 友情提示：在这里主要技法是遮罩。只要改变矩形的动画方式，可以创造出许多显示效果，如：左拉、右拉、上拉、斜拉等等。 （四）变形效果 某些照片有特殊的意义，可以在前面加上文字，然后由文字缓缓变成图片。 1、在层Layer 1的第1帧输入文字“蓝天下的我”，然后对文字进行适当修饰；在层Layer 1的第30帧处导入照片，根据实际情况调整位置。 2、分别选中文字和照片，然后按Ctrl+B打碎文字和图片；选中第1帧按Ctrl+F，然后选择Tweening中的Shape建立变形动画。 重要提示：选中每一种显示效果的最后一帧，加上Actions语句：stop ； 这一步十分重要，否则照片在显示时不会停止。 上面给朋友们介绍了一些显示技法，其实方法还很多，另外上面的效果可综合运用，那就又变成另外一种效果了。 相册的组装与控制 1、单击Scene 1回到场景中，在层Layer1的第1帧处插入关键帧，然后将Library中的歌曲拖到场景中；选中第1帧，单击下方的Properties按钮，选择Effect→Fade In（如图3），设置声音出现方式为淡入；最后在第30帧处按F5插入空白关键帧（假设有30张照片）。 图3 2、在层Layer 1上插入层Layer 2，在该层的第1帧放置Library库中的影片“照片显示1”，并且为第1帧加上Actions语句为：stop ( )； 在第2帧按F7键，将Library库中的影片“照片显示2”拖放到该帧的场景中，并且为该帧加上Stop语句；采用同样的方法在该层的其他帧放置设置好特效显示的照片（MovieClip对象）。 3、插入层Layer 3，选择Window→Command Libraries→Buttons打开系统自带的按钮库，将其中的Playback下的gel Left 和gel right拖放到第1帧的场景中，视具体情况调节按钮与影片的位置。 为gel Left按钮加上语句已实现向上翻页： on (release, keyPress "") { prevFrame(); }//单击按钮或者按键盘上的向左箭头可以响应语句。 为get right按钮加上语句已实现向下翻页： on (release, keyPress "") { nextFrame(); } 到这里相册的主体部分差不多已经完成了，剑锋自惭，美工和创意水平有限，朋友们可自由发挥。 发布并刻录相册所有 热点网络 热点下载 热点网络学院 版权所有= 1、选中层Layer 1第1帧加上Actions语句： fscommand ("fullscreen", "true"); //全屏幕播放。 fscommand("showmenu", "false");//关闭控制菜单。 按Ctrl+Shift+F12键，只选择Windows Projector(.exe)一项，单击Publish后将相册发布为可执行文件，进入保存相册的文件夹，将相册名称改为xiangce.exe。 2、如果要刻录光盘，先用图像处理软件制作一个图标，文件名为：tubiao.ico，放在相册所在目录中；在该目录中创建一个名为autorun.inf的文件，在其中输入以下语句： [autorun] open=xiangce.exe ico=tubiao.ico 把文件夹中的所有文件都刻录在光盘上，注意xiangce.exe文件和autorun.inf放在最外层，这样播放时才能找到路径。所有 热点网络 热点下载 热点网络学院 版权所有= 好了，总算大功告成了，希望本文能给朋友们带来一点启发和帮助。
用Flash打造迷你Winamp播放器(1)
Winamp是PC上使用率比较高的一款音频播放器，以其短小精悍的身材和系统资源占用低的优点，深受大家的喜爱。作为一名闪客同时又为音乐发烧友的我，自然而然的就想到了利用闪客手中的利器―Flash,来动手自己制作一个模拟的迷你Winamp来，想想使用自己打造出的精美播放器，欣赏着优美的旋律，那情景是多么悠然自得啊。(本例源文件请点击这里下载)所有 热点网络 热点下载 热点网络学院 版权所有= 废话少说，说作就做，不过在和大家一起制作之前，前来看一下最后的制作成品，以便使大家在下面的制作过程中能做到心中无数，免得到时候手忙脚乱，最后完成的播放器界面如图1所示：图1 从图一中我们看到，此款播放器的界面可以说非常漂亮，左下角是一排播放按钮，最左边的孔形按钮可以进行精简界面和完整界面之间的切换，接下来的五个按钮大家应该很熟悉了，作用分别是前一首歌曲，播放，暂停，关闭，下一首歌曲。右下方的文字是播放曲目的提示，可以显示出所播放的是哪首歌曲。最酷的要算占据播放器界面主要位置的光谱柱了，可以随着音乐的节奏跳跃，更绝的是我们可以使用鼠标对播放器的整体进行拖动，可以将其放置到任意位置，简直和Winamp是一模一样。看到这里大家一定按捺不住了吧，别着急，让我们一步一步来制作这个精美的播放器。 1.首先启动Flash MX,并新建一个影片文件，对影片属性进行设置，设置影片大小为600px*400px(单位为象素)，影片背景色为黑色。 2．首先我们要制作的是控制音乐播放的五个按钮，首先来制作最左边的前一首歌曲按钮。新建立一个按钮元件，并命名为back,进入按钮元件的编辑区后，先使用矩形工具绘制一个无填充色的正方形，然后使用直线工具绘制一条细的竖线，并在旁边绘制一个小的三角形，最后给三角形和轮廓线上色，颜色代码为#CCCCFF，最后做好的按钮如图2所示：图2 按照相似的方法，分别制作其它4个按钮，并命名为forward,play,stop和pause,制作完成后的按钮如图3中从左到右所示：图3 最后还需要绘制一个最小化按钮，同样新建一个按钮元件，命名为minimize,进入元件的编辑区后，使用绘图工具绘制如图4所示的按钮：图43．播放器主界面的背景是利用一块填充了渐变色的色块形成的，制作起来非常简单，但是如果能够很好的设计填充色，最后的效果一样很酷。新建一个图形元件，命名为backpanel,进入元件的编辑区后，在当前的图层layer1上面使用矩形工具绘制一个横向的细长矩形，然后打开混色器面版，按照图4所示的填充色设置方法对其进行填充，如图5所示：图5 再新建一个图层Layer2,在其上绘制一个较大的矩形，并位于图4中矩形的上部，按照相同的填充设置对其进行填充，图4中的细条矩形用来放置播放控制按钮，而这个较大的矩形是用做播放器的光谱柱效果的背景，最后如图6所示：图6 4．接下来需要制作播放器中声音的存储部分了，播放器实现的播放不同音乐的原理是：在制作过程中事先导入一定数量的音乐，然后将所以音乐插入到不同的帧中，通过播放按钮来控制跳到不同的帧播放，即实现了不同音乐之间的切换。 本例中我们先导入track1,track2和track3三支音轨到影片中，然后新建一个影片剪辑，命名为tracks mc,进入元件编辑区后，将图层中前四帧空下，在第5帧插入关键帧，给此帧添加帧标签，并添加Action动作脚本：stopAllSounds();意思是如果播放到此帧，既停止播放所有声音。 在第10帧插入关键帧，将track1引入到此帧，并设置此帧的帧标签为track1,同样的在第20和第30帧分别插入关键帧，分别引入track2和track3,然后分别设置帧标签为track2和track3,这里设置帧标签的作用是不必规定具体哪帧引入的音乐，只要访问相应帧标签代表的帧，就可以播放相应的音乐了，设置完成后时间轴如图7所示：图7 如果你想在播放器中预先添加更多的声音，只需要将其导入，然后在后面继续添加关键帧，将相应的声音导入并设置好帧标签即可。 5．接下来就需要制作播放器的主界面了，新建一个影片剪辑，命名为mainpanel,进入元件的编辑区后，自上而下建立四个图层，分别命名为label,actions. Drgbtn和backpanel。 首先在图层label的第1和第3帧分别设置帧标签为init和play.也即第1帧用来初始化播放器，从第3帧开始进行播放。所有 热点网络 热点下载 热点网络学院 版权所有= 因为我们的播放器可以让用户自由的拖动，所以需要在整个播放器上面放一个隐形按钮，从而实现对播放器的拖动，我们先制作好这个隐形按钮，然后拖动进来，如图8所示：图8隐形按钮左下角的缺口是为了留给播放控制按钮，因为如果在此处是不能对播放器进行拖动的，最后给隐形按钮添加Action控制脚本：on (press) {startDrag("../../cleoplayer");}//当按下此按钮后，即可对主场景中的cleoplayer进行拖动，也就是我们最后的播放器on (release) {stopDrag();}//当释放鼠标后，停止拖放 6．回到图层backpanel,将元件tracks mc拖进编辑区，给其设置实例名为tracks,然后分别将元件backpanel以及5个播放按钮拖进编辑区，调整其位置并将图层drgbtn暂时隐藏后如图9所示：图9 然后给最小化按钮添加Action动作脚本：on (release) {tellTarget ("../") {play();}//这里其实是跳到后面的元件player中，元件player实现的就是面板的缩放}给前一首按钮添加脚本：on (release) {if (Number(playtrack)>1) {playtrack = playtrack-1;//首先判断当前播放的是不是第一首，如果不是，将当前播放曲目的信息减一if (action eq "play") {status = "playing tr. " add playtrack;//如果播放按钮已被按下，则曲目信息文本框中显示曲目的名称tellTarget ("tracks") {stopAllSounds();gotoAndStop("track" add ../:playtrack);}//首先停止正在播放的音乐，然后播放前一首音乐gotoAndPlay("play");} else {status = "stoped tr. " add playtrack;//设置当前播放状态}}}给播放按钮添加脚本：on (release) {scale = "99";//缩放比率action = "play";//播放状态down = "3";status = "playing tr. " add playtrack;//当按下播放按钮后，对上面一些变量进行初始化，以便在其它程序段中根据变量值执//行相应的命令tellTarget ("tracks") {gotoAndStop("track" add ../:playtrack);}//跳到tracks中的含有音乐的那帧并播放play();}给暂停按钮添加脚本：on (release) {if (action eq "pause") {action = "play";//如果已经处于暂停状态，再此按钮后，就变为播放状态status = "playing tr. " add playtrack;tellTarget ("tracks") {gotoAndStop("track" add ../:playtrack);}//开始播放音乐play();} else {if (action eq "play") {action = "pause";//如果当前状态是播放状态，则按下后处于暂停状态status = "paused tr. " add playtrack;tellTarget ("tracks") {gotoAndStop("stop");}//停止播放所有声音stop();}}}
用Flash打造迷你Winamp播放器(2)
给退出按钮添加脚本：on (release) {action = "stop";scale = "0";down = "9";status = "stoped tr. " add playtrack;//和播放按钮相似，当退出后，也对同样的变量进行赋值tellTarget ("tracks") {gotoAndStop("stop");}//停止播放音乐play();}给下一首按钮添加脚本：on (release) {if (Number(playtrack)playtrack = Number(playtrack)+1;//如果播放曲目没有到达最后一首的化，将曲目信息值增一status = "playing tr. " add playtrack;//同时设置当前播放状态if (action eq "play") {tellTarget ("tracks") {stopAllSounds();gotoAndStop("track" add ../:playtrack);}//如果当前处于播放状态，则先停止所有声音，然后再开始播放下//一首所指定的音乐gotoAndPlay("play");} else {status = "stoped tr. " add playtrack;}}} 7．因为播放器在播放中随机的显示光谱柱，所以需要先制作两个光谱单元，然后通过Action动作脚本对其跳动的方式和频率进行控制。所以分别新建两个影片剪辑，命名为graph bar和graph dot,绘制后如图10所示：图10 将上面两个光谱单元放到播放界面靠左的位置，分别命名为line和topdot,播放中因为可以显示播放歌曲的信息，所以还需要一个动态文本框来实现。使用文本工具在播放按钮右边绘制两个文本框，其中靠右边的设置为动态文本框，并设置其变量名为status，如图11所示：图11 8．最后就需要添加关键的Actinon动作脚本了，回到图层Avtions,在第1帧添加如下Action:down = 3;scale = 99;pause = "no";playtrack = 1;action = "play";maxtracks = 3;//设置一系列变量在第2帧添加如下Action:if (action eq "play") {actiontxt = "playing tr. ";status = actiontxt add playtrack;tellTarget ("tracks") {gotoAndStop("track" add ../:playtrack);}//如果当前处于播放状态，则设置当前曲目信息文本框中的值为所播曲目，并且播//放当前的曲目gotoAndPlay("play");} else {scale = "0";down = "9";actiontxt = "stoped tr. ";status = actiontxt add playtrack;gotoAndStop("play");}//如果当前播放器不处于播放状态，则设置当前状态为播放在第3帧添加如下Action:setProperty("line", _visible, "0");setProperty("topdot", _visible, "0");//首先将光谱柱单元设置为不可见maxlines = 40;//此变量值代表所复制出光谱柱的最大个数alpha = 100/maxlines;// 光谱柱的透明度atmp = 20;i = 0;//设置一系列变量while (Number(i)<=Number(maxlines)) {//变量I从0开始，如果没有到达40,则循环进行下面的脚本newy = 1+Number(random(scale));duplicateMovieClip("line", "line" add i, 100+Number(i));//复制出长条形的光谱柱，依此命名为line+I的形式setProperty("line" add i, _x, Number(-120)+Number(i*7));setProperty("line" add i, _y, 25);setProperty("line" add i, _yscale, newy);setProperty("line" add i, _alpha, atmp);//上面四句分别设置所复制出的光谱拄的坐标，透明度和纵向缩放比率duplicateMovieClip("topdot", "topdot" add i, 200+Number(i));//复制光谱柱上面的小方块，依此命名为topdot+I的形式setProperty("topdot" add i, _x, Number(-120)+Number(i*7));setProperty("topdot" add i, _y, 23-newy/2);set("doty" add i, newy);setProperty("topdot" add i, _alpha, atmp);//设置复制出的小方块的坐标和透明度值if (Number(i)>=Number(maxlines/2)) {atmp = atmp-alpha;} else {atmp = Number(atmp)+Number(alpha);}i = Number(i)+1;}//上面的脚本作用为复制40个光谱柱单元，然后分别设置其相应属性，使其能排列成一排在第4帧添加如下Action:i = 0;//初始化变量I的值为0while (Number(i)<=Number(maxlines)) {newy = 1+Number(random(scale));//当I的值小于前面设置的变量maxline时，也就是还没有设置所有的光谱柱，下面就//将分别进行设置setProperty("line" add i, _yscale, newy);//设置每一个光谱柱的垂直缩放比例为newy,if (newy >= eval("doty" add i)) {set("doty" add i, newy);//如果垂直缩放比例的值} else {set("doty" add i, eval("doty" add i)-down);}setProperty("topdot" add i, _y, 23-Eval("doty" add i)/2);i = Number(i)+1;}//三四帧主要用来实现播放器中的光谱柱长度在纵向随机变化的效果在第5帧添加如下Action:gotoAndPlay(_currentframe-1);//循环执行第4帧最后的时间轴如图12所示：图12 9．到这里，整个播放器就基本上完成了，现在可以试着发布一下，看看效果怎么样。不过在结束之前，我们再来完美一下这个播放器，给她添加上界面伸缩功能，也就是可以在精简面板和完整面板之间切换，和真正的Winamp很类型。 新建一个影片剪辑，命名为player,进入元件的编辑区后，添加两个图层，在上面的图层中绘制一个矩形，然后将其转换为影片剪辑元件，分别在第1帧和第15帧插入关键帧，设置帧标签为full和min,分别代表完整播放面板和精简播放面板，然后给两帧都添加Action:stop();. 将元件mainpanel拖到下面的图层中，分别在第15帧和第30帧插入一个关键帧，回到第15帧，将元件mainpanel向上拖动一段距离，直到只有播放控制按钮留在矩形框中为止，如图13所示：图13 最后只要建立第1到第15,第16到第30帧之间的运动过渡动画即可。然后将上面的图层设置成遮罩层，就实现了面板伸缩的功能。 最后的任务就是将元件player拖到场景中，然后发布最后的影片，看看实际效果如何。倾听着自己动手制作的播放器，是不是别有一番风味。
FLASH游戏制作精选实例教程
游戏是Flash制作中很重要的一部分，主要应用的是flash内嵌的action编程脚本。近期国内涌现出了很多优秀的FLASH游戏，譬如小小的《过关斩将II》，JQ的《狙击手I代》和《狙击手II代》等。往往FLASH游戏制作得好的人都被誉为闪客中的“高手”，不过目前很多网友的flash制作水平都还停留在菜鸟水平，主要就是action脚本掌握不好。所有 热点网络 热点下载 热点网络学院 版权所有= 为了让更多的FLASH爱好者迅速掌握FLASH游戏制作的精髓，设计教室近期推出了一系列的FLASH游戏制作教程，以实例的形式教会大家怎么制作高水准的FLASH游戏。下面小编将这类教程做了一个整理，希望大家能够喜欢！---------------------FLASH游戏制作精选实例系列教程----------------------巧用FLASH做拼图游戏(1)巧用FLASH做拼图游戏(2)用flashMX制作迷宫游戏(1)用flashMX制作迷宫游戏(2)简易拼图游戏制作用FLASH制作抢手棋Flash游戏制作--五子连珠(一)
FLASH视觉特效实例之大风车篇
=版权所有 热点网络 热点下本例是一个比较容易实现的，但却很眩的视觉效果。笔者是用Flash AS来“描述”一个风车。相信读者们朋友会喜欢这个效果，并一定能从该例中学到一些有用的东西的。 本例源文件下载：点击下载(3K, zip压缩文件) 效果预览：点击预览一、制作元件 1．打开FlashMX，设置场景的大小为350px X 350px，背景色为黑色。帧频为30fps。 2．按快捷键Ctrl+F8打开“创建新元件”面板，创建一个名为“曲线”的影片剪辑元件。点选“工具”面板中的“直线”工具，在“曲线”元件的场景里绘制一条直线，单位为4，宽度为60px，颜色为灰色，然后用“箭头”工具进行微调，如图1所示。图1 3．按快捷键Ctrl+F8创建一个名为“运动曲线”的影片剪辑元件。按快捷键Ctrl+L打开库，把库中的 “曲线”元件拖拽到“运动曲线”元件的场景中。图2 4．点选“运动曲线”元件第1帧中的“曲线”，按快捷键Ctrl+T打开“变形”面板如图2所示设置。右键点选第1帧并选择“创建补间动画”命令创建补间动画。接着分别点击选中“图层 1”的第10、20、30帧并按F6键插入关键帧。如图3所示。图3
FLASH视觉特效实例之飞翔的彩翼
本例是一个非常出色的视觉效果，它模拟的是鸟类飞翔时翅膀扇动的效果，而且这个翅膀在扇动的同时还在不断的变幻着自己的颜色。 可以说，就Flash的视觉效果而言，该例应该算得是上乘之作了。更难能可贵的是它的设计方法一点都不复杂。不信您就跟我来做做看吧：=版权所有 热点网络 热点下载 热点网络学院 版权所有= 本例源文件下载：点击下载（3K, zip压缩文件） 效果预览：点击预览 打开Flash MX，设置场景的大小为500px×280px，背景色为黑色，帧频为30fps。一、设计元件 1．按快捷键Ctrl+F8新建一个名为“翼”的影片剪辑元件。 2．按快捷键Shift+F9打开“混色器”面板，并如图1所示进行设置。其中左侧滑块的颜色为#0066FF，Alpha值为80%，右侧滑块的颜色为#0033FF，Alpha值为0%。 图1
步入魔域-Flash光特效综合分析
在众多绚烂夺目的Flash效果中，最梦幻而神奇的效果应该算是光特效了。光特效是Flash中的终级境界――魔域，常见的有辉光、激光、投射线、集光束等等，这些光特效所带来的是极大的视觉冲击和动感享受。不过，很可惜的是，许多人始终无法掌握光特效的设计要素，或是以为只有通过ActionScript或者依赖别的软件才能完成这些特效。今天，笔者就带大家探索一下光特效的神奇奥秘！效果如图1所示。=版权所有 下载 软件 学院 版权所有=图1 效果预览：点击这里预览 源文件下载：点击下载(87K，zip压缩) 在Flash中，光亦可分为“点光源”，“线光源”和“面光源”三类。分别如图2-4所示。其中面光源包括三维体光源。生活中常见的许多光都是由这三类衍生或组合而成。如图2所示彗星，慧的头部就是一个点光源，而慧尾由于运动轨迹比较长，就形成了线光源。 图2 ，图3， 图4 在Flash画法中，点光源比较偏向于发射状，所以一般用“线性渐变填充”，图2中所示彗星的慧头通过四种颜色来勾勒：最靠近光源内部的属于基准光，通常是白色（#FFFFFF）；第二种是过渡光（#CAF1FB），也就是光源的辅助色，用于光源主色调与内部色的自然过渡；与其相邻的就是光源主色调（#3394D1）；最后一种颜色是辉光（#3394D1），一般和主色调相同，但Alpha值比较小，甚至为零，用于表现光芒的柔和效果。“混色器”面板设置如图5所示。
Flash实用技巧之蜡烛制造（1）
本例是通过蜡烛燃烧及熄灭时的效果给大家讲述Flash制作中的一些很实用的方法和技巧。虽然蜡烛在生活中已不多见了，但这些技巧的用途还是很广泛的，如影片的重放技巧，火焰、烟的制作方法，颜色的使用技巧等。 点击这里预览效果截图预览（播放请点击这里） 以下元件的图片如不做说明，场景的缩放比例均为100%。 源文件下载：点击这里下载(45K, zip压缩文件) 打开FlashMX。按快捷键Ctrl+J，设置场景为450px×280px，黑色，帧速率12fps。 一、设计元件