How to: Make your own LOLcat macros

[sophie]

Today, it's fairly easy to make LOLcat macros with online tools such as roflbot or the ICHC LolBuilder, but they both leave a somewhat unsightly looking watermark to the picture advertising how it was made.

Fortunately, it's easy to recreate the effect in the GIMP! Today I'll be showing you how to make this image:



This howto is aimed at beginners to the GIMP, so a lot of steps will be explained that may not otherwise be.

(I apologise in advance that the PNG images in this tutorial have JPEG artifacts; that's due to the way I'm using the GIMP, not due to any lack of knowledge of how to take clean shots on my part.)

1. The first step is to load the image you want to add a macro to. In this case, I started with this image, which I found on Flickr when I was searching for this sort of image:
   
   
   
   I loaded this into the GIMP by right-clicking the image in my Internet browser, choosing "Copy Image Location", then going back to the GIMP and pasting it into the text box in the Open Location... option in the File menu:
   
   
   
   This alleviates the need to download it separately and then open it; GIMP will automatically download it for you and load it up.



2. Next, we need to use the Text tool:
   
   
   
   I like to set my text options before typing the actual text, so I double-click the Text tool to open the options, and set the font to Impact Condensed, and the text color to white. (The normal font used in macros is actually just "Impact", but I don't have that font on my system, so I use Impact Condensed instead.) I don't know what font size I want yet, so I leave that as-is.
   
   Now I click on the image in the approximate position that I want the text to be in, and enter "DREAMWIDTH":
   
   



3. The font is very small, so now it's time to click back to the Tool Options window and increase the size. 64px looks like a good size to use:
   
   



4. The text "DREAMWIDTH" is now too big to fit in the image completely where it is, so we need to move it back into the image. Use the Move tool:
   
   
   
   And use it to drag the text into place:
   
   



5. We have the text; now we need to create the black outline common on LOLcat macros. The best way I've found to do this is by using layers. Bring up the Layers window by right-clicking on the image, selecting the Windows menu, and then selecting Layers (or press Ctrl-L, which does the same thing):
   
   
   
   ...and in the resulting window that comes up (which may be attached to one of your existing windows; I tend to tear them all off myself), make sure the "DREAMWIDTH" text layer you just made is selected, then click the New Layer button, which is at the bottom of the window; it's the first one on the left and looks like a blank page:
   
   
   
   In the New Layer box, make sure the Layer Fill Type is set to Transparency, then click OK. A new layer will be created called, appropriately enough, "New Layer". We're going to use this layer to store the black outline.



6. Still in the Layers window, right-click on the "DREAMWIDTH" layer, and choose "Text to Selection":
   
   
   
   Looking at the image, our text should now be selected around the outline of the text itself. We want to fill this on the new layer, so click on the new layer in the Layers window. Notice that even though we're now on another layer, the selection outline remains; this is a useful trick to learn.
   
   We can now grow this selection by right-clicking on the image, choosing the Select menu, and clicking on Grow:
   
   
   
   In the resulting dialog, type the size of the border you want, in pixels, then click OK. I normally use 3 here.
   
   This will result in the selection being expanded, and you'll see that the selection has merged with itself at points. That's okay.



7. Our next step is to fill the selection with black. Double-click on the Fill tool to bring up the Options window for the tool:
   
   
   
   Make sure that the "FG colour fill" and "Fill whole selection" options are selected in the Tool Options window. Then, in the Toolbox, reset the foreground and background colors to black and white by clicking the little black-and-white squares next to the colour squares at the bottom, shown here:
   
   
   
   Then, click anywhere within the selection on the image to fill it with black:
   
   



8. Finally, bring up the Layers window again and drag the "DREAMWIDTH" layer above the "New Layer" layer to bring it to the top.
   
   



9. You're done! Save the image and upload to your favourite host:
   
   

Hopefully this helps somebody :D Take care!