• 技术文章 >web前端 >PS教程

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    PHP中文网PHP中文网2017-03-20 13:13:21原创965
    制作动画之前需要把雨滴单独做出来,然后根据自己的思路设定动画展示效果。如果雨滴过多不太好控制,可以先新建一个较大的画布,把雨滴复制并排列好,最后用整张图片来做动画即可。 最终效果

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    1、新建一个500 * 200像素,白色背景文件,新建一个图层添加下图所示的径向渐变。

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    2、按Ctrl + Shift + N 新建一个空白图层,快捷键“U”选择自定义形状,选择水滴。

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    3、新建空白图层,按Ctrl点击水滴图层载入选区,填充白色。执行:滤镜 > 模糊 > 高斯模糊,数值自定。确定后再按Ctrl点击水滴图层载入选区,按Ctrl + Shift + I 反选,按Delete 删除,如下图。

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    4、按Ctrl + J 复制图层两次,分别用橡皮擦擦除部分,用钢笔工具选定删除部分。选中它们,Ctrl + E合并图层。

    5、双击解锁背景图层,按Ctrl + Alt + G修改画布高度为2000,水滴图层模式改为“滤色”,复制图层4次,按Ctrl + T 自由变换。

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    6、按Ctrl + J 复制图层。

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    7、快捷键“V”,移动图层到蓝色区域上面,随机分布,如下图所示。

    8、选择菜单:窗口 > 动画,复制一帧,选择第二帧。

    9、移动这些图层,到蓝色区域下面(提示移动的距离越长,生成的动画速度就越快,反之就越慢)。

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    10、过渡第一帧,添加帧数为35 - 40左右,设置时间为0.04,删除前面第二帧与后面一帧。剪切工具,设置“隐藏”选择蓝色区域剪切。

    Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画效果

    11、按Ctrl + Shift + Alt + S保存为GIF图像,完成最终效果。

    201201291047422.gif
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:浅蓝色 雨滴 GIF动画
    上一篇:Photoshop设计制作出梦幻的彩色艺术光束丝壁纸 下一篇:photoshop设计制作出2012情人节红色心形壁纸
    Web大前端开发直播班

    相关文章推荐

    • Photoshop鼠绘制非常细腻的红苹果• Photoshop 可爱的闹钟图标• 电子杂志设计制作中的新技术整合运用• 用PS制作唯美的水下人像特效• photoshop打造一个精致的蓝色水晶文件夹图标

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网