In this video, I'm going to show you how to
do a disintegration effect in Photoshop..
Hi, welcome back to the
Photoshop Training Channel.com..
I'm Jesus Ramirez. In this video,
I'm going to show you how to create the disintegration effect
in Photoshop. We're basically going to replicate the effect
that you saw in the 'Avengers: Infinity War' movie..
It's a really neat effect, and we're going
to take advantage of Photoshop's brushes and patterns. And even though you may never need to create
this effect, the techniques that you're going to learn in this tutorial are very valuable
if you want to learn how to create effects in Photoshop..
Also, this tutorial takes advantage of many
tools and features, so it might be a good idea to watch the tutorial first, take notes,
and then watch it again, and follow along..
Okay. Let's get started. This is the document that
we're going to start with. And just to let you know, I have three layers. I have a background layer, and this foreground
element, which has already been extracted.
From its background. So, when you follow this tutorial and work
with your effect, make sure that you are working with a foreground element without
a background like this one. Also, I have this gray background. It's simply a Solid Fill layer, and I like having this gray background
because it allows me to see the foreground element without any distractions from the background. So, I will be enabling, uh, this layer on
and off throughout the tutorial, and this is simply a Solid Color Adjustment Layer,
which was set to gray. Also, I would like to point out that the background,
the image is an image that I blurred with.
The Gaussian Blur, and I also used Camera
Raw to make tonal adjustments..
This is a Smart Object,
so I can make adjustments if I need to..
And I matched the foreground element
to the background, using techniques that you've already seen in a different tutorial. I'm not going to go through those techniques
in this tutorial just to save a little bit of time, and so that we can focus
on the dispersion effect. However, if you want to learn how to match
your foreground element to your background element, I have two tutorials that you can
watch on that. I have a quick 90-second tip where I show you how to do this with a curves adjustment layer, and a longer tutorial where I show
you how to match each component manually,.
Luminosity, saturation, and hue. So, I recommend those tutorials if you want to learn how to match your
foreground element to your background. But anyway, these are the layers that we're
going to use for this tutorial, and the first thing that we're going to do is create a brush. This brush is going to help us create the
dispersion effect. So, I'm going to go into this file here. It is a stock image that I found of charcoal
up against the white background. Unfortunately, I can't provide this image
since it is a stock image, and I don't have the rights to provide it for free. It is an Adobe stock image. I can place a link down below in the description
where you can download it and license it if you like, or you can download a free watermark
version for this. What I will do, however, is provide the brush
that I create, so that you could use it in your projects..
So, learn the steps, use your own image, and
if you don't want to go through the steps, that's fine. You can download the brush that I will be
creating. But anyway, this is the image that I'm going
to use to create a brush. And to create brushes, we need a white background
and a dark element in the foreground, which.
Is what we have here, and we don't really
need to do much work. All we really need to do is when you have
an image like this where the background is white and the foreground element is dark,
is simply go into Edit, Define Brush Preset,.
Then give your brush a name. The name really doesn't matter in this case. I'll simply call it 'Distortion'. Then, I'll press OK, and now I have a brush
based on this image. If I go back into the file where I have my
foreground and background, I can simply create.
A new layer on top of that, and I can paint. So, you can see that I can click and paint. Now, the great thing about this is that I
can now use Photoshop's brush settings to.
Adjust my brush, and make it even more powerful. So, I'm going to delete this layer by tapping
the Delete key on the keyboard, and I'm going to create another layer, then I'm going to
click on this icon here to bring up the brush.
Settings, and I can start with a brush tip,
and I can adjust the spacing..
Notice the preview window here. Any adjustments that I make to the brush settings
will be displayed in the brush preview..
So if I increase the spacing, watch how the
spacing of the brush increases..
Now, when I paint, and by the way, I'm going
to make the size smaller, so I'm going to click and drag this down, just so that it's
more manageable. So, when I paint, you can see my brush stroke
there, and I'm actually going to change the.
Foreground color to white just so that my
brush stroke is easier to see. The color really doesn't matter. What we're doing right now is adjusting the brush so that we could use it
for the effect that we want. And by the way, as you're watching this tutorial,
if you have any comments or questions, feel free to leave them down below. Either myself or somebody else will answer
them for you. Also, if I show you something that you like,
click on that like button. It really helps me out. But anyway, we're going to work with the Shape
Dynamics now, and I'm going to increase the Size Jitter, which increases the variance
of brush marks in your brush stroke..
Notice now though when I paint, all the brush
marks are different sizes, making it seem more random..
I'll now increase the Angle Jitter. The Angle Jitter rotates the brush mark, making
the brush even more random when you paint..
And I'm just going to delete this layer, and
create a new one, and this is what my brush looks like now..
I'll now increase the Roundness Jitter to
make my brush marks even more random..
When I paint, it looks like that. I'm going to to increase the Scattering to
scatter the brush strokes a little bit..
I think that's a bit much, so I'll bring down
And that's looking much, much better. Remember, that you can increase and decrease
the size of your brush by using the bracket keys on your keyboard, and this is looking
really good. And now that I've made these changes, I can
collapse the brush panel, and I can delete.
This layer, and we're going to start from
scratch. And what I'm going to do now is create a Layer
Mask, and I'm going to paint with black on this Layer Mask to hide parts of the model. So notice that I'm painting, and you see how
he starts disappearing. This is how we're going to create that disintegration
effect. Also, as I'm working, I'm going to be pressing
the right bracket key to increase the size of my brush, and the left bracket key to decrease
the size of my brush. Also, I'm going to enable the gray background
so that it makes it easier to see what I'm.
Hiding on the Layer Mask. So I'm going to start painting, and I'm going
to go fairly quickly here, but in your image, you should spend some time fine-tuning and
deciding what areas are going to be hidden..
And remember, this is non-destructive, so
you can always come back and make changes if you need to. Remember that black conceals, which is what
we're doing now. We're hiding pixels by painting with black
on the Layer Mask, but if you want to bring back any of those pixels that you hid, you
can switch the foreground color to white and.
Paint on the Layer Mask to reveal those pixels
again. Then, for the purposes of saving time, I'm
going fairly quickly here, but in your project,.
Take your time and try to get the details
right, but anyway. So now, we have the basis for the disintegration
effect. What I'm going to do now is create one more
layer, and place that below the model..
Open the Foreground Color Picker by double-clicking
on it, and I'm going to change my foreground.
Color to a dark brown. Now, the effect that I'm going for is very
similar to the effects seen in the 'Avengers:.
Infinity War' movie, which means that the
particles will be brown. So that's what I want, dark brown, and I'm
just going to paint alongside the edges just.
So that we can get these particles, and it
makes it seem as if our model is disintegrating..
And again, I'm using the bracket keys on the
keyboard to increase and decrease the size of my brush as I'm painting, and there's no
right or wrong as to where you paint or how you paint. Be creative and come up with something that
looks good to your eye. And remember, don't worry about getting everything
right. You can always come back and fine-tune the
image later. I think I will just put a little more in the
hair, right up here, like so..
Now, I'm going to select the model, then I'm
going to click on the New Layer icon, and we're going to continue painting. With the brush tool active, you can hold Alt,
Option on the Mac, and it will temporarily enable the eyedropper tool, and you can hover
over the image, and click to select the color..
For example, the red in his shirt. Then, you can paint with the color that you
select, and this will help create a more realistic disintegration effect. What I'm going to do now is repeat this process
over and over again in different areas of the image. So remember, hold Alt, Option on the Mac,
click to select the color, and then paint..
And just do that on all the edges of the model. Sometimes, you may have to undo and try again,
and that's the key of a composite like this..
You have to keep fine-tuning the image until
it looks good to your eye. And these are the particles that are disintegrating
when they're barely leaving his body. What we have to do now is work on the particles
that are much further away from his body ones they have turned into brown, so open the Foreground
Color Picker by double-clicking on it, then.
Select a dark brown. Press OK, and create a new layer, just because
if I make a mistake, I can always come back.
And make changes to the layer that contains
the mistake, so always try to work with different.
Layers. So for now, this is going to be a darker color. Disintegration effect here is going up into
the air, like so, and I'm doing it fairly.
Quickly. So in your image, spend a little more time
fine-tuning the details. Then, I'm going to go for a darker color,
darker brown, and do the same thing. Just add more of those particles leaving his
body. They're going up into the air, and keep painting. Then, do a third pass with the light brown. There's highlights as well, so open up the
color picker, and select the light brown color, and continue painting. When you're done, you can disable the gray
background layer, just so that you could see what the effect is looking like up against
the background that we're going to use, and it's all looking pretty good. And by the way, if you're following along
and you make something using this tutorial, upload it to Instagram with the hashtag #ptcvids. I would love to see what you come up with. Now, I'm going to disable these layers, and
we're going to work on something else. So for now, I'll leave these layers disabled,
and I'm going to open up this image here, which we're going to use to create a pattern
of cracks in our image so it looks like the.
Skin and the body is cracking, is breaking
apart, is disintegrating, so we're going to use this texture here. Once again, this is an Adobe stock image. I'll place a link to the image right below
in the description, or you can download the pattern that I create and use that in your
project. And what I'm going to do now is show you a
trick that you can use to create seamless patterns. There's not going to be a seam, a line that
shows where the pattern is, and that's going to help us create the effect that we're going
for. So, to create a seamless pattern in Photoshop,
you need to go into Filter, Other, and Offset,.
Which will offset the image. So, by default, you have the regular image
obviously, and if I increase the horizontal.
Offset, notice how I'm offsetting the image,
and the pixels are wrapping around the other.
Side, so the edge is here. See that? That's where the edge was. And instead of the edge being on the edge
where it was originally, we pushed it to the center. So now, we can see the seam, and I can do
that for the vertical axis as well. So here, we have the seams of the horizontal
and vertical lines, and you can see those.
There. So what I'm going to do now is just simply
press OK, and I can use different tools like the Spot Healing Brush Tool to just click
and drag and remove that seam. Sometimes that works. Sometimes it doesn't. If it looks okay, then you can just stop there
and continue, or you can use the Clone Stamp.
Tool to clone pixels. All you need to do is hold
Alt, Option on the Mac, and click to select a sample source, then, you can paint those pixels to try to
remove any visible seams on your image..
In this case, this texture is going to be
really, really small, so I don't really need to worry about seams, and I think that for
now, this will work. Then, going to the Channels panel, and we're
going to use channels to make a selection.
Around the cracks, so go through each individual
channel and see which channel has more contrast.
Between the cracks and the dirt. In this case, the red channel has more contrast. So with that channel, select it. I can just click and drag it into the New
Channel icon to duplicate it..
If I press CtrI I, Command I in the Mac, I
invert those colors..
The reason that I'm inverting is so that the
dark pixels become white, and I want the dark.
Pixels to become white because white is what
we keep with a Layer Mask..
And you'll see what I mean by that in a moment. So with this layer selected, I can go into
Image, Adjustment, Levels, and I can just make the dark pixels darker by clicking-and-dragging
the black point to the right. And The bright pixels brighter by clicking
and dragging the white point to the left..
So something like that should work, and you
can always fine-tune the midpoint as well. When you're done, you can press OK. Then, I can hold Ctrl. That's Command on the Mac, and click on the
red copy icon to load those pixels as a selection..
Then, I can click on RGB, go into the Layers panel, and on that background layer, I'm just going to create a Layer Mask,
and notice how we created an image that only contains the cracks, and everything else is transparent. With, the layer thumbnail active, I can go
into Edit, Define Pattern, I can call it 'Cracks', and press OK. So now, I have a seamless pattern of cracks. So, I'll show you what that looks like. I'm going to go into the dispersion effect
file that we've been working with, and on top of the model layer, I'm just going to
create a pattern,.
And you can see how that's the pattern there. Notice how we have a seamless pattern. And the best thing about this is that I can
change the scale to save 50 or 25,.
Or whatever works. I'll leave it at 25, press OK, then I'll change
the blending mode to multiply, and I'm just.
Going to press Ctrl Alt G, Command Option
G on the Mac to clip it to the layer below..
That means that the layer of the model controls
the visibility or the pattern layer, so that.
Pattern will only be visible on top of the
And what I'm going to do now is on the pattern
fill Layer Mask, I'm going to select it, and.
Then click on Invert to make it black, so
all the pixels will be hidden, but I can selectively.
Bring pixels back by painting with white on
that Layer Mask. So I'm going to zoom in by pressing the Z
key and clicking, and I'm going to paint with.
White on that Layer Mask. Let me select the soft brush. I have a soft brush right here. And when I paint, notice how I just bring
back those cracks, so you can selectively.
Paint the cracks back in the areas that you
think require it. So I'm just painting those cracks right back
into his body, and they're more noticeable.
In the areas where the disintegration effect
that's already started affecting his body..
And once again, there's no right or wrong
as to where you paint the cracks. It's totally up to you, whatever looks good
to your eye..
And once again, the best thing about this
technique is that if I change my mind, I can double-click on that Pattern Fill Layer, and
I can change the scale back to 100 or 50 or.
25, or anything smaller or bigger, whatever
works for your image..
I'll press OK, and I'll double-click on the
hand tool to zoom out, and I'll enable all.
The other layers again just to see the effect
that we have so far. Then, I'll click on the eye icon to disable
the gray background, and this is what our.
Disintegration effect is looking like so far. What I'll do now is add dust, and I'm going
to create a new layer on top of the layer.
Stack, and I'll use a brush for that. Now, I already have a clouds brush that I
created in a different tutorial..
I'll place a link down below in the description
where you can see that tutorial and how to get this clouds brush, but essentially, it's
the same process that you saw earlier. We take a photo, and we turn it into a brush. In this case, a clouds/smoke brush. So with this brush selected, I'm going to
use white as the foreground color, and I'm just going to
increase the size of the brush, and I'm just going to paint in a few of these brush strokes. And this is just to replicate a dust effect. And to change the color of the dust, I'm going
to create a Hue and Saturation Adjustment layer..
Click on the clipping mask icon so that this
adjustment layer only affects the dust layer..
And I should have been naming my layers, but that's okay. We'll just continue. So, this is my Hue and Saturation Adjustment
layer, and I can click on Colorize, and I.
Can increase the saturation, reduce the lightness,
and you should see once I start adjusting.
The hue, the color will appear over the dust,
and we're looking for a brown yellowish color.
To simulate the dust, and I can adjust the
saturation and the lightness to get the color that I want..
If your dust is too intense, you can always
bring down the opacity, or you can create.
A Layer Mask on that dust layer, and then
paint with black to hide some of the dust..
So there's a lot of different things that
you can do. And like I said before, in a composite like
this one, the details is the most important part..
You've already learned all the techniques
that I used to create the final image that you saw earlier in the tutorial, so remember,
the magic is in the details, so spend your time fine-tuning your image until it looks
the way that you want it to look. And actually, another thing that you can add
is an overlay, so I have this dust particle overlay on one of my Creative Cloud Libraries,
so I can drop it in there, rotate it, then.
Flip it horizontal, and just match the particles
onto the model..
I'm going to scale it up by clicking and dragging
on the corner handles, and adjust it accordingly..
Then, I'm going to commit the changes by p-pressing
Enter, that's Return in the Mac, and I'm going.
To change the blending mode to screen. The screen blending mode hides dark pixels
and reveals the bright ones, so we're hiding.
All the black, and only keeping the particles
that are flying through the air. And you can always adjust how a layer blends
by going into Image, Adjustment, and Levels.
In changing the luminosity of the image, so you can fine-tune these points
to get a better blend for your image. And I could also use the same trick of using
the Image, Adjustment, Hue and Saturation, check Colorize, adjust the lightness, saturation
and hue to change the color of the dust particles..
Now, we're going to adjust the image as a
whole, so we're going to put everything into one single Smart Object. Select the topmost layer, scroll down, hold
Shift, and click on the bottommost layer,.
And right-click, and select Convert to Smart
Object. That's going to put all of that into a single
layer, and I can go into Filter, Camera Raw.
Filter, and I can apply some very interesting
effects to make everything look much better..
So what I'm going to do here is increase the
temperature just a little bit to warm things up. Then, I'm going to adjust the highlights lighter
to bring up the highlights, make the shadows.
Brighter as well to try to get more detail
in there, and I can use the clarity slider to add more contrast in the midtones just
to make the image pop a little more, and I.
Can also increase the vibrance lighter. Vibrance is a smart way of saturating images. Vibrance protects highly saturated pixels
and skin tones, so it adds more saturation.
To pixels that don't have saturation, and
that are not skin tones. Then, I can also increase the sharpening. Sharpening adds of course a sharpening effect
to your image. And the trick about sharpening is, if you
add a lot of sharpening, it's going to obviously over-sharpen the image, but to make sure that
you get a accurate representation of what you're doing, go into the 100% view, and hold
Alt, Option on the Mac, and click on the masking slider..
Notice that by default, everything is white,
which means that the sharpening effect is applied to everything, but if you click and
drag to the right, some areas become black..
So Camera Raw is finding the edges, and the
edges, which are things in white, are the.
Only areas that are going to have that sharpening
effect apply to, so just fine-tune the amount.
Slider and the masking slider to get the best
sharpening possible. Then, going to the Effects tab, and add a
little bit of grain to your image. I like adding grain, because it makes composites
feel more cohesive. Also, for this image, I'm going to add a vignette,
so I'm going to drag the Vignette slider to.
The left, and to make sure that I see everything,
I'm going to fit the image to screen, and I'll adjust the vignette accordingly, and
then I'll press OK. So that's before and after, and if you need
to fine-tune anything, all you need to do.
Is double-click on the Smart Object to open
it up and make an adjustment..
For example, if I decide that this layer is
just way, way too bright, then I can select.
It, go into Image, Adjustment, Levels, and
just adjust the brightness of that layer just.
To make it a little bit darker. Press OK. If I click on this X, Photoshop will ask me
if I want to save the Smart Object. If I click on Yes, it will save it, and it
will update it on the Smart Object for, uh,.
The document that we're working with. You can also edit the adjustments that you
made in Camera Raw by double-clicking on the Camera Raw label on the Smart Object in the
Layers panel. Now, let me show you what my final file looks
like. Remember, I used the same techniques that
I showed you just now, but I spent a little more time fine-tuning the details, so I'm
going to start enabling layers here so that you can see. Let me enable the Layer Mask. You can hide or show a Layer Mask by holding
Shift and clicking, so you can see what I deleted off the model. This is the disintegration behind the model
and more disintegration effects..
I actually used two cracked layers instead
of one. Then, what I did on the second one is simply
used one with a scale of 75, and I moved it.
Around accordingly, until I had some cracks
right here next to his face. Also, I decided to use the overlay blending
mode, instead of multiply. It just looked a little bit better. You can decide which blending mode looks best
with your image. Also, more details and more disintegration,
dust, the color, and the particles..
In this case, I used four different dust particle
layers instead of one like you saw me do in.
The tutorial just now, but I just duplicated
the layer several more times and distorted it, and applied it accordingly, and then,
I have the final version here. So like I said, the magic is in the details. This composite here took me a little over
an hour, and you saw me complete it in the tutorial while explaining it in about 22 minutes,
and you can see the difference obviously while explaining things, and not looking at details. Things don't look as good, so spend some time. Look at the details. There's a lot of undoing and fine-tuning,
and that's okay. Let me know in the comments which of these
techniques you found the most useful, or if you're planning on creating your own disintegration
effect. Also, if this is your first time at the Photoshop
Training Channel, then don't forget to click on that subscribe and notification buttons. If you decide to create something using this
technique, don't forget to share it on Instagram with the hashtag #ptcvids. Thank you so much for watching, and I will
talk to you again in the next tutorial.