Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,326 Categories: 12

Total Tutorial Views: 41,428,128

Adobe Fireworks - 3D Water Effect Text

Tutorial Name: Adobe Fireworks - 3D Water Effect Text  

Category: PC Tutorials

Submitted By: MG4

Date Added:

Comments: 0

Views: 1,949

Related Forum: PC Building Forum

Share:

Step 1

Open Photoshop and create a new document. Fill the background layer with black and using the Brush Tool (B) or importing a vector file with a handwritten text. You can the one I used in the PSD file that you can download in the end of this tutorial.



Step 2

If you create a text using the brush tool or importing a vector and paste it as bitmap, create a marquee selection of the area you want to apply Repouss. With the selection active go to 3D> Repouss>Current Selection.



Step 3

To create the water effect we will use the Inflate preset and pretty much use the same values we used in the previous step, the Inflate 3D type. Change the Depth to 0 and the Scale to 1, also for the Inflate, change the Slides to Front and Face.



Step 4

You will notice that the E will be a solid block and the hole will be lost, then select the area that you want to be hole and then change the Type to Hole. Also increase the Strength of the Inflate to 1.



Step 5

Select the Front Inflation over the 3D Palette and then click on the folder next to the Bump values. Select Open Texture to open the texture in a new document. Then in this new document create a new layer and go to Filter>Render>Clouds. Make sure that you are using black and white for the colors. After that go to Filter>Render>Different Clouds. If your result is too dark, go to Image>Adjustment>Levels, then increase the white input. This texture will be the Bump map, which will distort our 3D text.

For the other values, use white for the Diffuse color, 15% Opacity, 20 for the Reflection, Black for the Illumination, 100% Gloss, 100% Shine, white for the Specular and 1.5 for the Refraction. You can render here to have a preview of the 3D effect.



Step 6

Now to make our effect more realistic let's mix some stock photos. The one I used is from Stock.xchng ( [ Register or Signin to view external links. ] and [ Register or Signin to view external links. ] . Open these 2 images in Photoshop. Copy some parts of the water splash from the photos and paste it in our 3D image.



Step 7

Repeat the process, copy and paste more splashes. As the water splashes from the photos have black background, just change the Blend Mode to Screen, so the black will be transparent.



Step 8

Time to Render our 3D object. On the 3D Palette change the Quality to Ray Traced Final. It will take a few minutes to render the 3D object. If you want to change the lights you can do that and render it again until you find the best result.



Step 9

Duplicate the rendered 3D object and go to Layer>Rasterize>3D. I will rasterize the 3D object so I can apply some image adjustments, I could do that with the 3D layer but some wouldn't work the way I want or it can get a bit slow.

Add a new layer and fill it with black, then merge the black layer with the 3D rasterized layer. After that go to Image>Adjustments>Levels. Use 15 for the Black, 0.8 for the Grey and 160 for the White inputs.



Step 10

Select all layers and duplicate them. After that go to Filter>Blur>Gaussian Blur. Use 15 for the Amount. After that change the Blend Mode to Color Dodge and the Opacity to 30%.



Conclusion

Last year I created this effect using Cinema 4D to create the 3D part, which was really simple as well. However now with Repouss in Photoshop CS5 Extended we can do everything, in this case the 3D part, in Photoshop. I have been playing quite a lot with Repouss and there are lots of new things that we can create with this new tool, this water effect is an example. I hope you enjoyed it and now it's up to you

Ratings

Current rating: 10.00 by 1 user
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Adobe Fireworks - 3D Water Effect Text" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.