查看完整版本: [-- 【原创PS图效教程】蝴蝶扇动翅膀 --]

-> 教程分享 -> 【原创PS图效教程】蝴蝶扇动翅膀 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

<<   1   2  >>  Pages: ( 2 total )

妙妙心 2010-01-29 21:06

【原创PS图效教程】蝴蝶扇动翅膀

         应园子中很多mm滴要求，特开此贴，详细介绍关于制作扇动翅膀的动态蝴蝶图片方法，原创滴帖子，若不够详细大家哪里有不明确滴欢迎大家回帖询问啊，俺会一一解答滴，mua~
        首先，找到一张蝴蝶滴素材。
        素材： 
         [attachment=481101] 
       1. 复制一层原图（ctrl+J），使之成为一个新建图层。图片修改在新图层中进行。
[attachment=481104]
       2. 抠图。抠图的方法很多，本人使用最懒惰滴，魔棒工具（W）选取白色部分，直接删除。
[attachment=481105]
       3. 变换图片（ctrl+T），调节大小与方向。由于原图不够清晰，所以俺决定将蝴蝶调小一些。调节大小时，可同时按住shift，使之等比例缩放。 
[attachment=481106]
       4. 到这步，需要的蝴蝶图片初步处理已经完成了。
[attachment=481107]
       5. 现在开始要处理蝴蝶扇翅膀的动态了。动态就是一帧帧的静态图片构成，因此，还是静态图片处理。首先，复制 蝴蝶图层。
[attachment=481108]
       6. 编辑蝴蝶副本。使用多边形索套工具，选取蝴蝶左边的翅膀。选取时可结合图片放大、缩小，方便选取（ctrl+加号 放大；ctrl+减号 缩小）。变换图片调节翅膀宽度，ctrl+T。此时不需要等比例缩放，不用同时按住shift。同理调节右侧翅膀宽度。
[attachment=481132][attachment=481133] [attachment=481153] [attachment=481159]
       7. 再复制一层蝴蝶图层。同理继续调节翅膀宽度。以此类推。一般的，做三个图层就可以了，如果蝴蝶比较大，希望逼真一些，那么图层可以多做一些。这里俺挑的蝴蝶有点大，就制作五帧了O(∩_∩)O~
[attachment=481128]  [attachment=481129]
       8. 接下来，就是把静态的帧设置好时间，制成动态图片了。工具有很多，这里我使用的是photoshop自带的IR。点这个按钮，转入IR。
[attachment=481160] 
       9. 在动画窗口选定需要显示的帧即可，点击复制当前帧可新建一帧，需要显示的图片可至右侧小窗口挑选，点击小眼睛即可。
[attachment=481175][attachment=481176]  
      10. 选定帧后，以副本4为起点，再往下设置3个帧，蝴蝶帧 可不用复制，因为动画是循环播放的。关键是时间延迟设置，好的设置能使图片动态效果自然流畅。点击帧的右下角小三角可改变时间。这是俺设置的时间，可能没设置好，囧~再加一句，蝴蝶越小越逼真 - -!于是 图像--图像大小处修改。俺选了宽度200，囧。俺觉得大蝴蝶有很恐怖的感觉。
[attachment=481179][attachment=481178][attachment=481180]
      11. 颜色表中 深度减低选择 可觉察的。文件----将优化结果存储为------可导出成gif~O(∩_∩)O~于是，终于搞定鸟~
[attachment=481181]


于是，这个是成品。。。。
[attachment=481182]
类似的，如果有mm想要更逼真的效果，也可以考虑给触须啊 蝴蝶身体也来点动态O(∩_∩)O~


        




重之 2010-01-29 23:17
我看得有点晕呢  我用的是光影魔术手也可以吗

smiledoll 2010-01-29 23:32
楼主大大很厉害 非常逼真 由衷的赞```

引用
引用第1楼重之于2010-01-29 23:17发表的  :
我看得有点晕呢  我用的是光影魔术手也可以吗


楼上滴MM 光影魔术手没有处理动态图片的功能

推荐以下软件咯~

FW IR UG(Ulead GIF Animator 5 )
FW专业做动图的 和DW FLASH统称网页三剑客
IR配PS的 不过最新的版本PS和IR已经合一起了
UG闪字用的比较多

辛寻 2010-01-29 23:34
啊啊啊！ 妙妙乃终于上翅膀了~~~~~ 传说中的蝴蝶动啊~~~ 俺一直的死穴！ 膜拜~ 明天一定好好研究上作业~ 啦啦啦~ 么么!

箫篱 2010-01-30 00:20
之前我有做过这个，但是怎么看都不像，学学这个。

厷主_贝 2010-01-30 01:14
支持妙妙的原创啊~~
有空偶要来交作业的

箫篱 2010-01-30 12:33
做好了，交作业，效果不好，晕死了。
[attachment=481360]

343597017 2010-01-31 22:04
一直都很想学SP    不过有点懒   嘿
现在在家   回学校交作业。

yeyuanyu 2010-02-04 14:45
我也做了。。。但是效果可能感觉不太好。。（初学啦。。。），请指正。。
主要是关于时间上的设置。。我有点晕。。能否指点下

-橘- 2010-02-05 16:18
我也来交作业啦！这是我第一次做动态图片呢。
[attachment=486277]

鬼马狂萱 2010-02-15 15:08
额~
瓦塌了

小瓜子sama 2010-02-24 16:03
占楼交作业。。做到第八步卡住了…… 我用的是CS3的，没有IR，也没有Fireworks，等下好，再继续。。


迟来许久的作业。。。俺发现后面几帧蝴蝶的身子不见了。。T0T。。。第一次动态作业。。

[attachment=621654]

虽然依旧没有身子。。。但是修改了一下。。。看起来稍微自然了点儿。。


[attachment=621672]

碧琉璃 2010-02-26 21:29
偶一直很想做动态的图片呢，但是看到“幁”就很怕。之前学flash5的时候已经蒙掉了。
妙妙，乃觉得抠图有什么心得没有？有时候的图没有这张蝴蝶那么清晰，要扣个人物出来很麻烦啊。。

精灵の爱 2010-03-07 01:28
动态的图好麻烦呀！头都晕了

作业：
[attachment=506858]
这个是我根据这个蝴蝶P的一个图也当修改的作业了

[attachment=508794]

青青荆棘 2010-03-12 19:33
呵呵，第一次做，做的不是很好啊。。。

而且好像做的有点大了。。。

但是还是真的很好玩哦，谢谢。。。

cookie.xue 2010-03-12 21:30

看看偶D第一次动感作业。

好事多磨啦啦啦啦~

cookie.xue 2010-03-13 01:32
妙妙心师父，来交课外作业。
跟你学了蝴蝶后，继续研究了3个小时，终于研究出了签名。
第一次原创吖，我要记录下来。








我想哭………………………………………………………………………………………………
做完了发现有一个字写错了 我想撞墙

lzr520 2010-03-14 02:37
你好,我还是搞不懂,能加下QQ吗?  350389793

cookie.xue 2010-03-14 11:20
亲爱的妙妙，咨询一下，怎样将2个GIF格式的图片组合成一个啊。

cookie.xue 2010-03-14 20:36
亲爱D妙妙大人，偶想高声赞美你，啦啦啦啦~
跟着你的帖子学习了2天，偶终于会做简单D签名啦。

给大大回报学习成果噢。啦啦啦~






已经给自己用上了，嘿嘿！

半日浮生 2010-03-27 19:41
妙妙 偶来交作业了

[attachment=518191]

cookie.xue 2010-03-30 15:49
浮浮~  你好棒，比我的蝴蝶美多了哈。

我的就像是残疾咯，哈哈

paopaoyu0905 2010-03-31 15:14
用四月活动的素材蝴蝶做了个
可是想了半天还是没想出来
该怎么让蝴蝶从图的左下角飞到右上角
妙妙可以教教偶不？

paopaoyu0905 2010-03-31 15:16
其实是想到一个了，就是复制N多的图层，从左渐进拖移到右边
可是偶觉得太麻烦了
偶实在是懒人一个啊
妙妙有啥简单的方法不？

妙妙心 2010-04-01 09:55
mm乃太强大鸟，按照教程制作出来的蝴蝶是在固定的位置轻扇翅膀，所以这样就已经符合教程要求啦~
如果mm想让蝴蝶从左飞到右，俺建议挑选一只比较侧面的蝴蝶，只制作两帧翅膀动态，然后就是多复制几个帧安放蝴蝶飞行轨迹。

mm可以参考这个，mua~




夏の夜 2010-04-02 00:12
那个，IR的

[attachment=521300]

[attachment=521301]

没有“复制当前帧”这个选项呢，而是“复制图层”

和在sp里的一样的选项

急呀，找不到呢？谢谢帮助呀

妙妙心 2010-04-02 09:50
mm好，这个复制当前帧，是在 IR----窗口----动画里面的

夏の夜 2010-04-02 12:54
找到啦

哈哈，妙心妙手地好斑竹哇
[attachment=521377]

抱抱，mua~~

paopaoyu0905 2010-04-02 15:28
谢谢妙妙啦
不过等忙过这段时间了
偶就去试看看
到时一起交作业

东纺 2010-04-03 12:37
妙妙，偶来交作业了，第一次做，如果不好，别笑偶哦！
[attachment=522075]

paopaoyu0905 2010-04-03 18:14
[attachment=522260] 哈哈哈
交个作业

东纺 2010-04-06 14:27
妙妙，偶想请问一下，PSC3版本在哪里下比较好啊？偶之前的那个中毒不能用了，下载很多个也都是有病毒的，要不然就没办法安装！

东纺 2010-04-06 16:10
妙妙，我早上有去思源下载过，但是安装不了，它出现了这样一个对话框，我不知道怎么弄！我太笨了！
[attachment=523870]

戴辉爱我9999 2010-04-08 22:59
3. 变换图片（ctrl+T），调节大小与方向。由于原图不够清晰，所以俺决定将蝴蝶调小一些。调节大小时，可同时按住shift，使之等比例缩放。  

   我变换图片的时候，怎么好像就整个尺寸都变小了。
而且用ctrl+J复制也不动了，看截图

妙妙心 2010-04-09 09:46
mm好，按住shift调节大小是 等比缩放 啊，就是跟原图的比例保持一致的缩放，那当然整个尺寸都小啦。。。如果mm想部分调节，可以不按住shift，乃可以试试效果哦，╭(╯3╰)╮
[attachment=525244]
俺看到mm的蝴蝶米有去底色哦，就是白色部分，这个可以用魔棒去一下，然后复制一层再缩小蝴蝶，就只有蝴蝶啦，不会带着那个白底。。。
ctrl+j 复制不动的原因： mm乃滴图层处于编辑中状态，小蝴蝶那个放个选框还在，乃按回车确定修改，或者Esc键退出编辑都好，然后就可以复制图层啦，╭(╯3╰)╮

哎，希望俺滴表达mm能明白，不明白的话请pm俺。。。

戴辉爱我9999 2010-04-09 12:15
白色部分，这个可以用魔棒去一下

我先点魔棒工具--再点蝴蝶白色部分（出来一圈虚线，沿着蝴蝶图像的边沿）--点delete键，然后就不知道如何进行了。活动面板的图层的小窗口是透明的背景，但是文件编辑区的却还是白色的背景呀。看下截图。

油池里的鱼 2010-04-09 18:08
最笨就是我了，到现在还没有弄成，妙妙还手把手教过

妙妙心 2010-04-09 19:33
mm 乃滴魔棒米有问题，但是原背景前面滴眼睛乃要去掉啊，那个眼睛点一下就去掉鸟╭(╯3╰)╮
[attachment=525668]




mm需要滴图层前面留个眼睛就好  需要出现滴留眼睛，不需要滴不留眼睛 ~\(≧▽≦)/~啦啦啦 
 

殇之淡然 2010-04-09 19:45
刚刚在妙妙（不知道能不能这么叫~~）你的帮忙下~~终于好了~~谢谢啊~~
我的成果~~~
[attachment=525671]

戴辉爱我9999 2010-04-09 22:19
我还有问题，我截图了的。
哎，真不好意思，我实在是太笨了。

戴辉爱我9999 2010-04-10 10:20
我把后面的步骤先完成了一下，发现我的工具栏那里没有ir这个标志，看截图1.1。我下载的是ps3版本。
然后，我再点-窗口-动画，倒是在底下出来了和楼主演示的差不多的动画窗口，看截图1.2
然后我就不知道怎么弄了。

东纺 2010-04-12 09:57
妙妙，偶又去下载了一下，双击那个Setup，它显示数据库已经损坏！
[attachment=526858]

萝萝 2010-04-15 17:07
今天下午搞了一下午，还是没有搞成啊，真是郁闷呢。

咱们。 2010-04-16 16:47
为什么没有保存的时候没有那个  将优化结果存储为。。。。为什么
哈哈，，，这样好了。。差一点就完成作业了

萝萝 2010-04-16 23:24
妙妙啊，功夫不负有心人啊，
我终于搞定一只了，但是，
可能抠图的时候没有搞好啊，
所以背景有点怪怪的。
[attachment=528835]

[attachment=528836]  

水滴石 2010-04-22 09:47
翅膀看上去有些不对称
[attachment=531160]

仪歌 2010-04-26 14:49
妙妙，俺下的是免安装版本的PS，没有带IR，真是XX啊
不过这也是个细致活
俺以后做了来交差吧。。。

止水 2010-04-27 16:33
来交作业
貌似胡须动的方向错了。。。

[attachment=533651]

underway 2010-05-09 23:34
我做反了，于是比较肥。。。做得我整个傻了，好歹出来效果了。
交个作业先~
[attachment=539857]

琅华 2010-05-10 10:24
做了个小的试试看。。为什么所有的图层都在一起，做的时候，需点掉前面的小眼睛。这是怎么回事？看妙妙的教程上，没有这样咩？

只做了三帧。。。感觉扇动的还是不够自然咩。。。

[attachment=539928]


查看完整版本: [-- 【原创PS图效教程】蝴蝶扇动翅膀 --] [-- top --]


Powered by PHPWind v7.5 SP3 Code ©2003-2010 PHPWind
Time 0.017227 second(s),query:2 Gzip enabled

You can contact us