Creating an Illustrative 2D Style Ribbon in Cinema 4D

In this tutorial I’m going to keep with the nice, 2D illustrative look theme and apply it to create those popular and trendy 2D style ribbon banners with 3D depth by using Cinema 4D.  I’ll start by showing you how to use C4D’s Spline Wrap to create our ribbon along with some handy tips to sell that 2D illustrative look.  Then, to get the flat 2D color, we’ll use materials created by the Cel Shader & Spline Shader.   Finally, I’ll show you some creative ways to animate the ribbon to give it some nice organic movement.   You’ll even learn some Latin!  This tutorial has it all, huh?  Again when working with Cinema 4D to create 2D vector looking art, be sure when you render to turn up the Anti-Aliasing settings as well as using a sharper Filter than Animation; such as Cubic (Still Image) or Sync so you have nice crisp edges in your animation to sell the 2D style.

Here’s the tutorials I mention in this video that shows you how to create the 2D illustrative materials using the Cel Shader as well as the text material using a Spline Shader that is applied on the ribbon element:

Using the Cel Shader to Apply an Illustrative 2D Style to 3D Objects in C4D

Using the Spline Shader in C4D to Create Text as a Material

And here’s the scene file I used in this tutorial that you guys can mess around with:

DOWNLOAD CINEMA 4D SCENE FILE

Tutorial:

If you want to learn more about how to use Cinema 4D in your 2D workflow, check out my Mixing 2D & 3D with Cinema 4D & After Effects Lynda.com course where I go over some creative ways to use the tools in C4D for a mainly 2D workflow inside of After Effects.

Stay up to date with the latest Cinema 4D tutorials by signing up to the Eyedesyn newsletter.

2 thoughts on “Creating an Illustrative 2D Style Ribbon in Cinema 4D

  1. Hi,
    Is there a way I can contact you about text edgefx update I cant find anything on your site and comments are closed on that page, thanks

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s