Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.
Advertisement

Create a Delicious Type Treat

by
Gift

Want a free year on Tuts+ (worth $180)? Start an InMotion Hosting plan for $3.49/mo.

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!


Step 1

Start up C4D and switch the view mode by clicking on the button in the corner of the view port.



Step 2

Find the Front view and maximize that one.



Step 3

We first need to create the word Type. Drag and release over the Bezier Tool.



Step 4

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.



Step 5

Use as few points as possible to create each letter. Three should be enough for the first letter.



Step 6

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.



Step 7

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.



Step 8

Your final word should as seen in the following screenshot. Try to keep a decent amount of spacing in between the letters.



Step 9

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.



Step 10

Now create a Circle. We're going to sweep this along the letter splines.



Step 11

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.



Step 12

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.



Step 13

From the Color tab, click on the three dot button and locate the texture from the previous step.



Step 14

Drag the material onto the first letter.



Step 15

Click on its Sweep NURBS layer from the Object Menu and click on the Details tab. Drag the Rotation curve as seen below:




Step 16

Next, edit the Rotation of the letters y and p.




Step 17

And finally, edit the rotation of the last letter.




Step 18

It's time to add a Camera to your scene. Place one after you've found a suitable angle.



Step 19

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.



Step 20

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.



Step 21

Now create a Sky Object.



Step 22

Drag the Material onto the Sky object.



Step 23

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.



Step 24

Then create a Metaball object.



Step 25

Edit its settings as seen below:



Step 26

Next, click on the treat layer and go to Tags > Cinema 4D Tags > Metaball.



Step 27

Click on the Metaball icon on the right side of the Spline to edit its settings.



Step 28

Drag the Spline underneath the Metaball Object.


Your word should now look as seen below:



Step 29

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).





Step 30

Drag the material onto the object.



Step 31

For this part I've used a radial vector from Go Media's Arsenal. Find the one that looks like this.



Step 32

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).



Step 33

Go to File > Merge and position the radial vector in the scene. Repeat the Metaball process, but use these setting for the path instead:



Step 34

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:



Step 35

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.





Step 36

It's almost time to render! Bring up the Render Settings (Render > Render Settings) and use these images for reference.






Step 37

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.



Step 38

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.



Step 39

Double-click on the Background layer, press OK and add a Layer Mask.



Step 40

Create a new layer underneath and create a radial gradient with these two shades of blue: #315a79 and #5398cd.



Step 41

Add the other two elements on separate layers as well.



Step 42

Next we're going to create the reflections for the type layer. Create this new material:





Step 43

Drag the material over each letter. Hide everything except the first letter and render it.



Step 44

Separate it from its background and place it in the document.



Step 45

Set its blending mode to Screen and Opacity to 60%.



Step 46

Repeat this process for the rest of the word.



Step 47

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).



Step 48

Now add a Selective Color Adjustment Layer. Use the following settings and make it a clipping mask.





Step 49

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.



Step 50

Add a Hue & Saturation Adjustment Layer as a clipping mask.



Step 51

Repeat this process for the radial burst too.



Step 52

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.



Step 53

The second is also a Gradient Map, but a color one instead. Chose the bottom left one from the Gradient Editor panel.



Step 54

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.



Step 55

Now use a soft brush to create a central light source. Create this on a separate layer underneath all the elements.



Step 56

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.





Step 57

Scatter these around the objects, but don't add too many.



Step 58

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.



Final Image


Advertisement