Flash鼠绘教程:绘制金属立体相框效果

2016-01-29 12:20 27 1 收藏

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

【 tulaoshi.com - Flash 】

发上来相框的帖子后,有朋友喜欢,让我出个教程,这就把我画的过程写出来,供大家参考。

先看下效果:

现在开始画吧:

(一)准备工作:

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

闪光
外边花纹
框架
照片
框架底
背景

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

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

[next]

(二)画相框的框架:

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

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

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

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

[next]

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

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

   

[next]

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

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

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

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

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

[next]

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

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

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

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

不知道是不是说的很清楚了,有不明白的地方可以提出来哈。大家发挥想象一定会画出比这个更好的相框的!

来源:http://www.tulaoshi.com/n/20160129/1485636.html

延伸阅读
标签: PS PS教程
先看一下最终效果: [next] 1.首先,建立一个新文档,文档大小设置为1440×990,背景层设置为白色。然后双击背景层加入渐变叠加图层样式。设置如下:混合模式-正片叠底,样式-径向,角度90. 缩放-81%.渐变色设置为#f2f2f2 和 #c3c3c3 如下所示: 2.建立一个新图层,用油漆桶工具填充白色后设置图层混合模式为正片叠底然...
标签: Illustrator
本文由 中国 冰蓝飞翔 编译,转载请保留此信息! 在学习中遇到问题可以到 论坛 发贴交流! 本例介绍运用AI的渐变工具来绘制金属质感的小闹钟,在教程中我们将学习到通过几种渐变填充的灵活运用来实现金属质感的表现,另外还将学习到复制、旋转及阴影的制作方法,希望能给朋友们带来帮助~~ 先看效果图: 1.先画一正圆,使用渐变,...
标签: flash教程
1.选择椭圆工具   ,在工作区画一个蓝色的椭圆。再画一个白色的椭圆。 2.通过放缩、旋转命令将两个椭圆放到合适的位置。 3.再画两个画白色的小椭圆,将它们移到合适的位置,作为大眼球。并在其中画上眼睛的状态。 4.在大眼球下面绘制一个红色的椭圆,作为猫的鼻子。 5.利用直线工具拉出一条竖线,放在...
标签: flash教程
本文由 中国 zctmh0336(诚信为人) 原创,转载请保留此信息! 先来看下最终效果: 本教程主要是运用鼠绘和F8的滤镜效果 一、打开flash文档,设置文档属性背景为CCFF66(也可设置非白色),其它默认,命名为:香瓜 二、新建影片剪辑元件,命名为:整瓜。(设为影片剪辑主要是方便增加加滤镜效果) 1、在图层1(名为瓜体)第一...
标签: FLASH flash教程
本文由 云飘飘 原创,转载请保留此信息! 效果演示: [1] 200806/12934_2.html'>[2] 200806/12934_3.html'>[3] 200806/12934_4.html'>[4] 200806/12934_5.html'>[5] 200806/12934_6.html'>[6] 200806/12934_7.html'>[7] 200806/12934_8.html'>[8] 200806/12934_9.html'>[9] 200806/12934...

经验教程

887

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部