17 {{ upvoteCount | shortNum }}
17 {{ upvoteCount | shortNum }}

How do you create this graphics effect???

by RussRuffino
15 replies
Hey everyone,

Quick question - I've been seeing this really cool "white border plus shadow" look on sales page photos all over the internet. Here's an example from Russell Brunson's 20 Minute Payday site:



See how the photos are stacked and have slight shadows behind them? I love this effect because it makes the photos look real and tangible.

Anyone know how to do this?

Thanks in advance!

Russ
#create #effect #graphics
  • Profile picture of the author cjm18
    It looks like you could just apply a 5 -10px stroke to the photo apply a drop shadow at about 60 degrees and also an small possibly smoothed inner bevel(All in Photoshop). It is all in the blending options of each layer.
    {{ DiscussionBoard.errors[3208656].message }}
  • Profile picture of the author jasonmorgan
    If you have photoshop.

    Make sure your canvas area is larger than your image.

    Add a Stroke effect, around 8px, stroke color: FFFFFF (white)

    Add an Outer Glow effect, blend mode: normal, color: 959595 (light grey), spread: 35, size: 18

    That'll give you a pretty nice start

    After that just duplicate your layer and rotate the bottom layer a little for the stacked effect.
    Signature

    I'm all about that bass.

    {{ DiscussionBoard.errors[3208684].message }}
  • Profile picture of the author Headfirst
    It's just a stroke and a drop shadow.

    Create a new image then CONTROL+D to PLACE your photo into it. From the layers window select the layer containing your photo. Right Click the layer and choose BLENDING OPTIONS. From the selection menu on the left side of the blending options dialog select the drop shadow option. Keep everything default except these settings. Set distance to 9px, spread to 8px and size to 9px.

    Then select the STROKE option from the left menu, change the color to white and the size to 5-10px. Just keep adjusting the size until it looks right.
    Signature
    Golf Outing Sponsor Signs, Banners and Flags||Plymouth, MI Marketing || Plymouth Dentist
    {{ DiscussionBoard.errors[3208701].message }}
  • Profile picture of the author JRGautreaux
    And if you don't have Photoshop, but have another program where you can crop, copy and paste images, you can try searching Google for free photo frame borders. Then you can resize your cropped imaged and just paste it on top.

    I have Photoshop myself so it wouldn't take me too long either way.

    JR
    Signature
    JR Gautreaux
    Living Off Internet Riches...One Man's Journey
    http://www.jrgautreaux.com - Join my FREE site!
    {{ DiscussionBoard.errors[3208722].message }}
  • Profile picture of the author RussRuffino
    Thanks everyone, that's what I call awesome turn-around time!

    Russ
    {{ DiscussionBoard.errors[3208728].message }}
  • Profile picture of the author Mike Baker
    Yeah, it's a fairly easy procedure for anyone with a graphics program with basic knowledge of how to use it. I've used that effect several times myself and takes a matter of seconds to implement.
    Signature

    {{ DiscussionBoard.errors[3208846].message }}
    • Profile picture of the author jdharr
      Hi Russ,

      If you have photoshop, just PM me for the action script that makes this simple to do. If you don't have it, then I can do it for you if you don't have that many pics.

      Best,

      Jon
      {{ DiscussionBoard.errors[3276613].message }}
      • Profile picture of the author LibbyC
        Hi Jon

        I'd love a copy of the script too if that's ok!

        Thanks
        Libby

        PS: I cant PM this as not enough posts yet but I'm assuming you can PM me?

        Originally Posted by jdharr View Post

        Hi Russ,

        If you have photoshop, just PM me for the action script that makes this simple to do. If you don't have it, then I can do it for you if you don't have that many pics.

        Best,

        Jon
        {{ DiscussionBoard.errors[3276702].message }}
  • Profile picture of the author I.M.Retired
    You can do something like this online at Phixr - Online Photo Editor.

    Use the 'Make Instant Photo' button 3rd button from the bottom in the left column of options. Play with the rotation, bend and other features. It's not quite the effect you were asking about, but you can create some interesting features quickly and simply. You can change the background color to match you website, etc. (The background on this one is white because I don't know the color of the forum post background. Can someone tell me the rgb color for the forum background by any chance?)

    (Pictures removed - need more space in my image hosting account...)
    {{ DiscussionBoard.errors[3277267].message }}
    • Profile picture of the author LibbyC
      Hi Val, love it!

      I hadn't seen Phirx before - have used Pixlr which is great but has a few limitations one of which is adding a drop shadow.

      Thanks for the post
      Libby

      PS: Forum background is F5F5F5 (according to Firebug!)
      {{ DiscussionBoard.errors[3278804].message }}
    • Profile picture of the author LibbyC
      Sorry, RGB is 245 245 245
      (and meant to say I used ColorZilla, not Friebug)
      {{ DiscussionBoard.errors[3278972].message }}
  • Profile picture of the author johnyeo90
    So the above picture was fake??Russell Brunson didnt have a new corvette actually?
    Signature
    How to Cure Hemorrhoids Now
    {{ DiscussionBoard.errors[3279060].message }}
    • Profile picture of the author TimG
      Originally Posted by johnyeo90 View Post

      So the above picture was fake??Russell Brunson didnt have a new corvette actually?
      That isn't Russell in the picture and he probably has several...lol

      Respectfully,
      Tim
      Signature
      Article Marketing Soldiers - The Best Selling Article Marketing Product On The Warrior Forum Is Now Looking For Affiliates! Make Over $25 Per Sale With This High Converting Product.

      Make More Money And Spend More Time With Your Family By Becoming A Scentsy Consultant - I Provide Personal Assistance And Help With Growing Your Business.
      {{ DiscussionBoard.errors[3279090].message }}
    • Profile picture of the author Mike Baker
      Originally Posted by johnyeo90 View Post

      So the above picture was fake??Russell Brunson didnt have a new corvette actually?
      What makes you think the picture is fake?
      Signature

      {{ DiscussionBoard.errors[3279099].message }}

Trending Topics