0

0

PS打造破碎的动漫人物效果gif动态图

PHP中文网

PHP中文网

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

|

2865人浏览过

|

来源于php中文网

原创

这篇教程是向本站的朋友介绍利用ps打造破碎的动漫人物效果gif动态图方法,教程制作出来的效果真的很不错,教程不是很难,推荐到本站,喜欢的朋友可以跟着教程一起来学习

  这篇教程是向本站的朋友介绍利用PS打造破碎的动漫人物效果gif动态图教程,教程非常不错,推荐到本站,一起来学习吧!

   效果图

PS打造破碎的动漫人物效果gif动态图

  本次教程的素材:

PS打造破碎的动漫人物效果gif动态图
PS打造破碎的动漫人物效果gif动态图

  第一步:首先新建一个合适的画布,并填充自己喜欢的背景颜色。我填充的是蓝色:

PS打造破碎的动漫人物效果gif动态图

  第二步:将喜欢的两个人物放进去,创建智能对象,调整好大小与位置。这里,我选了个人喜爱的罗。素材也已经提供,是我百度找的,而且已经抠好了。

  然后将他们命名好后,分别创建蒙版。并且将他们的蒙版与图层的链接点击取消。如图二的位置。

PS打造破碎的动漫人物效果gif动态图

  图片来自:泪了阳光的百度相册

PS打造破碎的动漫人物效果gif动态图

  第三步:选择直线工具,如图三所示,

PS打造破碎的动漫人物效果gif动态图

  并且选择它的方式为像素。

PS打造破碎的动漫人物效果gif动态图

  图片来自:泪了阳光的百度相册选好后,选择罗1的图层蒙版,按住

  alt键,点击蒙版,就能只看蒙版了。然后用直线工具从左上角按住,拉到右下角,(颜色为黑)即可画

  出一条线。如图

PS打造破碎的动漫人物效果gif动态图

  第四步:选择油漆桶工具,(黑色)在蒙版的左下半部分点击填充。如图四。

PS打造破碎的动漫人物效果gif动态图

  图片来自:泪了阳光的百度相册

PS打造破碎的动漫人物效果gif动态图

  第五步:选择画笔工具,点击它的画笔预设,如图五。

PS打造破碎的动漫人物效果gif动态图

  然后再点击预设面板右下角的预设管理器。

PS打造破碎的动漫人物效果gif动态图

  图片来自:泪了阳光的百度相册

  然后选择那个螺丝,如图所示。选择混合画笔,追加。

PS打造破碎的动漫人物效果gif动态图

  第六步:然后就有了如图六所示的三角形画笔。(选择其他形状画笔也行),个人喜好。

PS打造破碎的动漫人物效果gif动态图

  然后拉大间距,100%以上。不要太大。

  这个有图六···

PS打造破碎的动漫人物效果gif动态图

  然后选择形状动态,调整大小抖动,最小直径,和角度抖动。再然后选择散布,拉到一定程度,看下面的图示,感觉可以了就行。

PS打造破碎的动漫人物效果gif动态图
PS打造破碎的动漫人物效果gif动态图

  第七步:还是按着alt键,单单看罗1的图层蒙版。在对角线边缘用画笔画,注意,是用黑色和白色交叉画,注意画笔的大小。如图七。

PS打造破碎的动漫人物效果gif动态图

  画的差不多了,就换成移动工具,点击蒙版,按着shift键,再按右方向键,向右移动。这时要看罗1的图层,看看罗1是否还看得见。

PS打造破碎的动漫人物效果gif动态图

  当然对角线的蒙版还是不能蒙住罗1的。所以要用矩形选框工具,在蒙版里选出一个框来,然后在填充黑色。

PS打造破碎的动漫人物效果gif动态图

  这时罗1就看不到了。不好的地方还是要用画笔再蒙版上画一画。如图

Phidata
Phidata

Phidata是一个开源框架,可以快速构建和部署AI智能体应用

下载
PS打造破碎的动漫人物效果gif动态图

  然后,按住alt键,用鼠标把罗1的蒙版复制给罗2。

PS打造破碎的动漫人物效果gif动态图

  然后选择罗2的蒙版,用移动工具,ctrl+t,将它水平翻转再垂直翻转。如图。

PS打造破碎的动漫人物效果gif动态图

  记得用上面的方法再shift+方向键 水平移动移动。

  第八步:创建视频时间轴。如图8.当然,一开始也可以直接打开这个视频时间轴了

PS打造破碎的动漫人物效果gif动态图
PS打造破碎的动漫人物效果gif动态图

  第九步:点击罗1和罗2的图层蒙版位置的码表按钮。如图9.

PS打造破碎的动漫人物效果gif动态图

  然后选择罗2的蒙版用移动工具,按住shift键,再按右方向键,移出边缘,使罗2完全看得见,出现就好。

PS打造破碎的动漫人物效果gif动态图

  然后将时间轴移动到自己想结束的位置(我这里先设置在了3:00f)。然后再开始分别罗1和罗2的图层蒙版的位置,还是水平平移。如图,都移到左边。罗1出现,使罗2完全消失。记住,先移动时间轴,再移动蒙版

PS打造破碎的动漫人物效果gif动态图

  第十步:这时已经可以播放试试,看看效果,是否一个出现,一个消失。

  然后如图10.直接复制出罗2的副本,ctrl+j。

PS打造破碎的动漫人物效果gif动态图

  删除它的蒙版。然后鼠标右键,栅格化图层。

PS打造破碎的动漫人物效果gif动态图

  然后再为他创建新蒙版,填充黑色。这样就看不到罗2副本了。时间轴要调回起始点哦

PS打造破碎的动漫人物效果gif动态图

  然后用以前设置好的三角形画笔,白色,在罗2副本蒙版上画,这样就有碎片的感觉了。然后把蒙版删除,应用了蒙版内容。

PS打造破碎的动漫人物效果gif动态图

  用同样的方法再创建碎片2图层。然后删除碎片的蒙版,并且应用。蒙版删除后,再把它们创建为智能对象。

PS打造破碎的动漫人物效果gif动态图
PS打造破碎的动漫人物效果gif动态图

  第十一步:把碎片的时间段移到跟前面的图层一个时间段。然后的步骤和上面的相似,把时间轴拉回起

  始点。然后在点击碎片的变换按钮,2个碎片都点,点了后,再把时间轴拉到下一点,在开始用移动工具,变换拉动碎片1.如

  图11所示。

PS打造破碎的动漫人物效果gif动态图

  先弄碎片1。碎片一调整好后,再弄碎片2。记住,先移动时间轴,在移动碎片,碎片要有变

  形收缩等等,怎么好看怎么来。如图。

PS打造破碎的动漫人物效果gif动态图

  碎片是个繁琐的活,需要反复调整。然后把罗2整个图层拉到最上面

PS打造破碎的动漫人物效果gif动态图

  然后我也调整了罗1的关键帧

  ,向右移动了一些,这样使衔接的更好。

PS打造破碎的动漫人物效果gif动态图

  最后,就是存储为web所用格式,并且调整图像大小之类的信息。这样就完成了。

  好累的说,有没有人支持支持啊

PS打造破碎的动漫人物效果gif动态图

  图片来自:泪了阳光的百度相册

PS打造破碎的动漫人物效果gif动态图

  最后声明:想要人物破碎的效果,方法还是很多的,用AE软件的话,效果会更好,难度应该没有那么大。然后如果你也像我一样,用PS的话,效果好就可以能很多的碎片图层,我教程这里比较懒了,只弄了2个,效果要好就可以多弄些,碎片图层的碎片数量不要太多,分多图层效果会更好。还有时间上的把握。

热门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号