Logo Help

lawrence97 · 04-05-2009, 10:09 AM

Hello

If anyone can help, it would be much appreciated, i have been trying for years to get this right, but have never got anywhere!

I have this image, and i want a small white outline around the image, so that the logo looks good on a red back ground. I have got both adobe photoshop 6, and corel paint shop pro photo x2, but despite trawling through everything i can't seem to manage it.

The first imagae(red sox) is the one which i want an outline around it, whilst the white sox logo already has the white outline, so you can see what i mean.

again any help would be most welcome.

cheers

codyg19 · 04-05-2009, 10:33 AM

Here are some samples with and without the red background so you can see what they will look like.

codyg19 · 04-05-2009, 10:34 AM

Here are some other "sock" logos that have a cleaner look. Just some more options for you

lawrence97 · 04-05-2009, 10:35 AM

Thanks very much, is there anyway you can tell me how you did it??, as i've several other logo's that i'd like to do??

Cheers

Lawrence

codyg19 · 04-05-2009, 10:41 AM

I decided to take your original and run it through Vector Magic to clean it up some. It's not exactly the same, but it's another option.

codyg19 · 04-05-2009, 10:48 AM

I use Macromedia Fireworks for my editing. I have no idea how to run Photoshop or Paint Shop, anything besides fireworks, really. In Fireworks, there are image options that can be applied, such as drop shadows and 3D beveling. One of the options is 'glow.' It's a gradient shading effect, but can be customized be decreasing the transparency and changing the offset distance until you have a solid, sharp outline. Again this is in Fireworks, and I have no idea if your programs are similar. The Vector Magic program can be found at www.vectormagic.com. You can do it online right on their site or download the program to run offline. It's free to try and kind of fun to mess with.

lawrence97 · 04-05-2009, 10:59 AM

Cheers codyg19, that absolutley fantastic, thank you very very much for your help

micropterus58 · 04-05-2009, 02:08 PM

Using PSP X2 gives you a few options.
1) Since the original image does not have a transparent background you need to remove it. Click in the black with the Magic Wand Tool. Here are my typical settings, adjust as necessary; Replace, RGB Value, 15 Tolerance, anti-alias on, outside. You should now have the marching ants. On some images you may need to SHFT Click to add to you selection.
2) Right click on the layer and click on Promote Background Layer. Press the Delete key. This will remove the background. You may need to select other sections and delete them on some images. One problem with this image is that the image is too close to the borders. Create a new transparent image 170x170 (or 160x160) pixels. Copy the original layer to the 170x170 image.(You could also resize the original socks by 90-95% so you will have the space to add a border)
3) Now you want to add a white border. Click in the transparent area with the Magic Wand. Press CTRL-SHFT-I to invert the selection. Create a new raster layer and move it below the original if you don't already have one. Select the blank layer. Click on Selections/Modify/Expand. Try expanding by three pixels. Fill the new selection with white (255,255,255). De-select the selection. CTRL-D. You now have a white border.
4) The white fill layer probably has jaggies. This is because there was no anti-aliasing done. You can add some Blur to smooth the edges. Click Adjust/Blur/Blur. Or you can add some Softness. Click Adjust/Softness/Soften. Different Blur and Soften options can be used.
5) Another option is to use a feathered fill. Go back to step 3. Instead of Expanding the border click on Selections/Modifly/Feather. Try a feather of 8-10 pixels. This will add a gradient type of fill below the original image.

Choose whichever looks best to you. OOTP will resize the 170x170 image.

codyg19 · 04-05-2009, 06:12 PM

Wow, I don't think I could ever get the hang of PSP after using Fireworks. You can do the same thing in one click.

lawrence97 · 04-07-2009, 02:13 PM

[QUOTE=micropterus58;2705945]
3) Now you want to add a white border. Click in the transparent area with the Magic Wand. Press CTRL-SHFT-I to invert the selection. Create a new raster layer and move it below the original if you don't already have one. Select the blank layer. Click on Selections/Modify/Expand. Try expanding by three pixels. Fill the new selection with white (255,255,255). De-select the selection. CTRL-D. You now have a white border.
QUOTE]

mirco, quick question, how do i fill in the new section with white?

micropterus58 · 04-07-2009, 06:51 PM

After you read this don't hit yourself in the forehead too hard (I could have had a V8 moment).

Use the Flood Fill Tool aka the paintcan.

If you'd like to learn more about making jerseys I can email you some tutorials I wrote/helped with for other games. I used Paint Shop Pro as the basis. The tutorials are for MVP Baseball and Maximum Football and NBA Live. The principals are the same. Send me a PM with your email address. Otherwise keep asking questions if you get befuddled.

lawrence97 · 04-08-2009, 12:35 PM

cheers! and no quote homer simpsons d'oh! No i'm ok with Jerseys, its logos that were driving me mad, i've got em licked now. Thanks very much for all your help.

04-05-2009, 10:09 AM	#1
lawrence97 Major Leagues Join Date: Aug 2008 Location: England Posts: 494	Logo Help Hello If anyone can help, it would be much appreciated, i have been trying for years to get this right, but have never got anywhere! I have this image, and i want a small white outline around the image, so that the logo looks good on a red back ground. I have got both adobe photoshop 6, and corel paint shop pro photo x2, but despite trawling through everything i can't seem to manage it. The first imagae(red sox) is the one which i want an outline around it, whilst the white sox logo already has the white outline, so you can see what i mean. again any help would be most welcome. cheers Attached Images Last edited by lawrence97; 04-05-2009 at 10:11 AM.

04-05-2009, 10:33 AM	#2
codyg19 Major Leagues Join Date: Mar 2007 Posts: 311	Here are some samples with and without the red background so you can see what they will look like. Attached Images __________________ http://s163.photobucket.com/albums/t308/codyg19/

04-05-2009, 10:34 AM	#3
codyg19 Major Leagues Join Date: Mar 2007 Posts: 311	Here are some other "sock" logos that have a cleaner look. Just some more options for you Attached Images __________________ http://s163.photobucket.com/albums/t308/codyg19/

04-05-2009, 10:41 AM	#5
codyg19 Major Leagues Join Date: Mar 2007 Posts: 311	I decided to take your original and run it through Vector Magic to clean it up some. It's not exactly the same, but it's another option. Attached Images __________________ http://s163.photobucket.com/albums/t308/codyg19/

04-05-2009, 10:48 AM	#6
codyg19 Major Leagues Join Date: Mar 2007 Posts: 311	I use Macromedia Fireworks for my editing. I have no idea how to run Photoshop or Paint Shop, anything besides fireworks, really. In Fireworks, there are image options that can be applied, such as drop shadows and 3D beveling. One of the options is 'glow.' It's a gradient shading effect, but can be customized be decreasing the transparency and changing the offset distance until you have a solid, sharp outline. Again this is in Fireworks, and I have no idea if your programs are similar. The Vector Magic program can be found at www.vectormagic.com. You can do it online right on their site or download the program to run offline. It's free to try and kind of fun to mess with. __________________ http://s163.photobucket.com/albums/t308/codyg19/

04-05-2009, 10:35 AM	#4
lawrence97 Major Leagues Join Date: Aug 2008 Location: England Posts: 494	Thanks very much, is there anyway you can tell me how you did it??, as i've several other logo's that i'd like to do?? Cheers Lawrence

04-05-2009, 10:59 AM	#7
lawrence97 Major Leagues Join Date: Aug 2008 Location: England Posts: 494	Cheers codyg19, that absolutley fantastic, thank you very very much for your help

04-05-2009, 02:08 PM	#8
micropterus58 All Star Starter Join Date: May 2007 Location: Connecticut Posts: 1,259	Using PSP X2 gives you a few options. 1) Since the original image does not have a transparent background you need to remove it. Click in the black with the Magic Wand Tool. Here are my typical settings, adjust as necessary; Replace, RGB Value, 15 Tolerance, anti-alias on, outside. You should now have the marching ants. On some images you may need to SHFT Click to add to you selection. 2) Right click on the layer and click on Promote Background Layer. Press the Delete key. This will remove the background. You may need to select other sections and delete them on some images. One problem with this image is that the image is too close to the borders. Create a new transparent image 170x170 (or 160x160) pixels. Copy the original layer to the 170x170 image.(You could also resize the original socks by 90-95% so you will have the space to add a border) 3) Now you want to add a white border. Click in the transparent area with the Magic Wand. Press CTRL-SHFT-I to invert the selection. Create a new raster layer and move it below the original if you don't already have one. Select the blank layer. Click on Selections/Modify/Expand. Try expanding by three pixels. Fill the new selection with white (255,255,255). De-select the selection. CTRL-D. You now have a white border. 4) The white fill layer probably has jaggies. This is because there was no anti-aliasing done. You can add some Blur to smooth the edges. Click Adjust/Blur/Blur. Or you can add some Softness. Click Adjust/Softness/Soften. Different Blur and Soften options can be used. 5) Another option is to use a feathered fill. Go back to step 3. Instead of Expanding the border click on Selections/Modifly/Feather. Try a feather of 8-10 pixels. This will add a gradient type of fill below the original image. Choose whichever looks best to you. OOTP will resize the 170x170 image.

04-05-2009, 06:12 PM	#9
codyg19 Major Leagues Join Date: Mar 2007 Posts: 311	Wow, I don't think I could ever get the hang of PSP after using Fireworks. You can do the same thing in one click. __________________ http://s163.photobucket.com/albums/t308/codyg19/

04-07-2009, 02:13 PM	#10
lawrence97 Major Leagues Join Date: Aug 2008 Location: England Posts: 494	[QUOTE=micropterus58;2705945] 3) Now you want to add a white border. Click in the transparent area with the Magic Wand. Press CTRL-SHFT-I to invert the selection. Create a new raster layer and move it below the original if you don't already have one. Select the blank layer. Click on Selections/Modify/Expand. Try expanding by three pixels. Fill the new selection with white (255,255,255). De-select the selection. CTRL-D. You now have a white border. QUOTE] mirco, quick question, how do i fill in the new section with white?

04-07-2009, 06:51 PM	#11
micropterus58 All Star Starter Join Date: May 2007 Location: Connecticut Posts: 1,259	After you read this don't hit yourself in the forehead too hard (I could have had a V8 moment). Use the Flood Fill Tool aka the paintcan. If you'd like to learn more about making jerseys I can email you some tutorials I wrote/helped with for other games. I used Paint Shop Pro as the basis. The tutorials are for MVP Baseball and Maximum Football and NBA Live. The principals are the same. Send me a PM with your email address. Otherwise keep asking questions if you get befuddled.

04-08-2009, 12:35 PM	#12
lawrence97 Major Leagues Join Date: Aug 2008 Location: England Posts: 494	cheers! and no quote homer simpsons d'oh! No i'm ok with Jerseys, its logos that were driving me mad, i've got em licked now. Thanks very much for all your help.