Composite an iMac Render into an Incredible Apple Advertisement


A little while back, when CG.CreativeFan had just launched, we published a tutorial about modeling, texturing and rendering an iMac in Cinema4D that would be the basis for a product advertisement tutorial in the future.  Well, the wait is over, as here is the promised tutorial.

In this tutorial, you’ll learn how to take a 3D render of an iMac, and composite it into a scene.  You’ll then learn how to take a variety of 3D abstract elements, textures and images to create an incredible advertisement.  You’ll learn about composition, color usage and the use of abstract elements in design.

Hi everyone!  First of all, thanks for reading this tutorial and I hope you can learn something, not only how to create an artwork like this, but also to use in other artworks. During this tutorial I will explain some tips and effects that I think fit very well with any style. =)  You will learn how to create a high quality fictitious advertising with some cool effects and many details!  I think it’s an easy tutorial, but you need some understanding of composition, color and of course, good taste! So, let’s start!

Tools Used


Final Image Preview

Create a new document on Photoshop and set the size that you prefer, for this job I used 800 x 1200 pixels, 72dpi and 8bits/channel, because I did this artwork just for viewing on the Internet.
So, add a Linear Gradient with the following settings:

Add an Old Paper Texture, desaturate it (Shift + Ctrl + I) and change the blend mode to Multiply and Opacity: 30-50%.

After that, change the Levels settings to something like the following image. So, the texture will become softer.

Add your iMac render (you can use the render that you did, or if you prefer, you can download my render pack). I placed one big render in the middle and smaller ones around, forming a triangle, because the composition fits better.

So, we will do some adjustments on the renders. Select a Soft Round Brush, Opacity: 10-20% and start doing some clicks on the corners. Try some blend modes like Normal, Soft Light and Overlay, you can obtain some interesting results.

Here are more examples:

Now, we will make the shadow of the main iMac. Create a white circle shape (this is the “spot light” that illuminates the floor) and go to Filter > Blur > Gaussian Blur and choose Radius: 2-3 pixels.

Create a black circle shape, smaller than the first one (this is the twilight/soft shadow) and go to Gaussian Blur again.

Create another black circle shape, smaller than the others and go to Gaussian Blur, but now, choose the Radius: 1-2 pixels.

Now, we will add some abstracts in our scene. Select these “aqua renders” and place them behind the iMac renders. To fit better and improve the composition, try to rotate and resize these renders.

Instead of using only purple renders, you can use white ones too. Copy some of them and desaturate (Shift + Ctrl + U). After that, add a Levels layer and change its settings to something like the image. And you can obtain a result like this:

Now, select these “black spheres” and add them in your artwork. And again, change its color to something more interesting. Create a new layer, fill it with pink or purple and create a Clipping Mask (Ctrl + Alt + G). So, change the blend mode to Screen.

After that, select these “green abstracts”, desaturate it and add a Levels layer with this config:

So, you will obtain something like this:

And again, to improve the composition, rotate and resize these renders. Here are some examples:

Follow this same sequence with these “spirals”:
Desaturate > Create a clipping mask > Change the blend mode to Screen.

Now, select the Brush Tool and choose a Hard Round Brush, Opacity: 15-25%. The size, choose according the composition. Here are some colors that I think fit very well.

It’s pretty hard to see, but here are some examples. Ranging in size and color, you can get something like this:

Now, select those “green abstracts” again (after that treatment) and change the Opacity: 10-15%. So, place them behind the iMac renders. You can use this effect too with those “black spheres”.

After that, we will do some pen lines. First, select the Brush Tool and choose a Hard Round Brush with Size: 1 pixel and Opacity: 100%. So, select the Pen Tool and clink on the second icon “Paths” like the image:

Then, make a curve, click with the right button and choose Stroke Path option. On the Stroke Path window, choose Brush and click Ok. And now, you have a cool line which fits very well with the composition. Moreover, this type of line is used to join separate elements.

Here are more examples:

Create more white lines and go to the Blending Options properties. Go to the Stroke tab and change its settings like the following image.

So, a neon light will be created. Here is an example:

Now, select these “particles”, desaturate them and change the Opacity: 40%. Place them behind the iMac renders.

After that, select some of these “splatter/paint tossing” images.

Place them behind the other elements and change the Blend Mode to Screen or Overlay.

Here are more examples:

Create a new layer and fill it with any color. Go to the Blending Options properties. On the Pattern Overlay tab, select one carbon fiber pattern.

Place it behind the iMac like a floor. Then, create a new layer, select both and merge them (Ctrl + E).

Now, you can erase some parts, like an infinite floor. And change the Blend Mode to Soft Light and Opacity: 60%.

And finally, we will do the typography. In this case I chose Arial Rounded, 25pt, Crisp. Go to the Blending Options and on the Stroke tab change some values.

Choose a cool slogan that fits with the image and place the Apple logo.

So, I hope you enjoyed this tutorial and learned something. I also hope to do more tutorials of my work and thanks for reading! =)

Latest Comments
  1. Jae Xavier |
  2. Richie |
  3. Sandeep Kothiyal |
  4. Alex Cooper |

Leave a Reply

Your email address will not be published. Required fields are marked *