Flash鼠绘金属立体相框效果

  本例为Flash鼠绘新手入门系列课程,今天我们来学习绘制金属立体相框效果,教程讲解的比较详细,适合Flash初学者学习,希望朋友们喜欢~~

  (一)准备工作:

  1. 新建一图形元件,插入6个图层(共有7层),从上而下分别命名为:

  花

  闪光

  外边花纹

  框架

  照片

  框架底

  背景

  2. 点菜单中的“视图”——标尺,分别在舞台上刻度为0的位置拉出经、纬辅助线,两线的交叉点就是相框的中心点。如下图:


 

  3. 再拉出两条相框的左边和上边的边框线(这是为了好控制框的大小),如下图:


 

  (二)画相框的框架:

  1.选择椭圆工具,笔触颜色黑,无填充色,点一下“框架”层的第一帧,将光标对准舞台上的“中心点”(要对得很准哦),同时按住Alt键,向右下方向拖动鼠标,画出椭圆,注意椭圆的上边和左边靠近那两条辅助线。用同样的方法在其内侧再画两个小一点的椭圆(这是为了填充不同的颜色体现框架的立体感),再在椭圆的上下各画一条斜线,以隔开颜色的填充。如下图:


 

  2. 给框架填充颜色:我想相框的颜色不宜太鲜艳夺目吧,所以用了较浅的土黄.色填充向光的一面,如下图:


 


 

  3. 然后把混色器上的色标往下拖一些(加深颜色),填充背光的部分,如下图:

  删除所有的线条,这样相框的框架部分就做好了。上锁。如下图:


 


 


 

  (三)画相框外面的花纹:

  1.点“外边花纹”层的第一帧,将图像放大到200%(大些好画),选择“线条工具”,笔触颜色“红”(先用红色的画,好分辨)笔触大小为5(也可以先用小些的画好后再调整为5)


 

  2.在框架的左上部分画花纹,(可以自由发挥,爱怎么画就怎么画哈)注意花纹的底部必须有一点是压在框架的上面!这样才能全为一体。如下图:


 

  为了照顾初学者,罗嗦一点,关于用线条工具画图的方法:因为所有的线条都是弧线形的,而用“线条工具”(快捷键N)只能画出直线段,所以画的时候先画出直线段,再用选择工具(快捷键V)对准线段,在光标右下方成半月状时,推动该线段,合其成弧形。这也是画Flash画图的最最基本方法。

  3.按住Alt键,将“花纹”拖出一点点,这样就复制出了一份花纹。点“修改”——变形——水平翻转,将它拖放到相框右上方和原先的那个花纹相对称的位置(可以用键盘上的上下左右键微调)。如下图:


 

  4.用选择工具同时框选舞台上这两个花纹图形,可以看到红色的两个花纹都成分离状态,这时再按住Alt键,将“花纹”拖出一点点,点修改——变形——垂直翻转,将它拖放到相框框架下部的对称位置。这样花纹就画好了。如下图:


 

  再改变颜色,使它和框架的颜色一致。做法是,点一下“外边花纹”层的第一帧,使其成分离的点状,再点一下工具箱中“颜色”中的笔触色,用弹出的吸管点一下框架上较浅色的部分,这样颜色就改好了。如下图:


 


 

  4.这一步很关键,就是把平面的花纹变成立体的。点一下“外边花纹”层的第一帧,点“修改”——转换为元件——勾选“影片剪辑”——确定!打开“滤镜”——点加号,添加滤镜。

  选择“斜角”和“投影”,参数默认就好。


 


 

  5. 给框架也加点投影吧,点框架层的第一帧——修改——转换为元件——影片剪辑——确定——滤镜——添加滤镜——投影——默认OK!(因为框架已经是尖形有立体感的了,所以就不要再加“斜角”了。效果如下图:


 

  现在这个金属相框就画好了哈,不难吧?

  (四)为了使相框更好看些,在适当的地方加些“闪光”,我想大家都会制作“十字星”,从原来保存的文件中调出“十字星”,放在适当的位置。要是还没有就从这里复制去就好了。既然是闪光,就要会闪哈,在“闪光”层第4帧插入关键帧,点“属性”——颜色——亮度——把亮度调到38%延长到第6帧。把所有各层都延长到第6帧。如下图:


 


 


 

  (五)那点缀的四朵花最好不要用鲜花图,因为看上去不匹配,还是画个假花吧,画花有很多教程的,这里就不多说了哈。(如果需要就另出教程)。

  (六)现在准备放入照片了:

  1.点“框内底”层第1帧,用上面画椭圆的方法,以“中心点”为圆心,画个比框架的内径稍大些(不要超出外径)的椭圆,填上自己喜欢的颜色。如下图:


 

  2.在最底下“背景”层,用矩形工具,无笔触颜色,填充色凭自己喜欢,画个550*400的方框,相对于舞台全居中。如下图:


 

  3.现在万事俱备,就等着您把照片放入“照片”层了哈!因为相框的大小,如果照片太大张,可以加个遮罩层只现出相框内的照片。

  4.点“场景1”把这个元件拖入图层的第1帧,测试影片。保存,OK!

时间: 2024-12-21 22:15:05

Flash鼠绘金属立体相框效果的相关文章

Flash鼠绘技巧教你制作红绿色的树叶

核心提示:初级菜鸟练习,有基础的朋友可以跳过,不过希望刚开始学的想学的朋友配合交份作业.我也是菜鸟,我也在学,想和大家一起学,不知道有没有人愿意和我一起学.不啰嗦了,开始进入主题吧,今天要画的是叶子,很简单的一片叶子. 本例为FLASH鼠绘入门教程,主要让大家熟悉一下简单图形的绘制! 初级菜鸟练习,有基础的朋友可以跳过,不过希望刚开始学的想学的朋友配合交份作业.我也是菜鸟,我也在学,想和大家一起学,不知道有没有人愿意和我一起学.不啰嗦了,开始进入主题吧,今天要画的是叶子,很简单的一片叶子. 首先

Photoshop鼠绘漂亮美女金发效果

  先看一下最终效果: 1.也是废话,大概画一下自己想画的东西,顺便把颜色随便定一定,这时候我不喜欢用太艳丽的色彩. 很多朋友都是上来就直接拿色块上往画布上面抹,但是我个人不赞成这种做法.对于新手来说,应该是先塑形,再考虑色彩之类的事情.大概做个造型,用鼠标勾一下线.(鼠标勾的,线条很渣,自己大概知道是什么就可以了.) 2.大概定一下色,用大角画笔把背景抹几下.背景应该是第一个确定颜色的,方便确定画面的整体色彩.不然等画完之后,再来补背景的话,就很容易出现色差. 3.新建图层,为头发大致上色.把

PS鼠绘金属质感的绚丽指环

很多男生喜欢金属质感的指环,酷酷的.很有感觉.现在ps就教你打造一款属于你自己的ps鼠绘指环 .教程在前部分相对简单的,但是要做出光感和金属感,曲线的控制就要多试了.后边钻石的绘制部分,还是比较复杂,特别是钻石的亮度调节.如果不明白的网友,在教程的最后也加了个补充说明,希望本教程能给大家带来帮助. 最终效果 首先画一个圆环. 进入通道,载入选区,新建通道后,在选区里上白色,然后不要取消选区,直接高斯模糊,最后退出通道回到图层. 使用光照效果,载入"纹理通道"alpha1,alpha1就

Flash鼠绘着色入门教程

教程|入门教程 利用几小时的时间简单的做了这个教程,希望对FLASH着色方面一窍不通的朋友有所帮助.下面讲的都比较基础,如果大家觉得还可以的话,我会尽我所能再做一些如何画的更精致的教程. 首先,把在纸上画好的东西导入进FLASH. 请选择小图查看完整图片 将位图转化为适量图,点选 '选择工具'或'套索'中魔术棒 把已转化好的适量图周围的没用颜色删除掉 做好之后把大颜色上好. 衣服与肉都用大块纯颜色填充. 现在到了比较关键的一步: 来区分一下大体的明暗关系. 其实最初级不需要绘画基础,在确定脸部明

Flash鼠绘经典教程《银河动画》 (1)

教程 本教程是给对flash有基础了解的人看的(最起码你得知道flash是什么吧?!),如果你不是,快去了解吧!! 先来了解一下工具: [1] Arrow Tool (V)工具:快捷键V,常用工具,拖拉,选择全靠它! [2] Subselection Tool (A):快捷键A,用来修改线条的! [3] Line Tool (N):快捷键L,画直线工具! [4] Lasso Tool(L):快捷键L,索套选取工具,用来选择物体的某一部分!我通常不用! [5] Pen Tool(P):快捷键P,钢

Flash鼠绘偏写实漂亮美女矢量风格图

过去出过一些鼠绘教程,不过那些教程都很简单,只是教大家掌握一个方法,风格方面还是要自己发挥.说实话用FLASH画这个教程中的偏写实人物用处不是很大,不过我喜欢画,完全是娱乐或练手而作,并非要使用在什么用途,包括今天做这个教程也是心血来潮.在FLASH动画里我是绝对不可能将人物设计的这么复杂的,单幅我通常不使用线,其主要是细节,动画使用线的情况就多了,其主要是动作.这个教程只不过给大家看一个过程而已,并无其他,有兴趣也可以照着画画,本人绘画功底有限,毕竟不是专门学过什么美术,完全靠自己摸索,因此在

Flash鼠绘技术内幕完全接触

1.鼠绘技术内幕完全接触-概述篇 [2005-02-27]     2.鼠绘技术内幕完全接触-动物篇 [2005-02-27]     3.鼠绘技术内幕完全接触-环境背景篇 [2005-02-27]     4.鼠绘技术内幕完全接触--效果篇 [2005-02-27]     5.鼠绘技术内幕完全接触-植物篇 [2005-02-27]

Flash鼠绘可爱卡通牛牛

下面我们一起来画幅卡通牛象征着家家户户风调雨顺,丰衣足食的好兆头. 效果图 学习目的和要点:通过画"卡通牛",进一步掌握不同工具的使用,灵活应用选择工具.充分利用颜色的填充和渐变.本教程在绘制元件时注意把对象绘制点上(J),填充颜色时选中元件点修改-分离.现在我们打开软件,绘制"卡通牛". 新建 FLASH 文档.保存为"卡通牛",设置文档大小为550*400,背景色浅色,其它默认. 一.新建图形元件"牛头" 1.点插入,建一

Flash制作环绕的立体图片效果动画

立体|图片效果 效果: 点击这里下载源文件 代码如下: var totalPhotoBL:Number = 7; //图片总张数: var angleBL:Number = 2*Math.PI/(totalPhotoBL-1); //角度值,用于平均分配所有图在360度里: var scaleBL:Number = 30; //缩放比例值: var speedBL:Number = Math.PI/180; // 声明一个速度值: for (var i = 0; i<totalPhotoBL;