search
HomeWeb Front-endPS TutorialPS打造破碎的动漫人物效果gif动态图

这篇教程是向脚本之家的朋友介绍利用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就看不到了。不好的地方还是要用画笔再蒙版上画一画。如图

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个,效果要好就可以多弄些,碎片图层的碎片数量不要太多,分多图层效果会更好。还有时间上的把握。

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Advanced Photoshop Tutorial: Master Retouching & CompositingAdvanced Photoshop Tutorial: Master Retouching & CompositingApr 17, 2025 am 12:10 AM

Photoshop's advanced photo editing and synthesis technologies include: 1. Use layers, masks and adjustment layers for basic operations; 2. Use image pixel values ​​to achieve photo editing effects; 3. Use multiple layers and masks for complex synthesis; 4. Use "liquefaction" tools to adjust facial features; 5. Use "frequency separation" technology to perform delicate photo editing, these technologies can improve image processing level and achieve professional-level effects.

Using Photoshop for Graphic Design: Branding and MoreUsing Photoshop for Graphic Design: Branding and MoreApr 16, 2025 am 12:02 AM

The steps to using Photoshop for brand design include: 1. Use the Pen tool to draw basic shapes, 2. Add shadows and highlights through layer styles, 3. Adjust colors and details, 4. Use smart objects and actions to automatically generate different versions of the design. Photoshop helps designers create and optimize brand elements with the flexibility of layers and masks, ensuring consistency and professionalism of designs, from simple logos to complex branding guides.

Photoshop's Subscription Model: What You Get for Your MoneyPhotoshop's Subscription Model: What You Get for Your MoneyApr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: Investigating Free Trials and Discount OptionsApr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

Photoshop's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat Commands and How to Use Them
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.