Chroma Wallpapers 260

Chroma Wallpapers

By Rick, Color Charge

This tutorial explains how to create a energetic, vibrant, colorful wallpaper, like the ones available at Color Charge. These lines, which we'll call Chroma were highly inspired by the iPod Nano Ad from 2006 and some Quantum Chromodynamics nerdery stuff. You will learn how to bend blurry shapes with Warp tool to draw the lines, beams, and steams. Then you'll know how to add some glowing and vibrating color effects, and finally polish your drawing. Aside reading this tutorial, you'll need Photoshop CS2 or CS3, and preferably a computer with a lot of memory and a larger screen to achieve that effect.

Download Photoshop file

WDW Nominated in the Bloggies 83

WDW Nominated in the Bloggies

I'm very excited to announce that Web Designer Wall got into the finalist of the Eighth Annual Weblog Awards, also known as the "Bloggie" awards. Web Designer Wall is nominated for the Best-Designed Weblog award, along with the other popular nominees: Design Sponge, Gizmodo, Engadget, and Dooce. If you have a minute, please head over to the Bloggies site and vote for WDW. Big thanks to everyone who has nominated or voted for us. Thank you!

Please note: voting will close at 10:00 PM EST on Thursday, January 31.

Vintage Web Design 157

Vintage Web Design

Recently, I saw a very nice collection of vintage ads posted by Abduzeedo (via Digg). Speaking of vintage design, I also have a nice collection of vintage websites that I dug up from my old bookmarks and Best Web Gallery submissions. I'm not a big fan of vintage design, but if you want to see more vintage inspiration, here are 23+ sites.

Warning: some of the sites that you are about to view might be very old (click at your own risk)

CSS Gradient Text Effect 483

CSS Gradient Text Effect

Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6. Continue to read this article to find out how.

View Demos

Download Demo ZIP

Free TxEff Component Giveaways 1,321

Free TxEff Component Giveaways

Web Designer Wall is giving out freebies again! This time we are giving out 3 license copies of TxEff, sponsored by Jump Eye Components. TxEff is a Flash Component that allows you to create stunning text animations without ActionScript skills (read review here). To enter the contest, add a comment in this post and you could win one of the three TxEff component giveaways (value $169.97). All comments must be submitted before January 25, 2008.

Review: TxEff Flash Component 93

Review: TxEff Flash Component

Normally, to create text animation in Flash we either use timeline Motion Tween or ActionScript coding. Motion tweening is very time-consuming and not practical because the text must be broken apart and converted into Symbols. ActionScripting is a better solution, but it will require advance coding skills. Fortunately, now we have TxEff! It is a Flash component developed by Jump Eye Components, for web designers who need to create text animations in a fast and reliable manner. This article will show you how to create video-like text effects with TxEff in just a few minutes.

Typographic Contrast and Flow 180

Typographic Contrast and Flow

As you have probably know, most online readers don't read line by line, instead they scan (from one point to another). For this reason, designers create typographic contrast and flow by emphasizing certain text. Contrast is important because not all the content within a page have the same value, some have greater significance than the others. By creating contrast, you can direct the reader's attention to the important messages and at the same time enhance the visual appearance. Here are seven basic methods on how you can create typographic contrast.