Graphic Design & Gimp for Authors – Page 2 – Read First Chapter.com

Gimp for Authors – Basic Tips I Wish I knew When I Started

Gimp-logo-from-siteGimp is a free graphics program and it's fairly easy to use.  But a lot of the program is not self-explanatory.  So you can get lost really easily.  A graphics designer needs to know how the entire program works.  For authors, writers and other self-publishers, you only need to know a few of the tools to do pretty much everything you need to do.

The purpose of this blog post and video below is to give an overview of what authors will need to know about Gimp in order to be able to make social media posts, ad banners and book covers.

OPEN A NEW DOCUMENT VS. OPEN AS A LAYER:

Once you download the software, you will open the program and your first move will be to 'create a new image'.  Click on FILE > NEW IMAGE.  This will open a new dialogue box.  Fill in the dimensions of how big or small you want the image to be.

PPI - This controls how big the image is.  If you are creating something for a printer, or a paperback cover, you need to fill in 300ppi.  If you are creating a social media image, fill in 72ppi.  Printers need BIG pictures and the internet likes smaller pictures because they are easier to pull up from the servers.

HOW THE LAYERS PANEL WORKS:

All images are created in layers.  The layers are built up one over the other.  This is another reason why transparency is important -- which I'll cover below -- because you don't want to cover up the image or work below the layer you are on.

If you don't see your layer's panel open with the default settings, click on Windows > Dockable Dialogue Boxes and Layers will be one of the first choices in the long list of choices.  You can get to it by using the shortcut key Control L.



CHANGING COLORS FOR TEXT:

The graphic to the left is a closeup of the tools panel.  Each tool is represented by an icon.  Below the tools is a graphic representation of your foreground color (the color on top) and the background color (the color in the back).

When you open a blank layer, it will default to your chosen background color.

The text tool uses the foreground color.  So if you want to create a layer of black text, click on the text tool, click where you want to type on your image, and the text will render in black.

However, if you want to change the color of your text, before you click on the text tool, click on the black foreground color icon, and a color box will open.  Choose another color and then click okay.  Then click on the text box and your text will render in that color.

TIPS ON USING THE TEXT TOOL:

The text took can be tricky for a beginner because you can't as easily use the shortcut keys.  For example, if you change your text size and then click on M for the move tool, it only adds an 'm' next to the text size.  This can drive a new user mad!  So be aware of this, that the shortcut keys can be a bit tricky when using the text tool.

It's best to click out of the text box and then click on the move tool icon.   I wish I had known this when I first started using Gimp!

USING THE ALIGNMENT TOOL:

In order to align everything in the center on your image, you will need to use the alignment tool.  There are two steps in using the alignment tool.  Most tools are as easy as just clicking once on them.  However, when using the alignment tool, click the tool to make it active.  Double click to bring up the tool box.  Then choose to associate this to the background layer.  Once it has been assigned, then you click inside the image to the area you want to align.  Four very tiny dots will surround the object you are about to align.  These tiny dots are easy for a beginner to overlook.  Once you see these tiny dots, then you click on the 'center' or 'left-align', etc. inside the tool itself.

When you see the video below, you will see it in action and it will become clearer.

SAVE VS. SAVE AS VS. EXPORT AS:

There are three ways to save documents.  I'll post below the three ways and when you want to use that particular save:

  1.  Save or Save as - This saves the image as a .xcf document.  These documents are only recognized by the Gimp program itself.  You may want to save a social media image you made as a .xcf document.  This way, when you open it, you open the document and all the layers you created.  You can easily reuse these files to make future social media images.
  2. Export as - In order to use the images on the web or even send to a printer, they will need to be saved in the proper format.  So you will save as a .jpg or .png for the web.  If you have a job that a professional printer will use, you will most likely have to use a pdf.


SPECIAL INSTRUCTIONS ON SAVING FOR GIMP BEGINNERS:

It's important to know that .jpg images do not allow transparency.  They will default to having a white background.  .png images do allow transparency backgrounds.  This means that if you have a round logo with no background, you need to save it as a pgn file.  Otherwise, it will throw in a white background if you save it as a jpg.

Now, there is a little glitch in Gimp for saving PDF files, especially when saving book covers.  The work around is to save the book cover as a xcf document for safekeeping.  Then save it as a jpg file.  Open the jpg file and then save that as a pdf.

If you just save the xcf file as a pdf, it starts throwing thing into different places.  It took me hours and hours to figure this out, so I'm passing on this tip to other beginners!  Save as a jpg, then open the jpg and save that one layer document as a pdf.

HOW THE TRANSPARENCY WORKS:

In the project below, the Banner for Bookfunnel, you won't really need to now about the transparency layers.  But I offer this as a beginner tip.

If you choose to make an image and choose the transparency layer from the getgo, then each layer above your first layer will also be a transparency layer.

However, if you just open the document and try to add something that needs a transparency, it will cause a lot of frustration because the transparency won't work.  If you do this, open with a white or black background, then go over to the layers panel, right click on the layer and select "add alpha channel".  When you do this, nothing will happen, no noise is heard.  It feels like nothing happened.  But it did.

If you then click over into the image and then click your delete button ono your computer, the background color will disappear and in its place will be the grey and white checkerboard, as seen above, which represents the transparency.

For your convenience, I have posted the time stamps for the how to video that follows in case you want to watch a short clip more than once.

Video Timestamps:

00:01 - How to properly size a graphic
01:19 - How to open a picture vs. how to open a picture as a layer
02:00 - How to resize an image with the scale tool
03:15 - The layer's panel - How to find it - how it works
04:00 - How to change text color with the eye dropper
04:33 - How to use the text tool, a text box, and create a headline (T)
05:02 - How to resize the text size and make two text lines
06:02 - How to use the alignment tool (Q)
07:00 - How to move the text box (M)
07:21 - How to save the graphic as a XCF document (Gimp document)
07:58 - How to export the graphic as jpg/png graphic for internet
08:30 - How to save your project as a Template and reuse it
09:36 - How to turn a black background layer into a transparency layer



Gimp For Authors – How to Make a Professional Banner

WHY GIMP?

Gimp-logo-from-siteI used Photoshop in the past, which is a great tool.  They have a subscription where you get to use the latest tools in their whole suite of products, but the price starts at $50 a month.  When I was doing web design, that was fine.  But now I'm retired and I'm on a fixed income; so now $50 a month is no longer okay!

Gimp is an open source software that is free.  They do take donations as they have a team of developers who put this together for 'people of the world'.  They are part of the group of unsung heroes who get no acclaim in the media.  So if you want to think about making a donation to them, you can do that hereYou can also download the software here.

Gimp is similar to but different from Photoshop.  These companies copyright and trademark many of their "techniques" so everything has to be done slightly differently and called a different name.  So there is a tiny learning curve in trading Photoshop for Gimp, but it's well worth it.

MARKETING WITH GRAPHICS

Romance-Book-Banner-from-gimpAs a self-published author, all marketing for my books falls to me.  I can outsource it, but that costs money too.  I have figured out, after publishing 11 novels, where my money is best spent.  The answer is on line-editing, which costs between $400 to $500 or more depending upon how long your book is.

So learning to make graphics is very important for the self-published author.  Using Gimp can make this easy for you as you can reuse some of the same templates.  It's easy enough to learn as authors and writers only need to know how to make book covers, social media graphics and website banners.



BOOKFUNNEL AND SITEORIGIN:

Bookfunnel-and-siteorigin-logosTwo of the most popular websites to give away or sell your book is through bookfunnel.com and siteoriginapp.com.  These two companies offer the opportunity to join other authors in featuring your book.  Everyone has a 'share date' and they share the promotion with their newsletter list and also with their social media following.  It's a win/win for everyone.

HOW TO MAKE THE BANNER - WRITTEN INSTRUCTIONS

I have a video below that shows how easy it is.  I'll post the written instructions here in case you want to keep them handy!

  1.  Open a new document.
  2. Make the dimensions 1500 px wide and 500 px tall.
  3. Change the ppi to 300
  4. Expand the Advanced options and choose a transparency background.
  5. Right-click (RC) on the background layer and choose 'fill with background color'.
  6. Get a royalty-free graphic from depositphotos.com or pixabay.com.  Save to your computer and note where you are putting it so you can find it for the next step.
  7. Open as a layer.  It will pull the picture into your project.  It will most likely be way too big.
  8. Using your mouse, hold down control and scroll up or down to zoom out on the new picture layer.  Then go over and click on the scale tool.
  9. Once you have activated the scale tool, hold down the control key and grab a corner of the photo (you may only see the yellow dotted line).  Drag it in to resize it on the background layer.  Let go.
  10. Click on M to activate the move tool, or click on it in the toolbox.  Move the graphic into the center of your background, or wherever you want it.
  11. Click on the Text tool and pull out a text box.  Click inside the box and begin to type your headline.  Use Control A to surround all the text to resize it or change the color.  Make however many text layers you need.  Once you click on the text tool, it automatically puts it on its own layer.
  12. To align to the center:  Click on your background layer.  Make sure the tool panel is open.   (Double click the tool itself to bring up the tools panel for that align tool)  Chose to assign the reference point to be the selected layer.  Then click on the individual elements within the graphic and align them to the center.
  13. Once you are done with your graphic and are happy with it, you have two choices to save it.  (1) You can "Save as" and this will save the Gimp document that you can open next time and just change the picture and headlines.  I would suggest you save at least one of these to reuse.  (2)  If you want to use the headline or graphic elsewhere, you want to save it as a jpg or png file.  Use Export As and then choose the folder and name for the graphic.
  14. That's it!  Easy-peasy -- well, maybe the second or third time you do it it will be easy.

HOW TO MAKE THE BANNER VIDEO



Self-Publishing Tip – Cover sizes

Cover Sizes - Which Comes First?

I chose to write this blog post for new authors who struggle, like I did, when it comes to getting things together right before self-publishing your own books.  I managed to flip upside down when it came time to uploading and publishing.

One reason I went upside down was because I was nervous about doing something I wasn't familiar with.  The second reason was that I had done so much research that I was overwhelmed with information and I had the information in different places.  Sheer confusion.

WHAT DO YOU ABSOLUTELY NEED TO UPLOAD AN EBOOK COVER AND A PAPERBACK COVER ON KDP.AMAZON.COM?

The ebook cover needs to be 2560px (height) x 1600 px (width).  The instructions say the ebook only has to be 76 dpi, but I always make sure mine are 300dpi.  It's just more high quality.  Amazon has a way of compressing them and they always look good online, so I would suggest you do the same.

It's all about the size.

76dpi, 150dpi and 300dpi - What's the difference?

The difference is size in dots per inch.  Without getting too technical, which isn't necessary, 76dpi is the most common size to use online, on websites, anywhere that you want your pictures to load fast.

150dpi is a bigger size, and that is seen sometimes online.  But that would usually be used for someone publishing actual artwork or photography.

300dpi is what a printer would need to print a color copy of anything.

72 dpi is referred to as "low resolution" and 300dpi is considered high resolution.

IMPORTANT LINKS TO KEEP HANDY:

Amazon offers a Cover Creator, but the covers are template based and it's best to learn how to use Gimp or some other free graphics program in order to make a cover.  They aren't hard to do.  Stay tuned for videos on how to easily make a cover.

The information about formatting in general begins at this link.

The paperback calculator is at this link.