GiF动画 – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Fri, 10 Aug 2018 13:18:20 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 Photoshop制作简单的加载GIF动画 //www.laura-marie.com/49302.html //www.laura-marie.com/49302.html#respond Fri, 10 Aug 2018 13:15:06 +0000 最终效果



详细过程






 

 

 

 

 

 

 

 

]]>
//www.laura-marie.com/49302.html/feed 0
PS通道和动作制作细腻的下雨GIF动画 //www.laura-marie.com/45824.html //www.laura-marie.com/45824.html#respond Mon, 18 Jul 2016 00:13:25 +0000 之前都是用杂色滤镜来制作雨丝,相对来说雨丝比较密集,不是很自然。本文介绍的方法要人性化很多,在通道中可以调节雨丝的大小和密集程度,这样得到的效果要自然很多。

大雨

小雨

1、在下图上面右键选择“图片另存为”保存到本机,再用PS打开。

 
2、进入“动作”面板,如果没有可以选择菜单:窗口 > 动作,打开后点击下面的新建,建立一个新动作。

3、在弹出的新建对话框给动作命名为“下雨”,如下图,然后点击“记录”。

4、这时候我们可以看到下面的红色图标,代表动作已经开始录制。

5、进入通道面板,点击下面的新建按钮。

6、我们得到了一个Alpha 1通道,如下图。

7、按字母键“D”把前,背景色恢复到白,黑,如下图。这一步很重要,后面的滤镜需要前背景色搭配。

8、选择菜单:滤镜 > 像素化 > 点状化。

9、把单元格大小设置为4,如果雨丝要细相应的数据就设置小一点,然后确定得到下图所示的效果。

10、按Ctrl + L 调整色阶,然后设置参数,效果如下图。这一步也非常重要,可以设置色阶中的参数得到分布均匀的小点。

11、选择菜单:滤镜 > 模糊 > 动感模糊,参数及效果如下图。

12、如果觉得雨丝不够明显,可以再按Ctrl + L 调亮一点,参数及效果如下图。

]]>
//www.laura-marie.com/45824.html/feed 0
Fireworks制作闪光略过的GiF动画 //www.laura-marie.com/11184.html //www.laura-marie.com/11184.html#respond Mon, 05 Mar 2007 08:17:00 +0000

效果:

源文件:

1、首先我们把背景选为黑色。再输入文字用白色填充,注意调整文字之间的间隔。

2、选中字体,对其进行转换为路径文件。

3、对间隔再做少许调整。

4、复制文字改为黑色,做平移,出现立体效果。

5、再复制一次文字,并用部分选取工具选中路径进行颜色的填充。颜色根据自己喜好来

6、用矩形能够工具画一个矩形填充白色,羽化10象素,矩形最好放在文字上方。

7、接着就要进行动画的操作过程了,因为考虑到只有第一层图片有动画效果,所以可以对另外2个图层进行共享层的操作。
我们点击层面板上的按扭进行新建层。

并在共享此层上打勾

将需要共享的图层拖至层2内并放在层1下面

8、接着在帧面板上点击,选择重置帧,就是复制相同的帧。

9、选择第2帧,剪切白色羽化矩形,选中最上面需要做动画的图层,使用编辑 ― 粘贴于内部,看….效果出来了,不过重要的是这里才刚刚开始。

10、我们再看层面板,把锁定选项点掉,再选中蒙板处。

11、用指针工具在图形里面选择羽化后的矩形,用键盘的<–方向键进行移动,到达需要的位置。

12、选中第2帧,再重置一个帧,请按照第8步部来做。

13,重复第11步,把白色的闪光效果帧一帧往后移,接下来几帧如此类推。

 

]]>
//www.laura-marie.com/11184.html/feed 0