Design it with Cineware: Prepare a Coffee Mug for Texturing within Cineware for Illustrator

in this tutorial I'm going to show you how to prepare a mug for texturing within sin aware for Illustrator now of course we could do all of the texturing within cinema 4d but we're going to go the extra step of preparing this mug so it can be used as a template the 2d artists can apply different artwork to it within Illustrator now the first thing we need to do is apply a base color to this mug and for that we're going to need to create a new material this box down here on the lower left of the standard layout is the material manager and you can create a new material by choosing create new material or by simply double-clicking within the box you're gonna get a new material swatch and you can double click that swatch in order to open it in the material editor we'll go ahead and rename this material mug base color and we want to make sure that the color channel is selected here we can set the base color for the mug and this is something that users will be able to adjust with in Illustrator for now let's just go ahead and set it to a black color next what we want to do is actually modify the reflectance of this material we want to choose how reflective the material is going to be and we do that here in the reflectance channel by default the material just has a specular reflection which is a fake reflection based on the lights in the scene we want to use a real-life reflection so we're gonna remove this default specular layer by hitting the remove button and instead we're going to hit the Add button and add a different type of reflection layer any of these first four will generally work but we're gonna choose Beckmann this works really well for plastics and whatnot now you'll see that we've made our material completely reflective so we need to tone that down somehow well of course we can adjust the reflection strength but that's not actually what we're looking to do here we want to adjust the reflectivity based on the angle of the object you might have noticed that most objects are more reflective when you look o bleakly at them then when you're looking straight at their surface and the way we define that in 3d is using the fernell property so down here in the layer Fornell box you can set a four now we're going to choose a dielectric for now because conductor Fornells are basically for metallic surfaces and we've got a ceramic or glazed type surface here now we can choose a preset for now and there's no ceramic or glaze option here but there is Perl and I think that's a pretty good match for what a ceramic glaze might look like so we'll choose that and basically all this preset does is sets the index of refraction here to one point six nine the higher the index of refraction the more reflection you're going to get the lower the index of refraction the less reflective it's going to be at the angles so we'll go back here again to the purl preset and now what we want to do is apply this material to our object so we'll close the material editor and drag the material right onto the mug here in the viewport or onto the mug within the object manager and now you can see that we have a black mug let's go ahead and get rid of those wires or lines by switching the display back to goro shading so here we have a pretty good start for our mug and now we just need to set up the label for the mug now normally if you needed to texture all the aspects of this mug every surface of this mug you would need to use a process called UV mapping and that's where we map every single polygon rectangle or triangle that makes up this object into a flat 2d image in many cases when we're working on product packaging we can avoid going through the full process of UV mapping and simply use cylindrical or flat decal maps in order to apply our textures and that's what we're going to do here but first we need to create a selection set in order to restrict dirty cow just to the outside surface of the mug so select the mug template polygon object here and go into the polygon mode what we want to do here is select all of the polygons that make up the cylindrical outside of the mug the easiest way to do this is to go into the loop selection mode and you can get there either by choosing select loop selection or by hitting ul what we want to do is select the loop that makes up the rim of this mug and it may take a little bit of hunt-and-peck to get the highlight in the right spot you can zoom in with your camera until you're able to select this loop that just makes up the rim of the mug now we need to rotate to the bottom of the mug which you can do using this rotate icon here or by alt left dragging and then alt middle dragging to pan and we want to shift select this loop that defines the bottom of the mug next we need to isolate the handle so we're going to select the loops that define the start and end of the handle so we'll do that again by holding down shift and selecting this loop and this loop so now we've basically bordered the area that we actually want to select so now what we can do is use the fill select tool in order to select the desired area so go to the Select menu and choose fill selection or hit u F and now you can see that we're able to select either the handle here or the cylindrical outside of the mug basically any area that's bordered by the selected polygons so just click to select the cylindrical outside of the mug now we need to apply a texture just to that area of the mug and to do that we're going to create another new material again you can use create new material or simply double click in the material editor now we can apply this by simply dragging it to the bug within the viewport because there's polygon selected cinema4d is automatically going to create a polygon selection to go with this new material the polygon selection is represented here on the object manager by this tag with a triangle icon and this tag stores all of the polygons that you had selected when you created the tag we're going to go ahead and change the name of this tag here to mug outside now you'll see that the texture disappeared and that's because when we go to the texture tag here it's still referring to the polygon selection dot one which was the original name of the tag we'll change this here to mug outside in order to match the name that we just set up in the polygon selection tag now by default again this used UVW mapping for the texture in this case we don't want to use UVW mapping but instead we're going to just use cylindrical mapping this is going to make it really easy to map our cylindrical surface without any distortions and we're not going to have to worry about UV mapping with the cylindrical mapping projections chosen we need to adjust the projection itself so select the mug object and the texture mode and you can see this cylinder represented here in the view this is basically the cylindrical projection so you can see that it's much much too large an easy way to get it close to the correct size is to right-click on the texture tag and choose fit to object now you'll see that that much more closely matches the size of the mug but it's actually including the handle as well so next we'll go into the texture tag and look at the coordinates within the attribute manager so what we need to do is set this Z value to match the x value because here we have our X and our Z those should be the same the cylinder so we'll set the size Z here to four centimeters and now we just need to move it over to line it up and for that we can just set the position Z to zero now you can see that we have a cylinder that's perfectly matched to the outside of the mug let's go and apply a texture to this mug in order to see how things are going to line up so we'll double click on this material and go to the color Channel and in the texture here we'll click on the three dots and go into the text folder and load the fishy mug PNG that came with your project assets whenever this dialog shows up asking if you want to copy the image to the project path just say no now let's close the material editor and look to see how the material is applied and you can see that things are working pretty well we might want to adjust the angle of this material if we look here at the image you can see that the purple fish is towards the far left and the red fish is towards the right so let's adjust this so that the purple fish comes here on the left side of the handle so for that we keep the texture tool and the texture axis enabled and we're going to switch the rotation mode and simply rotate this around I think that looks pretty good but if we want to make sure that the texture is centered right on this handle what we can do is go back and instead of using a texture we'll use a gradient so click this button here and choose a gradient and now you can see a line exactly where the texture is wrapping so we'll go ahead and rotate around and put that directly centered on the handle now before we export this for illustrator we want to rename this material so we'll double click on the name here and rename this mug label and we also want to go ahead and remove that gradient so that when people open it up in Illustrator they're not going to see it finally we want to go into the material and copy the reflectance settings here and paste them into this material so that both the label and the base have the same gloss appearance and here we did need to remove the default specular now we have our mug basically ready to texture within sin aware for illustrator in the next tutorial we're going to finish out some aspects of the illustrator template including adding an environment and a floor for this mug

Channel: Cineversity

Views: 18,301

Keywords: tutorial, cinema 4d, c4d, cinema4d, cineware, illustrator, adobe, template, texturing, plugin, refectance, fresnel, cylinder

Id: jQHVDFhhztc

Length: 12min 9sec (729 seconds)

Published: Wed Feb 07 2018