Today is a tutorial on making graphics using GIMP. GIMP is a free Photoshop-like program that I have been using for some time to edit photos and add text for graphics for both my blog and posting on Facebook. I know many gals who use Picmonkey, but for me, it ends up that most of the cool tools I want to use are not free, so I’ll stick with Gimp – because FREE IS GOOD!
Generally, I don’t start with an idea. I start with a photo. Now I’m blessed to have a daughter who is a growing photographer and she let’s me use any of her photos. Sometimes I’ll use a landscape one or an animal/insect one. Sometimes I’ll even use a people one that just strikes my fancy. Then I re-size it, generally using Microsoft Office Picture Manager. (My computer is quite old and this is not available anymore. But I haven’t found any free program that is as easy to work with or as user friendly.) You can use Gimp to re-size but I prefer to re-size before I open it in Gimp.
Once I choose the photo, I pray for what will fit to say on the photo. For me, that is usually a scripture passage as my goal is to make my graphics encouraging others toward God. And I find most quotable quotes to be kind of cheesy (sorry, my bias is showing).
Once I have chosen my photo and my verse, I open Gimp and then click File–>Open As Layers–>and then find my photo which I’ve saved to the desk top. Once it is the size I want I begin.
If you re-size in Gimp, go to scale tool – making sure you lock it (little padlock image) to keep the scale of height to width no matter how you size it up or down.
Next I click on Layer–>New Layer–> and a pop up box will open. You can name it whatever you want. I generally just leave that alone (as new layer) as well as the size. I will be scaling it smaller in a minute. But I DO change the Layer Filler Type to White.
A new and white layer will completely cover your image. Go back to the scale tool (see above), click on the white layer and shrink the layer to any size you want for your text. Try to make it a size that won’t overshadow your image. Once you have it to the size you want (you can always change the size further at any time), you’ll want to pick the Move Tool and move it around to wherever you want on your photo. At this point, play with it: size and position until you have it where you want it.
Next, we need to change the opacity of this layer, otherwise it will completely take over the focus of the photo. The only reason we have this layer at all is to give a gentle background for the text, so we don’t want it very dark or obvious at all. If your layer box is not open, click Cntl L (lower case is fine) and it will appear.
Your new layer should still be highlighted, now go to the Opacity slider scale near the top and move the opacity lower…how low depends on your preference and the photo you are using. I usually use somewhere between 40-50. Now you are ready to type in your text.
In your toolbox again, click on the Text button and choose the font color, size and style.
You can always come back and change these as you go along, in case you don’t like what you’ve chosen. Try to make the font fit the words and the style of the photo. And choose a font color that will give a good contrast – you do NOT want to make the font hard to read!
Change anything you want on any of the layers by clicking on the layer in the Layer Toolbox (see above). The photo itself will be the background, then the New Layer and then the Text will each be separate layers. If you choose to change the size of the New Layer, or its opacity, click on that layer in the Layer Toolbox.
When you have gotten the graphic to what you are satisfied with, it’s time to save it! Click File–>Save As and another box will open. Here you get to name your graphic and choose where it will be saved. Be sure and click on the Select File Type and choose a type. Either JPG or PNG – I prefer PNG with anything that has text. As the pop-up boxes appear, click Export and Save. I don’t change the settings usually and things come out fine.
You should be good to go! Here is my graphic which I created as I did this tutorial. In this particular image, I didn’t like the white for the new layer background. I clicked on the layer and the black color tool on the Toolbox, then I choose the color picker on the color tool pop-up and clicked on her dress and clicked OK and filled the new layer with this color. Since the photo was not exactly in black and white, I wanted a softer color to not be so glaring in the background of the text. I think it looks nice.
Feel free to ask me any questions in the comments and I’ll do my best to answer them. Hope this was helpful and clear!
Linking to any number of these lovely blogs.