首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效� � �GIF 动画签名溶图创意设计
 您当前的位置� PhotoShop资源� >> PS教程 >> PS教程 >> 创意设计 >> 正文

Extreme Affiliate Banner

� 作者来源:psdesignzone 编辑整理�PhotoShop资源� 更新时间� 2006-08-03 录入� 黄叶飞扬 �

 

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

按此在新窗口浏览图片

tip:

Affiliate banners have standard sizes the standard size below is 120x240 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.

按此在新窗口浏览图片Step 2: Now you are going to want to create the shape of the affiliate banner using the rectangle tool 按此在新窗口浏览图片 set 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.

按此在新窗口浏览图片Step 3: Next apply a stroke to the layer,

tip

to create a Layer style click on the 按此在新窗口浏览图片I applied the following settings.

按此在新窗口浏览图片Step 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 按此在新窗口浏览图片, make a selection of about the top 4th of the rounded rectangle box, now select the gradient tool 按此在新窗口浏览图片REMEMBER!! to set the foreground color to #00F943 and the gradient from solid to transparent.

按此在新窗口浏览图片To come out with:

按此在新窗口浏览图片note how the solid to transparent gradient is selected, as well as the correct foreground color

Step 5: Now we are going to do about the same thing just a more subdued gradient, pull out the marquee tool again 按此在新窗口浏览图片, 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":

按此在新窗口浏览图片That should produce this:

按此在新窗口浏览图片And 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.com recommends 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.

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教�(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!