Jump to content

How to make a Vista-style ad [easy]


Macaws

Recommended Posts

-----

Alright everyone this is my first tut on this board. Please give feedback

-----

What is Required:

paint.NET (duh)

Outline Object http://paintdotnet.forumer.com/viewtopic.php?f=16&t=5715

I was on the internet the other day, and I saw this ad:

stechrr9.png

1: New doccument

Make a new doccument. Add a new layer. :AddNewLayer: Delete the "Background" layer.

newqs8.png

2: Make a rectangle

Make a filled :ShapeInterior: rectangle in this color: 448FFF

rectym8.png

3: Let's use some effects!

Magic Wand :MagicWandTool: the rectangle. Now make the secondary color: 3550FF. Select the gradient :GradientTool: feature: :RadialGradient: Radial. Make a gradient circle in the middle.

radialwo8.png

4: Finishing Touches

Deselect. (in the Edit menu) Now run the outline object using the following settings:

Width: 1

Softness: 99

Color:

R:71

G:193

B: 255

Now run the glow tool (under photo>glow) using these settings:

Radius: 6

Brightness: -100

Contrast: 10

5: The final effect

Create a new layer. :AddNewLayer: Create a white Rectangle over the top of the main one. Set opacity on that layer to 110.

finaleffectlw1.png

6: Flatten Image

CTRL+Shift+F

finalimagegp8.png

Images Hosted by ImageShack

http://www.imageshack.us

Link to comment
Share on other sites

This isn't very similar to the web design ad you showed. But I nevertheless like it somewhat. Try some more complicated effects next time though.

lrt2.png

Link to comment
Share on other sites

I made one based on your tutorial but changed the overall style.

someth10.png

sig12.png

My to be Gamertag for Xbox 360: RaDJ038v2

Currently it is: RacingDJ0388

Forget the gamertag change. Its fine.

Link to comment
Share on other sites

  • 2 weeks later...
  • 2 weeks later...
Nice one jake, what effects?

Paint bucket with fill option set to diagonal, secondary color transparent

On a fully transparent layer, magic wand rectange, outline selection.

1 px outline object on white text + drop shadow

duplicate black text layer, invert, gaussian blur

That's about it I think.

Link to comment
Share on other sites

  • 2 weeks later...
  • 2 weeks later...

Looks nice, only thing I'd suggest is lowering the opacity of the white part even more...

bespectacledsquidbeafraid-1.png

( ♥ )

(let's get these teen hearts beating Faster!)

.................................................. ............................................Faster !

Link to comment
Share on other sites

This is what i made, and thanks for the opacity suggestion bespec squid.

I forgot to down size the canvas so resize took away the quality.

VistaAdStyle1.jpg

Link to comment
Share on other sites

  • 3 weeks later...
  • 3 weeks later...
  • 8 months later...
×
×
  • Create New...