Joshua Johnson

Graphics / 8 Feb 2011

Weekly Freebies: 15 Pixel Perfect Photoshop Style Sets

Photoshop layer styles represent an incredibly versatile set of tools for changing the appearance of any object you create. The trouble is, it can be quite time consuming to figure out the proper mix of effects to get the look you’re going for. Fortunately, tons of designers have gone before you and created some really complex and beautiful styles that you can apply with a single click.

deviantART is a goldmine for Photoshop styles and we’ve gone through and narrowed down their vast collection to the 15 great styles you see below. Enjoy!

Graphics / 4 Feb 2011

Design a Sketched 3D City Map From Scratch

I’m constantly trying to convince designers that SketchUp is a tool they should have in their arsenal. It doesn’t matter if you don’t know anything about or even have no interest in 3D modeling, SketchUp can plug right into your workflow as a designer in a number of helpful ways. And hey, it’s free!

Today we’re going to use SketchUp to build an extremely simple but stylish city skyline from scratch. The whole process should take you less than an hour and can be mere minutes if you’re already familiar with the application.

Graphics / 3 Feb 2011

An Introduction to Working With Spot Colors

Color has always been a popular topic on the web. We used to throw around terms like “web safe colors” a lot more than we do now simply because the computer displays back then weren’t as great as they are now. In place of these discussions, design blogs revert mostly to discussions of color theory and of course, free tools to help you build color palettes.

However, color was a hot topic long before the web was around. Once upon a time, my discussions about color revolved around printing presses and processes for applying ink. I’d wager there are plenty of readers out there who are either interested in learning about print or still work in print today so in this article I’ll teach you all about the magic of ink.

Business / 2 Feb 2011

In Defense of Advertising

It’s on our clothes, in our houses and painted on the sides of our buildings. It flies high over our cities and can be found deep below our feet in subway tunnels. It’s so ingrained into the way we live that if it were to cease existing, the global economy and infrastructure would crumble in hours. Of what mystical force do I speak?

Advertising. In many American households this is a dirty word. We’ve come to hate this plague that has taken over our society and fear that it over-saturates our lives in ways that can only be destructive. Today I will cross the line and defend not only the industry as a concept but also those undoubtably evil people that participate in it.

Inspiration / 21 Jan 2011

10 Website Background Ideas for Your Next Project

One of the most frequently asked questions we receive is a variant of what kind of background someone should use for their site. These designers have the basic content and the layout pretty much nailed down, but the background is either too boring or too busy and they don’t know how to fix it.

Today we’re going to take a look at a few live sites to grab some inspiration on how to effectively add interesting backgrounds to a web page. Bookmark this article and come back to it the next time you’re stuck on a background decision.

Graphics / 20 Jan 2011

Best and Worst Design: 50 University Websites From 50 States

If you hail from the U.S., which state are you from and how would you rate the level of design from the schools there? Today we’re going to jump into this topic by examining 50 website home pages, one from a university in each of the fifty states.

We’ve divided the schools up into the best and worst and didn’t pull any punches when it comes to calling out bad design practices. Let’s see how your state fared!

Graphics / 19 Jan 2011

Photoshop Reflections 101

Today we’re going to learn all about how to make convincing reflections in Photoshop. Text reflections, 3D reflections, product shot reflections, all kinds of crazy reflections. We’ll discuss everything from custom transforms to blending modes and beyond. Whether you’re a beginner or a pro, you’ll probably learn a thing or two.

You might be thinking that reflections were all the rage a few years ago, but are currently losing a bit of steam, and you’d be right. However, you can still see plenty of them in practice on Apple.com and other sites. You should definitely beware of over-using them and adding to bad web 2.0 trends, but also know that once in a while they can add class to a boring item.

Typography / 18 Jan 2011

Weekly Freebies: 10 Rocking Retro Fonts

When you’re working on a retro design, one of the key elements that you have to nail is the typography. Each typeface has an implicit suggestion of a decade and having a full arsenal of fonts helps you prepare for all kinds of design scenarios.

Below we’ve compiled ten of our favorite free retro fonts from around the web. They’re all really beautiful and definitely worth a download.

Business / 14 Jan 2011

Design Meets Psychology: Putting Maslow’s Hierarchy of Needs to Work

In the past, we discussed at length Why Designers Can’t Ignore Marketing. For the most part, commenters agreed with idea that designers should familiarize themselves with basic marketing principles.

Today, we’re going to put this idea into practice and discuss Maslow’s Hierarchy of Needs, a model born in humanistic psychology and adopted by many marketing professionals as a way to understand consumer behavior. We’ll go over what the model is, how popular companies like Coco-Cola put it into practice and why any of this is relevant to you as a designer.

Graphics / 13 Jan 2011

Designing a Church Homepage Without the Clutter

Church home pages tend to suffer from many of the same problems that we recently saw with band websites. There’s so much content that gets thrown onto these pages and it all competes for attention to such a degree that most or all of it loses any intended visual significance.

Today we’ll learn how to battle that by designing a dramatically simple and attractive church homepage that still has plenty of room for various messages, announcements and more.

JavaScript / 12 Jan 2011

Easily Create a Full Screen Photography Slideshow Website Without Flash

Photography websites nearly always run on Flash. Adobe’s increasingly notorious technology simply does an excellent job of displaying imagery in a dynamic way that’s perfect for photography showcases. However, there are a few downsides.

First, it’s not always easy to find a quality, free slideshow template to start from, and if you’re not a Flash developer, this could lead to significant costs. Secondly, the world is in quite the love/hate relationship with Flash at the moment, with many developers switching to JavaScript, CSS3 and HTML5 where possible.

So today we’re going to build a beautiful, Javascript-powered photography site with a full-screen slideshow. Literally all of the heavy lifting will be done by an awesome free jQuery resource so our job will be mostly customization. Let’s get started!

JavaScript / 11 Jan 2011

Weekly Freebies: 10 Brilliant jQuery Plugins

This week’s collection of awesome free resources includes some of our favorite jQuery plugins. Utilizing these in your site designs can save you loads of time in development and will help ensure that both your code and design is top-notch.

There are a few random plugins for tooltips and Twitter widgets but most of the resources you’ll find below help with image presentation. Whether you want a 3D carousel or a fullscreen slideshow, there’s something here for you!