To be able to create the header image you need to know how to do the following:
- Open a picture or create a new in your software.
- Create layers.
- Select a part of the picture with the Magic Wand tool.
- Erase the selected pixels.
- Scale a picture.
- Resize the canvas.
- Create custom colors.
- Pick a color from the picture.
- View and use rulers.
- Select font and font size.
- Insert text in an image.
- Move the objects and arrange them on the canvas.
- Save a file for the web as a jpg or gif image.
You can find the GIMP manual here and for Photoshop I recommend you to use the help file that comes with the software. You can also use one of the Photoshop or GIMP tutorials I have added to my links section in the sidebar.
I used the Magic Wand to get rid of the background around the flower. In this picture it was easy because of the contrast between the flower and the background. In a picture with lesser contrast you might need other tools to get rid of unwanted pixels.
The next step is to duplicate the layer and get rid of the background layer. You might not need to do this in Photoshop, depending on how you created the picture. Just make sure you have a layer with a transparent background and the rest of the process will be easy.
Resize the image to a 200 pixels height and 300 pixels width. In GIMP resizing an image is called Scale image and in Photoshop Image size.
Resize the canvas size to 800 pixels width, but keep the height as 200 pixels. The image is now the same size as the header. Resizing the canvas is called Canvas size both in GIMP and Photoshop
Welcome back! Nice to see you again, hope you enjoy your visit.
February 28th, 2005 at 8:38 pm
Nice tutorial! I was just wondering, I found the ‘Bi-Linear Gradiant’ tool but could not find any proper tutorial on it. I did select it but only managed to get one way gradiant effect (was hoping for both left and right effect). Would you happen to know how to get it to work? Thanks in advance.
February 28th, 2005 at 9:44 pm
I was able to get it to work. Don’t drag the line from edge to edge of your picture, only half-way and that will do it. I’m not able to explain it any better than this without pictures.
Here’s a link to a tutorial, did you check it out already? Grokking the Gimp
March 1st, 2005 at 7:18 pm
Ahh.. thanks, works fine now
October 12th, 2005 at 10:59 am
Hello!
I find this blog very interesting and I will come back often.
In the meantime I can recommend picture of church with wedding decoration
This is a directory of all You need to find out about picture of church with wedding decoration.
So please, don´t miss this opportunity to find out all You need to know in one place.
picture of church with wedding decoration
October 14th, 2005 at 6:14 am
I came across you blog and thought you may find this site usefull. It has gas saving tips and where to find cheap gas. travel planning
October 22nd, 2005 at 2:53 pm
Hey, you have a great blog here! I’m definitely going to bookmark you!
I have a wedding flower site. It pretty much covers wedding flower related stuff.
Come and check it out if you get time
October 25th, 2005 at 1:45 am
Great blog, I was looking for freelance webdesign related info and found you.
Colleen
Affordable Web Design
October 26th, 2005 at 6:53 am
Hey, you have a great blog here! I’m definitely going to bookmark you!
I have a php web hosting site/blog. It pretty much covers php web hosting related stuff.
Come and check it out if you get time
October 30th, 2005 at 5:14 pm
adobe photo shop 7.0 tutorial
November 4th, 2005 at 2:48 pm
Yeah Wordpress rocks, I recently switched.. I’m trying to find a cool template that I like.. so far i like the one i have now — anyway, my blog’s url is http://www.theblahbrain.com I’ve got a page rank of 4 [if you know anything about page ranks and search engine optimization] and 309 pages indexed in google.. unfortunately it isn’t more than that… anyway…you’ve got a great blog here! –Paul
November 22nd, 2005 at 9:58 am
Hey, This is really great . nice one.
I have a affordable web design site. It pretty much covers affordable web design related stuff.
Come and check it out if you get time.. Thanks.
December 5th, 2005 at 8:25 am
Hi Susie…Wow! While I was searching for info on free wedding planning book I somehow found your page. Obviously I ended up a little off base, but I am certainly glad I stopped by for a read. While I am here, I just wanted to drop a quick note to comment your blog…now to move on and continue my search for free wedding planning book. Should you ever need it, there’s lots of information on this site about free wedding planning book.
December 7th, 2005 at 8:29 am
Hi Susie, your blog is excellent. As I was surfing around today looking for detailed info on free wedding planning book I somehow ended up on your page. As your Creating the header image (Part 1) is not exactly related to my search, I am certainly glad I stopped by. Oh well, back to surfing and I am sure I will find what I am looking for, and should you ever need information about free wedding planning book, then stop by for a look. Thanks for the post.
December 9th, 2005 at 3:54 am
Hi Susie, your blog is excellent. As I was surfing around today looking for detailed info on florida wedding planning I somehow ended up on your page. As your Creating the header image (Part 1) is not exactly related to my search, I am certainly glad I stopped by. Oh well, back to surfing and I am sure I will find what I am looking for, and should you ever need information about florida wedding planning, then stop by for a look. Thanks for the post.
December 10th, 2005 at 2:22 pm
Hi Susie, I found your blog informative. While out blog surfing today for specific info on wedding planning schedule, I ended up on your page. Your Creating the header image (Part 1) shows that I ended up a little off base, but I am certainly glad I stopped by. I will bookmark your site for a future visit, and should you ever need it, there is plenty of information on this site about wedding planning schedule.
December 15th, 2005 at 5:50 pm
Hey There great Web Site Susie, great post on Creating the header image (Part 1) I have a great site to look at graphics, feel free to call anytime, thanks!
December 17th, 2005 at 3:01 am
Hey There great Web Site Susie, great post on Creating the header image (Part 1) I have a great site to look at web site development, feel free to call anytime, thanks!
December 17th, 2005 at 4:28 am
Hey There great Web Site Susie, great post on Creating the header image (Part 1) I have a great site to look at adult paysite, feel free to call anytime, thanks!
December 19th, 2005 at 4:52 pm
Hey There great Web Site Susie, great post on Creating the header image (Part 1) I have a great site to look at adult paysite, feel free to call anytime, thanks!
December 19th, 2005 at 8:47 pm
Hey There great Web Site Susie, great post on Creating the header image (Part 1) I have a great site to look at adult site, feel free to call anytime, thanks!
January 1st, 2006 at 2:27 am
Need A Great Web Site Susie, Great post on Creating the header image (Part 1)!, I have great site to offer the best prices on web design and get great results web site layout design, maybe give us a call at 404 – 303-7350
January 26th, 2006 at 12:58 am
Your one of my favorite people now Susie. Great Blog! I’m sure glad I found your information… thank you for the knowledge! If you are interested, go see my adobe photoshop manual related site. It isn’t anything special but you may still find something of interest.
January 26th, 2006 at 1:02 am
Your one of my favorite people now Susie. Great Blog! I’m sure glad I found your information… thank you for the knowledge! If you are interested, go see my manual user photoshop related site. It isn’t anything special but you may still find something of interest.
January 26th, 2006 at 1:07 am
Your one of my favorite people now Susie. Great Blog! I’m sure glad I found your information… thank you for the knowledge! If you are interested, go see my free photoshop software related site. It isn’t anything special but you may still find something of interest.
January 28th, 2006 at 1:25 am
I have a
adobe photoshop manual site/blog. It pretty much covers Creating the header image (Part 1) related stuff.
Come and check it out if you get time
February 8th, 2006 at 12:53 am
Cheers,
free photoshop software