How To Create Cool Bubble Letters For Your Site Logo

bgHead   How To Create Cool Bubble Letters For Your Site LogoSo you have just started your own website or blog and you are looking to make a logo or a header for yourself.  Do you want to use cool bubble letters or another text style? You can either go to Photoshop, its open source equivalent, Gimp or an online generator to spit out your letters easily.

Then once you have the logo, you can use it in your header simply by dragging and dropping it into your header.

I went looking for logo creators that had a “Bubble Gum” selection and found a few sites. The one that I liked the best is called Text2Logo. They have a lot of other fonts as well and it is super simple to use. That makes it great for noobs and experts alike. Let’s take a look at the site:

bg1   How To Create Cool Bubble Letters For Your Site Logo

You simply specify your website’s name or what you want to write out in cool bubble letters in the top field. Then you choose a font size and if you decide you don’t want bubble letters and want another font you can drop down the last field to select your font.

Let’s see what MakeUseOf.com looks like as bubble letters. I typed it in the field at the top and then clicked Fancify your text below it.

bg2   How To Create Cool Bubble Letters For Your Site Logo

The resolution and quality you get for free looks like the image above. They try to get a dollar out of you for a higher quality or non-watermarked image but you can always crop the image in Photoshop or Gimp.

Let me show you a few more styles before we move on to how to do this in Photoshop with fonts. This one is Zebra stripes :

bg3   How To Create Cool Bubble Letters For Your Site Logo

and this one is Tempered Steel

bg4   How To Create Cool Bubble Letters For Your Site Logo

Pretty cool and very easy!

So now to really customize your bubbled out logo you should go looking for free Bubble fonts. I found this one:

bg5   How To Create Cool Bubble Letters For Your Site Logo

This one is downloaded from Bubbleletters and the download, if you cannot find it, is here.

After downloading the true type font, copy it to your fonts folder and open up your graphics application. Below you will see me using Photoshop CS 2. I selected the font Bubble1, typed some of my favorite URL’s, added a drop shadow and then got the following:

bg6   How To Create Cool Bubble Letters For Your Site Logo

You can then drag your text onto your banner or other object and have cool bubble letters for your logo. You can experiment with different font sizes and even different bubble fonts if you look around. You can add bevels and other effects as well. You can check out my previous MakeUseOf Photoshop eBook as well for some more insights into creating great Photoshop images for beginners.

We would love to see what you are able to create and how creative you are. You can also send us links to bubble fonts or other logo creators online – maybe one that doesn’t watermark your images! We would love to hear from you and the comments is the place for that!

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

7 Comments -

Stian

Think this was quite useless. The quality of those letters is really bad! Looks like something you could find on a amateur webpage in the early 90’s.

Karl Gechlik

The quality is actually pretty good. I would not use just that as I stated in the post i would add it to a Photoshop banner or what not. For higher quality follow the second method and it can be as high quality as you want.

Dennis Beatty

No matter what the quality is like, they look horrible to be completely honest. I really hope people don’t think these will make their websites look great. Sorry but I want to be honest with you.

Shelby

This makes my design sense cringe in pain.