Sample website graphics lettering

worlok · 06-12-2009, 11:01 PM

Hi,

How does one work with a header or footer graphic that they emblazoned "Your Website Goes here" in the graphic itself? How are you supposed to work with that? Can that actually be altered? Aren't the layers merged permanently?

Thanks.

-Tom

pdjsolutions · 06-13-2009, 03:26 AM

Hi..
Well It can be modified.

They use CSS and for the header they add a background image or some kind of background.

And then inside that div ( the one with the header ) . You can add text on top of the image. and you can style that text anyhow again using CSS.

Hope this helps.

Regards,
PDJSolutions

pjCheviot · 06-13-2009, 06:16 AM

Tom

It depends on the format of the graphic - if it is a .jpg (layers merged) then you can't do much with it - however most of them should come in a "layered" format (.psd or .pdn or whatever) and then, using PaintShop or Gimp or Paint.net - you can simply remove the layer which says "Your Website Here" and add a new layer with your own version "My Website Here".

worlok · 06-13-2009, 01:27 PM

Thanks for answering. The header graphic banner is a GIF and the footer is a JPG. Why do people upload these so called "templates" that you are supposed to be able to use if the graphics are useless? Frustrating. I just need to get started with this stuff and make some moolah then I can hire someone to do better stuff. I guess my first few will have so so (or no) graphics.

pjCheviot · 06-13-2009, 01:45 PM

Quote:

Originally Posted by worlok

Thanks for answering. The header graphic banner is a GIF and the footer is a JPG. Why do people upload these so called "templates" that you are supposed to be able to use if the graphics are useless? Frustrating. I just need to get started with this stuff and make some moolah then I can hire someone to do better stuff. I guess my first few will have so so (or no) graphics.

"Normally" if you get templates that only have .gif or .jpg images there will be a "blank" image amongst them - i.e. one with all the graphic bits, but no text (if you see what I mean) - so that you can add your own.

They are not a lot of use otherwise, without a lot of work

worlok · 06-13-2009, 02:06 PM

None of the GIFs or JPGs are blanks, but there is a PSD in the main directory with the HTML. I was able to view that in Quicktime and it is the header graphic with the text on there but someone said that these PSD's can be edited? I find it hard to believe that he would have made it for someone's use and then made it useless, no?

I am getting Photoshop and some Adobe stuff next week so maybe I can learn how to edit these. Can PSD's be edited in GIMP?

Thanks for all the answers, BTW.

PS- for some reason my avatar does not show when I post. Is that b/c I am new?

pjCheviot · 06-13-2009, 02:21 PM

Tom, it would seem crazy to give out templates without some way of editing to suit your needs - so the .psd file may be the one you need.

I use paint.net to edit .psd's and it is a long time since I used Gimp, but I think Gimp used to do something to the layers. Honestly can't remember exactly what though - and it's maybe OK now. Someone else may confirm.

worlok · 06-13-2009, 04:00 PM

Quote:

Originally Posted by pjCheviot

Tom, it would seem crazy to give out templates without some way of editing to suit your needs - so the .psd file may be the one you need.

I use paint.net to edit .psd's and it is a long time since I used Gimp, but I think Gimp used to do something to the layers. Honestly can't remember exactly what though - and it's maybe OK now. Someone else may confirm.

I just downloaded Paint.net and PSD is not in the file types that it can open. I guess you must edit them by some other technique with that program? I'll see if I can figure it out.

Nice program though. Never heard of that one. ;-)

EDIT: I found the plugin.

worlok · 06-13-2009, 04:48 PM

Well, I was able to figure out how to edit the PSD file and uncheck the layers I didn't want a add the layers that I do want and save it. The PSD has both the header and footer in it. The sample web page that comes with it calls on the JPG and GIF files, not the PSD. I have no idea how to get the header and footer in the altered PSD to chow up in the template instead of the JPG and GIF with the other name. I'm getting there though. If you know how to do it I'd appreciate it. I got this far.

Thanks for all the help by the way. I appreciate it.

pjCheviot · 06-14-2009, 04:46 AM

Hi Tom

Sorry had to go earlier on and missed this one . . .

If you open up the .psd with the header and footer in it - then take out all references to the footer (you will be left with just header references) - then use SAVE AS to save this file (as a .psd) with ANOTHER NAME e.g. header_new.psd.

Then open the original file up again and take out the header references (to leave just the footer stuff) - again save as something else e.g. footer_new.psd.

Now you have two files to work on - header_new.psd and footer_new.psd.

When you have managed to add layers etc and get each file to where you want them to be - simply SAVE AS header.jpg and footer.jpg (when saving you will be asked if you want to "flatten" the image - say yes).

The resulting .jpg files can then be used on your template/theme.

HTH

worlok · 06-14-2009, 01:13 PM

Thanks. Makes perfect sense. Don't know why I didn't think of that.

dawnpeterson · 06-17-2009, 01:20 AM

Hi Tom,

You can get your graphics customized nicely for a fair price at redhotcovers.com. I know their work and it is the easiest way to go if you need a really clean look.

Dawn.

06-12-2009, 11:01 PM	#1
worlok HyperActive Warrior War Room Member Join Date: Jun 2009 Location: New Jersey, United States Posts: 100 Thanks: 9 Thanked 2 Times in 2 Posts	Sample website graphics lettering Hi, How does one work with a header or footer graphic that they emblazoned "Your Website Goes here" in the graphic itself? How are you supposed to work with that? Can that actually be altered? Aren't the layers merged permanently? Thanks. -Tom

06-13-2009, 03:26 AM	#2
pdjsolutions Coding Expert !! :D War Room Member Join Date: May 2009 Location: India Posts: 178 Thanks: 14 Thanked 15 Times in 12 Posts Contact Info	Re: Sample website graphics lettering Hi.. Well It can be modified. They use CSS and for the header they add a background image or some kind of background. And then inside that div ( the one with the header ) . You can add text on top of the image. and you can style that text anyhow again using CSS. Hope this helps. Regards, PDJSolutions
	CSS3 Tutorials

06-13-2009, 06:16 AM	#3
pjCheviot Don't Just Sit There! Join Date: Jan 2009 Location: NE UK Posts: 748 Thanks: 498 Thanked 231 Times in 208 Posts Social Networking	Re: Sample website graphics lettering Tom It depends on the format of the graphic - if it is a .jpg (layers merged) then you can't do much with it - however most of them should come in a "layered" format (.psd or .pdn or whatever) and then, using PaintShop or Gimp or Paint.net - you can simply remove the layer which says "Your Website Here" and add a new layer with your own version "My Website Here".
	"I started out with nothing and I've still got most of it left!" Fellow Warrior KimW needs our help

06-13-2009, 01:27 PM	#4
worlok HyperActive Warrior War Room Member Join Date: Jun 2009 Location: New Jersey, United States Posts: 100 Thanks: 9 Thanked 2 Times in 2 Posts	Re: Sample website graphics lettering Thanks for answering. The header graphic banner is a GIF and the footer is a JPG. Why do people upload these so called "templates" that you are supposed to be able to use if the graphics are useless? Frustrating. I just need to get started with this stuff and make some moolah then I can hire someone to do better stuff. I guess my first few will have so so (or no) graphics.

06-13-2009, 02:06 PM	#6
worlok HyperActive Warrior War Room Member Join Date: Jun 2009 Location: New Jersey, United States Posts: 100 Thanks: 9 Thanked 2 Times in 2 Posts	Re: Sample website graphics lettering None of the GIFs or JPGs are blanks, but there is a PSD in the main directory with the HTML. I was able to view that in Quicktime and it is the header graphic with the text on there but someone said that these PSD's can be edited? I find it hard to believe that he would have made it for someone's use and then made it useless, no? I am getting Photoshop and some Adobe stuff next week so maybe I can learn how to edit these. Can PSD's be edited in GIMP? Thanks for all the answers, BTW. PS- for some reason my avatar does not show when I post. Is that b/c I am new?
	--Tom Lots of potential free website traffic here.

06-13-2009, 02:21 PM	#7
pjCheviot Don't Just Sit There! Join Date: Jan 2009 Location: NE UK Posts: 748 Thanks: 498 Thanked 231 Times in 208 Posts Social Networking	Re: Sample website graphics lettering Tom, it would seem crazy to give out templates without some way of editing to suit your needs - so the .psd file may be the one you need. I use paint.net to edit .psd's and it is a long time since I used Gimp, but I think Gimp used to do something to the layers. Honestly can't remember exactly what though - and it's maybe OK now. Someone else may confirm.
	"I started out with nothing and I've still got most of it left!" Fellow Warrior KimW needs our help

06-13-2009, 04:48 PM	#9
worlok HyperActive Warrior War Room Member Join Date: Jun 2009 Location: New Jersey, United States Posts: 100 Thanks: 9 Thanked 2 Times in 2 Posts	Re: Sample website graphics lettering Well, I was able to figure out how to edit the PSD file and uncheck the layers I didn't want a add the layers that I do want and save it. The PSD has both the header and footer in it. The sample web page that comes with it calls on the JPG and GIF files, not the PSD. I have no idea how to get the header and footer in the altered PSD to chow up in the template instead of the JPG and GIF with the other name. I'm getting there though. If you know how to do it I'd appreciate it. I got this far. Thanks for all the help by the way. I appreciate it.
	--Tom Lots of potential free website traffic here.

06-14-2009, 04:46 AM	#10
pjCheviot Don't Just Sit There! Join Date: Jan 2009 Location: NE UK Posts: 748 Thanks: 498 Thanked 231 Times in 208 Posts Social Networking	Re: Sample website graphics lettering Hi Tom Sorry had to go earlier on and missed this one . . . If you open up the .psd with the header and footer in it - then take out all references to the footer (you will be left with just header references) - then use SAVE AS to save this file (as a .psd) with ANOTHER NAME e.g. header_new.psd. Then open the original file up again and take out the header references (to leave just the footer stuff) - again save as something else e.g. footer_new.psd. Now you have two files to work on - header_new.psd and footer_new.psd. When you have managed to add layers etc and get each file to where you want them to be - simply SAVE AS header.jpg and footer.jpg (when saving you will be asked if you want to "flatten" the image - say yes). The resulting .jpg files can then be used on your template/theme. HTH
	"I started out with nothing and I've still got most of it left!" Fellow Warrior KimW needs our help

06-14-2009, 01:13 PM	#11
worlok HyperActive Warrior War Room Member Join Date: Jun 2009 Location: New Jersey, United States Posts: 100 Thanks: 9 Thanked 2 Times in 2 Posts	Re: Sample website graphics lettering Thanks. Makes perfect sense. Don't know why I didn't think of that.
	--Tom Lots of potential free website traffic here.

06-17-2009, 01:20 AM	#12
dawnpeterson Active Warrior Join Date: Jun 2009 Posts: 64 Thanks: 5 Thanked 17 Times in 15 Posts	Re: Sample website graphics lettering Hi Tom, You can get your graphics customized nicely for a fair price at redhotcovers.com. I know their work and it is the easiest way to go if you need a really clean look. Dawn.
	Have questions about webdesign, graphics or generating traffic? Send me a pm and we'll talk about how I may be able to help you!