SEARCH
  Tutorials 3D Graphics Tutorials Design Conceptual Disintegration Effect in Cinema 4D and Photoshop

Design Conceptual Disintegration Effect in Cinema 4D and Photoshop

psdvault Tutorials Mar 19, 2012

In this tutorial, I will explain you the steps to design a conceptual digital composition with 3D and photography in Cinema 4D and Photoshop. This is an intermediate tutorial, mainly because not many of you may not be familiar with Cinema 4D, but we will get trough every step so you can understand all the process in an easy way.

We will start by creating a simple sphere in Cinema 4D into a exploded sphere with lights and textures. After that we will jump onto Photoshop to mix our 3D with photography using simple techniques such as selections and layer blending, masking, adjustments.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

img

Part 1 - Cinema 4D

Cinema 4dOpen a new file on Cinema 4d. Go to Objects - Primitive and add a Sphere. Go to the Attributes panel, select Objects tab and edit the Segments property into 45 so we have more geometry in our sphere to work with:

img

Go to the Materials Panel and create a new Material with the same values as the images below:

img

img

img

img

Inside the Displacement tab, click on Noise to go to the Shader Property and edit the values to the match the image below:

img

Go to your Objects tab and select your sphere. Now click C to convert this parametric object into a polygon object. You can see the icon changed. Apply your Material to the Shape, simply by dragging it to your object. You can see the color has changed in the preview window:

img

Go to the Menu - Objects - Scene - Background, to add a new background. Or use the shorcut like the image show:

img

Add a new Material to your background. You MUST pick a fushia or lime color so you can remove the background in a easy way on Photoshop. This also help us to create a good contrast when we render with lights:

img

Press ctrl+r / cmd+r or go to Menu - Render - Render View to render the composition to see the effect we applied into the shape:

img

Now go to - Mograph and add PolyFx. Go to your Objects Tab and grab it and place it inside your Sphere:

img

After that go to - Mograph - Effector and add Random. Place it inside your Sphere as well:

img

Go to attributes and edit the values to the match the image below:

img

img

img

Go to your preview scene and drag your Random Effector near the sphere. You can see in the Preview tab that the sphere is exploding into pieces:

img

Press ctrl+r / cmd+r or go to Menu - Render - Render View to render the composition to see the effect we applied into the shape:

img

We're almost done in C4D. Go to Menu - Deformer and add Explosion FX or trought the shortcut showed in the image. Go to your Objects Tab and grab it and place it inside your Sphere:

img

Go to attributes of the Exposion FX and edit the values to the match the image below:

img

img

The Explosm FX gives you extra explosion elements to your sphere, but this step is optional. Check the difference below:

img

img

The sphere is pretty flat. It's time to add some light's. I used a OverHead Softbox and HDR Sky from GreyscaleGorilla.com - HDRI Light Kit Pro for Cinema 4D. For more info on how to download/install/use check he's awesome website:

img

img

Shift+r to Render your image to picture view and go to File - Save as - select TIFF for the best quality. We need to save two images. One with the effects (Random+Explosion), and the other with disabled FX's (just click on the green check mark to disable it) so we can mix a clean sphere with a "exploded" Sphere in Photoshop:

img

Part 2 - Photoshop

Open a new document on Photoshop. Create a new document sized 1280 * 720px:

img

Edit your background to Gradient Overlay to Radial 90 and Scale 15%. Use #f9f8f8 at 40% and #d2d2d3:

img

img

You will get this simple and smooth background:

img

Import your 3D polyfx images you saved into Photoshop and center both:

img

img

Place the sphere without effects bellow and mask both layers to the get a nice effect:

img

Duplicate the original sphere layer (without explosions) and go to Filter - Distort - Displace and add the follow values:

img

img

Photoshop ask you to open a file. Select the Displacement Map PSD file. This is how your layer should look like:

img

Place it above the two images and mask it to give a good look:

img

img

Go to google or your favorite stock image website and search for some crow's. Once you select the one you like, import it into Photoshop and remove the background with pen tool:

img

Add the image into your composition and rotate/scale it:

img

Find more images in different perspectives and add them to the comp:

img

Search a feather image and paste into photoshop:

img

Add the following Adjustments to the feather:

img

Add more feather's to the comp:

img

Select the first feather we added and go to Filter - Blur - Motion Blur and values to the match the image below:

img

Choose your favorite splatters brushes and add them behind the spheres to give a nice integration with the sphere 3d explosion:

img

Duplicate the sphere without FX's. Scale them along the main comp:

img

Grab your favourite paint brushes and and paint with a nice cyan color to give it contrast. Use some tiny splatters too:

img

To create more contrast use some red abstract brushes too:

img

Add some extra elements like a line (mask it so it fades on the sphere) and a red circle:

img

We're almost done. Now go to Filter - Render - Lens Flare and use a 50-300mm Zoom with 100% Brightness. Make it Screen with 25%:

img

img

Add Curves and tweak and bump up a little bit of the blacks:

img

Add some text in Museo Slab. Creat a simple black and white contrast. Play around with sizes to give a good feel:

img

That's it for this tutorial! Hope you have enjoy it and if you have any question, simply drop a comment below or email kyrielicious@gmail.com.

subscribe to newsletter