DIY Geometric Watercolor Initial- Adobe Photoshop


Today I’ve got a little tutorial for all the Photoshop guys out there. I recently discovered something really cool while playing around with PS, and I thought you might enjoy it!

I really love the Rasterize option. It is my everything. I usually use it just for fun, or to tinker with my text and make any other teensy weensy alterations. However, I made something really interesting a while ago, and I owe it all to the existence of Rasterize.

Here’s what we’re going to be making.

Watercolor Initial.png

This watercolor initial is made from nothing but a single letter and a seamless watercolor Photoshop pattern. You can find some of those in .pat files all over the net. Grab some of those, download this font, and let’s get started!

First things first. You will want to know that this is pretty simple, BUT it’s not as simple as it looks. Yay.

Secondly, you will have to open a new project on Photoshop, titled Watercolor Initial or something random like that. Or just leave it alone. I don’t do that very much. #rebel

The dimensions will be 2000 pixels by 200 pixels, and you can change the resolution if you want. No compulsions. I have mine at 100 pixels per inch.

Screenshot (44)

Open your fresh, clean new canvas. I really like doing that. After that’s done, use the Paint Bucket tool to give yourself a black background. Yeah.

Screenshot (45)

Next, using the Horizontal Type tool, type out your initial, or even a random letter, with the font Adamas (which I have linked above). Make sure it’s white in colour.

Screenshot (46)

Here’s my favourite part: RASTERIZE! In Layers, right click on the layer which has your letter and click on Rasterize Type.

Screenshot (47)

What Rasterize basically does is convert your text into pixels. I usually only use this to erase parts of a font when I really like it but a bit of it looks bad. I used it for my blog header. 😉

After you do that, select the Paint Bucket tool again. On the bar under the menus and things, change ‘Foreground’ to ‘Pattern’.

Screenshot (48)

Once you click on Pattern, you’ll see all of the downloaded Photoshop patterns, aka the patterns in the .pat files. Search for your texture, or download one from the net.

Your paint bucket is now a pattern bucket. Congrats.

Screenshot (49)

Begin to fill in the spaces. Now that your text is converted into pixels, the texture should fit into it.

Screenshot (50)

Fill out all the shapes, and leave out the small spaces if they bother you much. You can later use Ctrl and + together to zoom into the screen.

When the letter is enlarged, it’ll be easier to fill in the small bits.

Screenshot (51)

Your initial has been successfully textured!

If you don’t want to create a transparent background for your initial, you can stop by changing the Paint Bucket tool back to Foreground and making your background white again. The lines are already white, so you’re all set!

If you want a transparent background, though, follow the following steps:

Screenshot (53)

Using the Magic Wand tool, select the white lines and click on Delete.

Screenshot (54)

Cool, eh?

Now, this may vary from letter to letter, but I found some little cracks, if I may call them, on my initial. So, I did something rather queer to cover them up.

Screenshot (56)

See that? I zoomed up on the cracked part and used the Eyedropper tool to select the surrounding colour. Then I used the Brush tool to cover up all the space I wanted gone.

Screenshot (57)

See? Neat and clean.

It may not be the most perfect filling ever, but it looks alright on the whole.

Screenshot (52)

And now the fun part! Turn off the visibility of the background layer by clicking on the little eye next to it. Ta-daa! A nice and transparent background!

Screenshot (59)

Save the initial in your folder. Change the format to .jpeg or .png.

We’re done!

I hope you enjoyed that little tutorial. I’ll be sure to post more of these, and I hope this one was handy to all those PS users!


25 thoughts on “DIY Geometric Watercolor Initial- Adobe Photoshop

  1. Hi Mukta, I love the new design of your blog. This may seem sudden, but I wanted to ask if you do blog designs? My blog needs a new look that will attract others, and I am not sure that I like what my blog looks like. Can you design my blog for me? Unfortunately, I am not able to give out my email address, so if you’re willing to design it, please let me know! (We can talk about the specifics and colors in the comments if that is okay.)

    1. Wow, that’d be a pleasure, Saanvi! Since you can’t give out your email, I have two ways of getting the images to reach you. One is that you could add me as your site’s admin, and I can take care of the entire process. If you chose this, I promise you can trust me to not do any nasty things, and I will remove myself from your blog permanently after I am done.
      Another option is that I can give you the images via your comments. I trust you know how to add header images. I can give you info on adding images in your sidebar in case you don’t know if you choose this method.
      All in all, I must say I prefer the admin option. It’s okay if you don’t want it, though. Please tell me which one you would like to go by, and also the colours and specifics you are thinking of. I designed you button by your current colour scheme, so do tell me if you want to change it.
      I can make a header, signoff, sidebar images, divider, welcome line for your posts and page headers. Depending on the number of elements you choose, the making will take from two days to two weeks.

      1. Thank you, dear Mukta! First, you can give me the images via the comments. If I am unsure with it, I’ll add you as an admin, ❤

  2. I was thinking that my header should be that the blog name should be in black, with a pink and white quill being dipped into an ink pot. All other designs should match. You do not need to change the button at all.

    1. Alright. I have a rough outline of it in my mind… I think I can make something interesting with that. So what kind of feel do you want to invoke with the design? Something fluffy and pleasant and happy-go-lucky, or intense and thought-provoking? Or anything else you have in mind? I can choose the colours, fonts etc based on that info.

      1. I am not sure. I think I want a elegant design that really shows the power of words. It might be fluffy, but it shouldn’t be a happy-go-lucky attitude. See if you can work with this, and see if you can show me how it looks with this information. If needed, I will change the directions and tell you what I need.

  3. Also, in case it wasn’t clear before, I’d like a whole blog design, complete with a sign off, a welcome for my posts, a sign-off etc. Take all the time you need! ❤

Opinions. Tell Me Everything.

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s