Create a 3D Painted Poster in C4D and Photoshop | Noah 'Qehzy' Kline | Skillshare

Create a 3D Painted Poster in C4D and Photoshop

Noah 'Qehzy' Kline, Graphic and Web Design

Create a 3D Painted Poster in C4D and Photoshop

Noah 'Qehzy' Kline, Graphic and Web Design

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (28m)
    • 1. Introduction

      0:42
    • 2. C4D Setup & Render

      7:22
    • 3. Photoshop Setup & Lighting Effects

      8:13
    • 4. Background & Adjustments

      3:10
    • 5. Adding Text

      5:22
    • 6. Final Touches

      2:55
  • --
  • 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.

518

Students

4

Projects

About This Class

In this class, I will be showing you how to create a 3D brush render in Cinema 4D and a gradient material. Then we'll be going into Photoshop to create a poster with our render as a focal point.

Some of the things you'll learn in this class.

  • Creating a 3D brush render in C4D
  • Use the spline tool in C4D
  • Creating a gradient material in C4D
  • Setup up a poster design
  • Adding light to a poster and render, and enhancing color.
  • Adding text to poster and using a layer mask to create depth.

Experiment with different designs and images to get varying results!

Meet Your Teacher

Teacher Profile Image

Noah 'Qehzy' Kline

Graphic and Web Design

Teacher

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.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

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.

phone

Transcripts

1. Introduction: What's up, guys? Know what were quasi here? And I'm gonna be teaching you in this class how to create a poster like this using Cinema 40 and Photoshopped. Something's gonna be teaching. You include using a spine wrap in cinema four D along with an object to create various shapes, Um, and also creating materials in cinema four D that included a radiant texture in Photoshopped. I'm gonna be showing you how to correct the color of the render and adding text and subtle details to the background to complete a poster look. So let's go ahead and get started with the similar 40 part first. 2. C4D Setup & Render: So here we are in Cinema four D. And in my original, I used a light room to render out my object that I created. But you do not need a light room. You can use one if you'd like. You can use lights or whatever you want, but I'm just gonna use a blank document or a blank a blank scene to show you how to go about creating our symbol 40 object. So I actually use it a text spine to create mine. So I'm gonna go here to the spines and do text. I'm gonna align that middle, and I'm gonna change the text two of us, just because, um, the U and the S R two shapes that will create the object. And it's kind of the shape I want for the poster like the S will go down the middle and then I can use the either side of the U on the sides. Um, you can also use any other spines you will like. I'm gonna use text because it executes the effect I want. The fun I'm gonna select is a Gotham Light and that you can see it's a thin font and it's a pretty basic fund is not a lot going on with it. And on the text file, I'm going to go to horizontal spacing and just increase it to, um maybe, like a little over 70. So 75 works now, I'm gonna go toe landscape, and you may have seen the three D paintbrush tutorial on YouTube that, um, does the same thing. I have one that has, like, 30,000 views almost on YouTube. And I know there's a few others with, um, similar views. So it's a popular tutorial on YouTube, so you may have seen it before, and we're gonna be using the same process. But if we get a landscape and adjust the middle size here to six, hundreds of all three, um, axes are 600. You could also use different objects here instead of a landscape to get some even Wilder looks. It won't look like the poster I have. But you could mess around with that. If you'd like. We're gonna go down in the rough furrows and decrease that a little bit. I'm gonna go to 40. I'm gonna pump up this scale to about 1.4 plateau I'm gonna decrease to about 55 is the amount of bed here, and then we're gonna go into the distortions. Here are like the display, sirs, and I'm gonna get a spine rap, and I'm gonna add this plane rap to the landscape in the spine. Have I'm gonna change the axis two plus. Why in on spine here? Organists like text. I'm gonna bump the offset up to about 50%. We might adjust that later. I'm gonna open up size in a press command and click at about 0.7 to add a point there and then bring the other two points down. Not quite 20 but further down. Like so we're gonna go down to rotation and then on banking. We're gonna set that to 90 on this craft. We're gonna bring the left point all the way up, and then on the splatter rotation, we're gonna do the same thing. Now I'm going to select the text and get the scale tool and just scale it up just so we can start to get the look we want. There we go. We're getting there. If we go back into the spine rap, we can play around with the offset to try to get a look we like. So I want. Like I don't want it to be too thin at the end. You can see we're going a little thin over at the u here. But the S is looking all right. I'm actually I kind of like the 66% is working for me. Now. I'm gonna go and click this button here for a subdivision surface and add the landscape to it, and you can see that Smoothes it out. And that gives us like that three d paintbrush effect. You can also add two of these to get it even smoother if you like. Um, that's what I did originally, but it will increase the render time by a lot. And you can also just come here and at it the subdivision editor and subdivision render and get a lucky one. If I do a quick render, you can see this is what we're looking at right now. Now we got to create a material. So let's double click down here to create a new material and double click on that in the color tab, We're gonna click the drop down arrow and do a layer Click the black box to edit the layer Go to image And I have this colorful texture already here to get this texture I'm gonna select it and click No, but you get this texture if you go to If you go to Google and type in beautiful color texture mine has hyphens because I just copied the original name of it. So if you take beautiful color texture, you can I guess you can add the hyphens and you go to this 3rd 1 Here is the image and that's when I used on top of this I'm gonna go to Shader Grady Int and double click on the radiant or just click once Rather and make sure it's two d u. They will click on the black color Goto hex and I'm gonna change my color 200 f b ff and click OK, it's like a sion double click on the white and that one we're gonna make f f 00 d d, which is a pinkish click. OK, hit this up arrow to go back, Change the layer Moto Hugh And then we have a sigh on two purple with like a blue in the middle, and that's our texture. We can go ahead and add it to the subdivision surface if we render it out. That's what we're looking at right now. I definitely think the two subdivision surfaces look better. And obviously, I think with a light room, the render might look a little better. Um, also you notice adding the two subdivision services immediately increases our time, so the render time will increase you and further if you add lights in a light room. Um, but that's the cinema four D part If we go to our render settings. Um, the only thing you have to worry about is Alfa Channel. Make sure that is checked, and, um, you don't have a background now we can go ahead to a photo shop after you render it out. Also, you can play around with the angle so it doesn't have to be straight on like that. You can tilt it like so, but let's go ahead and go over to photo shop 3. Photoshop Setup & Lighting Effects: all right. Now we're in photo shop, and all I did was go to new and created a document that is 8.5 by 11. Just standard paper size. You could make it whatever size you want for whatever poster you would do. And I have a 300 resolution. So these air the settings. I'm going Teoh Press Command I on my background to make it black. And let's go ahead and add are render toothy file. So here is the original one I rendered with the light room so you can see looks likely different with the lights and years may look different. It's it all depends really. And like I said, I used to subdivision surfaces to get a really nice smoothness. So years could look many different ways and that's perfectly fine. That's what we want. We want everything to be a little different here. Once we add that in here, I like to just duplicate it and hide the original and work from the duplicates. And I'm gonna zoom out here, press command, t press all and increased the size, and I'm just going to try to work with this s and set it up How I want it in the document. So let's decrease the size and let me clip out the U So I'm gonna fit the S and our document like that. And then I'm gonna right click on this layer Rast arise. And I guess I would get deep end tool and just click around the s real fast Make a selection Click OK, And I'm just gonna press command C Command V and I will just go ahead and delete that layer . And now I just have this s in a press community and edit this song, Impressed all increase the size And then I'm gonna press command and kind of mess with these anchor points to get this how I want. And there we go. I'm pretty happy with that. Now I'm gonna duplicate our original layer down here, make that visible increase the size, and I'm just gonna kind of lineup the you over to this right corner. Duplicate this and let's align the other side of the you up in the other corner. Once you get that, how you like, we're gonna cut out this extra bit off to the right, so I'm gonna go down to the layer mass like that. And I'm gonna use the brush tool, a hard brush with black selected and the layer mass selected and paint that out. You can also use the pen tool or whatever else you like. Um, now we're gonna go ahead toothy main painted area the s down the middle, duplicate that with command J drag it to the bottom, and we're gonna press command t and holding all We're gonna increase the size, like so to try to fill in all the empty space in our document press enter and kind of align it slightly over to the right. So I want this effect. So, like, it's going like this the way my mouse is. I don't know. That's kind of the texture. I went for the background, and I'm gonna make the opacity five and press enter so you can suddenly see that in the background. I don't know if you can pick it up on the recording. Um, but hopefully we'll be able to see it here in a second. Um, so we're gonna go ahead and add a background radiant. So if we go down to the adjustments Grady int double click on our grading here. We're gonna do black to our color. I've got yellow selected in my color right now, so I'm gonna double click on that in the colors. We're gonna use our 11043 See dark purple click OK, and then on the black we're gonna double click that and we're gonna make this one 003 747 I believe so, like a dark cyan click. OK, OK, OK, there's our background and hopefully you can see that little bit of texture in the background. You can move this around and adjust it to, like, fit with the way your main shape is going. That's what I try to do here. Follow this area here. Um, Now I'm gonna go ahead, select thes three layers at the top, which are our three brushes, and I'm gonna group them together with command G. I'm gonna pray that our I'm gonna go down here and at a solid color and just make it white and pressing all I'm gonna click on that color fill to be a clipping mask on that group and set that to overlay groups overlay and bumped down the opacity. Now, this might very depending on whether you use a light room or not. And just how your render is mind I'm gonna have around like, 13%. 14% I have somewhere around there for this particular one, and I'm gonna select the group command, Jaded, duplicated, and it takes off our clipping mask to make sure that bring that back. And on the group that doesn't have the clipping mask, I'm gonna press command E to merge and then drag it to the very top. So now we have two layers, one has a white overlay and one does not. And the one that does is in the group. And on this layer, we're gonna go to filter, blur Gaussian blur. And this is at about 30 radius, which should work. You can make it bigger if you want a larger glow, which is what we're doing. Or you can go smaller for a subtler glow. It's up to you. I'm gonna go about 30 click OK, and we're gonna set that to screen and somewhere in the 20 ish percent range so you can see that I have a little bit of a glow on that now we're gonna create a new layer to create some, uh, soft lighting. I'm gonna go over here and make my color is black and white by clicking that button and I'm gonna flip it. So white is our foreground color. I'm gonna get the brush tool and make my brush a soft brush come up at the top, increase the size, go about 2300 click at the top, hold shift and go over to the right slightly. So this creates our light effect, and we're gonna make that a screen. And somewhere in the 20% range is Well, I think 20 works pretty good. Maybe a little less, actually. Let's go. About 10 now, below that layer, you wouldn't create another new layer. And this also can be a soft brush. A little smaller, though, and we're gonna select some colors from our rendered object. So I'm gonna select a color, and I'm gonna make it like the pink in this pink part. And then when he disliked the black and make it, um, the Cy on and I'm going to slightly adjust it like so. And with that purple, I'm gonna kind of click around here. So maybe up here, over here and at the bottom. And then with the Cy on, I'm gonna click here, maybe the top corner and to the right, And I'm gonna set that to screen and about 20%. And now you can see how this is coming together. That kind of just adds a color throughout, Um, the poster here, and it's looking kind of nice. And now we're gonna move on to the background and some adjustments. 4. Background & Adjustments: So for the background, there's a few things you can do. I'm gonna keep it pretty simple, but it's up to you. How much you want to go ahead with the background. Now I'm gonna go to our Grady int and create a new layer, and I'm gonna make sure aren't my colors or black and white again and black is selected and I'm gonna get a Prussian. I'm going to use my own brush back here. Now you can use any brush you want. You could use just normal textures from Google or your own textures. Um, completely up to you here. But I have these brushes that look like this you can see. Let me just select It's 1/2 circle thing. And I'm gonna use these as just subtle background, um, textures. Um so I'm gonna select this one and rotate it 90 degrees to go to the top part here like that and create another one by rotating it slightly the other way and maybe go to the bottom here. Actually, let's rotate it a little further, and then maybe go back this way and go here so you can see this brush kind of matches the painted render we did. So that's why I chose it. You could use whatever you want. Um, by the way, these were created an illustrator. These brushes and they're fairly simple. You could use any sort of brush you'd like, but we're going. We're gonna go ahead and set that to overlay and 10%. So it's just a very subtle background effect. We're also gonna go to the very top and create a levels, and on the levels were gonna go to right here the bottom of thes three eye droppers, which is Thea White one. So we're gonna click that, and we're going to select the brightest point of our render, which is probably somewhere in the Cy on here. So I'm gonna click right there, and you can see how that dramatically changes everything. We get some more colors in our render and started look really nice. I really love this aesthetic that it creates. Um, but we're also gonna go and click the top eyedropper and then go over to our darkest points , our darkest point, which is right here for me, and that will darken it up. And I really like how that how that looks then in that color and how those colors pop together. I think that looks really nice. And then, like I said, you can go ahead and add more brushes here at this stage if you'd like. I kept mine fairly minimal, and I like this one being fairly minimal. Um, but you can go ahead and add any sorts off brushes you think will improve this poster and make it unique to you. Now we're gonna go ahead and move on to adding text. 5. Adding Text: So we're gonna go ahead and add text, and I'm gonna grab the text tool and white, and I'm gonna add text in three areas, appear down the left and then at the bottom. So that text up in the top, right? I'm just gonna go ahead and click and type in poster. 07 Because this is about the seventh poster I've made in the last few weeks. Not really keeping track, but it's my best guesstimate. Um, and I'm gonna double click or a triple click and select Avenue text, and it's already selected, actually. So that works great. Um, but I'm going to select the poster side or the poster text. Leave the double 07 text alone and decrease the size of that too. 18. Maybe That's a little too small. Let's go. 24. It's a little better, but maybe slightly bigger to 30. And that's what we want. Drag it over and fill it in that space, and I'm gonna actually select the double 07 texts and make it a different color. So I'm gonna click, and I actually selected a color from the pink here, the pinkish red. I'm not sure which one. Exactly. It is, But I have it written down F f 3782 for me. Um and that's like a nice bright pink And I'm gonna click. OK, I'm gonna duplicate that text and bring it slightly down double click on it and actually delete it. And I'm gonna put the year 2019 um, in a line it over to the rate, maybe make it a little smaller, Manti and just bring in that anchor point that works. And then I'm going to duplicate the 2019 and bring it down to the bottom middle and wait for that pink ruler to pop up to know I'm centered and I'm gonna put designed by Noah Quiz E in the middle there command t pressing all. And I'm gonna just decrease the size a bit. And I spilled my own, uh, queasy name wrong, because I can't get mad at people for spelling it wrong, even though it's ludicrously stupid. And now I'm gonna go ahead and add some big text off to the left, so I'm gonna just grab the text tool again. You could duplicate one of these other ones as well, but I'm just gonna go ahead and click and type express and just hit return after every letter. You could also just make it vertical text. But I like to do it that way. Chris, Command T and I'm gonna increase the size. Align it wherever you think it looks best. I think that's pretty good. Uh, I'm gonna come in here then with the textile and change some of the colors of these letters . So the X, for example, I'm gonna go ahead and make it this Cy on. So if you click the code, you could pick a sigh on again. I have mine written down 11 D e d. Okay, And then I'm gonna make the s is both the pink we use before. There we go. Cool. And then if we go down, open up our group here with the white color. Fill and command Click that top layer, which is the main s part, and we go on to our text layer here and click the layer mask. You see it? Layer masks out that text to only show the letters that are overlapping the S. But if we go to that layer mask impress command. I it'll do the opposite. And so it looks like our text is behind it. Um, but as you can see, it cuts off the last s completely which we don't want. So on that layer mask, if we get the brush and let's just get a standard hard brush, we can Then go and get the s back here. You could, um I could click there and make That s completely visible as well, but I kind of like it being slightly behind it. On my original version. Both these esses were on top of it, but obviously this one is slightly different. But I kind of like that. And you can see some of, like, the Texas on top of this, um, peanut area and then behind it there, and then it gets back on top of it. So it just gives it some depth. And I like that Look personally, that's it for the text. You could also add lines, something like this. If you're into that sort of thing, it might enhance your text. If you like that. Personally, I like it without it. So I call that a done day for the text, and we're gonna go ahead and move on to the finishing touches 6. Final Touches: alright for finishing touches. We're gonna first add a vignette, so go down to a new layer creating new layer. And I have black selected as my background color. So I can just hit, command, delete and fill that layer with black. And then I'm gonna get the eraser tool and a soft brush. Get a big one to start out with and go down the middle like that and slowly decrease the size and erase the middle area, leaving a black edge around the document. And now it's up to you how dark you make it. You could also just use a paintbrush of black and go around the edges. But personally, I like toe work from the middle in like this. But that's all up to you. And I think that's pretty good. And we can just decrease the opacity a little bit, could also leave it at normal or set it to overlay. I'm gonna set mind to overlay and bring it down to about 50% I think. And I just I think the vignette really kind of makes everything look good because it focuses your eye to the middle and just I just think it looks nice, but I am gonna erase it around the text there. There we go. Um, now I'm gonna go ahead and add a vibrance. You could add as much as you went to the color correction. It's up to you. But I really like the color and how it's looking. And so all I did was add a of vibrance and bump it up to about 30. If that's too vibrant for you, you don't need to do that. But I think it makes it just right for my liking. Finally, I'm gonna create another new layer press command delete to fill it with black and then go to filter noise. Add noise and I'm gonna go ahead and click, OK, 50% Goshen, and then set it to screen and 25% opacity. Now, this just gives it some texture and I think finishes off the look. You could bring the opacity down a little bit more or not even do this. If you're not into the texture. Also, depending on the text you use and the colors, you might be getting a weird edge around it. If that happens, just bring the text above the vibrance and make sure it's above the levels. If I put the levels above it, you can see I start to get a weird edge. So that's something that look for. But that is this class, guys I hope you enjoyed. And I hope you learned something. Um, if you did feel free to review the classes, check out some of my other ones. Also check out my YouTube channel. It's full of over 300 videos of free tutorials and goods. Um, YouTube slash That's quasi. Follow me on Twitter at quasi. If you have any questions, you can tweet them at me. Um, but I hope you guys enjoyed, and I will see you in the next class piece.