Archive for the ‘Photoshop’ Category
Another important aspect in web design (combined with the right color combinations and Photoshop essentials and brushes) is getting just the right typography for your design. There are many, many free fonts available as well as tools to build your own. Not only that but you can use free online resources to determine the name of that elusive font you’ve seen used elsewhere and want to grab it for yourself.
Once you find the font perfect for your project then you have to know how to use it. While some of the best resources about learning more about typography are books (Thinking with Type and The Elements of Typographic Style are two of my favorites) there are tons of online articles and tutorials written by people in the design industry that will help you better your typography.
I’m a big fan of small sites that provide free quality content just for the love of creating various items for people to use for their own design purposes. Before I provided a list of thousands of free Photoshop essentials from patterns, to brushes and gradients. Here’s some lesser known sites and designers and their awesome brushes. Quantity may vary with these smaller sites, but the quality is remarkable!
Photoshop is an amazingly powerful tool. It alone can allow you to create fantastic designs and photo manipulations. But, there are many, many other resources available to designers to enhance Photoshop and increase your productivity.
I’m talking about free gradients, patterns, brushes, layer styles and more that you can download and add on to Photoshop.
If you’re not using CSS Sprites (also known as the CSS Image Replacement Method) you should be. Many coders seem to fear this easy and basic way to use images with CSS and I’m not sure why.
The benefits of CSS Sprites are plentiful, but you (and your visitors) will benefit from this method ten-fold. For the coder it’s less slicing and cropping of images, and for the user it rids us of that annoying image loading flash when you use CSS to replace background images.
I’ll take you through some quick steps to get started with CSS Sprites.
I’m a big fan of polaroid’s. I love the fact that you can snap a photo and the camera will spit out a photo for you instantly. I love the style so much in the new version of CSSgirl (to be released within the next two weeks!!!) has incorporated their style in the new design. I thought I’d share how I went about creating the image and the HTML/CSS behind it!
