0

0

PS制作漂亮的旋转水晶球gif动画教程

PHP中文网

PHP中文网

发布时间:2016-06-01 14:27:38

|

2354人浏览过

|

来源于php中文网

原创

  这篇教程是向大家介绍利用ps制作漂亮的旋转水晶球gif动画方法,教程比较简单,制作出来的效果很不错,推荐过来,一起来学习吧!

   因为动画图片有22帧

  所以大家制作的图片不能超过500*350像素

  大家也可以发挥自己的想象力

  顺便说一句

  照例先上效果图

  这张图不透明度50%

PS制作漂亮的旋转水晶球gif动画教程

  我给出设计好的素材

  你也可以用自己的

PS制作漂亮的旋转水晶球gif动画教程

  1、打开PS软件,传上素材。

PS制作漂亮的旋转水晶球gif动画教程

  2、Ctrl+J复制两层,得到图层1和图层1副本。

PS制作漂亮的旋转水晶球gif动画教程

  3、为了方便操作,先把背景图层眼睛关掉。点蓝图层1,左手按住Shift,右手用移动工具将图层1左移一些位置,如上图示。接着点蓝图层1副本,左手按住Shift,右手用移动工具将图层1副本右移一些位置,如下图示。

  友情提示:操作的时候 要注意不要一直按着Shift 先选中图层再按 不选图层要松开

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  4、用矩形工具在图层1副本拉一个长方形(如上图中的虚线处),羽化8像素,确定后点键盘按Delete删除。这时候会出现羽化(如下图)。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  5、点蓝图层1,用矩形工具再把羽化好的虚线框(如上图)左移,然后点键盘按Delete删除,如下图所示。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  6、取消虚线框选择。左手按着Shift把图层1和图层1副本移回到接缝处,接着用左手按着Shift点蓝图层1和图层1副本,如上图所示;合并两个图层为图层1副本,如上图所示。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  7、用椭圆形工具,点上方(红框处)栏里设置“路径”,左手按着Shift,右手用鼠标拉一个正圆形,接着点击图层面版中的路径,会出现蓝色的工作路径(下图所示)。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  8、点击图层面版中的路径进入后,左手按着Ctrl,右手点击工作路径,原来工作路径蓝色就没有了(如上图),此时正圆变成蚂蚁线,接着点击面版中的图层,然后回到图层(如下图)。回到图层后,虚线框可以随便移动到合适的位置。

短影AI
短影AI

长视频一键生成精彩短视频

下载
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  9、在图层1副本面板上“添加图层蒙版”(如上图),然后点击图层1副本面板上的图和蒙版间的小链条(看下图红框处),去掉链条。再把背景层的眼睛点上。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  10、点击“窗口-动画”并打开动画面板,再复制一帧(中间图和下图所示)。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  11、点图层1副本缩览图,用移动工具在图片圆形框中的图像向左移到合适的位置,如上图所示。再点回第一帧(如下图所示),接着把图层1副本里的缩览图和蒙版之间的小链条点出来。最后选中背景层。

  友情提示:用移动工具在图片圆形框中的图像向左移到不要露出尽头为适合。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  12、复制背景层得到背景副本,在操作栏执行“滤镜-模糊-高斯模糊”命令,半径3.0像素,如上图所示。接着合并背景和背景副本图层。

  问题:为什么要复制一层?是因为有些文字要涂出来。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  13、点蓝图层1副本,点击“过渡动画帧”过渡20帧,如上图和中图所示。看一下动画效果,满意后点击动画面板上方的小黑三角,进去后点击“选择全部帧”,再点击“将帧拼合到图层”,最后点击“删除动画”,如下图所示。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  14、“将帧拼合到图层”后,就共有22帧。然后做个效果:左手按着Ctrl,用鼠标点击图层1副本蒙版载入选区(见上图),紧接着鼠标点图层帧1,执行“滤镜-扭曲-球面化”命令,数值默认,确定(不要取消选区),如中间两图所示。然后再点蓝帧2,打开眼睛,上方的菜单的“滤镜-扭曲-球面化”,再点蓝帧3,打开眼睛,上方的菜单的“滤镜-扭曲-球面化”...... 如此类推,直到做完22帧为止,(见下图)。

  友情提醒:这个地方是说先左手按着Ctrl,用鼠标点击图层1副本蒙版(那个白圈圈)载入选区,这里我以为大家都知道,没有图示。紧接着鼠标点图层帧1。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  15、这部分很重要。不要取消选区。创建一个透明层(见上图),点菜单“选择-修改-羽化”,羽化半径8像素(见中图)。然后点菜单“编辑-描边”,描边宽度5像素,位置选“内部”(见中间共三图所示)。接着点菜单“选择-反向”,再点“编辑-删除”,(见最后一图)。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  16、透明图层1反向和删除后,取消选择,设图层面版的不透明度50%(也可以不设透明度)。创建一层透明层,得到透明图层2(见上图),用画笔工具在菜单上的画笔预设里找到柔角,设置柔角100,在球左上方点一下,作为亮光(见中图)。接着点击菜单上的“选择-重新选择”,再将球反向,在键盘上按删除键,将球外的亮光删除(见下图)。

  友情提醒:画笔的硬度降到0。这样,亮光的边缘显得很柔和自然了。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  17、将图层2取消选择(见上图)。打开动画面版,把图层里的21帧圆球层眼睛从上到下逐一关掉,动画框第1帧,点图层帧1眼睛(见中图)。添加一帧,即第2帧,打开圆球层帧2眼睛,添加一帧,即第3帧,打开圆球层帧3眼睛 ...... 如此类推(见中图2),直到做完22帧为止,如下图所示。

PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程
PS制作漂亮的旋转水晶球gif动画教程

  18、看动画效果满意后,点击web格式后,紧接着点击“存储”,如图所示。全图完毕。

PS制作漂亮的旋转水晶球gif动画教程

  教程结束,以上就是PS制作漂亮的旋转水晶球gif动画教程,希望大家喜欢!


热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
java连接字符串方法汇总
java连接字符串方法汇总

本专题整合了java连接字符串教程合集,阅读专题下面的文章了解更多详细操作。

7

2026.02.05

java中fail含义
java中fail含义

本专题整合了java中fail的含义、作用相关内容,阅读专题下面的文章了解更多详细内容。

8

2026.02.05

控制反转和依赖注入区别
控制反转和依赖注入区别

本专题整合了控制反转和依赖注入区别、解释、实现方法相关内容。阅读专题下面的文章了解更多详细教程。

11

2026.02.05

钉钉脑图插图教程合集
钉钉脑图插图教程合集

本专题整合了钉钉脑图怎么插入图片、钉钉脑图怎么用相关教程,阅读专题下面的文章了解更多详细内容。

24

2026.02.05

python截取字符串方法汇总
python截取字符串方法汇总

本专题整合了python截取字符串方法相关合集,阅读专题下面的文章了解更多详细内容。

2

2026.02.05

Java截取字符串方法合集
Java截取字符串方法合集

本专题整合了Java截取字符串方法汇总,阅读专题下面的文章了解更多详细操作教程。

1

2026.02.05

java 抽象方法
java 抽象方法

本专题整合了java抽象方法定义、作用教程等内容,阅读专题下面的文章了解更多详细内容。

2

2026.02.05

Eclipse创建jsp文件教程合集
Eclipse创建jsp文件教程合集

本专题整合了Eclipse创建jsp文件、创建jsp项目等等内容,阅读专题下面的文章了解更多详细教程。

26

2026.02.05

java 字符串转数字
java 字符串转数字

本专题整合了java如何字符串转数字相关内容,阅读专题下面的文章了解更多详细教程。

4

2026.02.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
零基础精通 PS 视频教程
零基础精通 PS 视频教程

共268课时 | 93.5万人学习

前端工程师必备技能—PS切图
前端工程师必备技能—PS切图

共11课时 | 1.9万人学习

麦子学院Photoshop切片视频教程
麦子学院Photoshop切片视频教程

共13课时 | 3.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号