C4D Tutorial: Create a Twisted 3D Text in C4D

(apologies to the picture size on this post. I changed the theme. I will adjust this asap)

I finally finished my exams so I can finally work on some tutorials. This is my first ever tutorial and I’ll show you some pretty cool 3D typography effects cinema 4D can achieve. 

Softwares you need: 
- Illustrator (optional)
- Photoshop
- Cinema 4d

Step 1: Creating a path

I used Adobe Illustrator for this mainly because its much easier to manipulate your path compared to Cinema 4D.
Since I have a tablet, I just scribbled the word “LOVE”.
Do take note that this effect works best when there aren’t any sharp edges turns in your cursive lettering. Therefore, try to round the corners of your ‘V’ using the “Convert Anchor Point Tool (Shift+C)”.
If you find your drawing/scribbling a little messy, no worries, just use the “Smooth tool” to make your path smoother, hence the smooth tool. :)

step1

 

Step 2: Saving your AI file

To export your AI path into C4D, you need to save your document as an Illustrator 3 file. (it may work with other versions but so far saving it as an Illustrator 3 file works for me)

Step 3: Open your file in C4D

step-4

 

Step 4: 3d your path

For this you need to use the Point tool and the Move tool (as shown in the picture)
By clicking the point tool, you reveal the curve points on your path.
Click on any point and move it in the Z dimension backwards or forwards.

step_4

 

Step 5: Add a Sweep NURBS object AND a Rectangle Object

(change the size of the rectangle to 25m x 25m – do this in the Attributes menu)

Step 6: Parenting

FIRST, parent your path to Sweep NURBS by simply clicking your spline in the objects menu (whilst holding down your mouse) and dropping it on top of the Sweep NURBS

SECOND, parent the rectangle to the Sweep NURBS

NB: if you do it the other way around, you get a big massive blob and we don’t want that.

You should get something that looks like the picture below. If you don’t, then you probably got it the other way around.
As you can see, my ‘V’ is still has some sharp edges, which makes the 3D object look a bit weird.

step-6

Step 7: Twisting

If you like, you can always twist the rectangular tube to create a more funky image.
To do this, click Sweep NURBS and you should see an Attributes menu on the bottom right of your screen.

Change the END ROTATION to 20 degrees. Or more if you fancy. But i think 20 is enough. You don’t want to many twist in love.

step-7

 

Step 8: Adding color/material

Its a bit dull at the moment so I’m gonna snazz it up with some dark red.
In the bottom of your screen, you should have a Materials Menu.
Click File > New Material (Ctrl+N)

You can edit the settings of your material in the Attributes bar.
I checked:
- Color – i used RGB: 74 0 0
- Reflection – reduce the reflection Brightness to 6%
- Specular – width 86%, height 33%, Fallout 3%, Inner Width 0%

Now add the material to the Sweep NURB by simply click + drag the material (in the bottom menu) and dropping it on top of the Sweep NURB

step-8

 

Step 9: Adding swirls

I want to add some cool swirls to twist around LOVE.
Creating this is exactly the same as creating the twisted love. But instead of using the LOVE spline, use the HELIX spline instead.
Then adjust the HELIX size, rotations, etc to get the effect you want

Step 10: Add a Sky and a Light

I placed the light just in front of the path to light it up a bit and decreased the intensity to 50%
I want the light to cast a shadow so under SHADOW, select SHADOW MAPS (SOFT)
(all of this can be found in the Attributes Menu for the LIGHT)

Leave the sky alone

step

 

Step 11: Rendering and exporting it into Photoshop for the finishing touches

In your Render settings few things to do:
- Select the GLOBAL ILLUMINATION setting under EFFECT
- Under SAVE, make sure you select ALPHA CHANNEL
- FORMAT: Photoshop (PSD)
- PATH: chose where you want your file to be saved

Once you are done, hit RENDER

step-12

(NB: in the picture I did a Render in ACTIVE view. But it works better when you Render it in PICTURE viewer)

Step 12: Open your file in Photoshop and make any changes however you like.

If you want to cut out the grey background, simply go to Channels and Ctrl+Click the Alpha channel.
then Ctrl+J to bring your selection into a new layer.

Then you can freely alter the background

FINAL IMAGE

I added subtle gradient in the background and the word TWISTED.

love_final-copy

Hope you learnt something new today. Its a handy technique if you are a C4D user to help you bring more life into your 3D typography ventures.
Thank you for viewing my tutorial. Let me know if you have any questions/ feedback since this is my first tutorial!

I do apologize how the screenshots protrude to the left but thats how the layout of this wordpress theme is like. I’m in the process of getting a new theme. So it might change soon!

18 Comments

  1. Bruce
    Posted April 14, 2010 at 11:22 am | Permalink

    Hi there! Awesome design.. can youPLEASE tell me what font you used for the word TWISTED?

    Thanks

  2. irving
    Posted March 13, 2010 at 10:49 am | Permalink

    Hi, the order of it matters as mentioned in Step 6.

    I do apologize for the size of the tutorial. I recently change the theme of my blog which causes everything to get cut off. I will amend this soon.

  3. nb
    Posted March 12, 2010 at 2:44 pm | Permalink

    dude, i must totally be missing something on step 5. Its not 3d at all.

  4. Posted August 5, 2009 at 7:27 am | Permalink

    thank you for this

  5. Posted July 17, 2009 at 7:40 am | Permalink

    Very goood!!!

  6. Posted July 17, 2009 at 2:26 am | Permalink

    +1

  7. Posted July 16, 2009 at 2:42 am | Permalink

    Great topic. Now i can say thank you

  8. irving
    Posted July 6, 2009 at 4:46 pm | Permalink

    I surely will. Trying out new techniques so I can make nicer tutorials.

  9. Posted July 6, 2009 at 2:11 pm | Permalink

    Hi. I like the way you write. Will you post some more articles?

  10. Posted July 6, 2009 at 12:29 pm | Permalink

    I’m glad that after surfing the web for uch a long time I have found out this information. I’m really lucky.

  11. Posted June 28, 2009 at 2:30 pm | Permalink

    well.. it’s like I thought!

  12. Posted June 26, 2009 at 3:25 am | Permalink

    Thanks for this tutorial…very cool!

  13. Posted June 14, 2009 at 12:12 pm | Permalink

    ehh. bookmarked :)

  14. Posted June 13, 2009 at 12:43 pm | Permalink

    The article is usefull for me. I’ll be coming back to your blog.

  15. irving
    Posted June 5, 2009 at 1:12 pm | Permalink

    cool! thanks :D

  16. Posted June 4, 2009 at 2:44 pm | Permalink

    Great post! Just wanted to let you know you have a new subscriber- me!

  17. irving
    Posted May 31, 2009 at 12:31 pm | Permalink

    thanks :)

  18. Posted May 29, 2009 at 10:18 pm | Permalink

    very nice toto my friend… I like a lot!

3 Trackbacks

  1. [...] C4D Tutorial: Create a Twisted 3D Text in C4D [...]

  2. By 13 Great Cinema 4D text tutorials | hyperNURBS on March 16, 2010 at 5:56 pm

    [...] Tutorial Link [...]

  3. [...] Tutorial Link [...]

Post a Comment

Your email is never published nor shared.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>