Tuesday, March 31, 2009

Creating a Foggy Scene in 3D Studio MAX using "Fog" and "Volume Fog"

This tutorial will teach you how to create a foggy scene in 3D Studio Max. I applied this effect to the ending result of my previous tutorial about Texturing (Using UVW and Unwrap UVW). We will create our scene using two atmospheric filters: "Fog" and "Volume Fog". It is possible to create a foggy scene using one of these alone, you shall be able to experiment with these on your own once you are done with this tutorial. We are using this model (MAX File) in our tutorial, please download it to follow this tutorial.





It is necessary to explain the difference between our two effects. Fog is the more generic effect which applies to the whole scene in a constant level, you have a relatively less amount of control over this effect. On the other hand, "Volume Fog" generates an inconsistent flow of clouds through out the given 3D space. "Volume Fog" requires a container to which we apply it to, this sort of container is called Gizmo.

Adding the "Fog" atmospheric effect

Applying the standard "Fog" effect is straightforward using the Environment and Effects window. Open up this window by hitting 8 on your keyboard. Scroll down to the Atmosphere rollout from where you can click on Add to find the required effect.

You can simply apply the effect using the preset configurations, however, I did make some changes to the parameters as could be seen in the image below, you can use these instead of the presets and then experiment with these on your own to get your personally desired result.

You may render your scene at this point to acquire a scene similar to the one below.


Scene rendered with "fog" effects only. Click to enlarge.

Adding the "Volume Fog" effect

Unlike the Fog effect, Volume Fog generates a less synthetic looking environment by having an inconstant density volume of fog. Adding "Volume Fog" requires having a container, or as 3DS calls it, "Gizmo". To create a Gizmo go to Create>Helps>Atmospherics>Box Gizmo. You will then have to draw your Gizmo in the place where you want to have your Volume Fog, we want to have it all around the house in our tutorial. Enlarge the image below to see how I did it.


"Gizmo Box" placed it around the house. Click to enlarge.

We will now fill our container with our Volume Fog, access the Environment and Effects window, you can press 8 on your keyboard to open it if you closed it. Scroll down to the Atmosphere rollout and click on Add, select Volume Fog from there. Now, this will have to be assigned to our Gizmo. Look for the Volume Fog parameters rollout, click on the Pick Gizmo button that you'll find there and simply select the Gizmo from the scene.


Assign "Volume Fog" to "Gizmo Box". Click to enlarge.

The Volume Fog default parameters are not too bad, you may want to play around with them though to have it look in your own way, you can use the same values that I used as seen in the image below.

This should do the trick, but before you render your scene I suggest that you deactivate the previous effect so that you can clearly see how different it is from the normal Fog effect. You can deactivate the first effect by accessing the Environment and Effects window once again, and this time simply unchecking the Active checkbox to hide your effect. Hide the first effect that we created, Fog. Render your scene afterwards.



Once you are happy with setting of the both fogs setting, hit render and see you awesome fog effect on your scene. But make sure you activate them first.

This concludes our tutorial, you can activate both effects and render the scene once more. You should play around with the parameters to see what values work best for your work. I hope that you learnt something new by reading this tutorial. If you need any more help feel free to drop at Oman3D Forum.

Tuesday, March 10, 2009

Show Your Love with Semitransparent Amorous Text Effect

Show Your Love with Semitransparent Amorous Text Effect

I’m going to write for you a tutorial on how to make semitransparent amorous text effect by using some layer styles.

Ok, let’s start by making a new document in Photoshop. I created a new document sized 1000×500 px. Now time to bring some background to our canvas. For this you can use some abstract or whatever! A good place to start is Google Images. Also you can use my picture.

Semitransparent Amorous Text Effect 01

This is the easy part; all you have to do is write out your desired text on the canvas. Get out your Horizontal Type Tool (just the usual one) and write out your text in whatever color you want.

Semitransparent Amorous Text Effect 02

In the above image I’ve used Arial Black (220 pt, Smooth) as my font of choice. Do not forget to leave more space between letters. We will add the heart there later. Now I would like to add some pattern to our pattern gallery before we will start creating our text effect. Open this pattern or find another one using Google Images. Use Edit > Define Pattern to save it as pattern. After that go back to our main document, set fill opacity to 0% up for the text layer, after that apply the Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Bevel and Emboss, Contour, Texture, Satin, Pattern Overlay, Stroke layer styles to get the next result:

Semitransparent Amorous Text Effect 03


Semitransparent Amorous Text Effect 04


Semitransparent Amorous Text Effect 05


Semitransparent Amorous Text Effect 06


Semitransparent Amorous Text Effect 07


Semitransparent Amorous Text Effect 08


Semitransparent Amorous Text Effect 09


Semitransparent Amorous Text Effect 10


Semitransparent Amorous Text Effect 11


Semitransparent Amorous Text Effect 12


Semitransparent Amorous Text Effect 13


Now time to add shape to our text. Get out the Custom Shape Tool and select the next shape from the gallery

Semitransparent Amorous Text Effect 14

and write out your text in whatever color you want.

Semitransparent Amorous Text Effect 15

Now set fill opacity to 0% up for this layer, then select the text layer and copy it: right click the Layer Thumbnail in the Layers Palette and select Copy Layer Style:

Semitransparent Amorous Text Effect 16

After that go back to shape layer and apply copied layer style to it: right click the Layer Thumbnail in the Layers Palette and select Paste Layer Style:

Semitransparent Amorous Text Effect 17

You can see the result below:

Semitransparent Amorous Text Effect 18

Looks pretty good as for me! Now I would like to change color for our shape to make it different from the text. Add the Color Overlay layer style to this layer:

Semitransparent Amorous Text Effect 19


Semitransparent Amorous Text Effect 20

Pretty much the final thing we need to do is add glowing star to our heart to make it actually look good. Create a new layer, then select the Rectangular Marquee Tool and make selection like mine and fill it with white color:

Semitransparent Amorous Text Effect 21

Remove the selection with Ctrl+D and apply Filter > Blur > Motion Blur with similar settings to these:

Semitransparent Amorous Text Effect 22

See the difference:

Semitransparent Amorous Text Effect 23

Duplicate this layer with Ctrl+J and rotate the copy with Edit > Transform > Rotate 90 CW:

Semitransparent Amorous Text Effect 24

Select the Elliptical Marquee Tool to make selection as on picture below, after that create a new layer and fill it with white color.

Semitransparent Amorous Text Effect 25

Remove selection with Ctrl+D and apply Filter > Blur > Gaussian Blur with next presets:

Semitransparent Amorous Text Effect 26

See the result below:

Semitransparent Amorous Text Effect 27

Ok, now merge three of those layers in one and apply Outer Glow layer style to the new composed layer:

Semitransparent Amorous Text Effect 28

Semitransparent Amorous Text Effect 29

After that rotate the star with Ctrl+T. And now our picture should look like this:

Semitransparent Amorous Text Effect 30

Well, we’re pretty much finished for this tutorial, thanks for taking the time to read it!

Semitransparent Amorous Text Effect 31

Creating Taxi Text Effect


Creating Taxi Text Effect

This is simply but very useful tutorial about how to create text effect like using cabs.

Alright, you can start by first creating a new document, as usual; I used a document size of 1000×500 pixels. Then fill it with linear gradient using colors of #ffc255 and #d26845.

Creating Taxi Text Effect 01

Ok, now apply Filter > Artistic > Sponge to this layer:

Creating Taxi Text Effect 02

Now we have a texture like this:

Creating Taxi Text Effect 03

Ok, the next step what we need to do is to add taxi pattern to our canvas. Start with creating a new layer, then get out the Rectangular Marque Tool and make a square selection as on picture below and fill it with black color.

Creating Taxi Text Effect 04

Remove the selection with Ctrl+D, then duplicate layer with Ctrl+J and move it a little bit down:

Creating Taxi Text Effect 05

Apply Color Overlay layer style to this layer:

Creating Taxi Text Effect 06

See the result:

Creating Taxi Text Effect 07

Make the same things a couple of times to get taxi pattern.

Creating Taxi Text Effect 08

Now mess with the layer mode & opacity/fill. I tried Color Burn with an opacity of 17%.

Creating Taxi Text Effect 09

This is the easy part; all you have to do is write out your desired text on the canvas. Get out the Horizontal Type Tool and write out your text, for example ‘TAXI’ in whatever color you want, for example, white.

Creating Taxi Text Effect 10

In the above image I’ve used a font called Arial Black (300 pt, Sharp), which is commercial free. Ok, now let’s start with creating taxi text effect. First of all we need to add some pattern to Photoshop patterns palette to use it for creating text effect later. Create a new document with size of 16×16 pixels and draw a square dots by using Pencil Tool as on picture below.

Creating Taxi Text Effect 11

Now use Edit > Define Pattern to save this picture as pattern.
Go back to our main canvas and apply Drop Shadow, Bevel and Emboss, Contour, Gradient Overlay, Pattern Overlay and Stroke layer styles to this text layer:

Creating Taxi Text Effect 12

Creating Taxi Text Effect 13

Creating Taxi Text Effect 14

Creating Taxi Text Effect 15

Creating Taxi Text Effect 16

Creating Taxi Text Effect 17

Now we have elegant taxi text effect don’t you think?

Creating Taxi Text Effect 18

That is it for now! Thanks for reading the tutorial, everyone!

Creating Taxi Text Effect 19