Post Reply 

How do I create an image like this ?

Feb 28, 2012, 05:39
Post: #1
How do I create an image like this ?
Hi,

For the purpose of creating a web newsletter, I need to create an image similar to the attached. Basically, it is the top portion of a rectangular image with rounded corners and its background is white(if you view it on a browser) but the image is displayed with a lot of grey and grey white squares(on image viewers). Dont know why>.......

This should be a png image so that I can change the color using CSS.

All helps would be really appreciated.

thanks
Sha


Attached File(s) Thumbnail(s)
   
Find all posts by this user
Quote this message in a reply
Feb 28, 2012, 07:46
Post: #2
RE: How do I create an image like this ?
They gray/white square are used to indicate where the image is transparent.

- Create new image of required width and about 3x the needed height
- "Layer/transparency/add alpha channel" (makes the image capable of transparency)
- Bucket-fill to the required color
- "Select all"
- "Select/Rounded rectangle" (adjust corner sizes)
- [delete] to delete everything but the 4 corners
- Crop (Crop) to keep the top of the image
- Save as PNG

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
Feb 28, 2012, 08:17 (This post was last modified: Feb 28, 2012 08:18 by shak380.)
Post: #3
RE: How do I create an image like this ?
Hi ofnuts, thank you so much. I have got it working!

Also, in my case I had to make only the rounded rectangular portion transparent. As a result I had to select only that rectangular portion before applying transparency(as you mentioned).
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  How to remove shaky camera ghost image? ianpwilliams 4 1,268 Aug 12, 2017 13:47
Last Post: Elizabeeth
  How to extend an Image from side to side softening the hard edge of image Flesh 2 114 Jul 21, 2017 06:21
Last Post: Flesh
  Image Quality Degradation Issue dedoubleu 2 163 Jun 7, 2017 06:37
Last Post: ythgilb
  Losing image quality Futant 2 208 Oct 10, 2014 16:07
Last Post: rich2005
  Help with adding image to gif Mandzukic 2 269 Sep 18, 2014 19:21
Last Post: Mandzukic

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS