Articles - Page 176

Graphics / 14 Oct 2010

5 Super Easy Illustrator Typography Tricks

Beautiful typography goes much further than finding the right font.

Today’s post will help you break out of the nasty habit of simply typing out a headline and calling it a day by showing you how to craft standard text in Illustrator into something more interesting and unique.

Below you’ll find a fairly random collection of tricks that I’ve picked up in the last few years. Each method is highly open to interpretation and you should definitely try to tweak and customize them to your own preferences.

CSS / 13 Oct 2010

Introducing the LESS CSS Grid

In the past we’ve taken a look at several CSS grid systems. We’ve also gone over how LESS.js can add a lot of flexibility to the way you style web pages. Today we’re going to combine these two ideas and create a grid system that utilizes LESS.

Read on to see why on Earth we would do such a thing. If you understand the concept, you can also skip the tutorial and go straight to the download. Let’s get started.

Software / 8 Oct 2010

Mastering Variable Width Strokes in Illustrator CS5

Photoshop CS5’s fancy new feature set has garnered a lot of attention and tutorials, but Photoshop was by no means the only app to gain a little awesomeness. Illustrator CS5 has a few really stellar new features that make it even easier to create complicated vector art.

Today we’ll go over how to use one the many new features in Illustrator CS5: variable width strokes. With the new “Width Tool” you can make complex line shapes in seconds using only a few quick click and drag motions.

Graphics / 7 Oct 2010

Designing With Strong Simple Focal Points

In design, we tend to think of simplicity in terms of recent trends towards minimalism. A simple design by this definition is one with lots of literal whitespace and very little on the page outside of what is absolutely necessary.

However, instead of blindly following this trend, it’s important to understand the ideas behind it so that we don’t find ourselves trapped in a minimalist box with obvious grid-based layouts, white backgrounds and newspaper-style typography (not that this is bad, it’s just not good to be stuck in this idea). When you consider the principles of design that are at work in minimalism, you can successfully break out of the box and create clean designs that aren’t bound by an obvious and strict visual style.

Graphics / 28 Sep 2010

6 Tips for Designing With Lines

Today we’re going to look at one of the simplest possible design elements: a line. We’ll learn how to wield lines properly as well as what to avoid when implementing them.

Adding a few simple lines to a design can bring structure and graphical flair to an otherwise boring design. It’s a dead simple trick that, when used effectively, has the effect of adding a layer of finish your design.

Graphics / 24 Sep 2010

How to Make Your Spreadsheets Less Lame

Spreadsheets are lame. There’s no two ways about it. We designers hate spreadsheets because they’re a shining example of boring data presented in a boring manner.

Unfortunately for designers, spreadsheets are a necessary evil and could even be called a great and essential tool in the business world. Today we’re going to see how to improve both the aesthetics and readability of your spreadsheets with a few super basic design principles that literally anyone can follow. Let’s get started!

CSS / 22 Sep 2010

Free 960.GS CSS Photography Template and Tutorial

Love it or hate it, the 960.gs makes for some incredibly fast prototyping. By utilizing preset classes you can accomplish fairly complex layouts with little to no effort.

Today we bring you a free single-page template, fully coded using the 960.gs. The template has a few nifty CSS3 effects and uses @font-face to implement some beautiful custom typography. Below you’ll find the download and a basic step-by-step tutorial for how to build your own.

You can download the template completely free of charge and use it however you like with zero attribution.

Graphics / 16 Sep 2010

Create Awesome Animations in Photoshop

After Effects is the go-to Adobe application for creating both simple and complex animations. However, for those users that either don’t have the time to learn an entire new application or simply don’t own a copy of After Effects, Photoshop has incorporated very similar, albeit scaled back, functionality.

Today we’ll go over the basics of how animation works in Photoshop and then build a basic animation from scratch. Let’s get started!

Business Card Templates / 14 Sep 2010

Designing a Professional Business Card

Before websites, email blasts and banner ads, business cards were the central piece of design work for countless small businesses. This simple little piece of cardstock was a major representation of your company. In China, business cards are so highly regarded that it’s considered poor etiquette to write on someone’s card or even put it in your wallet! Typically upon exchange business cards will be placed into a small card case.

Though the digital age has dawned, business cards remain a fairly popular way to quickly provide someone with information about how to reach you or find out more information about your company. Today we’ll go over some common mistakes in business card design and explore a few practical techniques you can use to bring style and professionalism to your cards.

Software / 9 Sep 2010

Mastering Photoshop History and Layer Comps

Sometimes the key to moving ahead in Photoshop is to look back.

There are a number of different tools, features and methods in Photoshop that you can and should be using to track and manipulate the history of your designs as they progress.

Today we’ll take an in-depth look at the Photoshop history palette and how it can help you diversify your designs and keep track of various ideas. We’ll also learn how to use the History Brush and those incredibly handy but difficult to figure out Layer Comps.

Graphics / 9 Sep 2010

15+ Beautiful and Classy Headline Designs

Creating beautiful type treatments is hard work.

Though it has become quite trendy to claim that typography is ignored on the web, the reality is that typography is a booming fad at the height of its game in the online realm.

Countless web designers have really stepped up in recent years and created some absolutely beautiful typographical works, particularly in website headlines. Below we’ll look at over fifteen meticulously crafted headline designs that are sure to inspire you to think twice before slapping some boring type wrapped in an h1 tag on your site.

Keynote Templates / 7 Sep 2010

10 Tips for Designing Presentations That Don’t Suck: Part 2

Last week we looked at part one of our two part series on designing better presentations. We learned practical tips on using photography, typography, color and more to create stunning results.

Today we’ll wrap things up with tips six through ten and teach you how simplifying your designs can lead to drastically improved results. Let’s get started!