金沙集团官网 30

Extreme Affiliate Banner

金沙集团官网 1To
come out with:

金沙集团官网 2Now
go back to our ‘Elipse Layer’ and apply an inner Shadow with THESE
settings. Notice how I jump from layer to layer. I never completely
finish a layer because there is always tweaking to do, each layer feeds
off each other.7. Now lets do a little work to our ‘Inset’ layer. Now
click the little ‘f’ and select ‘Gradient Overlay’ and apply THESE
settings. Next I lowered the stroke opacity for the inset layer down to
about 50 or so.

金沙集团官网 3Step
4: We are now going to be adding some glow effects to the banner, first
make a new layer, by clicking on the new layer button
金沙集团官网 4,
make a selection of about the top 4th of the rounded rectangle box, now
select the gradient tool
金沙集团官网 5REMEMBER!金沙集团官网,!
to set the foreground color to #00F943 and the gradient from solid to
transparent.

金沙集团官网 6Its
looking pretty good, but lets keep going. We still need to smooth out
those blotches a bit for our base layer highlights and shadows.
Ctrl+Click the Base layer and then select the ‘Highlight’ layer above
it. Now grab your smudge tool and set the tip to about a 19pxl hard
round. Then up top, set its strength to about 12% and just start making
long strokes to the oter edges and just keep blending the shadows
around, etc. Just play with it! If you think your gonna mess up just
make you a duplicate of it and hide it. I then applied a slight
dropshadow to my base layer.

金沙集团官网 7That
should produce this:

金沙集团官网 85.
Now lets move on to our elipse because its feeling a little neglected.
Click on your elipse layer and then click the littel ‘f’ and apply an
inner glow with THESE settings. Now ctrl+click your ‘Elipse’ layer and
then set ‘white’ as your foreground color, now Create a new layer above
your elipse layer and name it ‘Elipse_Highlight’. Now grab your linear
gradeint tool and then set your gradient to ‘Foreground to Transparent’
(Second Block over in your gradeint pallete’ See Image Below).

In this tutorial we are going to create an Affiliate Banner like below:

金沙集团官网 9

金沙集团官网 10

金沙集团官网 112.
Now that we have our tool set up, hold down shift and draw out a shape
like mine. Now create a new layer above that and set your foreground
color to #FE6901 and grab your Elipse Tool. Note: This is not the
circular marquee tool! Now create a new layer above your base layer and
name this layer ‘Elipse’. Drag out your elipse like my image.

金沙集团官网 12Step
3: Next apply a stroke to the layer, tipto create a Layer style click on
the
金沙集团官网 13I
applied the following settings.

金沙集团官网 14Now
on that same layer, click the little ‘f’ in the layers pallete and
select outer glow. Set the color to white, mode to color dodge and size
to 7. Everything else can remain. Now press ok and then change that
layers blend mode to ‘Overlay’ and drop the opacity to about 79%.6. Now
create a new layer above your Elipse_Highlight layer and name it ‘Hot
Spot’. Now set white as your foreground color and then grab about a
9pixel soft brush and just rub a small blotch in about the top left of
your elipse highlight. Make sure your brush is set to 100% opacity,
remember we want this spot to catch alot of light. Then apply an outer
glow with the settings below

;

金沙集团官网 15

金沙集团官网 16Step
2: Now you are going to want to create the shape of the affiliate banner
using the rectangle tool
金沙集团官网 17set
the radius of the tool to 10px put the cursor near the top left hand
corner of the document and drag down towards the bottom right of the
document. *Note* If you want to use the same color scheme we use,
remember to set the foreground color to: #009543; Or you can fool
around with a color you think would look good, or better portray your
message.

金沙集团官网 18Now
going from top to bottom while holding shift fill your new layer with
that gradient. Now press ctrl+d to deselect and then go to edit>Free
Transform and now holding shift, grab the bottom right corner and scale
it down a bit, press enter to commit the transform and then move it to
the mid top part of your Elipse.

金沙集团官网 10

金沙集团官网 20

金沙集团官网 21And
that is about it, I borrowed some photos from MorgueFile.com A great
website that offers free professional stock photos. I cropped the images
from there and positioned them on top of that banner, then added the
Monkey Feather Logo (MonkeyFeather.com is a high quality hosting company
that psdesignzone.comrecommends above any other!) and some other
advertising text with an outer glow to get a decent looking affiliate
banner like below: Tip:A ‘Stock Photo’ is usually a high quality real
life image, that if used properly can add alot to web-design and design
in general.

金沙集团官网 22Now
set your foreground color to a little bit lighter grey (ABABAA if you
must know) and about a 21 pixel soft brush and start adding more
highlights. Don’t be scared that is looks sorta blotchy and blocky at
the moment, were gonna clean all that up soon. Now set your foreground
color to black or almost black and go right around the edges. Make sure
your selection is still present while doing all of this! . Here is what
mine looks like after the first round of highlights and shadows.

金沙集团官网 23note
how the solid to transparent gradient is selected, as well as the
correct foreground color

金沙集团官网 24Now
we have all of the shapes we are going to work with. The reason I used
shapes and paths instead of the selection tools is because I can easily
modify the shape by adding points and moving points if I decide I want
to give something a slightly different shape. This is how I like to
work. I like to set up my shapes first before I do any detail work. Now
that we are satisfied by our shapes, lets rasterize our layers. Right
click on each layer we created and select ‘Rasterize Layer’ (base,
Inset, Elipse).4. Now ctrl+click your ‘base’ layer and then create a new
layer right above it. Set your foreground color to a lighter shade of
grey, I set mine to 737372, but its not an exact science. Now grab your
brush tool, I set my tip to about a 45 pixel soft brush and then my
opacity to 22% and flow to 70%. Now start adding the highlights to your
interface, focusing on the middle sections of the grey area or our base
layers shape.

tip:Affiliate banners have standard sizes the standard size below is
120×240 pixels, to see a full listing of all web-banner sizes click
here.Step 1: First create a a new image, make the background
transparent, and the size 120 pixels wide by 240 pixels tall *note see
the tip above to see about standard web banner sizes.

;This tutorial introduces you to creating freeform interfaces. Some
examples would be like the Winamp 3 and 5 skins, Windows Media Player
skins, etc. Basically it involves shapes that are not squaure,
rectangular, etc. I’m not stating that these type of skins never contain
these elements, but most are done in a ‘free form’ style.1. Create a new
document, 400X300 with a white background. Now create a new layer and
name this layer ‘base’. Now set #3D3D3D as your foreground color and
then grab your Polygon Tool and make sure it is set to ‘Shape Layers’ up
at the top left of your screen. Then click your Star shape up top and
make sure you have your settings like the image below. Set Your indent
sides to 50%. For some reason My image only says 5%..must have snapped
it to quick.

Step 5: Now we are going to do about the same thing just a more subdued
gradient, pull out the marquee tool again
金沙集团官网 25,
remember to keep the same settings as the previous step and use the
gradient tool like so *note how we don’t “pull” the gradient all the
way through the marquee this allows for a more “blended look”:

金沙集团官网 26Thats
it! If you want, keep going and keep redefining your skin, Add more
layers and shapes to it. Add some details, text, etc.

金沙集团官网 27

金沙集团官网 28

金沙集团官网 29Now
go back to your base layer and apply a 1 pixel inside black stroke, and
do the same for your Elipse layer.3. Now Duplicate your elipse layer by
rightclicking it in the layers pallete and select duplicate and then
move it below our first elipse layer, Name this layer ‘Inset’. Now set
your foreground color to 8A8A8A and then press Alt+Backspace to fill
this new elipse with that color. Now go to Edit>Free Transform and up
at the top press the chain link icon in between the width and height box
and then enter 110 into the width box. (Note: This might vary depending
on how large you drew out your Elipse.)

金沙集团官网 308.
Finishing up. Now if your not on your ‘highlight’ layer then get there
now. Now we want to get a little more ‘realism’ out of our metal so lets
grab our ‘dodge tool’. Set it to about a 45pixel soft brush,
Range:Higlights and Exposure:65. Now just start dodgeing around your
sphere inset and down the middle portions of where our base layer is.

发表评论

电子邮件地址不会被公开。 必填项已用*标注