Touch the firehose of ds106, the most recent flow of content from all of the blogs syndicated into ds106. As of right now, there have been 92510 posts brought in here going back to December 2010. If you want to be part of the flow, first learn more about ds106. Then, if you are truly ready and up to the task of creating web art, sign up and start doing it.

Cooltext.com – Text Creator Tutorial

Posted by
|

Yesterday I used Cooltext.com to render some text graphics for my Infomercialize it remix. It’s a cool free online tool that has many fonts, including some that are actually gifs. This tutorial will focus on how to create the images and save them properly, so that you can attain a transparency around the word when editing it into another graphic.

First, go to Cooltext.com and you should get to the following screen-
ct1

Select a style and type in the text you want to have in your image. You can also play with the font, size, and color of the text-
ct2

On the drop down menu, you want to make sure you have .PNG w/ transparency selected-
ct3

Next, you want to make sure you download the image, instead of just copying it-
ct4

Open the downloaded image and a picture editor you have, for me it was MS paint-
ct5

Make sure you have your editor set for selecting a transparent selection, then copy the whole image-
ct6

Paste the image onto your background, and make sure you have transparent selection added-
ct7

The final product should come out well (as you can see I chose a poor style for this example, seeing as it has white in the middle of the text)-
ct8

Add a comment

ds106 in[SPIRE]