Help me with logo

[ricardoliz]

Hello friends, I would appreciate help with a tutorial to improve this logo that I use for my personal website. could be highlighted and shadow. Thanks.

[mountnman]

AAs assistant to smooth the jagged edges and bevel selection to give it a 3d feel

[ricardoliz]

Thanks friend mountnman but I have the disadvantage that so far I am new to this and not do. The previous picture I did with paint brush and then apply gradient with paint.net--I need a tutorial.......

[Ego Eram Reputo]

Follow these two links & download the plugin packages from each:

BoltBait's Pack

Drop Shadow, Color Accent, Gradient,…KrisVDM's plugin Pack

BoltBait's plugin pack has the excellent Bevel Selection effect that would be easy for you to use to create highlights and shadows.

KrisVDM's plugin pack contains the Drop Shadow effect. This will allow you to add more shadowing around the logo for extra depth.

To learn how to install plugins, try this link: http://www.boltbait....lingEffects.asp

Step-by-step:

First I'm going to teach you how to separate the logo from the white background:

1. Open your image

2. Select the magic wand tool & change the tolerance in the toolbar to 34%

3. Click on the white background and press the delete key.

4. Now create a new layer :AddNewLayer:

5. Move it below the existing layer :MoveLayerDown:

6. Select the fill tool :FillSelection:

7. Right click anywhere in the new layer to fill it with white.

8. Return to the logo layer (click in in the layers window). We need to smooth out the edges!

9. Go to Effects > Blur & click Gaussian Blur. Change the radius to 1. Not brilliant, but it will do (Mountnman's suggestion would work better - I'll let him explain it )

10. Save the image as a *.pdn

Now the logo is separated from the background.

Let's apply the bevelling (assume you have installed the plugin and restarted Paint.Net since the installation)

1. Open the image you created above if not still open.

2. Click on the layer that has the logo in it to activate that layer.

3. Select the magic wand tool and click anywhere in the layer that is not part of the logo.

4. Invert the selection with CTRL + I (effectively this selects just the logo bits).

5. Now go to Effects > Selection & click on Bevel Selection

6. In the top three RGB boxes, type in 188, 153 & 255 respectively. This is the highlight color.

7. In the lower three RGB boxes, type in 47, 23 & 104 respectively. This is the shadow color.

8. Press OK to commit your bevelling to the canvas. Nice 3D look right?

Time for some drop shadow:

1. With the logo layer selected (active) but no selection active (press Esc to make sure), go to Effects > Stylize & click on Drop Shadow

2. Change the X & Y Offset to 2, then change the Blur Radius to 3.

3. Tone down the shadow color by typing in 127 to each of the RGB boxes, or just slide the right color bar indicators up to around halfway up the gradient filled indicator.

4. Save your image as *.pdn (doing so preserves layering information).

How does that look?

Here's a before\after comparison:

[MadJik]

Nice job EER... I would suggest to create the new version in a larger size as it's easier to reduce than to enlarge when needed...

[ricardoliz]

Thank you very much Ego Eram Reputo, is what I expected ... when he does learn to manage Paint.NET'll work with you ...

I'll start practicing with the tutorial that I put.

Again thank you very much Ego Eram Reputo (sorry me english)

[ricardoliz]

Look Ego Eram , I followed your tutorial and it looks like I'm ... Thank you very much, now make the Web.

http://s3.subirimagenes.com:81/imagen/previo/thump_6333893logo.png

[Ego Eram Reputo]

The link is broken, but I'm glad you have got the hang of it. Try it a few times with slightly different settings to see how they alter the final image.

MadJik's suggestion to work at a larger size is a good one. It's always easier to shrink an image that to enlarge it.