Graphic Tutorial: Create a Storm-Destroyed Cabin Using Photoshop, 3ds Max, and After Effects

Graphic Tutorial: Create a Storm-Destroyed Cabin Using Photoshop, 3ds Max, and After Effects

Recommendation: NSDT scene editor helps you quickly build 3D application scenes that can be redeveloped

1. Setting up the image in Photoshop

step 1

Open  Photoshop .

Open Photoshop

Open Photoshop

step 2

I've imported an image of the hut into Photoshop to demonstrate the effect. You can use another image if you prefer.

image import

image import

step 3

Since the upper part of the hut will be smashed, isolate the upper part in a separate layer.

Isolation part

Isolation part

step 4

With the help of the Lasso Tool , select and cut the indicated upper cabin.

lasso tool

Lasso Tool

step 5

Create a new layer and rename it "External Part ". Paste the cut part of the upper in this layer.

Guo

Guo

step 6

Following the same method, create another new layer and rename it inner part . In this layer, make an inner broken part. You need to do some drawing work in this step.

internal parts

internal parts

step 7

Now, turn on all layers. It looks the same as before, but the top half and BG are now separate. Save the file in  PSD  format.

BG

internal parts

2. Create splash debris using Particle Flow in 3ds Max

step 1

Open  3ds Max .

Open 3ds Max

Open 3ds Max

step 2

To create the splattered pieces, go to Create > Shapes > Lines and create multiple random shapes.

Create shape lines

> Line Creation > Shapes

step 3

Once done, select all the blocks and apply the Stretch modifier to them.

Extrusion Modifier

Extrusion Modifier

step 4

Select all the blocks, then go to the "Group " menu and group them all, "Group > Group ".

group menu

group menu

step 5

Create flying debris using a Particle Flow system. Create the PF source system by navigating to Create > Particle Flow Source > Particles  , then open the Particle View window by pressing 6 on your keyboard  .

Use the Shape Instance operator to override a shape . Click None , and then select Group from the list .

particle view

particle view

step 6

Go to the Shape Instance operator and turn on the Group Members option. Decrease the Scale Percentage value. You will now see scaled blocks down, scattered randomly.

shape instance

shape instance

step 7

Go to speed operator. Reduce the Speed ​​amount and increase the Variation and Deviation values, as shown in the image below.

speed operator

speed operator

step 8

Go to  the Birth  operator and set the value of "Emission Start " to -100, the value of " Emission Stop" to 100, and the "Amount " to  100 .

delivery operator

delivery operator

step 9

Go to the Rotation Operator and set the Rotation Rate to  360 and the Variation to  20 .

Open Render Setup and render an animation sequence from  0  to  100  frames.

spin operator

spin operator

3. Creating the Torn Cloth in 3ds Max

step 1

Open  3ds Max . Creates a plane in a perspective viewport. Keep its length backseat and width backseat at  100 .

Open 3ds Max

Open 3ds Max

step 2

With the selected plane, apply a Cloth modifier to it.

Cloth Modifier

Cloth Modifier

step 3

In the Cloth modifier, click the Object Properties tab.

object properties

object properties

step 4

In the Object Properties window, select the plane and turn on the Cloth radio button. It turns the plane into cloth. Click OK .

Object Properties window

Object Properties window

step 5

Open the Cloth modifier to expand. Select Groups .

select group

Select Group

step 6

With the indicated upper-left and lower-left vertices of the selected plane, click the Generate Group button.

"Create Group" button

"Create Group" button

step 7

In the Create Group window, rename the group name to Keep Vertices .

Create Group window

Create Group window

step 8

Click Keep along with the selected Keep Vertices group .

Hold Vertex group

Hold Vertex group

step 9

Go to Force > Wind and apply wind force from left to right in the scene.

force wind

wind>force

Step 10

In the Cloth modifier, click on the Cloth Forces tab.

black

black

step 11

In the Forces window, select Wind and click the left to right buttons to bring wind forces into the simulation. Click OK .

Forces window

force window

Step 12

Click on the simulation . The simulation starts and you can see the cloth simulation in the viewport.

"Simulate" button

"Simulate" button

Step 13

Since the cloth is torn, I use a black and white texture as the opacity map. You can   make your own opacity maps in Photoshop . The black parts will be transparent and the white parts opaque.

black and white map

black and white map

Step 14

Press  M  to open the material editor . With an empty slot selected, click on the Opacity channel. It will open the Material/Map Browser .

Click Bitmap and choose Black and White Image. Click OK .

material editor

material editor

Step 15

The material to apply the cloth to.

Applied Materials

Applied Materials

Step 16

Renders a torn cloth simulation up to 100 frames.

Rendering a torn cloth simulation

Rendering a torn cloth simulation

4. Create broken sequelae

step 1

Turn on after-time effects .

after opening effect

after opening effect

step 2

Import the hut .PSD file into After Effects as a composition   . It comes with three different layers: external , internal and  BG.

External Parts Internal Parts and BG

exterior, interior and context

step 3

Create a new Solid Layer and apply the Turbulence Noise effect on it: Effect > Noise and Particles > Turbulence Noise . Set the Contrast and Brightness values ​​as shown in the image below.

Turbulent noise

Turbulent noise

step 4

With the solid layer selected, go to Layer > Precomposition . Rename Make Precomposed Layer As Gradient , and choose the second option. Click OK .

Layer precomposition

Layer > Layer Pre-Compose

step 5

Turn off the gradient layer.

slope layer

slope layer

step 6

With the " Outer" layer selected , go to Effect > Analog > Shatter and apply the effect to the layer.

Select View While Rendering . If you move the time slider, you'll see that the outside of the cabin is broken. But you'll need to tweak it to get the desired effect.

The effect simulates broken

Effects > Simulation > Shattered

step 7

Open the Force  1  and Force 2  drop-down menus and set the values ​​for the properties as shown in the image below.

force 1 force 2

force 1 force 2

step 8

Open the Gradient drop-down menu and select Gradient as the Gradient Layer . Animate the shattering threshold from  0  to  100  values ​​starting at the frame where you want the shattering effect to start.

broken threshold

broken threshold

step 9

Import torn cloth and grain scraps and place layers on the timeline to composite.

Import torn cloth and particle debris

Import torn cloth and particle debris

Step 10

Create solid layers. Apply S_Clouds, Genarts Sapphire Plugins , Effects to layers. Set the Shift Speed ​​X  value to  600 . This will create the wind effect.

S_Clouds

S_Clouds

step 11

Create adjustment layers. Apply the S_Film effect and the Hue and Saturation effect to the layer. Open  the Shading  options and set the Shading  Hue value to  40 . This will give a pale stormy day effect.

S_Film effect

S_Film effect

Step 12

Hit the play button and you'll see a stormy scene with chunks of flying huts, various sawdust and torn cloth.

play animation

play animation

in conclusion

You now know how to use Photoshop, 3ds Max, and After Effects to take a still image of the cabin and show it being destroyed by the storm. You can play with the attribute values ​​of various effects to achieve the desired look.

Original Link: Graphic Tutorial: Creating a Storm-Destroyed Cabin Using Photoshop, 3ds Max, and After Effects (mvrlink.com)

Guess you like

Origin blog.csdn.net/ygtu2018/article/details/131935304