Post Reply 

Help? Untidy blend effect when used on webpage

Mar 9, 2011, 22:04
Post: #1
Help? Untidy blend effect when used on webpage
I am making up a website for Mrs S. I have used a template and replaced the logo.jpg image with one that I have made using the gimp. It is a simple rectangle (1016 x 323) with rounded corners. I applied a blend from the bottom left corner to the centre top which gave a nice smooth blue gradient effect. Then added another image in a new layer on the right side, anchored it, saved image as a .gif, job done thinks I. Image looks fine when opened in any of several suitable progs. However, when added to the kompozer images folder in the website and placed on the homepage the blue gradient is decidedly 'striated'. Very obvious stripes in the colour that make it look quite ugly. Unusable as it is..... thoughts?
Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 22:18
Post: #2
RE: Help? Untidy blend effect when used on webpage
Why are you using GIF? I would use PNG if I were you... GIF has a limitation in colors. I do not know the number, but there is one. PNG has much better quality, that might be your problem.
Visit this user's website Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 22:38
Post: #3
RE: Help? Untidy blend effect when used on webpage
(Mar 9, 2011 22:18)Willy Wrote:  Why are you using GIF? I would use PNG if I were you... GIF has a limitation in colors. I do not know the number, but there is one. PNG has much better quality, that might be your problem.

I'll try that when I get home from work tomorrow morning. Seems strange that when opened and viewed in anything else it looks perfectly good. But then... what do I know Sad
Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 22:47
Post: #4
RE: Help? Untidy blend effect when used on webpage
The other problem could be is that maybe it isn't sized right, and the website is trying to fix it?

Also, maybe the website doesn't support enough colors, Have you tried something else in its place?
Visit this user's website Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 22:49
Post: #5
RE: Help? Untidy blend effect when used on webpage
If I'm gonna work on it again anyway... any idea how I can add a thin border around it? whatver I seem to do I can't get a border to follow the actual edge of the image (rounded corners etc). I think I must be doing something wrong Blush
Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 22:52
Post: #6
RE: Help? Untidy blend effect when used on webpage
Nope, I have never figured that out, you would have to do it very carefully, manually. I have looked for that too, and I have tried doing them in the opposite order, and that didn't work either...
Visit this user's website Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 22:53
Post: #7
RE: Help? Untidy blend effect when used on webpage
it is sized exactly the same as the image it replaced. And the web template uses a similar graduated blue effect throughout so it should be ok. In fact, I 'picked' the colour from the webpage to use in the gimp image blend so it should be exactly the same.
Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 23:00
Post: #8
RE: Help? Untidy blend effect when used on webpage
While experimenting I sort of got around the border problem by duplicating the rounded corner layer, colouring it dark blue, then pasting the proper image on top of it having rescaled it by -1 pixel all round. It sort of works but doesn't give a very 'crisp' border and seems a very clumsy way of doing it. I'm sure there must be better way but I'm b*ggered if I can figure it out. Angry
Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 23:07
Post: #9
RE: Help? Untidy blend effect when used on webpage
I have no idea about the border,

But, why don't you just not put in the gradient, and have the text on top of transparency, and just have the webpage show through?
Visit this user's website Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 23:28
Post: #10
RE: Help? Untidy blend effect when used on webpage
Ok ofnuts... now I can speak Thai pretty fluently but I understood very little of your post. Blush God I'm stooopid!!

Willy, the web template I am using is 'ftdlagoon' (google it if interested?) It has a graduating blue to white effect from the top down. The large logo picture of the lake and trees is very pretty but needs to be replaced. The image that I want to use is a direct replacement and sits 'behind' the web title text box and 'in front' of the webpage background . The replacement image consists of a rectangle that has a logo image with a white background placed in the right 3rd of the rectangle. From the left edge I wanted to place a blue to white blend that compliments the colour theme of the rest of the site. The end effect I am trying to get is a bordered image that shows a seamless blue blend from the left side that reaches full white before it gets to the logo image so that no edges etc show. If I wasn't at work I could post you the image so you see what I mean.
Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 23:35
Post: #11
RE: Help? Untidy blend effect when used on webpage
I think I understand, and could you post a link to the site Big Grin
I am not sure, but are you trying to have the Gradient in the Banner image different from the site one?
Visit this user's website Find all posts by this user
Quote this message in a reply
Mar 9, 2011, 23:38
Post: #12
RE: Help? Untidy blend effect when used on webpage
Site is not live yet. I want to make sure the index/ homepage is exactly right first before I clone all the other pages etc off it and publish it once all complete and validated.
Find all posts by this user
Quote this message in a reply
Mar 10, 2011, 00:29
Post: #13
RE: Help? Untidy blend effect when used on webpage
Mmmmm...... You have got me thinking now mate.... Idea Maybe I am looking at this all wrong. I will try making up a new image that has the logo pasted onto a transparent layer that will allow the website background to show through and see how it looks. Might look a bit weird without some kind of border around the 'transparent image' to define it (like the other boxes you can see on the site). Now if only I could work that border thing out I think I would be sorted! Wink
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  WPAP effect in Gimp? aimless 2 441 Sep 20, 2014 15:18
Last Post: aimless
  Diamond and gold text effect Treycee 7 3,515 Sep 5, 2014 21:56
Last Post: Akros
  How to do this simple text effect ? Kaicy 2 347 Aug 25, 2014 21:20
Last Post: Kaicy
  Glass case effect Asmita 1 335 Jul 26, 2014 14:23
Last Post: iForStyle007
  Need help with an effect, not sure what to call it jcarver1112 4 461 Apr 23, 2014 06:30
Last Post: iForStyle007

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS