Create a Delicious Type Treat
In this tutorial you'll learn how to create not one, but two type effects in a single tutorial, exclusively available to Tuts+ Premium members. Get ready to kick off this winter season with a stylish typographic treatment. To complete it, you'll need Cinema 4D, Illustrator, Photoshop, and lots of candy nearby, of course!
Start up C4D and switch the view mode by clicking on the button in the corner of the view port.
Find the Front view and maximize that one.
We first need to create the word Type. Drag and release over the Bezier Tool.
Similar to the Photoshop Pen Tool, use the Bezier Tool to create the first End Point. You'll have to click and drag right from the start.
Use as few points as possible to create each letter. Three should be enough for the first letter.
When you're done with the first letter, click and drag on the Bezier Tool Again. Create the rest of the word as shown below.
Select the Move Tool and Use Point Tool (Highlighted). Drag a few of the points backward. You may need to adjust the handles at this point.
Your final word should as seen in the following screenshot. Try to keep a decent amount of spacing in between the letters.
We'll now turn these paths into 3D objects. Create a Sweep NURBS object.
Use the following settings for the Object and Caps tabs. To see these, you need to click on the Sweep NURBS layer from the Object Menu.
After you've created three of these, drag each path layer (Spline) over the Sweep NURBS layer.
Now create a Circle. We're going to sweep this along the letter splines.
Drag it underneath one of the Sweep NURBS layers. Do one for each group with the following settings:
Your text should now look like in the following image.
It's time to create a material for the type object that resembles a candy-cane texture. You can create your own striped pattern, or use the one I created for this tutorial. Enlarge it and save it in the folder where you created the C4D document.
From the Material Menu, add a new material.
From the Color tab, click on the three dot button and locate the texture from the previous step.
Drag the material onto the first letter.
Click on its Sweep NURBS layer from the Object Menu and click on the Details tab. Drag the Rotation curve as seen below:
Next, edit the Rotation of the letters y and p.
And finally, edit the rotation of the last letter.
It's time to add a Camera to your scene. Place one after you've found a suitable angle.
We'll now create the background with a Sky Object. To begin, create a new material and uncheck the Specular tab. Expand the Texture options and select Gradient.
Create a gradient using this image as a reference. For the blue color in the center, use this RGB code: R: 85, G: 157, B: 210.
Now create a Sky Object.
Drag the Material onto the Sky object.
Go back to the Front view and create the word treat with the Bezier Tool. Remember to edit the points later and move a few backward. When you've created each letter with a separate Bezier Tool, select all the layers, right-click on one of them and click on Connect. You can discard the previous ones, and keep this flattened version.
Then create a Metaball object.
Edit its settings as seen below:
Next, click on the treat layer and go to Tags > Cinema 4D Tags > Metaball.
Click on the Metaball icon on the right side of the Spline to edit its settings.
Drag the Spline underneath the Metaball Object.
Your word should now look as seen below:
It's time to create a yummy chocolate-like material for this word. Create a new material and use these settings (minus the cheesy name I gave it).
Drag the material onto the object.
For this part I've used a radial vector from Go Media's Arsenal. Find the one that looks like this.
Delete the dots in the center and leave only two rows. Then save this in a separate document as an illustrator file (no higher than version 8).
Go to File > Merge and position the radial vector in the scene. Repeat the Metaball process, but use these setting for the path instead:
Metaballs merge all nearby objects, so by creating a few spheres in the lower part of the word, it will look like dripping chocolate. Add a few of these near the bottom. To make it easier for your computer to handle the process, deactivate the Metaball object by unchecking its layer.
When you've reactivated it, it should look like this:
For the radial burst, I've also used a few paths to blend in the top and bottom dots. There are a few extra angles for you to see where to place them.
It's almost time to render! Bring up the Render Settings (Render > Render Settings) and use these images for reference.
What you need to do now is uncheck everything except the main word. We're going to export every element separately so we can edit it easily in Photoshop.
When you've rendered the word Type , open it in Photoshop. Bring up the Channels Menu and Command + Click on the Alpha 1 icon to make a selection of its contents.
Double-click on the Background layer, press OK and add a Layer Mask.
Create a new layer underneath and create a radial gradient with these two shades of blue: #315a79 and #5398cd.
Add the other two elements on separate layers as well.
Next we're going to create the reflections for the type layer. Create this new material:
Drag the material over each letter. Hide everything except the first letter and render it.
Separate it from its background and place it in the document.
Set its blending mode to Screen and Opacity to 60%.
Repeat this process for the rest of the word.
Click on the Type layer and go to Layer > New Adjustment Layer > Gradient Map. Chose a Black and White gradient, press OK and change its blending mode to Overlay. Drag the Opacity to 90% and make it a clipping mask (Command + Alt + G).
Now add a Selective Color Adjustment Layer. Use the following settings and make it a clipping mask.
Now create a black and white Gradient Map for the treat layer, just like you did for the other one. Change the Opacity to only 20% though. Make this a clipping mask too.
Add a Hue & Saturation Adjustment Layer as a clipping mask.
Repeat this process for the radial burst too.
Next up are a couple of Adjustment layers for the whole scene, so make sure you create these on top of all the layers. The first one is a black and white Gradient Map Adjustment Layer.
The second is also a Gradient Map, but a color one instead. Chose the bottom left one from the Gradient Editor panel.
Now we want to change the background color just a bit, so on a layer over the background color layer, create another Gradient Map. Use these two colors: #010110 and #83f1e0.
Now use a soft brush to create a central light source. Create this on a separate layer underneath all the elements.
Now we'll add a few reflection spots around several objects. You can see them on black in the first screenshot. Create these with a small, soft brush.
Scatter these around the objects, but don't add too many.
And as a final touch up I added another radial vector in the background. No need to download anything here, just create a tiny and a very large circle stroke object. Then blend them together by going to Object > Blend > Make. Be sure to edit the setting firsthand though, and then just place a couple of these over the background. Use blending modes and Opacity to fade these in naturally.