ARCHIVE FOR THE ‘Graphic Design’ CATEGORY

Emigre Essays

Friday, January 25th, 2008
Author of this post: Kevin Kelly | About Blog Authors »

30_002.jpg

In my former office, there was a stack of old Emigre magazines. I spent countless hours paging through those back issues, and I can honestly say that most of what I know about design in the 90s–when technology was changing everything–I learned from Emigre.

The magazine ceased publication in 2005, ending a slow decline that began in 2001. Recently however, a selection of essays from some of the best issues were posted to the Emigre website, where the type foundry of the same name lives on. If you’re at all interested in 20th-century typography or graphic design, I suggest you take a look.

Lazy Man’s Liquid Text in Photoshop

Monday, January 14th, 2008
Author of this post: Tara MacKay | About Blog Authors »

I recently saw a magazine ad for a hair product in which words were “written” on the model’s hair in “liquid text.” Text effects like this have been around for as long as Photoshop has existed. There’s liquid, fire, glass, metal, and so many others. Often, these effects are cheesy. They often appear devoid of context: metal simply because it looks masculine, for example, and they’re usually created in one of two ways: the long way that involves channels and displacement maps, or the short way using ugly default layer styles. What I liked about the liquid text I saw in the magazine was that it seemed totally appropriate given the message, and the design was custom enough to look good. I wanted to find a simple way to reproduce it.

I started with a photo of my own hair, but you can use any interesting background, such as wood, tile, skin, or concrete.

liquidtext1.jpg

Try to use an even texture because if your background is really wavy, you’ll have to do this the long way, with displacement maps.

Begin by duplicating the layer. This new layer is the one we’ll use to create our liquid text area. But before we do that, I want to bulge and warp the layer a bit, since the liquid would magnify the surface below it. Start with the Wave filter (Filter > Distort > Wave) and create a very large, soft wave. Then add a bulge using the Spherize filter (Filter > Distort > Spherize).

liquidtext2.jpg

A little distortion makes a big difference. The text we cut from this layer will be magnified and will look a little distorted.

Now, we can cut the text from this layer. Use the Type Mask tool. If you have trouble deciding on a font or character settings when using the Type Mask tool, use the regular Type tool to set the letters. (more…)

2008’s Color of the Year

Monday, December 17th, 2007
Author of this post: Tara MacKay | About Blog Authors »

The new year is almost here, and it’s time to make some resolutions. Remember to write 2008 on your checks, and…add Blue Iris to your design projects?!

Blue Iris is the color of 2008 according to the gurus at Pantone. This shade of blue-purple, also known as PANTONE 18-3943, was chosen for its calming and somewhat mystical properties.

color2008.jpg

Wave goodbye to last year’s Chili Pepper. Blue Iris is the color of 2008.

Compared to last year’s vibrant Chili Pepper, Blue Iris is calm, but it’s still very bold and complex, with lots of good combinatorial possibilities. Leatrice Eiseman of Pantone suggests combining it with (more…)

Type Basics: An Online Sketchbook

Monday, November 12th, 2007
Author of this post: Kevin Kelly | About Blog Authors »

typeworkshop.jpg

If you like typography and information design, take a look at these sketches from the Type Workshop. The concepts are mostly fundamental, but the drawings uniquely and effectively express the ideas. It’s good stuff.

via I love typography

Layer Tennis

Friday, October 26th, 2007
Author of this post: Kevin Kelly | About Blog Authors »

didot.png

Layer Tennis is a series of live design events hosted by Coudal Partners and presented by Adobe Creative Suite 3.

Two artists (or two small teams of artists) swap a file back and forth in real-time, adding to and embellishing the work. Each artist or team gets fifteen minutes to complete a “volley.” Each volley is posted to the Layer Tennis site. A third participant provides play-by-play commentary on the action, as it happens. Observers can follow it all on the web. There are ten volleys, and when the match is complete, everyone with an opinion sounds off in the forums and a winner is declared.

Matches take place on Fridays at 2PM CST. You can learn more or watch a match here.

Making the Most of Adobe Stock Photos

Friday, August 31st, 2007
Author of this post: Tara MacKay | About Blog Authors »

If you’ve picked up any of the Adobe CS3 applications, you may have noticed that they “come with” Adobe Stock Photos. I put that in quotes because to some extent Adobe treats this feature as a bigger selling point for CS3 than it really is. In fact, Adobe Stock Photos is available through Adobe Bridge (which comes with most CS2 and CS3 applications), much the way that the iTunes Store is available through the Apple iTunes application.

That said, Adobe Stock Photos is a pretty worthwhile feature to check out, as it allows for easy searching, management, and purchasing of royalty-free images. Just launch Bridge to get started.


Click on Adobe Stock Photos in the Favorites tab of Bridge and start searching for the perfect shot.

Lots of advanced search options help you sift your way through the 24 different image collections contained by Adobe Stock Photos. This includes images from popular services like Corbis and Getty and lots more. As a result, searching can be a slow process—be sure to use the Advanced Search feature set to narrow things down first. For example, if you know you only want photos (not illustrations), only want color photos, and don’t like photos from certain collections, check or uncheck the appropriate boxes before hitting Search. (more…)

The Typography Landscape

Friday, August 24th, 2007
Author of this post: Tara MacKay | About Blog Authors »

typography-landscape.jpg

I recently had to find a landscaper for my home, and doing so reminded me how much typography affects buying decisions, whether we realize it consciously or not.

I first called the landscaper whose Yellow Pages ad had the cleanest and most modern typography. I also called one with a much more dated and sloppy ad. Both ads stood out to me more than the rest, and both were for landscapers right near my town (so you know I didn’t base my calls on type alone). I had in my head before any of them came for an estimate that the first would probably be out of my price range, and that the second might be cheaper, but more traditional in style. Maybe it’s coincidence, but guess which one called me back first, was more professional, was more in line with my tastes, and… was much more expensive. (more…)

Quick Imaging in Dreamweaver CS3

Wednesday, August 22nd, 2007
Author of this post: Tara MacKay | About Blog Authors »

How many times have you started a web page design from a Photoshop PSD mockup? Or needed to revise an image in Photoshop after it was part of your web layout? Dreamweaver CS3’s integration with Photoshop makes these common tasks much quicker.

Start off by opening a page in Dreamweaver and opening an image in Photoshop, even a layered PSD (note that all of these techniques work in Fireworks too—it’s your choice!). Make a rectangular marquee selection of the part of the image you want to bring into your web page. Don’t worry if it’s not the size, format, or optimization level you ultimately want, just press Command-C (Ctrl-C on a PC) to copy it (or go to Edit > Copy Merged if the file is layered).

Now, position your cursor in your Dreamweaver document, right where you want the image to go—a div container, a table cell, whatever you like—and paste (Command/Ctrl-V).


Copying from Photoshop and pasting to Dreamweaver brings you to the Image Preview dialog.
(more…)

Illustrator’s Handiest New Panels

Wednesday, August 15th, 2007
Author of this post: Tara MacKay | About Blog Authors »

Regular Notes on Design readers may recall our recent interview with Matthew Richmond of The Chopping Block. In addition to his popular design firm’s usual web projects, they recently built two phenomenal new panels for Adobe Illustrator CS3: kuler and knowhow. According to Richmond, these panels are valuable to just about every Illustrator user, so let’s find out how… (more…)

Choose Your Partners Wisely

Friday, August 3rd, 2007
Author of this post: Sheri L Koetting | About Blog Authors »

seal.jpg

These days, your role as a designer is much more than just styling text and graphics. Designers have become the project ringleaders, hiring everyone else on the team including market researchers, copywriters, photographers, illustrators, printers, and programmers. Recommending good vendors to your clients is part of being an accountable designer. (more…)

 
 
 
 
 
 
 
 
 
 
 
 
 
 
image 1
Who Cares?
June 12th, 2008
Inspiration Design