×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 8306|回复: 29

Flash制作金属相框[本文已收录教程库]

[复制链接]
发表于 2008-12-25 16:16:02 | 显示全部楼层 |阅读模式
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!
不知道是不是说的很清楚了,有不明白的地方可以提出来哈。大家发挥想象一定会画出比这个更好的相框的!

[ 本帖最后由 xyl7422 于 2009-2-15 17:00 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 3 +15 +1 +4 收起 理由
祁连山 + 1 支持原创教程,辛苦啦。
xyl7422 + 7 + 2 支持小随意的教程哦,辛苦了:)
sanbos + 8 + 2 多谢教程,辛苦了。

查看全部评分

发表于 2008-12-26 16:02:46 | 显示全部楼层
金属相框


[ 本帖最后由 zctmh0336 于 2008-12-26 21:46 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-2-3 20:33:36 | 显示全部楼层

交作业

金属相框

[ 本帖最后由 叶紫 于 2009-2-3 20:35 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-2-11 21:08:28 | 显示全部楼层
交作业!有些地方,哎,没法说!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-2-12 17:18:15 | 显示全部楼层

地板的作业:

回复 支持 反对

使用道具 举报

发表于 2009-2-18 18:34:13 | 显示全部楼层

金属相框。

与斑竹的做法略不一样,此提供参考:图层4个{照片,框,小花边,大花边};框(210*300),我框的着色都是放射性填充,左到右颜色是(#FFFFCC,#FFCC00,#CC9900,#4B2601)再用“F”工具调好位置。小花边(10*30)框的花边做成一个小元件,再放到舞台中框的上边缘,把花边的原点拉到框的中心点,用“Ctrl+T”变形复制(旋转8°复制一圈),再全选~用“Q”工具把它左右压扁,压到和框一样的椭圆形。大花边(110*45)。和小花边的方法一样,只是变形复制是(旋转45°复制一圈)压扁。最后加杀滤镜投影。
花边的造型可以自己设计一下。不知道大家看得懂吗?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +3 +1 收起 理由
sanbos + 3 + 1 做得不错

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-2-18 18:59:13 | 显示全部楼层

6楼的作业:

回复 支持 反对

使用道具 举报

发表于 2010-11-5 22:24:23 | 显示全部楼层

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x
回复 支持 反对

使用道具 举报

发表于 2015-9-18 16:23:00 | 显示全部楼层
学习试下
回复 支持 反对

使用道具 举报

发表于 2018-6-27 22:16:34 | 显示全部楼层
说的非常好
回复 支持 反对

使用道具 举报

发表于 2018-6-27 22:26:17 | 显示全部楼层
很好哦。。。
回复 支持 反对

使用道具 举报

发表于 2018-6-27 21:57:04 | 显示全部楼层
不错不错
回复 支持 反对

使用道具 举报

发表于 2018-6-27 22:38:01 | 显示全部楼层
教程网我挺你
回复 支持 反对

使用道具 举报

发表于 2018-6-27 22:19:31 | 显示全部楼层
楼主我支持你
回复 支持 反对

使用道具 举报

发表于 2018-8-18 20:56:35 | 显示全部楼层
好帖就是要顶
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则