文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院图形处理PhotoshopPhotoshop结合Flash制作瓢虫变色交互动画(1)
精品推荐
特别推荐
·Photoshop Action 动作集总揽
·整理:最常用的十款盗版软件
·Photoshop色彩模式详解
·Photoshop滤镜轻松制作脏兮兮的砖墙
·Photoshop绘鲜美葡萄 表现光影效果
·Photoshop质感文字系列之:蟒纹字
·Photoshop超强鼠绘宝马轿车BMW M3
·Photoshop CS3教程:模拟雷达动画
·Photoshop教程:绘制美丽的蒲公英
·Photoshop快速制作宝宝大头贴
·Photoshop与Wacom数码板处理古典风格照片
·Photoshop各类外挂插件的使用方法
·非主流ps教程实用的技巧大全
·Photoshop字体安装使用方法和技巧
·Photoshop粘贴复制法排版证件照
·Photoshop打造气质美女唯美海报
·PS初学者实例教程 烫金字的制作
·Photoshop调色教程:简单制作军色效果
·PHOTOSHOP玻璃质感表现
·新手学Photoshop的批处理的快捷操作
热点TOP10
·photoshop修改照片成为美女教程
·Photoshop十余种漂亮照片边框简单制作技巧
·轻松做画家!用Photoshop把照片处理成逼真的素描画
·非主流ps教程实用的技巧大全
·Photoshop抠头发高级抠图教程
·Photoshop将肖像照片处理为超酷个性海报
·PHOTOSHOP超强磨皮大法-将斑点选出来
·Photoshop实例:制作超酷影片画面场景
·Photoshop精细抠像实例
·Photoshop轻松美化摄像头人像照片
·数码婚纱照片Photoshop抠图技巧
·Photoshop实例:调出漂亮MM的唯美效果
·photoshop教程:MM照片的后期美化
·PHOTOSHOP玻璃质感表现
·用Photoshop画漫画教程之基础入门
·Photoshop教程:MM照片弄得非常脏特效
·明星壁纸:极品美女百态妩媚极度狂野
·Photoshop轻松制作可爱大头贴模板背景
·Photoshop绘制禁烟公益广告
·用Photoshop“磨皮”和简单的人物处理技巧

Photoshop结合Flash制作瓢虫变色交互动画(1)

日期:2007年9月7日 作者: 查看:[大字体 中字体 小字体]


1,必须锁定透明像素,否则会多出一块色块。
2,画笔应该是比较硬的,前面我们使用的是软画笔,这里一定要把画笔设硬,否则画不出明显的边缘。

前面我们学会了用路径来制作高光的方法,这次我们还用刚才的方法来制作头部的高光,它和身体部分的高光形状相似,但又相互错位,从而产生立体效果。

Photoshop结合Flash制作瓢虫变色交互动画(2)

有人说啦,我要做瓢虫的头部,可是上面已经没有空间了,怎么办呀?

我们可以在背景层被锁定的情况下(默认情况下已经锁定),选择移动工具的自动选择选项。框选所有要移动的对象,可以看到,在图层面板中,虫虫的各个层都被选择了。向下移动它,把头部的制作位置让出来。

Photoshop结合Flash制作瓢虫变色交互动画(2)

我们做最前面的小头部分。其实刚才我们只是在制作瓢虫的脖子部分。没办法,谁让它的脖子比头粗呢。我们复制头部图层,自由变换如图示。小脑袋一下就出来啦。

Photoshop结合Flash制作瓢虫变色交互动画(2)

我们是复制的头部图层,因此它也是锁定透明像素的。下面我们用画笔点出这些白斑,注意一定要检查是否锁定了透明像素。否则可能画出界哟。

Photoshop结合Flash制作瓢虫变色交互动画(2)

在底层上方新建层,用路径制作触须,这部分非常简单,方法不再重复。将触须层按Ctrl+J,复制层,使用“编辑”-“变换”-“水平翻转”,将它镜象一份,移动到合适位置。

Photoshop结合Flash制作瓢虫变色交互动画(2)


腿的制作很简单,我们用黑色,建立新的形状图层,用椭圆形状工具一边画,一边变换,拼接成为一条腿,然后用前面学的组合方法,把腿路径给组合起来。

Photoshop结合Flash制作瓢虫变色交互动画(2)

注意:如果每次拉动都建立新的形状图层的话,检查一下配图中3号标签所示的选项。

组合之后的腿部还是不很理想,大家可以使用路径编辑工具进行深入刻划。将腿图层复制并镜像,选择两个腿图层,同时拉到新建图层按钮,可以同时复制两个腿图层,进行自由变换,放在合适位置,这样复制,变换,移动,得到六条腿。

Photoshop结合Flash制作瓢虫变色交互动画(2)

还按前面的步骤,用自动选择选项,移动工具框选所有虫虫图层,自由变换,变换到原大的25%。把虫虫缩小。我们制作大图像的目的已经达到,到了缩小它,变成小图标的时候了。

Photoshop结合Flash制作瓢虫变色交互动画(2)

建立新的图层,命名为中间线,用直线工具,黑色,按Shift键,画出一条黑线。复制这个图层,Ctrl+I,反相变为白线,向右移动一个像素,把两个图层的不透明度调低一些,看着不生硬为止。

Photoshop结合Flash制作瓢虫变色交互动画(2)

注意图中标注。要用填充像素的方式来建立直线。现在分层的部分已经制作完了,按 Ctrl+S,保存这个文件,再使用存储为,把文件再存一个PSD分层文件,这样,我们就不怕将来修改时,没有原始文件啦。

下面我们需要把这些层整理一下,合并到一起。把底层及其下的腿和背景层全部隐藏,如图所示,注意,单击一个显示的图层,这样我们才可以把所有的可见层合并。按下Shift+Ctrrl+E,合并可见图层。这样,我们就将除了腿和底部红色色块以及背景层以外的虫虫图层合并成为一个单独的层。

Photoshop结合Flash制作瓢虫变色交互动画(2)

用同样的方法,隐藏不要合并的,显示要合为一层的,合并可见图层,最后把背景层删掉。把三个图层分别命名。如图所示:

Photoshop结合Flash制作瓢虫变色交互动画(2)

使用“图像”-“裁切”,如图所示,我们将所有透明的部分裁掉。

Photoshop结合Flash制作瓢虫变色交互动画(2)

把剪裁过的图像另存为“导出成品.psd”,我们通过Flash,将它做成变色动画。

Photoshop结合Flash制作瓢虫变色交互动画(2)

在学习下部内容前,你最好有一点Flash基础知识,当然本教程尽可能详细说明每一个步骤,如果有基础,学习起来会很快。

面我们打开Flash CS3,开始我们的编程探索之旅。按图示建立一个新的Flash文件。

Photoshop结合Flash制作瓢虫变色交互动画(3)

我们来试一下Flash CS3对PSD文件的支持功能。经过我的测试,发现这个功能有时会有一些小BUG哟。在后面我们再说。

上一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页 




上一篇:面向Flash AS初学者的实例教程:单选题

下一篇:走向Linux系统高手之路 解析内核编译

Photoshop结合Flash制作瓢虫变色交互动画(1) 相关文章:
·QQ空间4.0 透明Flash_500个
·photoshop修改照片成为美女教程
·QQ空间透明flash代码
·新收集200多种美化QQ空间的透明Flash
·Photoshop十余种漂亮照片边框简单制作技巧
·[最新QQ空间代码]QQ空间花,漂浮物、开场动画代码
·轻松做画家!用Photoshop把照片处理成逼真的素描画
·教你如何制作QQ空间FLASH导航条
·Photoshop抠头发高级抠图教程
·Photoshop将肖像照片处理为超酷个性海报
Photoshop结合Flash制作瓢虫变色交互动画(1) 相关软件:
·暗黑破坏神 2:毁灭之王 1.10S极品属性装备制作器
·Adobe Photoshop CS2 9.0 官方试用版
·孙鑫VC++从入门到精通开发详解视频教程FLASH版
·家常菜制作集锦(1)
·用Photoshop美化你的相片
·最新PhotoshopCS8.0视频教学
·大师之路Photoshop教程V2.0
·《最终幻想12》超清晰CG动画
·Photoshop 7.0 梦幻特效宝典附带光盘
·家常菜制作集锦(2)

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn