Michael Doyle | Blog

Web Design – Free PSD Templates

Here's an article that provides over 70 PSD web Templates:

http://www.instantshift.com/2009/09/17/70-ultimate-round-up-of-free-psd-website-templates/

Design – PSD Files for Designers

Hongkiat has a great list of PSDs for use in web design. Objects include mp3 players, monitors, computers, icons, etc.

http://www.hongkiat.com/blog/60-high-quality-photoshop-psd-files-for-designers/

Photography – Photoshop Actions

Naldz Graphics has a list of Photoshop actions to enhance photos. I use the Lightroom route to process photos, but some actions can be good to have in Photoshop for inspiration or just playing around.

http://naldzgraphics.net/freebies/60-useful-photoshop-actions-to-enhance-your-photos-for-free/

Photoshop – Designing Web Elements

Carsonified has an interesting artocle with some photoshop tutorials on design elements for the web with Photoshop.

http://carsonified.com/blog/design/5-advanced-photoshop-techniques-for-web-designers/

Photoshop – Mastering the Pen Tool

Smashing Magazine has a great article on the Pen tool. I haven't gone through it yet, but the pen tool is one of the most useful and misunderstood tools to use. Lots of helpful info in this.

http://www.smashingmagazine.com/2009/08/18/mastering-photoshop-with-paths/

Photography – Noise Reduction

Neat Image is a noise reduction program which works by a camera's profile and then making different profiles for each different ISO settings for that camera. It can work as a photoshop plugin too. Sounds really interesting and I've seen some examples. I'll give it a shot and see how it works and post up before and after shots. It'll be interesting to see how it works with ISO 400+ on a Canon G9.

Photoshop – Performance Tweaks

Smashing Magazine has a great article about how to tweak Photoshop to get better performance:

http://www.smashingmagazine.com/2009/08/13/10-simple-steps-to-better-photoshop-performance/

Photoshop – Tutorials

Noupe has a good selection of new Photoshop tutorials:

http://www.noupe.com/tutorial/40-new-high-quality-adobe-photoshop-tutorials.html

Web Development – Developing from a PS design

I mentioned previously that sixrevisions.com gave a good tutorial on how to create the Web 2.0 look in photoshop. They've now followed up on that article with a tutorial on how to code it in CSS and XHTML.

http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/

One concern about this tutorial is the heavy reliance on images for the design rather than CSS.

Web Design – Creating the Web 2.0 Look

Even though it's now becoming outdated, sixrevisions.com have a good article on how to create a web 2.0 look in Photoshop using the 960 grid system. It's a two part article that will include how to code it in CSS.

http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/