Post Reply 

Trying to make a banner

Aug 23, 2011, 22:43
Post: #1
Trying to make a banner
Hello
I am having a awful time trying to figure out how to make a banner that is 800x175, and I want an image at each end and text in the middle. Sorry I do no know how to put an image in here i tried to copy/paste a .jpg and a .png but it wouldn't do it. Anyway i want to fade the edges of the images to match the background, so it all looks like one seamless image. Please I hope I am explaining myself properly. Any help would be so appreciated. I have only been using GIMP for two weeks. Thanks a lot
Find all posts by this user
Quote this message in a reply
Aug 23, 2011, 23:56
Post: #2
RE: Trying to make a banner
What you need is two images with the edges that get progressively transparent, like this:

[attachment=629]

If it's for a web site, it is better to keep the text as plain text (ie use HTML to generate the text and background) and overlay it with the images (in PNG format, see http://gimpforums.com/thread-pros-and-co...ge-formats ).

To make an image with a fading side you need to get acquainted with layer masks: here is a pretty good tutorial/demo: http://www.danielveazey.com/gimp/gimp-layer-mask/ In this tut he uses black and white so there is no partial transparency. You also need to know how to use the Blend tool.

1) load side image in Gimp, set to scale (including the fading part)
2) Make sure the layer can be transparent: Layer/Transparency/Add alpha channel
3) Add the layer mask: Layer/mask/Add layer mask and init to white.
4) Start the Blend tool
5) Set the gradient to "black to white" (or Foreground to Background if you have black and white for these colors)
6) Click on the edge that should be transparent (ie, where you gradient will be black), and drag to where the image should be fully opaque, and release the mouse.
7) if happy with the result, Layer/Mask/Apply layer mask.

Save as PNG. Repeat for the other image (with the fade on the other side). If you use the Image over HTML text, you are done.

Otherwise, create 800x175 banner, "File/Open as layers" and select the two PNGs produced above, and move them to position. Save final banner as XCF (so you can rework it later) and export as PNG.

(*) To add images to your post, use "attachments". If you are in full editor mode (hit the "preview" button below the edit window) you will see an "ttachments" area.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 24, 2011, 13:08
Post: #3
RE: Trying to make a banner
Thank you very much for getting back to me so soon. I will try that, what I am trying to do is to get all four sides to fade into the background of my banner. Thanks again. Have a great day.
Find all posts by this user
Quote this message in a reply
Aug 24, 2011, 14:53
Post: #4
RE: Trying to make a banner
If you want all four sides, use a radial gradient. You can use the "Levels" or "Curves" tools on the gradient to make in non-linear, and so adjust how/here the transparency appears.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 24, 2011, 18:39
Post: #5
RE: Trying to make a banner
Thank you so much for your help.
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  How do I make 2 circles parallel to each other transmon 1 159 Oct 3, 2014 05:57
Last Post: iForStyle007
  How to make a shadow in front of the object, not behind adamail 5 421 Sep 20, 2014 01:36
Last Post: iForStyle007
  Make faint pattern stand out adalyac@gmail.com 4 244 Sep 13, 2014 00:43
Last Post: Akros
  How to make a layer acquire the look of the background? adamail 4 628 Sep 1, 2014 08:11
Last Post: adamail
Question Make a .gif move backards rafaelguedes 1 347 Aug 23, 2014 02:19
Last Post: rafaelguedes

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS