Hello there! Just in case you missed the important news, this month Blender Guru is focusing entirely on 3d typography! That means that for every week in the month of August a new tutorial will be posted to help you learn more about 3d typography in Blender.

On that note, I’d like to welcome you all to Week 1!

This tutorial will take you through a beginners course of creating 3d typography in Blender and making it look fantabulous!

Here’s what we are creating:

In this tutorial you will learn how to:

• Create text with custom fonts
• Add bevels and other effects to make the text ‘pop’
• Make the text more attention grabbing with text outlines
• Create a golden material
• Fake reflections for fast render times
• Add a striking background with gradients and stripes

From start to finish 100% in Blender 2.53.

Ready? Let’s begin!

NOTE: I have catered this tutorial to the 27% of my readers that prefer to read text instead video. The next 3 tutorials will be video I promise

Adding the text

Start with a new scene and delete everything. Then Press Numpad 7 to go into top view.

Add text by pressing Shift+A and selecting Text.

Press TAB to go into edit mode and type whatever text you want.

Currently the font is using the default font which is both boring and ugly. Let’s change that! Hit the Font tab.

Scroll down till you see the font section. Unlike some programs, blender will not automatically provide a drop down list of installed fonts. You will need to locate the font on your hard drive. To do this, press the folder button:

This will bring up a file directory. If you are using Windows, you will find all installed fonts under C:\Windows\Fonts\

I will be using a font called BebasNeue. Not your style? Check out 20 Big and Bold Free Fonts for some other great choices.

Lookin’ good!

Now let’s change how the font will look. Most of the controls are in the Geometry box.

The Extrude value defines how much to extrude the text into 3d space. The default value is 0, which is completely 2d. Let’s change that to 1.

Shazzam! The text is 3d! *high fives cat*

Now how about giving it an edge? The Bevel Depth value will give the text a rounded edge making it look smoother and less computer generated. Set this value to 0.005 (the screenshot shows 0.01 as it is inconveniently rounded up)

Much better!

See that smooth edge? Nobody’s getting paper cuts today

Creating an outline

To break up the uniformity and make the text stand out from the background we will be creating a second text object that is slightly larger and a different colour.

Duplicate the current text object (Shift+D), and hit Esc to leave the duplicate text in the exact same position as the original.

Now make the duplicate text slightly larger than the original:

Set the Width to 1.02 to make it fatter.

Set the Extrude to 0.99 to make it shallower.

Set the Depth to 0.01 to give it a more defined edge.

Perfect! We now have a striking outline around the original text.

If you want to recreate my example exactly, then duplicate the text, and place it underneath the other. Scale it up to give it a larger more emphasized look.

Adding the materials

We will start by creating the material for the inner text, so select it as shown:

Now open the materials panel and select New to add a new material.

In the diffuse panel, click the coloured box and colour wheel will popup. Change the value to creamy coffee colour. I have used R: 0.800 G: 0.500 B: 0.150

Next change the Specularity intensity to 0.70 and the hardness to 70. This will give the text a slight sheen to mimic reflecting light.

We will now create a fake reflection map to mimic the look of real shiny gold. If we use an image to fake reflections instead of calculating real reflections based on ray tracing we can cut down on render times considerably.

Open up the texture panel, and click New to add a new texture.

Set the texture type to Image or Movie from the drop down list.

Click Open and locate an image on your hard drive that you would like to use as a reflection map.

I will be using this photo of a studio lighting setup that I found on Flickr:

Photo by Brandi Sims

Important: Set the Mapping coordinates to Reflection. This will tell Blender to use the image as a reflection instead of standard texture that sticks to the object. If you skip this step your render will look horrible!

Currently the reflection is showing 100%, so you won’t even be able to see any of the material colour! To fix this set the colour to 0.065. Set the Blend type to Multiply so that only the lighter parts of the reflection show on the object.

To fake the look of anisotropic blurring (similar to brushed metal), I have increased the repeat X value to 4. This will effectively squish the texture horizontally, making the reflection look vertically blurred.

The gold text material is now finished!

Apply this same material to the inside text of the other line of text.

Rock ‘n’ Roll!

Now select the outer border text. This material will be similar only darker.

From the drop down menu select the preview gold material but click the number next to the material name. This will create a copy of the material that we can edit without it effecting the gold material.

Label this material OuterText.

Click the colour box and select a rich chocolatey brown from the colour wheel. I used R: 0.180 G:  0.090 B: 0.050:

Now select the other outer text and assign the same material.

Creating the arrow

We will model the arrow by hand. First we need to add a plane. To do this press Shift+A and select Mesh>Plane.

To save time we will use an array modifier. Switch to the Modifier tab and from the drop down list select Mirror.

The mirror will duplicate any action on one side of the origin, so go into edit mode and move the plane underneath the origin point:

In the mirror options enable the Y axis and clipping. The mirror array is now good to go!

Start by moving the right hand vertices to the right.

Extrude it as shown:

Grab the bottom two vertices and extrude them downwards and to the left.

Now take the end vertex and move it till it lines up with the angle of the arrow hand.

The arrow shape is complete!

Unfortunately the arrow is 2d! Fix that by selecting all the vertices and extrude them downwards:

Now let’s add some bevel so it matches the letters. Go back to modifier and from the drop down list select Bevel.

The default settings are perfect!

Line this sucker up with the letters:

Now you will need to give it a border. Doing this is easy: Duplicate the arrow and scale it upwards till it creates an outer edge. You may need to enter edit mode and move some vertices so the proportions lines up.

For the outer arrow increase the bevel amount to 0.2. This will give it a slightly wider edge.

Now assign the gold and brown materials we created previously:

Position a camera directly in front of the letters.

If you were operating in top down view, now might be a good time to rotate it so it’s flat along the ground plane.

Position the camera slightly to the right of the letters as shown:

Adding the lighting

Our lighting system will consist of 3 carefully placed area lights to simulate studio lighting.

Start by adding an area lamp (Shift+A, Lamp>Area)

In top down view, position the lamp as shown:

Switch to side view (NumPad 3) and tilt it as shown:

With the lamp still selected, go to the Lamp panel and change the Distance to 5, Size to 3 and Samples to 8 (to create smooth shadows).

Now make a second lamp by duplicating the first.

Place the lamp slightly to the right of the letters and pointing to the side.

This lamp is only providing secondary lighting so decrease the Energy to 0.5 and the Size to 5.

Finally we will create some bounce lighting. Duplicate the secondary lamp and place it underneath the letters pointing upwards.

This particular lamp is supposed to be very subtle so set the Energy to 0.2:

Nice!

But there’s one more thing…

Currently the inside of the letters is looking a little bright. To fix this, let’s add ambient occlusion. In the World panel check Ambient Occlusion and from the drop down box select Multiply to darken the mesh.

Much better!

Adding the background

We want to choose a colour for the background that compliments the golden text. The easiest way to do this is choose a colour that is opposite it on the colour wheel. In this case, blue. I have used the values R: 0.015 G: 0.075 B: 0.250

We will be adding textures in a moment so to ensure that they display properly, make sure you enable Paper Sky.

To make the text pop out of the scene more we will be adding a circular gradient that is a lighter blue than the background.

Switch to the texture panel (making sure that World is displayed at the top) and click New to create a new texture.

From the drop down menu select, Blend.

The default blend texture is black and white. To edit the blend texture click Ramp in the Color section.

The handles on the left and right side control the gradient. You can select the anchors by clicking on them.

Change the color of both anchors to a light blue colour. I have used R: 0.520 G: 0.660 B:0.900.

Next, slide the right most anchor point the middle. This will make the circle gradient larger and cover more of the background.

In the Blend section click the dropdown menu and select Quadratic Sphere. This will change it from a horizontal gradient to a circular gradient.

Enable Horizon so that the texture is applied to the world settings. Enable Stencil to create a mask for the next texture that we create.

Add a new texture underneath the one we just created.

Leave the default texture type to Clouds. Change the Size to 0.5 and the Depth to 6. This will create large detailed cloud patterns within the gradient we just created.

Select Horizon so that it is applied to the world settings.

Change the blend type to Add so that the cloud settings boost the luminosity of the gradient.

Change the colour of the clouds to the same light blue color we used before (R: 0.520 G: 0.660 B:0.900)

Almost there! In the colour options increase the Contrast to 2.

Here’s what our scene looks like with the background:

So far so good, but it could be better. For one, the blue areas are looking a little boring. To spice it up, let’s add some stripes!

Adding stripes

The best way to add stripes to any design project is to create your own. But don’t worry! It’s actually very easy.

Head over to StripeGenerator.com and create a stripe texture that suits your needs, using the very easy interface provided. When you’ve finished just hit download to grab a small tileable texture. It’s not a bad idea to save this website to your bookmarks as it’s pretty handy

Here’s the settings I used:

And here’s the texture it created:

Add a new texture underneath the others.

Label this texture Stripes and change the type to Image or Movie.

Click Open and locate the stripe texture.

In the influence panel, enable Horizon and set the amount to 0.007 (this will make the stripes opaque).

Change the blend type to Screen so that the black stripes ignored and only the white stripes are rendered.

Currently that tiny texture will stretch out across the entire background, and obviously look awful. To fix that we need to work out how many times to tile the texture.

To work that out you need to take the render dimensions (2560×1600) and divide by the texture dimensions (40×80). So, 2560/40 = 64 and 1600/80 = 20. Therefore we need to set the repeat values to X: 64 and Y: 20

Next move the Stripes texture to the top of the texture stack so that it isn’t effected by the Stencil mask we created for the gradient. You can do this by clicking the up arrow key next to the texture stack.

Now hit render!

Where you go from here is up to you, but it should hopefully get your creative juices flowing I have added a cash register, money and glare to produce the final render:

>>Download the finished .blend<<

Download the Wallpaper

• 2560×1600
• 1920×1200
• 1680×1050
• 1440×900
• 1280×800
• iPhone (320×480)
• iPhone 4 (640×960)

Something you can do for me

Want to help both Blender Guru and the Blender community out in one fell swoop? Float this Article!

3d typography is an extremely popular topic for people in the design industry, but currently nobody knows that Blender is even capable of creating it! By floating this article you can help get the word out that Blender is a great tool for 3d typography. It only takes 2 minutes to register:

>>Float this article<<

————————–

I hope you enjoyed this tutorial! As usual I’m looking forward to seeing your results. Feel free to post them in the comments below

In an effort to boost Blender’s image to the design community, this month I will be bringing you 5 tutorials relating to 3d typography. This includes, logos, creative advertisements, posters and more!

Hear more in the short video below:

[youtube]http://www.youtube.com/watch?v=IQsfaDO0HY8[/youtube]

Here’s a sneak peak at this month’s first tutorial:

Do you know of a 3d typography effect you want to see created in Blender? Paste a link to the picture or video in the comments below, and if it’s interesting I’ll create a tutorial on it

With July now behind us, the architecture tutorial series is now complete!

If you missed any of the tutorials you can view them on the links below:

Create a High Rise Building

Create a Realistic Kitchen

I hope you enjoyed the series! Next month’s topic will be announced at the start of next week.

As I announced in my last video, the theme for this month is Weather!

So to kick it off, I’m starting with a very important topic: Puddles. Because no rain scene is complete without them!Puddles are notoriously known amongst the 3d community for being difficult to achieve, and for very good reason! They are flush with the ground, partly reflective and subject to water physics.

I used to just avoid them at all cost. But thankfully I’ve discovered an easy method that achieves stunning results by harnessing the power of textures

Many of you have requested more text based tutorials, so today’s tutorial is sans-video

Setting up the scene

With a new scene, delete the default cube.

Add a plane (Shift+A).

In the top view, scale the plane to the shape of a rectangle. You can do this by pressing S and then X or Y.

We will now UV texture the plane. First split the view port vertically and change the new view port to a UV Image editor. In the image view port, open a floor texture of your choice. For this tutorial I will be using a cobble texture off CGTextures.com. You can download the texture here.

To UV unwrap the plane, enter edit mode (TAB) and press U and select Unwrap from the pop up menu. You will need to rotate the UV coordinates, so that the scaling matches the object.

Position the camera to the desired position for your scene. In my case it was on the left hand side.

If you switch to texture view mode, you can see the texture in real time. This can help you position the camera.

Creating an environment

Before we start texturing the plane, we need to set up an environment so that the plane has something to reflect.

Go the World panel and check Paper Sky. This will ensure the texture we are about to apply, is not stretched or warped in anyway.

Switch to the Texture panel and ensure that World is visible along the top bar. This means that we are applying textures to the world settings, not an object. Then add a new texture.

Set the texture type to Image or Movie and Open a background image.

You can choose any image for the background, but I will be using this image that I found on Flickr:

Depending on the size of your scene, you may need to tile the texture to create better reflections. You can do this in the Tile options. To make the background appear in your render, check Horizon.

To create reflecting light, move the default lamp to the end of the plane and duplicate it as many times as necessary. This will vary depending on the scene, but I’ve found that around 10 lamps at varied heights and varied energy values to be effective.

The lamp settings can be left as default, but you may like to change each lamps color depending on your scene.

Adding the ground texture

We’ve UV mapped the texture to the plane, but before it will show up in the render, we also need to add it too the texture settings.

With the plane still selected, add a new material.

Leave all the options as default for now.

Switch to the texture panel and add a new texture.

From the texture type drop down menu, select Image or Movie.

Next, click Open and select the same floor texture that we used previously.

To ensure the texture uses the UV coordinates, select UV from the mapping options drop down menu.

If you rendered now you would get a result similar to this.

Adding reflections

Now comes the tricky part. In order to tell Blender which parts of the ground are going to be puddles, we need to paint over the floor texture with a thick black brush. You can do this easily in a paint editor, such as Gimp or Photoshop. Make sure you paint on a separate layer as you will need to use it again later in the tutorial.

Alternatively you can download my ready created texture here:

Before we add the texture, you will need to activate Mirror in the materials panel. Leave all the settings as default as we want the texture to control what parts of the plane will be reflective.

Add a new texture and place it underneath the previous texture we created earlier.

You may like to name the texture Mirror and the previous texture Col so you don’t get them confused. Set Image or Movie as the texture type. Click Open from the texture panel and select the altered texture we just created.

In the texture mapping options, choose UV.

In the Influence panel, select Ray Mirror. This will take the light areas of the image and make them reflective. Check RGB to Intensity to convert the image to B&W format. Check Negative to invert the texture. This will make the dark areas of the image reflective instead of the white areas. We want this so the cracks and puddles in the image are reflective.

If you rendered now you would get a result similar to this, which is very reflective! This is necessary however, as we will be adding a bump map which will distort the reflections and make them less obvious.

Creating the bump map

Prepare for awesomeness! Bump maps push the scene closer to realism by adding raised imperfections to a surface, and are great fun to use.

Add a new texture underneath the previous, and name it Normals. Select Image or Movie as the texture type and click Open image. Select the custom made puddle texture.

In the mapping options, select UV.

In the Influence options, select Normal. If you choose a positive value the dark values will become raised. However the tiles in my texture are light, so I will be using a negative value to reverse it. Set the value to -0.15

If you rendered now you would see a result similar to this. Whilst it is okay, I would prefer the cracks to be more reflective and less distorted.

To do this we need to alter the contrast of image. In the texture settings, set the contrast to 3. This will make the cracks extremely dark, and as a result unaffected by the bump mapping.

Perfect! The cracks now look more flooded as if they have collected water.

Adding specularity

Specularity is used in 3d to fake reflections, so as a rule of thumb you normally shouldn’t use both reflections and specularity on the same object. However… in this particular case, I want the lights to create a light sheen effect over the tiles and puddle.

Because the tiles are white, you will need to create a separate texture with white puddles. This is so the specularity effects the puddles as well. This texture will be identical to the previous, only the puddles will be white. This can easily be achieved in Gimp or Photoshop, by selecting the puddles layer that you previously painted and inverting it.

Alternatively, you can download my ready made texture here:

Before you add the texture to the plane, go to the material settings and turn off specularity! The reason for this is that we want the image texture to control the strength of the specularity. The value in the material settings will apply normal specularity to the entire object, which we don’t want. So make sure this is set to 0.

Go to the texture panel and add a new texture underneath the previous textures.

Change the name of the texture to Specularity, and set the type to Image or Movie. Click Open and select the new puddle texture.

In the mapping options, select UV.

Check the Specular Intensity. The value will define how much or how little specularity you want in the image. In this example, 0.6 works okay but you may need to experiment with a value that is appropriate for your scene.

If you rendered now you would see a result similar to this. Notice the subtle sheen off the tiles and the puddles? Perfect

Adding ripples

The only thing missing are some subtle ripples in the puddle. This can easily be achieved with a basic procedural texture.

For the last time, add a new texture.

Name the texture, Ripples and leave the texture type as Clouds.

By default the cloud texture is too large, so set the texture to 0.02 and increase the depth to 6 to create finer more detailed ripples.

In the Influence panel, check Normal and set the amount to 0.001. This will create very subtle imperfections across the plane.

Finished!

Well… almost. If you want to push the scene further, why not give it a little Wow Factor

I’ve added color correction, soft glow, vignette and depth of field.

Now it’s finished!

As always I’m excited to see what you guys create, so feel free to post them below! If you know of any alternative methods to create puddles, feel free to share that as well