The Inspiration

The Final Product

There are hundreds of social media sites out there, I only created what I thought was most popular. If you have a suggestion for a new icon let me know in the comments and I will add it to the set!

Download Social Media Icons

Step 1: Setting up the canvas

Let’s start by creating a new 500×300 canvas. Set the resolution to 72 px/in, and color mode to RBG color, 8 bit.

Next we’ll apply a gradient to our background layer #AD0404 to #870404.

Step 2: Add some snow

Create a new layer called “Snow” (Ctrl + Shift + N). Use a soft round brush and set the size somewhere around 15px.

In your brush settings pallet apply Scattering and Other Dynamics as follows, be sure your foreground color is set to white.

Step 3: Add a lens flare

Add a new layer called “flare” and fill it in black (Ctrl + Backspace). Then go to Filter>Render>Lens Flare and set the brightness to 50%, and select 50-300mm Zoom. Click the bottom right corner of the Flare Center section and click OK.

Now set the blending options of this layer to Screen. Duplicate this layer (Ctrl + J) and go to Edit>Transform>Flip Vertical. Then move the new image up and to the right a few pixels.

The lens flare adds some lighting effects across the entire image, which I chose to get rid of. Just use the Erase tool as you see fit and get rid of the parts you don’t want.

Step 4: Add the tree

Grab this Christmas brush set http://flina.deviantart.com/art/Christmas-brushes-103012446 and select the “tree1″ brush and set the size to 400px. Place the tree on top of our snow/lens flare layers. Then go to the blending options and set the Color Overlay to #870404, and Outer Glow to white.

Step 5: Adding icons

Now we’ll add a couple of Christmas icons. I used a Santa Clause and a Christmas present. Resize them to your liking, be sure the present is over the Santa Clause and let’s give it a drop shadow to make it stand out a little bit.

Step 6: Adding the text

I chose a nice script font from Font Squirrel called Beautiful-ES. I chose a slightly smaller font size for “Merry” and positioned the text in the upper left corner of the canvas.

Step 7: Adding your own touch

Now we have a template for a nice E Card. Add your message in the middle of canvas and send it off!

You can download the final .psd file here.

1. How did you get started with web design?

I got started with web design when I was about 12 years old (1996-ish). My dad bought me a book about HTML I had found in some thrift store. Web design seemed like a natural fit for me because I was able to combine my passion for art and my love for computers & the Internet.

In college, I majored in Graphic Design. I think we had one class about building websites (not web design), but the curriculum was entirely focused on traditional print media. As a result, I spent some of my early professional years working in more traditional Graphic Design jobs. So, I guess my real web design career began in 2007.

2. What was the first site you designed?

Wow. That’s really hard to think back 13 years, but I think I built a site about golf (one of my other passions as a kid). This was ‘96 or ‘97, so it was obviously filled with animated GIFs. I think I may have even had a .midi track playing in the background. I built most of my sites back then on Geocities, so they’ve all been lost to the ages. Rest in peace.

3. How do you break designer’s block?

Usually I just try to take a break. After focusing on a design for a long time, it’s pretty easy to develop that creative fatigue. I’ll either go read some blogs, or blow up some stuff (if my Xbox is nearby). Anything to get other parts of my brain working. Once, I even resorted to doing math problems.

4. How does the ‘real world’ inspire your web creations?

I guess that could happen any number of ways. I suppose most of the ‘real world’ inspiration is people. Either being inspired by the things they create, or by problems they may have. As designers, our goal should be to make the world a better place. This is why you see so much focus on accessibility in web design these days, designers are tackling ‘real world’ issues to make someone else’s life better. But something as simple as one’s annoyance to filling out forms, or replying to emails, or editing web content… those can be inspiration for my creations.

5. You are very active in the design community, which social media site has been the best tool for you?

Twitter, without question. I’ve met so many wonderful people through Twitter. The “design community” on Twitter is much larger than it was when I joined over a year ago. Honestly, it’s getting tough to keep track of. It’s flourishing, and that’s so cool to see. The group of people involved have always been kind and willing to share time and expertise. And apart from being just a giant link-swap/Q&A, it’s really a great place to cultivate relationships. I’m now friends with tons of great people who I would’ve never even known existed if it weren’t for Twitter.

6. Who do you admire most in the design community?

I’ll probably always answer that question the same way: Jeffery Zeldman. He’s done so much for the entire industry of web design, and he continues to give after all these years. And of course, I’ve always looked up to the other greats: Jason Santa Maria, Cameron Moll, Jeff Veen, Dan Cederholm, Andy Clarke… the list goes on and on. They’re like the pro baseball players I wished I could grow up to be (mine was Ryne Sandberg from the Chicago Cubs ‘82 – ‘97).
There are so many people to admire just that I’ve met through Twitter. People like Aaron Irizarry, who I’ve watched absolutely transform his blog into a fountain of great content, with heart and real effort. Or Chad Engle, who I’ve seen work so hard to construct DCTH, one of the biggest weekly online gatherings of web designers worldwide.

There are a lot of people out there who can be admired.

7. What apps do you use when designing a site?

I use Illustrator and Photoshop to create my graphics still, but I’ve made a switch to doing all my designing in the browser. I use TextMate for my HTML/CSS/JS/PHP.

8. What is your favorite platform/language to develop in?

My followers on Twitter could probably tell you that I have a passionate love affair with jQuery on a startling frequency. Once, I almost even proposed to jQuery. I really like writing code. I love the power and flexibility of CSS. And though I’m still learning, I’m starting to really enjoy PHP as well. Learning Ruby on Rails is a far-off task for me, but my limited dealings with it has it shining in a very favorable light. But seriously, jQuery FTW.

9. A question I see floating around all the time – Music while you work, is it good or bad?

I couldn’t live without music. It is a definite necessity while I work.

10. If you had to give up design, what you choose for a career?

Probably culinary arts or agriculture, specifically farming. Learning how to farm, and becoming a farmer has kinda been my retirement plan for awhile. Food, all the way from farm to the table, has been a long-time passion of mine. Something that I know I’d be able to find pleasure in nearly as much as web design.