A good Photoshop (PSD) template can save hours of time and frustration when designing branding elements for social media platforms and over the past year, you’ve probably noticed the trend toward larger, full width header images. These look terrific and since every major social media platform functions within a responsive website environment (where content is relocated across different browser widths) that means you can no longer be lazy and put together a WYSIWYG (what you see is what you get) style header image based on desktop-only design specs.
Instead, you need to know how content moves across those browser width thresholds (called media queries) in order to design a header image that not only looks great but doesn’t lose critical parts when auto sizing and/or cropping kicks in across those media queries.
I published an article today at ArtsHacker.com that will provide some fabulous resources to help you break out of old habits and jump right into being a responsive design genius in one easy move. You’ll find links to download Photoshop templates from TwelveSkip.com’s Pauline Cabera for Twitter, Facebook, Google+, and LinkedIn templates along with examples and pointers for each.