Poster Design #002 Design a 3D poster in cinema 4d | Marcos Silva | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Poster Design #002 Design a 3D poster in cinema 4d

teacher avatar Marcos Silva, Designer & Animator

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

6 Lessons (30m)
    • 1. Poster Design #002 Trailer

      0:52
    • 2. Starting the design in Adobe Illustrator

      6:37
    • 3. Starting on cinema 4d

      7:03
    • 4. Camera, lights, Action ( Render)

      6:48
    • 5. 3d Materials and render settings

      3:57
    • 6. Post-production & Final Export

      4:36
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

38

Students

1

Project

About This Class

In this class, we will be designing a 3d Poster Inside cinema 4d Lite. 

  • We will start designing our Custom Typography in Illustrator, 
  • Import our design into Cinema 4d
  • Model, and texture the 3d type
  • Light and Render our 3d Scene
  • Export and Post-production in After Effects

By the end of this class, you will be able to design a poster just like this. And will have a better understanding of cinema 4d modelling, Lightning renderings tools!

Meet Your Teacher

Teacher Profile Image

Marcos Silva

Designer & Animator

Teacher

Hi! I'm Marcos, and I'm a Designer / Animator based in London, UK. 

 

Currently, I work in the Fintech Industry at 11FS in London. For the last ten years, I've been designing for advertising agencies such as Saatchi & Saatchi, Ogilvy, Vaynermedia, JWT, Y&R, Wieden + Kennedy. And working with clients like Google, IBM, Snapchat, Microsoft, Apple, Amazon Prime, Ford, VW.

Can check my Motion Design Reel here & my online work portfolio here.

 

+ About me, that is not work-related.

 

I'm obsessed with audiobooks; I love reading, but listening to books while working is perfect.

Every 4 years, I take a 6-month mi... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Poster Design #002 Trailer: Hello everyone. My name is Marcus and I'm a designer and animator. In this class, I will be sharing with you how to design this poster using Cinema 4D. We will be starting in Illustrator, where we will design our custom typography. We will then use Cinema 4D to import our initial design and take it to the three-dimensional world. We'll be using Cinema 4D Lite, their free version that comes with After Effects. In Cinema 4D, we'll be using a modelling to aloft to create our topographic model. And we will light our scene, set up our camera, configure our render, then the post-production will be done in After Effects. Where are you also going to export our poster? By the end of this class, you'll be able to design a poster just like this and will be have a better understanding of Cinema 4D modeling tools, lightning and rendering. Be sure to sign up and share your process with everyone. I see you in class. 2. Starting the design in Adobe Illustrator: Hi everyone, and welcome to the post-class. So the first thing you're going to do is prepare your Illustrator file. You actually don't need to follow this specific resolution because we're going to be importing the splines into adopt Cinema 4D. Cinema 4D, that the pulsar resolution will be. So for now, I'm just going to use this 24 AT by 3500 eight, but you can use any other resolution that you are that you are comfortable with. And I just press Create. So to make this poster, I've just show you in a trailer is, it's mostly we just need to do one really simple thing in Illustrator. We just need to get a splines from the letters. And for that, I'm going to use the same word I use on the parser, which is Moon. And I'm going to just write moon and just scale this up a little bit. I actually want to use pebbles new, which is a free phone that we can easily download in the Internet. I'm going to just use the bold version. I'm going to select this font now and I'm going to outline it. So I'm going to right-click and create outlines. And perfect this is what we need to do. The first thing. Next, we just need to ungroup this font. Let's just right-click Ungroup. And let's start to create, starting to get our layout. So I'm going to actually put the end on here. And these two O's will be organized them. So let's start with the letter M. So the first thing, after we expanded the letter, creating the outlines, we actually need to delete some of the lines. So I'm going to just delete this one here. This one. So we end up just with them main shape of the letter M. Let's just convert to just a stroke. And this one here, I'm going to just press P and just going to delete this anchor point like this, and delete this one. So we have just a spline of the letter M. And that's through the same thing for, oh, let's just delete the middle point here. Select just in case steals a pointer. That's just inverters for the stroke. And do the same for this one. Like this. And do the same with the stroke. Perfect. And let's just do the letter M, N and now select it and delete it. And actually we're going to need to do something extra on this one. Let's just stroke it. Because he needs to connect this point to this point. So you're going to, just for now, Let's just going to delete this anchor point, pressing P and then selecting the anchor point here. And let just select is a click on a or here in the toolbar and select this point. And select this point. And go up here and connected slat in the endpoints. And as you can see, actually connects those two points together. And let's go again to the pen tool, select over the anchor point and deleted. So here we are most finishing our spline here. So I just going to actually select these anchor points of the letter O. And I'm going to try to make a circle with ten. Or even better. I will actually, instead, you can try to make a perfect circle using the font. But I believe for this example right now, I'm going to just delete this OS and actually use the Ellipse tool to create two circles that will symbolize the O, not civilized. They will represent the OS. So just going to scale it so they match the size there. I'm going to go to View and Show Rulers. I'm going to drag a ruler here. So I can have the exact height of the letter m. Going to do this here. Another ruler for here. I'm going to select it and pressing Shift, I'm going to match to the guideline there. I'm going to create another ruler for here so I can have the width of the letter older and are going to move, select a, going to move this anchor point to there. So it matches the same guy as we have for the OS. If you press Shift, it actually snaps to the guide, which is really cool. And let's just change the layout a little bit so we can move a little bit so we start to have more or less a sense of the layout that we're going to bring to the trivia environment. So the next thing we need to do is actually just saved this file. There is one little trick you need to do before you save it. Unfortunately, I don't know why we need to save this file as let me just find my folder here. Skillshare, not this one, Skillshare poster 002. And I'm going to name this moon spline and press Save that thing here. It's unique to the actual Select illustrator version 8. If you don't do this, for some reason, cinema 4D won't import your spline. You just can import something else, but you can see. So to make sure you are able to import your splines from Illustrator to Cinema 4D. Make sure to save it as Illustrator file version eight. Great. Now let's go to After Effects. And then from After Effects, we're going to be opening Cinema 4D Lite. 3. Starting on cinema 4d: So we are here in After Effects now and we just need to be here right now just to create it, the Cinema 4D file. For that, we go to After Effects tab here. And we go to New maximum, maximum Cinema 4D file, which has click on it and let it and save it somewhere. Like let's just find our poster, moon. Let's name this file moon poster 000 001, personal K. And we're going to wait for Cinema 4D to start. So here we are in Cinema 4D, I really like to use this version because it decides the pressure that comes with After Effects. So we don't need to have the full license. And we can actually still doing pretty cool stuff in this. And let's go. So first thing, because we saved our spline, you can just go to File here and we do marriage object. Let's go to find our spline Skillshare processor, two moons blind, and we just to open one centimeter, press OK, corral and perfect. So one detail that's happening you can see it's because I use some guidelines there. Cinema 4D, also important the guidelines. So we can just delete them for now as we don't need them. But just in case if you don't want this anymore, you just need to delete your guidelines before you save your file. Perfect, So we have our splines in cinema 4 D. I'm just going to move them a little bit. I'm just using these two bars here is to move my object, but also can use the keyboard number 1, number 2 to pan and arbitrary to rotate. And let's just select this and move it a little bit over the grid like here. Perfect. And let's go to our group here and see the paths. I really like to name my perf with the right names, so I don't get lost in the process. Because when you start working on a project and when you don't start to do this from the beginning, you end up with millions of layers with the name perforin path to perform 1200. And it can get messy and you can get really lost if you don't do it. This is letter N. And let's just do for this one as well. And this one and perfect. So the, our paths are named. So the next thing we need to do, it's starting to extrude that shape. So the way I did this was just using the modelling tool named loft. What does he actually connects? Prefer example this tooth plans together and making it a Extrude in-between them. For this, I actually just duplicated. Despite M. You can just hold Control or Command on Mac and just drag it down and duplicate it. And then I drag, drag this a little bit further. And I actually select, and then I select them both and drag them to the left. See, it connects the two shapes together, creating a 3D mesh, three-dimensional shape. Which is really cool. And in case if, imagine if you edit, this is just edits and creates like a, some type of blend effects that we have in Illustrator. And this is m. Always keeping the project as organized as we can. And let's do the same for the others. Let's just duplicate and pressing Command or Control, drag it down and duplicate these two rows. Just like this. And to make sure you, you are actually using the same distance as the letter M, we can switch our view to the top view. So like here on a top view, I'm gonna make sure my second split n, It's actually in the same place. A more or less of this plant em. So E, just zoom in using the toolbar here. And just make sure it's in the same place if you need to adjust the M adjusted. So they all match in distance. And I will do the same for the latter. Here. Try to manage it the best I can. And you can zoom in if you need to. And let's just say this one. Perfect. And now let's start to apply the, the, the lofts in the letters. So let's get out of the view. Go to the perspective view here. And let's select loft. Let's drag our letter N there. Perfect, like SNOMED is to n. Let's create another loved ledger, first letter O, and create another loft. And just drag the second matter. Oh, and I should slammed is 0, 1. This would be 0 too. Perfect. And when is the circle like this? You actually need to increase a little bit the steps so it doesn't get really hard edges. So for that, we just go to the nerve. And in here in isotherm subdivision, which can just increase this number. Sorry, you can just increase this mesh subdivision number in you to more or less, let's say 64. And do the same here. Massive division to 64. So you actually have a really smooth edge here. Perfect lights. And also wanting to happen is when you use circles, scrapes the nerve, the nerve The tends to close the shape because he sees is a circle. You want it thinks you want a cap on it. So it creates a scab and only thing you need to do is just turn it off. So you don't have a cap in the beginning or the end of the shape. Thus emptying here caps, turn off the caps. And there we go. We already have the main 3D element for our poster. 4. Camera, lights, Action ( Render): Perfect, So now the only thing we need to do now each set up our camera. So this is a really fun part. I really like to, because like distinct, we can just start an illustrator and we can see more or less how the configuration will be in a bi-dimensional way. When it drag cameras into, into Cinema 4D, you can actually play with perspectives and zooms. And you can actually create really interesting visuals with this. So when you are inside of your camera element, I'm sorry, I need to explain how you carry it just in case. Tells us that tab here and just select the camera and you click on these little squares so the camera is active. So when you slip inside of your camera, you can actually set selected projection you want. You can go to choose any projection is like from top to isometric, which is really cool for some visuals. And, but for this one, but for this one, we're gonna use a parallel one. So on these parallel camera, you're going to set up more or less, how do we want this perspective? So now is a time where do we need to actually put the resolution of the poster? So for that, we go into our render settings here. And we go to Output. And here we actually do our resolution. As I use in Illustrator 24, 84 reef and tall will be 3500. Eight. This is more or less the resolution. Offer an A3 poster and start to lay out our pulsar together more or less just like as I did for that example, was more or less like this. Try to play around with the movement of the camera, just like until you actually happy with the result. And perfect the layout. When you are happy with the layout, we can just start with the next step, which is creating the lights for this scene. Senior 4D has multiple light types. So the ones I really prefer to use for this kind of project, It's an area light. So the Harrier light, what it does, it's like a panel like as you can imagine, like a light panel, which you can move around. You can just let just like our camera and get out of the camera so we don't move and lose our layout. And as you can see here, and let's just create another light. I can just go to lights here. Choose an area light. Here. You can move your light around. And if you press E, You can move in the x and y axis. And if you press R, E actually a labels you the rotation of the light in those axis and T, you can scale it up and down. So for now let's just lay out this more or less so we can just drag it here, create a light. So we can actually have some really nice shadows as well in our project. Let's go back to our camera. And let's put the four views panels here so you can see where our light is and how it's affecting our project. More or less like this. I like this little, I like the shadows. They're really good at week actually can see what's happening on the viewport more or less. So you can see how our light is affecting the model. And just like this, I think I'm going to create another light. Just to feel a little bit the scene. I'm going to just go to Light, create a new one, a new area light here. And then I go to four views, actually going to select our camera again. And nice. I'm going to select the new light and I'm going to try to move it using the front view here until I'm happy with the result I'm seeing on a viewport. Let's expand this view. And let's go to render region and make the interactive render region, which will keep updating as, as you move your scene, are you change your lights. So let's make it more or less just like this. So you can see the full spec ratio. Or for a poster, there is this little arrow here which increases the quality of the render. You can just pull this arrow up if you computer actually handled it. And you can already start to see how the parser is looking on this render preview. So I think it looks really nice. So the reason I have two lights on this, it's because I really like to turn one light, the shadows on. For that, you select your light here, and then you go to shadows, and then you choose which type of shallow do want. I'm going to use a shadow maps soft. And let's see the result watch, which is creates C. As you can see now, we have this beautiful soft shadows projecting in our objects. And I really liked this scene because I really think when you had shadows to something, he creates such a nice details. So let just more or less keep water in our layout, Mondelez a little bit and maybe go to our other light, selected. And select General and tried to increase the intensity and see how much it changes in our main shell on light. As you can see here. We need to do this in case our shadows are really hard. Our new want to actually to have more detail in the light side. You can also select the main one and maybe turn the light a little bit down and play around which, which type of intensity you actually like. So Arctic is perfect. I think, I think I'm really happy with this result. 5. 3d Materials and render settings: So the last thing, one of the things we need to do ASL, it's critter material for our scene. The material is like which texture and color our model will have. So for that we can just go to create new default material. And I'll just drag and drop into our scene here. Like less drag and drop to 0, 2 and drag and drop to o, n and m. C as the main material actually has the color white. It actually gives already the white color to this scene, even with the lights on it. As you can see, we actually losing some resolution here. Maybe it's because of second light is way too intensive. And it's actually taking some light from there are. And the good thing about a render region it is just, you can just keep playing and see the final results really quickly. Maybe we increase this one. Let's go to our main lighter and tried to see how can we make it look a little bit better at spotting. That's haptic. I'm happy with this. If you want to change our material though, your color material, you just click twice on your material tab here and you open. And then here on color, you can just see select which color do you want to apply. You can change these up so it's dxdy scholars in post, but it's really nice to actually be really close to the color you want in the 3D part. You can always choose an ad, adjust the colors in post-production. But I really, I'm really like to be really close in the render. So when I'm doing post-production, I can't just push it out even a little bit more. Like our, I will keep this as white as an example poster and maybe a little bit darker, like a little grayish. And I'm just going to close this tab for now. And I think we are almost ready to go to render. So you cannot do not render an image from here. You actually need to import into After Effects and from After Effects, you can import our render. But here you can apply some really cool effects as well. And then you can see them in after effects. So we go to here, to the real term and we want to select effect. And we're going to use ambient occlusion. Let's see what ambient occlusion actually adds to us. C, As you can see, he has this little grain details in our shadows. You can adjust it here the right, like, so you can have more or less Muslim rein length. And maybe depending on the size of the project, you need more or less. So you just adjust here until you are happy with the result. And if you actually want to add a little line around this, you can also use the Effect named cell render. And you can just select color. And he actually had this little black line that we actually can choose a color. Like if you want it to be purple or any sort arrival of color. I do think it's a really nice effects. I'm not going to use for this project. But it's a really cool to think to have in your posters. And now I'm just going to close this. And I'm going to save this and take this project to After Effects now. 6. Post-production & Final Export: So back in After Effects, as we started our project inside of our after-effects, when we went to NYU, a maximum Cinema 4D file outFile. Our file is already here inside. So the only thing we need to do is just drag it and create a new composition we did. Here, as you can see, we have our pulsar and we have the viewport preview here. But if you can just go to change the renderer and select current, it will update on our screen that current vision, they're equal the intermediate occlusion effect and everything else. Perfect. So now what we going to do is create a background for the image. For that, I'm going to just go to Edit. And I'm going to know actually Layer Solid. And I'm going to create a gray solid to use as a background. Just like this, pulling down more or less like this. And I actually going to create a color correction in our model. You can just slide the Cinema 4D file and going to Effect color correction and use any of the color correction effects they have available in. After Effects. Let's just select this pulley up a little bit. So more or less and play around with the curves until you are happy with the result. Just like I just wanted to push it the greater little bit. Maybe I will, I will, I'm going to change the delight, the core of the solid for letter going to edit solid settings. I'm going to push this here. And I'm going to make it a little bit darker, actually going to try maybe to pick whip the color from here. Yes, more or less like this. And actually if as I said before, if you want to change the color of the material here, I like to use a Effect named tint. You can fight tint on color correction. And so what does it maps the blacks to other colors and then can just change the color of your object as, as you wish, like blue to yellow. Just like this critter, really cool effects actually. And from one parser, you can just create multiple posters with different colors. Which I think is really cool because you end up not spending as much time in cinema 4D. And like doing the tricky part and actually just spend more time being creative with colors in post-production. Like a relaxed is this one An Australian outs for now? And next, the last thing I wanted to do on this is just create an adjustment layer. For that. I can just go to layer, new adjustment layer. And I'm going to add a noise effect. So far it going to affect noise and grain. And noise are really like to add some noise on my designs because it gives so much more detail. And it feels as digital. And yes, this is it. If you want to export it as a file, you can just go to say framers file. Here you can select if you want as a Photoshop file or a PSD or a JPEG, you have all these options. I normally use PNG because it's my favorite format. It's light and keeps the colors really well. I just select PNG, press, Okay. And just press Render and wait for a file and positive none on socials. If you do this exercise and post your file and post on socials, please be sure to tag me a really want to see your posters. I hope you guys enjoyed this class. And let me know if you want me to keep doing this poster classes, if you are enjoying them and what you think about them. Thank you so much.