Yesterday it was raining and I made a decision to create a water impact. I did not know what to do then I noticed the desktop wallpaper I’m utilizing, a picture from the depthCORE Heist chapter created by Sumeco that we used of the Wallpaper of the Week 43. To create the impact, I had to make use of Adobe Photoshop, Illustrator and Maxon Cinema 4D.

So, in this tutorial I’ll present you the best way to create a water textual content impact. Even although it’d look compex it is a quite simple impact. We will use Illustrator for the textual content, then Cinema 4D to make it a 3D textual content and Photoshop to combine the 3D with some actual images to create a pleasant and practical end result.

Step 1

The very first thing to do is create a hand writing with the textual content you wish to use for the impact. I used Adobe Illustrator to put in writing the textual content. Using the Pencil Tool (N), double click on its device icon to open the Pencil Tool Option. Use 10 pixels for the Fidelity and 50 % for the Smoothness. Save the Illustrator file, we’ll import it in Cinema 4D.

Step 2

Open Maxon Cinema 4D and go to File>Merge. Select the Illustrator file to import it.

Incredible Water Text in Cinema 4D and Photoshop

Step 3

Let’s edit the trail simply so as to add a little bit of depth to it. In Illustrator we’ve got a easy 2D path, now we will transfer in a 3D enviroment and that may give a pleasant impact. Select the Point Tool (1) and the simply click on and with the Move Tool (2), transfer the factors, use the Axis arrows to be sure to are transferring to the best path and axis.

Incredible Water Text in Cinema 4D and Photoshop

Step 4

After you end enhancing the trail, add a rectangle. To do this click on on the Draw a Freehand Spline icon (1) and choose Rectangle (2). In the Attributes panel change the width and peak to 30m, choose Rounding and use 3m for it (3).

Incredible Water Text in Cinema 4D and Photoshop

Step 5

Even although it’d look an advanced, this step is sort of easy. Click on the Add HyperNURBS Object icon and choose Sweep NURBS (1). In the Objects panel you’ll have the three object layers, the Zee path, the rectangle and the Sweep NURBS. Move the trail and the rectangle into the Sweep NURBS objects (2). Then in the Attributes panel use the picture beneath for reference (3), however just remember to change the Rotation.

Incredible Water Text in Cinema 4D and Photoshop

Step 6

Now let’s add a melting impact. Click on the Add Bend Object (1) and then choose Melt (2). Again, drag the soften layer into the Sweep NURBS layer, (3) it wil be proper beneath the Zee path. With the Melt Object chosen go to its Attributes panel and play with some values. There is not any mounted worth, they are going to depend upon the scale of your textual content path. You can use those I used from the picture beneath (4).

Incredible Water Text in Cinema 4D and Photoshop

Step 7

The object is getting fairly good, however there’s nonetheless some changes to be completed. Let’s make it a bit smoother and then add a pleasant water texture. So click on on the Add HyperNURBS Object icon and choose HyperNURBS (1). In the Objects panel click on and drag the Sweep NURBS group of layers into the brand new HyperNURBS layer (2). In the Attributes panel for the HyperNURBS object change the Subdivisions to three and use Linear (R7) for the Type. Render the Perspective View to see the way it’s trying. Tip: Change the angle and distance of the view by dragging the icons on the highest proper hand nook of the preview window.

Incredible Water Text in Cinema 4D and Photoshop

Step 8

The materials we’ll use to create the water is essential. In the Material Panel go to File>New Material. Then double click on on the fabric icon to open in a brand new window. Select the Color, Luminance, Transparency, Bump and Specular. Use the picture beneath for values and settings references. TIP: for the BUMP click on on the arrow button subsequent to Texture, click on on it and choose Surfaces>Water. That will use a water map for the Bump.

Incredible Water Text in Cinema 4D and Photoshop

Step 9

Click on the Add Light icon and add 2 new lights. Both shall be Omni however make one 100% depth and the opposite 50%. For the Shadow choose Shadow Maps (comfortable). Then transfer the 100% depth gentle to the highest of the article (1) whereas the opposite gentle transfer to the underside and behind the article(2). Render the Perspective view to see the way it’s trying. It’s purported to be alright and able to be exported.

Incredible Water Text in Cinema 4D and Photoshop

Step 10

Go to Render>Render Settings and choose the Save choice. Select Alpha Channel, Straight Alpha, and Separate Alpha. For the Output choose Scree>1920×1200 pixels. Then simply go to Render>Render to Picture Viewer. After that reserve it and let’s go to Photoshop.

Incredible Water Text in Cinema 4D and Photoshop

Step 11

Open Adobe Photoshop and the picture rendered in Cinema 4D. The very first thing to do is to go the Channel palette and then holding Command(MAC)/Control(PC) click on on the thumbnail of the Alpha 1 to load the channel as choice. After that return to the Layer Palette and choose the layer and go to Layer>Layer Mask>Reveal Selection.

Incredible Water Text in Cinema 4D and Photoshop

Step 12

With a really comfortable rounded brush and black for the colour, paint over the masks to cover extra components of the picture, use the picture beneath for reference. We will place now some actual water images to provide a really practical feeling to the picture.

Incredible Water Text in Cinema 4D and Photoshop

Step 13

Over at http://sxc.hu seek for water splash and obtain the images of water with black background, beneath I confirmed those I used. Place them in your design and at all times use Screen for the Blend Mode, that approach the black shall be clear.

Incredible Water Text in Cinema 4D and Photoshop

Step 14

Start copying some components of a photograph and place them in the areas of the picture we had hidden.

Incredible Water Text in Cinema 4D and Photoshop

Step 15

Keep including the small splash. You can go to Edit>Transform>Warp to alter some types, additionally with the Eraser Too (E) delete some areas of the splash to make it look actual. It’s all about particulars.

Incredible Water Text in Cinema 4D and Photoshop

Step 16

Now add the large splash, for me it is simpler that approach as a result of it is simpler to keep away from overload the picture with components. Again be sure to use Screen for the Blend Mode.

Incredible Water Text in Cinema 4D and Photoshop

Step 17

Select all layers and group them. Duplicate the group and go to Layer>Merge Group. Then go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. After that change the Blend Mode of the layer to Screen as effectively. The blur with the mix mode will add a pleasant glow impact, nonetheless it is going to be obligatory to cut back a little bit of the brightness and improve the distinction. Go to Layer> New Adjustment Layer>Brightness and Contrast. Use -75 for the Brightness and 40 for the Contrast.

Incredible Water Text in Cinema 4D and Photoshop

Conclusion

Just add you emblem or any textual content and that is it, we’re completed. Because of the gorgeous consequence,you make assume it is a very difficult impact, however the course of is sort of easy. Probably there are methods to do the textual content utilizing solely the mix device in Illustrator and not use Cinema 4D however it’s at all times good to know the best way to use 3D instruments. As I mentioned, the method is all about matching images with a 3D object. I hope it may possibly make it easier to as a result of it helped me so much in my endeavour to study extra about 3D.

Incredible Water Text in Cinema 4D and Photoshop

Version 2

To add some colour to the picture simply add a Gradient Overlay through Layer Styles to the layer we utilized the Gaussian Blur in the Step 17. Use Multiply for the Blend Mode of the Gradient Overlay then.

Incredible Water Text in Cinema 4D and Photoshop

Download the tutorial Files

Click right here to obtain the recordsdata used for this tutorial



Source hyperlink

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments