Homepage Garage Wiki Register Social Groups Calendar Search Today's Posts Mark Forums Read
#Camaro6
Go Back   CAMARO6 > CAMARO6.com General Forums > Photos | Videos | Renderings


AWE Tuning


Post Reply
 
Thread Tools
Old 12-21-2017, 08:32 AM   #1
DevilsReject97
Nightmare
 
DevilsReject97's Avatar
 
Drives: Your mom crazy in bed
Join Date: Mar 2011
Location: Naptown
Posts: 2,438
How to make your own signature banner

Okay so I've seen a few people ask about this, so I figured it might just be easier to do this instead. This post is about making your own signature banner for a forum. This will be a beginner level banner how-to.

If this works out well enough, I will be happy to create a more advanced version.

The first thing you want to do is make sure you have a good picture editing program. Now, you can create a banner like this using Microsoft Paint, but it won't be nearly as nice. You will want to look at programs like Adobe Photoshop, Adobe Fireworks, GIMP, LView, or Paint Shop Pro. There is also a program called Paint.NET that works fantastically well and is free. It's a lot like Photoshop. http://www.getpaint.net/

I will be using Photoshop to do this tutorial, but most of the steps will be similar in most programs.

Step 1:

Get some good quality pictures of your car/truck. This is the most critical part of creating a signature banner. The better the quality, the easier it is to edit the picture for what you are doing. Don't use pictures with your vehicle in the grass or pictures that are blurry. It can be done, but it just makes the difficulty increase.

Step 2:

Once you have your pictures, open Photoshop and create a new document.



The forum size limit on your banner is 700x200. However, for this tutorial, create your banner at 1400x400. Why? Because we can re-size it when we are finished and it's much easier to see when it's larger.

Step 3:

Deciding on the picture you want to use for your image can be hard, especially with people who can't always get great pictures of their vehicle. Sometimes you have to use one that isn't perfect or the favorite of the group. Once you've decided on one, go ahead and open the picture in Photoshop. You do not have to close your original document from Step 2.



Step 4:

You will then want to go into the bottom right hand corner and double click the little padlock next to the picture you have open.



It will open a window with some settings. Make sure yours match. Click OK when done.



And now the image should no longer have a padlock next to it.



Step 5:

This will now let you edit your picture so it no longer has a background behind it. This is critical because if you did not remove the background, it would leave a white background behind the picture. The correct way will have what appears to be a checkerboard style background.

Incorrect:



Correct:



In order to edit the picture, you can use a variety of methods, from beginner to advanced. I typically use the Polygonal Lasso Tool. Once you are done with the editing, save the picture as a .psd file. This is the standard Photoshop file type.

***TIPS***
Cropping out as much of the "excess" picture will make the editing faster, without needing to manually do it.

CTRL and the -/+ keys allow you to zoom in/out while working on the image.

Step 6:

Okay, so now you have a new banner, and an edited picture of your car. It's time to create a nice background on that banner.

Let's start by going to Filter > Render > Clouds

Your background should now look like this



Now, you don't have to do this. You can use other images for your background, such as like this...



The reason I use the first option, is because I typically use brushes to create a custom background. This is a bit more advanced to do, but I will save that for another time.

Step 7:

Press Ctrl+U to enter the Hue/Saturation adjustment window. Make sure to click the colorize box in the window. This will let you change the color of the background to something other than black/grey and it will do it while you are looking at it.



Once you find a color you like, click OK. You should now have something like so:



Step 8:

You've got a colored background, and you still have your picture of your car. However, the background is still pretty plain... so let's add a little something else.

Create a new layer by going up to Layer > New > New Layer



Grab the Rectangle Marquee and create a box on the new layer in the banner. You can make this cover just a part, or all of the banner. You can use this to type your name in it, or to split the picture to add a box for a mods list....



Once you've created the box, you will have a dotted line that looks like it's flashing. This is the marquee. Grab your Paint Bucket tool (looks like a tipping over paint bucket) and fill the box you created with your choice of color. For this, I'm using white.



Step 9:

Okay, so now we have a white box, but we want it to be a little see through too...(at least for this tutorial). You will want to change the Opacity box from 100% to whatever you feel is the best see through option. Mine was set to 48% for this...





Step 10:

At this point, we want to add our picture (car/truck/image) into our banner. Now, understand that your original picture may be larger than the banner. We may need to resize the picture once we copy and paste it into our banner. So, drag your image to the banner by just using the mouse arrow and a left click.



As you can see, the image is too big for our banner, so we will need to resize.



Step 11:

Resizing your picture is actually very easy at this point. Click on the image so that it's highlighted, and go up to Edit > Transform > Scale. When you do this, your image should now look like this:



Hold the shift key in, and grab one corner of the image. Using the left click, drag it down and the image will be resized to the size you choose. If you do not hold shift down, it will distort the image. Once you get it to the size you want, your image will look like this:



If you are using Photoshop, you will need to confirm the scale/resize and it will make the change permanent. Don't worry if you mess up, you can use the undo feature.

Step 12:

At this point, all that really remains is to start personalizing the banner. You will want to add your screen name and any other information you may decide important. You can do that by using the Text box. This is mostly identified by a T symbol in Photoshop, but it can be the letter A in other programs or simply say Text.



Once you are done adding text, you should have this...



At this point, you are pretty much done for the very basic signature banner. All that remains to do is resize it and get it uploaded to the forum. However, you can do a bit more tweaking if you like, such as adding shadows, border lines, and so forth to give the image a more personal look....



Last Step:

At this point, save your file. You want to save it at this size and point as your final save because it's easier to adjust/alter a larger image than trying to fix a smaller one. All that remains is to resize the image to save a picture for the forum.

Go to IMAGE > IMAGE SIZE and a box will appear



Change the 1400 to 700 and it will automatically adjust the other sizes. Clicking OK will resize the image for you.

At this point, we just need to create a JPG of the file. The reason I use JPG's is because they are usually the smallest file size, and they are usually the most accepted form of file to use on forums. You can also use a PNG file if you so choose.

Go to FILE > SAVE AS and a save box window will appear. Change the file format from Photoshop .PSD to JPEG/JPG. Choose a save location on your PC (I always recommend the desktop) and save. You will be promoted by a quality box to choose settings. I usually just leave it at 8 or 9, and click OK.



Here's your finished product..




DO NOT SAVE ANY CHANGES TO YOUR FILE AT THIS POINT. IT WILL SAVE EVERYTHING YOU JUST RESIZED.


I hope this helps all of you out there interested in learning....
__________________
DevilsReject97 is offline   Reply With Quote
Old 12-21-2017, 10:17 AM   #2
DevilsReject97
Nightmare
 
DevilsReject97's Avatar
 
Drives: Your mom crazy in bed
Join Date: Mar 2011
Location: Naptown
Posts: 2,438
Once you have added your signature to the forum, you can actually make it clickable by adding a website or your journal/build thread to the signature. This makes it easier to put up a nice picture or not have a 523432423423 text of your mods list.

To do so, do the following:

Go to your journal, then copy the address bar with the link to your journal.

Then go to your [User CP] and click [Edit Signature] in the left column.

Highlight [SIGPIC][/SIGPIC] in the text box.

Now, click the [Insert Link] icon (it looks like the globe with chain link in front of it) and paste your journal's web address. Then click [OK], and it should be set!


Additionally, if you have a link to a website with pics, you just want to use that link address..
__________________
DevilsReject97 is offline   Reply With Quote
Old 12-21-2017, 12:25 PM   #3
CRF8
Scenic City Camaro
 
CRF8's Avatar
 
Drives: 2022 Camaro ZL-1 /1974 Firebird 400
Join Date: Jan 2014
Location: Chattanooga TN
Posts: 578
Instructions

If that’s the beginners version I’d hate to see the advanced
__________________
CRF8 is offline   Reply With Quote
Old 12-21-2017, 01:12 PM   #4
DevilsReject97
Nightmare
 
DevilsReject97's Avatar
 
Drives: Your mom crazy in bed
Join Date: Mar 2011
Location: Naptown
Posts: 2,438
Quote:
Originally Posted by CRF8 View Post
If that’s the beginners version I’d hate to see the advanced




The advanced setup just adds more elements to design
__________________
DevilsReject97 is offline   Reply With Quote
Old 12-28-2017, 10:34 AM   #5
DevilsReject97
Nightmare
 
DevilsReject97's Avatar
 
Drives: Your mom crazy in bed
Join Date: Mar 2011
Location: Naptown
Posts: 2,438
If anyone has questions or perhaps needs a different type of tutorial, please post up!
__________________
DevilsReject97 is offline   Reply With Quote
Old 12-28-2017, 01:22 PM   #6
jlcustomz
 
jlcustomz's Avatar
 
Drives: 83 el camaro
Join Date: Feb 2011
Location: jacksonville florida
Posts: 260
Thanks for the write up. I'm better than most with an old school pencil, but like many others that could be capable, haven't got off my ass & took the first baby steps to get a program and just try digital technology.
Don't have it in me immediately to spend the time, but this is an excellent thread to read a few times now, start absorbing the knowledge, & reference back to later when time can be dedicated to it.
jlcustomz is offline   Reply With Quote
Old 12-28-2017, 10:39 PM   #7
DevilsReject97
Nightmare
 
DevilsReject97's Avatar
 
Drives: Your mom crazy in bed
Join Date: Mar 2011
Location: Naptown
Posts: 2,438
Quote:
Originally Posted by jlcustomz View Post
Thanks for the write up. I'm better than most with an old school pencil, but like many others that could be capable, haven't got off my ass & took the first baby steps to get a program and just try digital technology.
Don't have it in me immediately to spend the time, but this is an excellent thread to read a few times now, start absorbing the knowledge, & reference back to later when time can be dedicated to it.
This thread is up on Camaro5 too, had over 12k views...

I put it over here because some people never venture outside of this area, and the Mods didn't mind. If you have questions, definitely hit me up or ask... I try to appeal to the "teach a man to fish" mentality..

Additionally, even if you don't use all of the steps, its a good way to crop your photo/add some text very easily.
__________________
DevilsReject97 is offline   Reply With Quote
 
Post Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 11:05 AM.


Powered by vBulletin® Version 3.8.9 Beta 4
Copyright ©2000 - 2024, vBulletin Solutions, Inc.