Photoshop Guide For Affiliates
By on Apr 12, 2010

Most affiliates can be put in one of two categories:

  • A good coder that thinks rainbow gradients and bevel emboss are essential for every design created.
  • A good designer that thinks PHP, CSS, and HTML are online gangs that write encrypted letters to each other hidden behind websites.

I’m the latter category. So for all you coders/misinformed designers here are some Photoshop tutorials relevant to affiliate marketing.

For all you seasoned Photoshop pros you probably know how to do all these examples below, so I left you a little game at the bottom of this post.

Resizing Images:

Resizing images is something you gotta be efficient at, especially if you are using Facebook Ads or Plenty of Fish Ads.  Here’s how you do it:

golf affiliate ad

  • Open your image.
  • Create a new image using the dimensions 110 x 80.
  • Drag your previous image into your new image file.
  • Press Command T (Mac) or Control T (PC).
  • While holding down shift+alt (this will keep the proportions of your transformation and will keep it centered), drag a corner of your image inwards to fit in the new 110 x 80 dimensions.

photoshop golf affiliate ad

Adding borders to images:

golf-border-ad

  • Click on the “F” icon (Layer Styles) at the bottom right of your layers window and select “Stroke”.
  • The rest is pretty intuitive. For this example I used size 3px and “inside” position.

Raise images out from background:

When I have previously split tested flat creatives vs raised creatives, the raised creatives have always come out with higher CTRs. It takes a few extra seconds to increase you CTR by following the steps below:

affiliate 300x250 ad

  • Create a new image with the dimensions you want.
  • Click on the rectangle tool and make a white rectangle.
  • Select the rectangle then press the little “f” icon a the bottom of your layers window.

photoshop affiliate guide

  • Select “Outer Glow”.
  • Make “Blend Mode” normal. Select the color black. I like to have my opacity at 32%. Spread at 0%. Size at 6px. Now press ok.
  • Now just duplicate that rectangle by clicking on “Layer” on your menu bar then “duplicate layer”.

Button:

A juicy call to action button is key for any creative or landing page.

golfer-ad-affiliate-728x90

  • Click the rectangle tool.
  • Your menu bar should change where you can select “rounded rectangle tool”. Make the “radius” 10px.
  • Now download these Web 2.0 Styles.
  • Once you have downloaded and installed the styles into Photoshop, select your rounded rectangle and click on the style you want in the window above your layers window.

style layers affiliate

  • Now click on the “f” at the bottom of your layers window and use “Drop Shadow” moderately.

Improving Image CTR:

Another easy CTR booster is by just blurring the background and increasing the Brightness/Contrast.

before after photo affiliate

  • Select the Polygonal Lasso Tool from the toolbar on the left and trace round your subject.
  • Once you have done that, copy and paste that selection so that you have a new layer solely of your subject.
  • Now select your background layer. Click on “Filter” on the top menu bar then click “blur”. Select “Gaussian blur”. I usually opt for 1.5 pixels.
  • Try tweaking brightness and contrast settings for both layers to make your image stand out more. I can’t really give you any example settings here because it is really dependent on the image you decide to use.

Animation:

You can get really creative with animations. Photoshop only allows you to do really basic stuff with it. If you want to get more advanced I definitely recommend Adobe Flash.

animated-golf-ad

This takes a bit more explaining than I care to do. Plus these guys have already done a great job at writing this tutorial.

——————

Extra for experts:

Now for the Photoshop pros answer these two impossible questions and win a gold star.

How many times does Jean Claude Van Damme clap within a minute?

What does the girl in blue say to Van Damme ?

Jean Claude Van Damn Gif

Comments (54)

Trackback URL | Comments RSS Feed

  1. Gotta love Photoshop! I really like the technique you use when you blur out the background and play with the foreground brightness. Dramatically improves the image yet basic.

    This is my favorite source for high quality Photoshop video tutorials: http://psd.tutsplus.com/tag/videos/

  2. Josh Todd says:

    Dude thanks for the Web 2.0 styles. My buttons were bland but now they are sublime! ;)

  3. Great post man. Photoshop is probably one of the most vital tools in an arsenal.

  4. Georgie says:

    Cheers for the PS tips, didn't know any of them. I definitely fall into the first category. Well, kinda, I'm not a good coder, I'm a great fucking coder.

  5. Love the Tiger ad, lol. Looking at that animation makes me dizzy though.

  6. Great post man! Thanks for the great tips!

  7. bigstrov34 says:

    great write up.. learned a couple things and thanks for the gradient link..

  8. AffPortal says:

    OMG, Jon Claud is disturbing… I love the little twirly point he does at the end.

  9. Lance P. says:

    oh $hit….Breakin' the movie! Afrika Bambaataa dayz. The guy with the beret after that part above is sick.

  10. Gregg_Sugerman says:

    Looks like an extra from Breakin 2 Electric Boogaloo

    Great post man- thanks so much for the tips!

  11. Carl says:

    Another great post, Lorenzo.

    I've been using Fireworks for most of my design stuff but now I'm thinking of jumping over to Photoshop for the extra control and additional effects available.

    Keep the great info coming…reading your blog is never a waste of time.

  12. brian says:

    Damn Mr. Green. Your posts are impressing me with their usefulness. I hope you don't run out of tricks anytime soon. Thanks for sharing some real skillz…

  13. LC says:

    I love photoshop. I went to college for design and did two semesters of just photoshop. Fantastic resource for sure.

    Thanks

  14. Michael says:

    I want you to have my babies, Mr. Green!

    …that's what the girl in blue said ;)

  15. dianaonline says:

    Hey you not only gave Photoshop tips but that for improving CTR as well.

    Lovin' the blog as usual, Mr Green

    Have fun in SF!!

  16. Chris says:

    Nice tips! Just added the outer glow to a few of my creatives for testing.

    Thanks!

  17. Young Chu says:

    LOL, Van Damnme in the movie Breakin' – Now that's classic.

  18. Felix says:

    Oh man.. i had no idea that Jean Claude was in breakin'.. that pic is freaking priceless.

    just like this post.

    Ive been silently watching your blog for a while, and might i say, i love your content.. but that pic of Jean just made me have to comment.

    Great tip on creating a blur in the background and raising the foreground contrast.

  19. Great post! Have been using the Web 2.0 Gradients for quite a while, one of my most used items in photoshop. Really easy to expand off of them to make them different too.

    A+ Posts my man.

  20. smaxor says:

    Man props for a great post. Its amazing how these small things can make a big difference. Going to do a post of blogs I read and you're posts lately are definitely putting you near the top of the list. Keep it up man.

  21. thanh says:

    OMFG, lorenzo. my favoritist blog everrr! hope to see you in new zealand for your winter, not mine ;)

  22. Excellent post! Now you've got me convinced to go back to school.

  23. This is fantastic!!! I like Photoshop. Thanks for your information.

  24. d3so says:

    Very informative tutorials. Before I was involved with Internet marketing, I designed sigs and did other gdx work. It's nice to see that you can use other skills to help profit.

  25. Trypp says:

    Thanks for the tutorials. I had no idea the web 2.0 buttons were so easy to make. Very nice theme here as well. You put a LOT of work into your posts.

  26. jack says:

    DUDE, I combined your tips from this post and the ogilvy Mafia ads and created a .325% CTR WINNER!!!!

    http://screencast.com/t/YzQwODVmZ

    Once I play out this campaign I'll show yall the demos/stats and shit, but Mr. Green, you da man.

  27. jack says:

    Another good way to go about making the image stand out from the background is using the 'Smudge' tool right under the paint bucket icon.

  28. Yes Photoshop remains the cream of the crop, however it's pricey and Gimp can do everything Photoshop can do PLUS it's free.

  29. You can't beat Adobe. Whether its photoshop or illustrator they are the best!

  30. Outstanding post, you have pointed out some wonderful points , I besides conceive this s a very wonderful website.

  31. Wow, I guess I am not the only one having all the enjoyment here! Keep up the excellent work, thanx.

    Okmulgee Attorney

  32. Wow, it's amazing how these small things can make a big difference. Going to do a post of blogs I read and you're posts lately are definitely putting you near the top of the list, Nice..

  33. Jono says:

    You're actually such a legend Señor Green, muchos man love.

  34. [...] Photoshop Guide For Affiliates Most affiliates can be put in one of two categories: A good coder that thinks rainbow gradients and bevel emboss are essential for every design… [...]

  35. Your posts are impressing me with their usefulness. I hope you don't run out of tricks anytime soon. Thanks for sharing some real skillz…

    Read more: http://www.mrgreen.am/affiliate-marketing/photosh

  36. Was looking through your archive blogs, and stumbled upon this; you've reminded me why you're my favorite blog poster. Great information!

  37. Very great post. I simply stumbled upon your blog and wished to say that I’ve truly enjoyed browsing your blog posts.Please write more so that we can get more details:) thanks for all this.

  38. this is a great one. the flash ones in adobe is definitely helpful.
    and van damme dancing is so funny. hahaha

  39. Anonymous says:

    What’s up to every one, for the reason that I am truly eager of reading this blog

  40. Adipex says:

    Hi there, I discovered your website by way of Google whilst searching for a related topic, your website got here up, it appears great. I’ve bookmarked it in my google bookmarks. I am not certain the place you’re getting your information, but good topic. I needs to spend some time learning much more or understanding more. Thank you for excellent info I was looking for this info for my mission.

  41. Canape says:

    nice blog. keep going!

  42. Thanks for the tips. Im pretty new to ads and stuff. For the most part I've just been throwing up any image that looks decent with out much thought. My CTR are horrrrrrrible! I'll be trying some of your tips! :)

    Nice touch with the Van Damme :P

  43. sff 8088 says:

    Whats up! I simply would like to give an enormous thumbs up for the great info
    you

  44. Anonymous says:

    Excellent confident analytical vision with regard to detail and can anticipate issues before these people take place.

  45. Hello! I simply would like to give a huge thumbs up for the good information you could have here on this post.

    I will likely be coming again to your blog for more soon.

  46. I like to disseminate knowledge that will I have accumulated with the year to help enhance group efficiency.

  47. I love to share understanding that will I have built up through the yr to help improve

    group efficiency.

  48. I’ll right away seize your rss feed as I can’t find your mail subscription hyperlink or e-newsletter service.
    Do you’ve any? Kindly allow me recognize in order that I may subscribe.
    Thanks.

  49. rushessays says:

    I chose rushessays for a project and loved the manner in which the task was accomplished. Some other essay writing services I had used before were pathetic in comparison. Here I did not find any copy pasted work and a lot of interesting and fresh creative inputs. Keep up the good work!

  50. Thanks due to this wonderful document the following, you understand that will cell phones are extremely very important to us all. Remember to check out casemachine to read more as well as guide.

  51. daren says:

    If you are among those People who need to invest
    their money in something tangible in Uganda Don. Analysts predicted a price correction in the Chennai Real Estate
    market but prices have remained stable for apartments and villas, the only
    way for prices of land to go down is to move further away from
    http://www.ulikmesin.com http://www.otomotips.com http://www.hobimesin.com http://www.jagomesin.com http://www.motodif.com http://www.modifikatips.com http://www.mainmesin.com http://www.otohits.com http://www.otomesin.com http://www.rawatmesin.com

Leave a Reply




If you want a picture to show with your comment, go get a Gravatar.

Sponsors
A Little Introduction
Welcome to the best blog, probably in the world. My name is Lorenzo Green and I'm a 20 something year old (increasing daily) full-time super superb affiliate marketer from New Zealand.
Find out More
Got A Tip? Get in Touch.
© 2010 Mr Green. All Rights Reserved.
*to come out of new zealand.