Post Reply 

Beginner looking to create website banner

Sep 20, 2011, 03:09
Post: #1
Beginner looking to create website banner
Hi,

I'm new to Gimp and new to graphic design but I'm looking to create a banner for our club website, something similar to the one here: [Image: xdefdi.jpg]

I have 2 pictures as follows that I'm looking to blend in to a red background similar to the above. These pictures are as follows: [Image: 11izec6.jpg] and [Image: 34sm5fs.jpg]

I've been reading about layers, masks and gradients but I'm still unsure of the exact techniques to achieve this.

Could someone please give me a very quick guide on what needs to be done? Once I get an overview I should be able to figure out the rest.

Thanks
Find all posts by this user
Quote this message in a reply
Sep 20, 2011, 05:29
Post: #2
RE: Beginner looking to create website banner
I'm pretty new to GIMP as well, but here's where I'd start personally:
1) Make a background rectangle
2) Add all your images as separate layers
3) Get rid of background clutter in images

And then just play around with text and formatting until you get something you like.
Find all posts by this user
Quote this message in a reply
Sep 20, 2011, 13:55
Post: #3
RE: Beginner looking to create website banner
(Sep 20, 2011 05:29)daedalus6174 Wrote:  I'm pretty new to GIMP as well, but here's where I'd start personally:
1) Make a background rectangle
2) Add all your images as separate layers
3) Get rid of background clutter in images

And then just play around with text and formatting until you get something you like.

Thanks. Really my key questions are as follows:
1. How do I make my picture acquire the red colour of the banner above?
2. After I remove the excess white around the crest, is there an easy way to make it blend into the background?
Find all posts by this user
Quote this message in a reply
Sep 21, 2011, 04:45 (This post was last modified: Sep 21, 2011 04:46 by ted_hankey.)
Post: #4
RE: Beginner looking to create website banner
(Sep 20, 2011 14:01)ofnuts Wrote:  1) Colors/Desaturate to change the image to greyscale, the Colors/Colorify to add the color of your choice

2) Extract the crest from its background (ie, makes its surrounding transparent, and its border pixels half-transparent). See the best techniques there: http://gimpforums.com/thread-changing-a-...parent-png

Thanks for your help above.

I managed to figure out how to create this banner: [Image: 2ldr1y.png]
However, I now need to add the name of my club and I'm unsure how to approach this. Placing a text layer with white text on top isn't very readable as the skyline is quite dark.
Would it be best here to lighten the skyline? If so, how would I do this?
Would welcome any input on how to make readable text.
Find all posts by this user
Quote this message in a reply
Sep 21, 2011, 12:09
Post: #5
RE: Beginner looking to create website banner
(Sep 21, 2011 07:52)ofnuts Wrote:  Well, one would have chosen a different background Smile To make it more suitable as a background for text, reduce its contrast and augment its brightness a bit with the Brightness/Contrast tool. This is best done on the original image, or at least as part of the colorizing process (for which you can also pick a slightly lighter color).

Other remarks:
  • What you have isn't a banner, but a 1024x768 image which is mostly transparent. To reduce it to a banner, use Layer/Autocrop and then Image/Autocrop.
  • The skyline/player overlap is weird
  • The player has one too many hands Smile
  • The borders all have different thickness.
  • You have a small hole (skyline background showing) at the left of the middle upper tip of the crest. I would have made the crest slightly bigger to cover a bit more the upper border.

From the crest and the skyline pic, Cork seems to have changed a lot since my last visit...

Thanks again. Just on the non-technical points, this is a crest for Cork Boston so I was looking to add something representative of Boston. The hand is from another player looking to take away the ball! But I see your point, perhaps the player and skyline aren't really natural fits
Find all posts by this user
Quote this message in a reply
Sep 22, 2011, 03:10
Post: #6
RE: Beginner looking to create website banner
OK, I've managed to add the text now thanks to your advice. Although it's not yet perfect and I've still to work on a few things, the last main thing I'd like to do is smoothen out the edges where the images meet the background. What is the best way to do this?
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Create a Rift AMaskedMan 1 151 Apr 20, 2018 15:47
Last Post: paynekj
  create layer for laser cutting jigsaw carolchi 1 227 Dec 25, 2017 23:46
Last Post: ofnuts
  how to create logo for watermark purpose? kenny1999 5 639 Sep 24, 2014 18:16
Last Post: kenny1999
  Any simple tutorial for beginner? kenny1999 3 531 Sep 24, 2014 17:48
Last Post: rich2005
Question How to create a cloud from a photo? feny.be 2 472 Sep 24, 2014 17:29
Last Post: feny.be

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS