This past Monday I posted a link to a tutorial that would help you code your PSD mock-up into a fully functional HTML/CSS template. If you’re looking for a little PSD inspiration before coding, here’s a collection of 40 PSD web templates to get you started.
40 great PSD templates to base your website design on
Shortcut: Full screen Quick Look
One of the handiest features of Mac OS X for me has been Quick Look, the ability to quickly view a compatible file simply by selecting it in the Finder and hitting the Space bar.
But OS X has the annoying habit of displaying the selected graphic at an arbitrary size on your screen (as seen on the left in the image above). You can then hit the double-arrow icon in the Quick Look preview to zoom it to full screen. This is doubly annoying for anyone with a large screen because not only do you not use the full size of your screen, but you then have to move your mouse all the way down to the bottom of the screen to click the icon.
Thankfully, you can avoid all that mousing around and enjoy a full screen Quick Look preview (as seen on the right in the image above) simply by using the keyboard shortcut of Option + Space bar instead of just the Space bar.
You can also view a slideshow in full screen mode by selecting multiple files before entering Quick Look. To exit full screen Quick Look, simply hit the ESC key in the upper left of your keyboard.
Tutorial: Converting your PSD to HTML/CSS
This second part of a two-part tutorial at SixRevisions focuses on converting and coding your PSD mock-up into a clean HTML/CSS template.
5 great font resources
When it comes to free fonts on the web, you have so many options that it’s almost not worth Googling – you’ll spend an entire evening wading through add-filled sites that offer little in the way of quality fonts.
Here’s a brief list of some of my favorites that are light on ads, and heavy on quality fonts.
dafont – the king of the hill when it comes to free fonts!
UrbanFonts – nicely organized fonts
Fawnt – small collection, but you’ll find what you’re looking for easily
Fonts2U – large collection of dingbats included in a well organized collection
Fontex – high quality collection of design fonts
750,000 Photoshop layers, 6.5GB file size, 4 years to create
Those are some hefty numbers for a Photoshop document. Bert Monroy has made his previous 15,000 layer Photoshop file that took 11 months to create pale in comparison.
Bert’s latest digital painting, titled Times Square, is a 300×60 inch, 6.5 GB flattened Photoshop file features Adobe Photoshop founders John and Thomas Knoll standing in the main foreground, surrounded by digital imaging experts such as Russell Brown and Jeff Schewe.
Here are a few more stats of the image:
- The image size is 60 inches by 300 inches.
- The flattened file weighs in at 6.52 Gigabytes.
- It took four years to create.
- The painting is comprised of almost 3,000 individual Photoshop and Illustrator files.
- Taking a cumulative total of all the files, the overall image contains over 500,000 layers.
The Photoshop file on the site can be zoomed using Photoshop’s Zoomify tool, which allows you a close-up view of all the details in the image, and they are amazing!
Best and worst logo redesigns of 2010
The NBA Golden State Warriors takes the prize for worst, in my opinion
I’m not sure how I missed the annual Best/Worst Of post at BrandNew, but it’s always worth checking out. This year’s crop of corporate brand redesigns has me baffled. Some of the logos listed in the Worst category I found to be pretty decent – such as the Super Bowl XLV logo. On the other hand, a few listed in the Best category couldn’t be worse, in my opinion – like the MySpace logo.