Get your forum today!

townsbg · 10-12-2009, 11:55 PM

Ok so I created customized rank banners for my forum using word & some fancy cropping. I didn't have photoshop and I'm not a graphic artist so I did the best I could even though it is rudimentary. Now I have downloaded a photoshop CS4 trial to try & improve them but I really can't figure out how to do what I want. What I want to do (at lease what I think I want to do) is have the color start out black at the edges (I'm thinking the vertical edges) and gradually lighten to my desired color towards the middle. Anyone know how I can (of if I can) do that in Photoshop or if there is other software that will do that?

Larah · 10-13-2009, 12:35 AM

Here is one way to do that...

You'll want to do this on a seperate layer, so you can change the blend mode if needed.

I threw this together kind of fast, so let me know if you need help understanding anything. While you are holding down the shift key to make the gradient, you'll want to click the mouse button at the top red star and drag.

My workspace is also a little different than most, so ignore the animation panel and such.

**Wild Cat** · 10-13-2009, 12:46 AM

Nice idea of the tutorial, maybe you could ad numbers to steps... so he knows the sequence how it goes

Larah · 10-13-2009, 01:18 AM

Thanks!

Can't believe I forgot that.

townsbg · 10-13-2009, 12:57 PM

Thanx Larah. I'll see what I can do with this & let you know if I have anymore questions. The step order really helps.

Larah · 10-13-2009, 04:12 PM

No problem, good luck! I would love to see the results you get.

townsbg · 10-13-2009, 06:33 PM

Well my forum is private with one 1 visible forum but is suppose I might link them here.

townsbg · 10-13-2009, 06:52 PM

I just tried it & one, I couldn't figure out how to get it to use the color that I wanted which for the first one is red. All of them are going to have different colors. All it would do is black and yellow (which I'm guessing is suppose to be white). Two, it covered my text which is already on the picture (these are the uncolored versions of what I'm already using). Three it went across the entire picture. Another thing is that the gradient pattern that it shows is backwards compared to what is in your picture. I don't know if that matters.

Larah · 10-13-2009, 08:19 PM

Yours is supposed to match mine. You can either check the box next to the option on top that says "Reverse" or change the colors by clicking on the gradient on top. I made a quick video demonstrating how to do it. I hope it will make more sense. You will just change the white in the gradient to the color you want to use. Make sure it is on a seperate layer, and then choose "Multiply" or a similar blend mode.

http://www.youtube.com/watch?v=PTcgsc8lAwI

Sorry about the noises, my birds decided they wanted to be in the video.

townsbg · 10-13-2009, 08:46 PM

Oh you made a video for me? How sweet.

Well I'll have to study that & break it down because its kind of fast. Your result didn't look at all how I was imagining it so maybe I'm heading in the wrong direction. One spot of red in a circle isn't what I had in mind. I do want to find something that look different than just plain color but I guess now that I don't know what. Anyway if you want to you can see one of them here. Do you have any suggestions? I'm not into graphics so I don't have that mentality.

Larah · 10-13-2009, 09:12 PM

Looks good.

Sorry the video is so fast, I couldn't edit it.

Umm...There are many other methods to get the results you are looking for. I basically learned by looking up Photoshop tutorials and experimenting.
Maybe you could try a layer mask or something.
I'm not completely sure I understand exactly what you are trying to do.

townsbg · 10-13-2009, 09:29 PM

A layer mask? I know nothing about that? I've never actually tried to use photo shop before. I guess I'm not sure what I'm trying to do other than to do more than have it in plain color but maybe I'll just stick with that. IDK. What do you suggest? Do you have any ideas? Do you see a way to improve that & make it look more unique?

Larah · 10-13-2009, 09:55 PM

I think I would make it look a little more like the buttons on your forum.
Maybe round the edges a tiny bit, you know?

These are some good tutorials to get your started.
http://www.designvitality.com/blog/2...ton-tutorials/

The site I learned the most from when I was starting out is http://www.tutorialized.com but there are many out there.

beelchanmyworld · 10-19-2009, 12:07 PM

Thank you for your Tutorials. I have a little ploblem about PS.^_^

10-12-2009, 11:55 PM	#1 (permalink)
townsbg Junior Forumer Join Date: Sep 2009 Posts: 68 Rep Power: 1 fTrader: (0) fBuck$: 1,589 Bank: 26,251 Total fBuck$: 27,840 Send fBuck$ » My Forumer My Country:	Customized banners Ok so I created customized rank banners for my forum using word & some fancy cropping. I didn't have photoshop and I'm not a graphic artist so I did the best I could even though it is rudimentary. Now I have downloaded a photoshop CS4 trial to try & improve them but I really can't figure out how to do what I want. What I want to do (at lease what I think I want to do) is have the color start out black at the edges (I'm thinking the vertical edges) and gradually lighten to my desired color towards the middle. Anyone know how I can (of if I can) do that in Photoshop or if there is other software that will do that?

10-13-2009, 12:35 AM	#2 (permalink)
Larah GFX Designer Join Date: Mar 2009 Location: Florida Posts: 619 Rep Power: 1 fTrader: (2) fBuck$: 1,047 Bank: 28,579 Total fBuck$: 29,626 Send fBuck$ » My Forumer My Country:	Re: Customized banners Here is one way to do that... You'll want to do this on a seperate layer, so you can change the blend mode if needed. I threw this together kind of fast, so let me know if you need help understanding anything. While you are holding down the shift key to make the gradient, you'll want to click the mouse button at the top red star and drag. My workspace is also a little different than most, so ignore the animation panel and such. Last edited by Larah; 10-13-2009 at 12:40 AM..

10-13-2009, 12:46 AM	#3 (permalink)
Wild Cat Elite Forumer Join Date: May 2007 Location: UK Posts: 12,960 Rep Power: 17 fTrader: (4) fBuck$: 15,196 Bank: 321,929 Total fBuck$: 337,125 Send fBuck$ » My Forumer My Country:	Re: Customized banners Nice idea of the tutorial, maybe you could ad numbers to steps... so he knows the sequence how it goes
	[Reserved][IHWC forums][Free Computer Wallpapers][Tweaked for your Pleasure] [Computer Help][Website Design Tutorials][BWS Forum][TechMonkeys.co.uk] USEFUL TIP: If your support request gets resolved, click on THREAD TOOLS > MARK THIS THREAD AS SOLVED. This will mark the thread RESOLVED and will close the thread. (please use this tip!) Please DO NOT! PM/e-mail me for support unless I ask you to. Do a search and if you don't find your answer create a thread with your question and I will be happy to help. I can not be replying the same answer over and over in an e-mail/PM. Thanks.

10-13-2009, 01:18 AM	#4 (permalink)
Larah GFX Designer Join Date: Mar 2009 Location: Florida Posts: 619 Rep Power: 1 fTrader: (2) fBuck$: 1,047 Bank: 28,579 Total fBuck$: 29,626 Send fBuck$ » My Forumer My Country:	Re: Customized banners Thanks! Can't believe I forgot that.

10-13-2009, 12:57 PM	#5 (permalink)
townsbg Junior Forumer Join Date: Sep 2009 Posts: 68 Rep Power: 1 fTrader: (0) fBuck$: 1,589 Bank: 26,251 Total fBuck$: 27,840 Send fBuck$ » My Forumer My Country:	Re: Customized banners Thanx Larah. I'll see what I can do with this & let you know if I have anymore questions. The step order really helps.

Get your forum today!

Explore

Support

About

10-13-2009, 04:12 PM	#6 (permalink)
Larah GFX Designer Join Date: Mar 2009 Location: Florida Posts: 619 Rep Power: 1 fTrader: (2) fBuck$: 1,047 Bank: 28,579 Total fBuck$: 29,626 Send fBuck$ » My Forumer My Country:	Re: Customized banners No problem, good luck! I would love to see the results you get.

10-13-2009, 06:33 PM	#7 (permalink)
townsbg Junior Forumer Join Date: Sep 2009 Posts: 68 Rep Power: 1 fTrader: (0) fBuck$: 1,589 Bank: 26,251 Total fBuck$: 27,840 Send fBuck$ » My Forumer My Country:	Re: Customized banners Well my forum is private with one 1 visible forum but is suppose I might link them here.

10-13-2009, 06:52 PM	#8 (permalink)
townsbg Junior Forumer Join Date: Sep 2009 Posts: 68 Rep Power: 1 fTrader: (0) fBuck$: 1,589 Bank: 26,251 Total fBuck$: 27,840 Send fBuck$ » My Forumer My Country:	Re: Customized banners I just tried it & one, I couldn't figure out how to get it to use the color that I wanted which for the first one is red. All of them are going to have different colors. All it would do is black and yellow (which I'm guessing is suppose to be white). Two, it covered my text which is already on the picture (these are the uncolored versions of what I'm already using). Three it went across the entire picture. Another thing is that the gradient pattern that it shows is backwards compared to what is in your picture. I don't know if that matters.

10-13-2009, 08:19 PM	#9 (permalink)
Larah GFX Designer Join Date: Mar 2009 Location: Florida Posts: 619 Rep Power: 1 fTrader: (2) fBuck$: 1,047 Bank: 28,579 Total fBuck$: 29,626 Send fBuck$ » My Forumer My Country:	Re: Customized banners Yours is supposed to match mine. You can either check the box next to the option on top that says "Reverse" or change the colors by clicking on the gradient on top. I made a quick video demonstrating how to do it. I hope it will make more sense. You will just change the white in the gradient to the color you want to use. Make sure it is on a seperate layer, and then choose "Multiply" or a similar blend mode. http://www.youtube.com/watch?v=PTcgsc8lAwI Sorry about the noises, my birds decided they wanted to be in the video.

10-13-2009, 08:46 PM	#10 (permalink)
townsbg Junior Forumer Join Date: Sep 2009 Posts: 68 Rep Power: 1 fTrader: (0) fBuck$: 1,589 Bank: 26,251 Total fBuck$: 27,840 Send fBuck$ » My Forumer My Country:	Re: Customized banners Oh you made a video for me? How sweet. Well I'll have to study that & break it down because its kind of fast. Your result didn't look at all how I was imagining it so maybe I'm heading in the wrong direction. One spot of red in a circle isn't what I had in mind. I do want to find something that look different than just plain color but I guess now that I don't know what. Anyway if you want to you can see one of them here. Do you have any suggestions? I'm not into graphics so I don't have that mentality.

10-13-2009, 09:12 PM	#11 (permalink)
Larah GFX Designer Join Date: Mar 2009 Location: Florida Posts: 619 Rep Power: 1 fTrader: (2) fBuck$: 1,047 Bank: 28,579 Total fBuck$: 29,626 Send fBuck$ » My Forumer My Country:	Re: Customized banners Looks good. Sorry the video is so fast, I couldn't edit it. Umm...There are many other methods to get the results you are looking for. I basically learned by looking up Photoshop tutorials and experimenting. Maybe you could try a layer mask or something. I'm not completely sure I understand exactly what you are trying to do.

10-13-2009, 09:29 PM	#12 (permalink)
townsbg Junior Forumer Join Date: Sep 2009 Posts: 68 Rep Power: 1 fTrader: (0) fBuck$: 1,589 Bank: 26,251 Total fBuck$: 27,840 Send fBuck$ » My Forumer My Country:	Re: Customized banners A layer mask? I know nothing about that? I've never actually tried to use photo shop before. I guess I'm not sure what I'm trying to do other than to do more than have it in plain color but maybe I'll just stick with that. IDK. What do you suggest? Do you have any ideas? Do you see a way to improve that & make it look more unique?

10-13-2009, 09:55 PM	#13 (permalink)
Larah GFX Designer Join Date: Mar 2009 Location: Florida Posts: 619 Rep Power: 1 fTrader: (2) fBuck$: 1,047 Bank: 28,579 Total fBuck$: 29,626 Send fBuck$ » My Forumer My Country:	Re: Customized banners I think I would make it look a little more like the buttons on your forum. Maybe round the edges a tiny bit, you know? These are some good tutorials to get your started. http://www.designvitality.com/blog/2...ton-tutorials/ The site I learned the most from when I was starting out is http://www.tutorialized.com but there are many out there.

10-19-2009, 12:07 PM	#14 (permalink)
beelchanmyworld Member Join Date: May 2009 Posts: 13 Rep Power: 0 fTrader: (0) fBuck$: 1,076 Bank: 0 Total fBuck$: 1,076 Send fBuck$ » My Forumer My Country:	Re: Customized banners Thank you for your Tutorials. I have a little ploblem about PS.^_^

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Customized shoutbox?	MarvinG2	IPB General Support	5	12-18-2008 08:50 AM
21.forumer.com [RESOLVED] Customized Ads?	jamiegraceh	phpBB2 General Questions	3	12-02-2008 04:40 PM
How to add customized skin?	Neurotica	IPB Skinning Help	2	02-10-2006 02:03 PM
[SELLING] Customized Site Banners(50fbuck$)	UTa	Services	5	08-19-2005 08:44 AM
Customized Pips	OoOoOPanda	Graphics and Web Design (free)	0	03-24-2004 06:33 PM

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode