Looking for a graphic designer? Click here to hire us!

How to Create an Awesome Water Typography Effect using Adobe Illustrator & Adobe Photoshop

Create an Awesome Water Typography effect Steps -featured

Hello Guys, nice to see you all again joined with our weekly tutorial. Today we are going to show you how to create an awesome Typography using Adobe illustrator & Adobe Photoshop.

The idea is very simple. We used some stock photos and a very blocky typeface. Instead of spending my time looking for the perfect font, I decided to create it in Illustrator. So the first steps, we will show you how to create the font, then we will show you how to mix that with the photos.

Before we begin, we are just reminding you that, if you haven't, you can always subscribe to our tutorials here to get the latest tutorials with project files from DesignOptimal.com to your email inbox in no time and you will never miss an awesome design tutorial again :) .
Download the Project File

Step 01

  • Open Adobe Illustrator and create a new document of 1024px x768px, and make it a Landscape mode save it as Water typhography.ai. Now go to View>Show Grid. Then select the Rectangle Tool (M) and create squares like the image shown below. The idea is to create WATER word using rectangles.
pic_01_creating_rectangels (click to zoom image)

pic_01_creating_rectangels (click to zoom image)

Step 02

  • To create the “W”, select the Pen Tool (P) and further select the add Anchor point options.
pic_02_add_anchor_point (click to zoom image)

pic_02_add_anchor_point (click to zoom image)

  • Then add 2 points, 2 blocks away from the center, as shown in the below image. Do the same by adding new points to the top part of the rectangle that you’re using to make the “W” letter.
Pic_03_making_W_letter (click to zoom image)

Pic_03_making_W_letter (click to zoom image)

Pic_03_making_W_letter_02 (click to zoom image)

Pic_03_making_W_letter_02 (click to zoom image)

Step 03

  • Now make another two anchor points using the same tool in order to complete the “W” letter, as shown in the image below.

Pic_04_adding-new_ancor-points (click to zoom image)

Pic_04_adding-new_ancor-points (click to zoom image)

Share Your Thoughts Here...
Loading Disqus Comments ...
Share with your friends










Submit