Social Media 101

Artizon Digital | 503.577.1035

  • Home
  • Rick’s Tips
  • Social Media
    • Facebook
    • Google+
    • LinkedIn
    • YouTube
  • WordPress
  • Content
  • Freebies
  • Index
  • Artizon Digital

WP Design Tips: How to Crop a Photo for Your Custom Header – Free Photoshop Template

August 18, 2011 by Sue Surdam | Artizon Digital Leave a Comment

WordPress Design FreebieYou are creating your WordPress site custom header and you have a photo you would like to use. Your goal is to create a great visual with your photo that conveys as much information as possible about your business in that narrow header space.

That is great, but how do you get there? John McWade, Creative Director of Before and After Magazine, has created a great video that explains how to get results cropping photos for narrow areas like your header.

2016 Update: The video, Extreme Photo Cropping, has been moved to Lynda.com. You will find it in the Before & After: Graphic Design Techniques course.

John offers the following tip:

When you’re designing a web banner, it might help to think of it not as a sign board with discrete edges, that you have to paint within. But rather as a window to a larger world.And visualize yourself looking through blinds to that world. Crop that way, place it in your banner, add your name, and you have a great result pretty easily.

Look how much visual information is being conveyed in this slice. You have…the colors, the textures, the general ambiance of the whole photo. You can get pretty extreme with this. Key is always to pick out the most expressive sliver of an image. This could be a fun exercise.

 

Photo to Template to Header Using Free Template

Try the technique with the Free Photoshop Template I have created. (A png image is also included for non Photoshop users.) The template is designed for use with the Twenty Ten theme but could be easily modified for any theme.

Download the FREE TEMPLATE

Follow the instructions from my How to Personalizing Your WordPress Site post to replace the default header image with your new custom header.

Sue Surdam | Artizon Digital | WordPress Specialist and Social Media Solutions | 503-577-1035
Tweet
Share
Share
Pin

Filed Under: Free Design Resources, News, WordPress

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

LOOKING FOR A SPECIFIC SM101 TIP OR TUTORIAL?

CONNECT YOUR WORDPRESS SITE TO SOCIAL MEDIA

Want to get your business connected, but short on time? We are experts in connecting your WordPress website to your social networks.

Need a new WordPress website or a update/redesign? We are always available to discuss your online needs.

Call us today: 503.577.1035

PARTNERS WE LOVE

A2 Hosting

Gravity Forms Plugin for WordPress

Categories

  • Connect to Your Social Media Network (4)
  • Creating and Posting Engaging Content (14)
  • Facebook (41)
  • Favorite Applications (1)
  • Featured (9)
  • Free Design Resources (15)
  • Google Search Stories Business Cards (1)
  • Google+ (9)
  • LinkedIn (3)
  • News (106)
  • Partners and Premium WordPress Products We Love (2)
  • Pinterest (1)
  • QR Codes (2)
  • Rick's Tips (19)
  • Rick's Top Ten (1)
  • SEO Search Engine Optimization (4)
  • Social Media News (2)
  • Social Media Sessions (6)
  • WordPress (22)
  • WordPress Plugins (7)
  • WordPress Websites (1)
  • YouTube (4)

Copyright© 2025 · Artizon Digital · 505-577-1035 · Designed by Artizon Digital