谁的马甲 发表于 2005-5-29 09:16:39

【BC教程】GIF·雪花效果

教程·雪花效果

由于冬天一年只有一次所以雪花效果貌似不是很常用(啥)
不过本例中所说的方法对于花瓣、流星、小雨、炸弹等等一切连贯砸落的东西一概适用……
但是,由于此效果需要10至20帧的GIF,所以请不要妄图用在头像上面……

本教程中使用PhotoShop CS及ImageReady CS。
废话至此,那么开始。


一、打开Photoshop,新建一个文件把底涂成黑色,高度为宽度的3~5倍。本例似乎(?)为150×600。
    新建一个图层,画出雪花。如果使用雪花状画笔效果可能会更好,此处使用白色柔角是偷懒(喂)。
    上方请酌情留出黑块一小片。
http://person.uland.com/personphoto/16/16760/16760905/937633685.JPG

二、用选框工具在图片底部选出你所希望的图片大小。
    怎么说呢,比如说本例最终输出的图片是150×150,此处就在底部圈一个150×150的选区。
    如果你是要在图片上方飘雪的话请直接选取图片大小。这个大小的数字请铭记,以后有用。
    另:选区工具栏“固定大小”一项很好用,请留意。
http://person.uland.com/personphoto/16/16760/16760905/937634892.JPG

三、复制粘贴。
    顶部不完整没有关系,但是底部一定要完整。所以最初画白点时请不要粘锅。
http://person.uland.com/personphoto/16/16760/16760905/937635565.JPG

四、将粘出来的部分移送顶部填补空白。
    现在途中红框圈出的①区和②区是完全相同的,这就是最后成品雪花连贯的原因。
    接下来要做的就是让图片从①区渐渐移到②区然后如此重复。可能比较抽象。请慢慢理会。
http://person.uland.com/personphoto/16/16760/16760905/937636794.JPG http://person.uland.com/personphoto/16/16760/16760905/937637122.JPG

五、再新建几个图层,重复一至四步。这里用不同颜色来区分不同图层。
    可以看出,白色大雪花所经过的路程最长,蓝色雪花其次,紫色小雪花最短。
    由于GIF一次循环的时间是一定的,所以经过的路程越长速度就越快。
    大的雪花在前面飘得较快,小的雪花在后面飘得较慢,就比较有层次感。
    另:此处每一层的雪花大小都是统一的,只是为了便于区分。其实只要大致地分出“较大”,“适中”,“较小”就可以了。
http://person.uland.com/personphoto/16/16760/16760905/937638112.JPG

六、点击工具栏“切换到ImageReady”按钮,切换到ImageReady。
    点击图像-画布大小。将长宽设为第二步所提到的选区大小。
    注意,“定位”一项请如图点击“中下”。
http://person.uland.com/personphoto/16/16760/16760905/937639084.JPG http://person.uland.com/personphoto/16/16760/16760905/937640842.JPG

七、新建一帧,将每个图层的位置都往下移,直到这一帧看起来和第一帧一模一样。
    其实在第一帧中显示的就是每层的①区,现在要做的就是把每层都移到②区的位置,这么说比较好理解吧……
    这一步比较耗时间,大致的调好位置后用方向键微调比较方便。
    如果雪花太小不好定位的话可以使用滤镜-位移工具。实在搞不清楚就不停地按方向键下来磨时间罢……
http://person.uland.com/personphoto/16/16760/16760905/9376410710.JPG

八、选择第二帧,点击过渡工具。过渡范围选择“上一帧”。
    要添加的帧请视情况而定,本例为20。也就是说,加上原来的2帧,这一步过后共有22帧。
    底下的过渡选项中,图层请选择“所有图层”,参数中“位置”一定要勾,其它两项无所谓……
    每一帧的时间选择0~0.15s之间为宜。
http://person.uland.com/personphoto/16/16760/16760905/937642497.JPG

九、删除第22帧。因为第一帧和第22帧(即原来的第二帧)是完全相同的,所以要删除其中一帧才显得比较连贯。
    最后优化输出,完成~
    附单层和多层两个成品供参考。

单层 http://person.uland.com/personphoto/16/16760/16760905/937631928.GIF多层 http://person.uland.com/personphoto/16/16760/16760905/937632471.GIF


这里用作教程所以雪花比较多,如果您希望在下面加个人头的话请酌情减量。
有一些步骤比较抽象麻烦,我尽量说明白了,还有什么问题的请跟贴询问。

lovecat512 发表于 2005-5-29 11:19:53

谁的马甲 发表于 2005-5-29 11:30:52

回复: 【BC教程】GIF·雪花效果

这个最好用的是蒙板~~~~
……难道还有别的作用?

lovecat512 发表于 2005-5-29 11:32:37

76006925 发表于 2005-5-29 20:58:20

回复: 【BC教程】GIF·雪花效果

先谢过两位大人

再问:蒙版怎么用?
页: [1]
查看完整版本: 【BC教程】GIF·雪花效果