It is currently Wed Jun 10, 2026 6:28 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 10 posts ] 
Author Message
 Post subject: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 11:39 am  (#1) 
Offline
New Member
User avatar

Joined: Jan 27, 2012
Posts: 4
Location: USA
Hello folks--I'm a new user, and hope that I'm not asking a stupid question, or bothering anybody!

I'm trying to do a rebuild on my farm's website, and want to add more...appeal I guess (not sure what to call it) to my header. Here's a link to a temporary upload of my current header: http://cloudview.webstudio.com/112834/

I would like to be able to give it a "stretch" and "shadow" effect similar to what the attached example shows, except I want to do it to one picture (the other attached picture).

Any help on this would be appreciated, I'm aiming for a banner that is 850 pixels wide, and I'd like to sit my logo in the center of the image.

Hopefully this makes sense, if you can't understand me I'll try to explain again :) As a farmer you can tell I'm out of my field (literally :) when I try to do stuff like this.

Thanks for your help folks!


Attachments:
File comment: Raw header pic
FarmPic2.JPG
FarmPic2.JPG [ 229.92 KiB | Viewed 2163 times ]
File comment: Pic of what I'm wanting to do.
First Pic.JPG
First Pic.JPG [ 116.66 KiB | Viewed 2163 times ]
Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 1:21 pm  (#2) 
Offline
Script Coder
User avatar

Joined: Apr 23, 2010
Posts: 1553
Location: not from Guildford after all
Create a new layer filled with white.

Open the "Filters->Distorts->Curve Bend" dialog and drag the center of the curve line down just a little as shown in the following screen shot.

Attachment:
SScurve-bend.png
SScurve-bend.png [ 14.63 KiB | Viewed 2123 times ]


Next, click on the "Mirror" button and then OK. This will warp your white layer into the proper shape; now we want to use that layer as a layermask for your banner.

Set your background color to black and then remove the white layer's alpha channel ("Layer->Transparency->Remove Alpha Channel")

Perform an "Edit->Cut". This will delete the white layer, but it will first be copied to your clipboard.

Add a layermask to your original layer ("Layer->Mask->Add Layer Mask..."). The default settings are fine for this.

Perform an "Edit->Paste" and then "Layer->Anchor Layer" to paste your clipboard into the layermask.

Voila!

Attachment:
FarmPic2.png
FarmPic2.png [ 2.18 MiB | Viewed 2123 times ]


Note that the image itself does not actually get stretched, merely the border is changed. If you actually want to stretch the image, just apply the Curve Bend filter to the original layer (this will distort the straight rows of plants).

_________________
Any sufficiently primitive technology is indistinguishable from a rock.


Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 1:54 pm  (#3) 
Offline
New Member
User avatar

Joined: Jan 27, 2012
Posts: 4
Location: USA
Wow that's great--Thanks! I'll run through that this afternoon.

Does anybody know how to add a shadow in specific spots like the example--so it kind of stands out?

Again, thanks that's exactly what I wanted to do!


Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 3:12 pm  (#4) 
Offline
GimpChat Member
User avatar

Joined: Apr 07, 2010
Posts: 14182
Go to Filters > Light and Shadow > Drop Shadow > untick allow sizing.

You can use the default or change your x and Y offsets and adjust your opacity to your preference.

_________________
Image


Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 3:56 pm  (#5) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4812
IMHO the outline shape of the picture has a lot more effect than distorting the contents. Here I just cut the top and bottom to shape with a clip path, and added a drop-shadow:

Attachment:
FarmBanner.jpg
FarmBanner.jpg [ 434.55 KiB | Viewed 2097 times ]

_________________
Image


Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 4:32 pm  (#6) 
Offline
New Member
User avatar

Joined: Jan 27, 2012
Posts: 4
Location: USA
Next dumb question: "What's a clip path? That does look smoother.

Thanks for all the info--I've gotten this far:


Attachments:
HEADER4.jpg
HEADER4.jpg [ 58.83 KiB | Viewed 2086 times ]
Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 5:31 pm  (#7) 
Offline
Global Moderator
User avatar

Joined: May 16, 2010
Posts: 16023
That looks great to me. :)
Welcome to Gimp Chat.

I have moved this to Gimp Help.

_________________
Image


Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 5:39 pm  (#8) 
Offline
New Member
User avatar

Joined: Jan 27, 2012
Posts: 4
Location: USA
Sorry if I posted in the wrong area--I meant well :)


Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Fri Jan 27, 2012 5:44 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Apr 07, 2010
Posts: 14182
Not a problem colvin, We all do it.

_________________
Image


Top
 Post subject: Re: How to "stretch" a banner?
PostPosted: Sat Jan 28, 2012 12:08 pm  (#10) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4812
colvin99 wrote:
Next dumb question: "What's a clip path? That does look smoother.
http://www.gimp.org/tutorials/Bezier_Selections/

_________________
Image


Top
Post new topic Reply to topic  [ 10 posts ] 

All times are UTC - 5 hours [ DST ]



* Login  



Powered by phpBB3 © phpBB Group