Sign In  |  Join Now Become a member to add links and start earning points!

Creative Bookmarks: Best of January 2009

Hello. Welcome to Tutorial9. Let’s blow you away with the best tutorials and resources from around the web posted in January. Oh, and happy new year folks, glad you’re here to celebrate it with us!

Photoshop Tutorials

How to Create a Flaming Photo Manipulation

In this tutorial, we’ll manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command. I hope you enjoy the tutorial and try it with your own stock imagery.

Create a Dramatic Storm Effect

Transform a cloudy country side into a fantastic terrifying storm scene like something right out of a movie (or a very stormy day! Some very creative use of filters and adjustments in the works here! Posted in November, but it slipped past us and deserves a look.

3D Text and Paint Effects

The talented Alex Beltechi gives us all a few pointers when it comes to creating stunning 3D/Type/Painting effects in Photoshop. This tutorial is filled with techniques used by Photoshop Masters.

Create a Detailed Vault Icon in Photoshop

Find out how to create a clean, 3D vault icon using Photoshop. Easy to follow steps make this a must read for the aspiring icon designer.

Create a Constructivist Propaganda Poster

This tutorials shows how to make a constructivist styled propaganda poster, inspired by the Russian movement from years ago. A little brief on instruction, but good insight for making similar compositions.

Render a Realistic CD in Photoshop

In this tutorial, you’ll learn how to render a realistic CD using Photoshop. Along the way, you should learn how to create and effectively use Vector Masks to hide parts of designs without destroying layer data.

Create a Furious Pink Panther Poster

I’m not sure furious does this thing justice. Incredible design process, and wonderful advice amount up to make this tutorial something worth checking out. Wow, that still sounds very underdeserving of this magnificent piece. Just go check it out.

Create a Highly Abstract Stylized Image

This tutorial explores ways for adding extra energy and dynamism to photographs using Photoshop. Written by renowned artist Mike Harrison. For his first tutorial, it’s more than impressive.

Make a Scrap of Notebook Paper

Learn how to create a very realistic scrap of notebook paper in Photoshop without the use of photographs. Outstanding technique, one that should prove quite useful with the recent trend of paper-based website layouts.

Illustrator Tutorials

Design Process of the Phoenix

This post is more of an overview of an entire process instead of a tutorial, but it’s contents are every bit as insightful. From sketching to photoshop touchups, this article demonstrates the creation of a work of art.

Full Spectrum Spirograph in Illustrator

Inspired by a work of Andy Gilmore’s, this tutorial guides users through the process of creating full spectrum Spirographs in Adobe Illustrator.

Making of an Abstract Artwork

This tutorial shows the process for creating some nifty abstract artwork in Illustrator. Makes heavy use of the Live Paint Bucket Tool.

Craft a Vector Collegiate Notebook

Learn to create how to create a vector collegiate notebook design, which consists of a realistic vector notebook and accessories. It’s also the perfect base for creating a cool website header theme! You’ll need advanced knowledge of Illustrator to get through this tutorial.

How to Create Advanced Isometric Illustrations using the SSR Method

Ok, so you’ve got a handle on Illustrator? Why not put that knowledge to use and teach yourself how to design some advanced isometric illustrations?

Web Tutorials

Adding the “Extras on Demand” UI-Pattern with jQuery

This post details the idea of using extras on demand which helps convey things to users in a more straightforward and intuitive way. Some folks don’t need everything on a page up front, so why serve it to them all at once?

Create a Custom WordPress Plugin from Scratch

This tutorial will describe the implementation of a WordPress plugin starting from scratch. The plugin will connect to an external OSCommerce database and display random products on your WordPress site. It also implements a configuration page for the WordPress admin panel.

Detailed Look at the 960 CSS Framework

Once you take the opportunity to spend some time with 960, you’ll be amazed at how much time can potentially be saved when developing your web applications. At the very least, take ten minutes to review the framework. You can always press the delete key…though I doubt you will!

15 Wicked CSS Tricks

A collection of 15 CSS tricks that make it all the more worth knowing. These clever tactics will bust you out of those frustrating cross-browser traps that seem to get the best of us from time to time.

Changing Form Input Styles on Focus with jQuery

A lot of forms can be boring and plain, don’t let yours blend in. This tutorial will show you how to spice them up with CSS classes and default values that change according to which form item is selected. All with just a splash of jQuery.

Building a Clickmap with PHP and jQuery

We’ve talked about using Click Heatmaps in the past, but this tutorial shows you how to build a fully working clickmap of your own using PHP and jQuery.

Freebies, Inspiration & Resources

Vintage and Blues WordPress Themes

Two free high-quality WordPress Magazine Themes. PSD Templates included. Oh, and they can be used without any restrictions, whatsoever. Could you honestly ask for much more? (That’s a rhetorical question)

Free Social Icon Pack: Bevel Lite

We’re proud to be releasing our first free Icon Pack at Tutorial9, Bevel Lite! We’ll periodically release icon packs for designers to take full advantage of in personal and commercial projects. Grab this set, and get ready for many more from Tutorial9.

Twit It Up WordPress Plugin

This WordPress plugin allows your website visitors to tweet about your site without ever leaving! Simply install, and your viewers will be presented with an interface allowing them to send a custom tweet out directly from your posts.

Tools, Horror, and Twitter Icon Pack Freebies

Three more free icon packs from SmashingMagazine. A set of tool icons, twitter icons, and even some horror icons mixed in.

Printable Perpetual Calendar

This beautiful calendar design is free to download and print, and probably looks a lot nicer than whatever you have right now anyways. Created in perpetual format so it can be reused year after year.

40 Mind-blowing Digital Space Paintings

Some of the world’s most stunning visions of space are made possible with Photoshop. The ability to combine vibrant colors, photo manipulations and ethereal effects makes the software ideal for this kind of work. Here are 40 incredible visions of space from four extremely talented Photoshop artists.

Super Creative Ad Campaigns from Asia

These ad campaigns from Asia are more creative than what you’re probably used to. Sometimes, they’re even mystifying.

50 Amazing Digital Potraits

Digital Painting is an art. These 50 portraits each display masterful technique and knowledge in the area of Digital Painting. Just wait until you see some of these amazing portraits.

Amazing Ornamental Design Inspiration – Baroque Style

This is a collection of baroque style (ornamental) design, this style originates from baroque styles of the seventeenth and eighteenth centuries, and the word baroque can also simply mean that something is elaborate with many details.

11 Essential Tips for Good Print Typography

Typography is a huge part of design and design is a huge part of type. You can’t just throw text on a page, it has to be laid out and organized in a clean way that adds to the information being presented. Here are 11 tips to help you convey information in print the right way.


  1. Add point Subtract point
    เพลงใหม่ล่าสุด (1 Point) February 2, 2010 at 10:06 pm

    wow thanks so much.164

    Flag as inappropriate
  2. Add point Subtract point
    เพลงใหม่ล่าสุด (1 Point) February 2, 2010 at 2:50 am

    wow thanks so much.151

    Flag as inappropriate
  3. Add point Subtract point
    เพลงใหม่ล่าสุด (1 Point) January 30, 2010 at 10:28 pm

    great tutorial . Thanks

    Flag as inappropriate
  4. Add point Subtract point
    recholes (1 Point) February 6, 2009 at 3:06 pm

    ahhh! I have found the mecca of design tuts and freebies. I have been following @thelegget on twitter for about a week and just now got around to visiting your wonderful page.Great round ups… good stuff. Be ready for some RT’s from the @recholes. Dude

    Flag as inappropriate
  5. Add point Subtract point

    First time on the site, but not the last! Love the site.

    Flag as inappropriate
  6. Add point Subtract point
    Multidesign (1 Point) February 6, 2009 at 10:21 am

    Great list of tutorals! Thanks.

    Flag as inappropriate
  7. Add point Subtract point
    Rodrigo Francisco (1 Point) February 4, 2009 at 4:35 pm

    Thanks for the featuring the Tutorial on Making of an Abstract Artwork!

    Flag as inappropriate
  8. Add point Subtract point
    Thomas | Tutorial King (1 Point) February 3, 2009 at 4:04 pm

    Great Round up, Thanks David

    Flag as inappropriate
  9. Add point Subtract point
    Dan O’Neill (1 Point) February 3, 2009 at 2:27 pm

    Excellent Roundup again – Thanks, especially for the 960 screencast link!

    Flag as inappropriate
  10. Add point Subtract point
    Max Stanworth (1 Point) February 2, 2009 at 9:50 pm

    Nice one, alot of these i havent seen, so itll make good reading, and thanks for the “baroque” post feature.

    Flag as inappropriate
  11. Add point Subtract point
    jonbergan (1 Point) February 2, 2009 at 6:18 pm

    Hey David! A huge thank you for the link to Twit It Up! Glad you liked the plugin!

    Flag as inappropriate
  12. Add point Subtract point
    Corey Freeman (1 Point) February 2, 2009 at 5:09 pm

    Nice list, and seriously sexy redesign! I really like some of the web tutorials you’ve got in the list too, very useful!

    Flag as inappropriate
  13. Add point Subtract point
    Jaswinder (1 Point) February 2, 2009 at 4:21 pm

    Two Words = Frickin Sweet!!

    Flag as inappropriate
  14. Add point Subtract point

    Excellent list, and thanks for including the Spoonfed articles!

    Flag as inappropriate
  15. Add point Subtract point
    Christine (1 Point) February 2, 2009 at 3:09 pm

    Dave, your tutorials are the best. I’ve learned to do things simply and easily that I never thought I’d be able to do. thanks so much, keep up the great work!

    Flag as inappropriate
  16. Add point Subtract point
    Andrew Houle (1 Point) February 2, 2009 at 2:29 pm

    Fantastic roundup David, and thanks for including something from MyInkBlog. btw, the Tutorial9 redesign looks incredible, love the new header and the small details!

    Flag as inappropriate
  17. Add point Subtract point
    Ibrahim Ahmad (1 Point) February 2, 2009 at 12:59 pm

    Excellent reference. Nice looking compilation.

    Flag as inappropriate
  18. Add point Subtract point
    Todd Spargo (1 Point) February 2, 2009 at 11:59 am

    The “Create a Constructivist Propaganda Poster” is mislinked…or is that just part of the conspiracy?


    Flag as inappropriate
  19. Add point Subtract point
    Zach Dunn (1 Point) February 2, 2009 at 11:41 am

    Thanks for the link! Good roundup! I hadn’t seen the click map tutorial yet.

    Flag as inappropriate