July, 2008

Javascript Dock Carousel Using Mootools (Part 2)

This tutorial is the second part of a tutorial that will build a javascript carousel that imitates the Mac OS X dock. In part one, we build a mock up in Photoshop and exported the nessecary images. In this part, we’ll take those images and build it into a HTML & CSS. Then we’ll use javascript to make if interact.

Demo

Javascript Dock Carousel Using Mootools (Part 1)

This tutorial will take you through creating the initial mockup in Photoshop, and creating a usable carousel that imitates the Mac OS X Leapard dock. This tutorial we’ll acquiant you well with creating a slick button, and using the shape tools. We want to deal with shape layers instead of pixel because of the non-destructive nature of shapes. Non-desctructive shapes means you can edit and scale without distortion.

Design Video Round #2

In the Hip-Hop edition of the Design Video Roundup, we’ll be diving deep into the world of hip-hop and design. Also, we dive into more animated typography, and Photoshop tutorials.

Presidential Pattern in Photoshop - McCain vs Obama

In this Photoshop tutorial, we’ll dive into a pattern inspired by the artwork in the stephen Colbert bookI Am America (And So Can You)” (the book has some very good illustrations). The tutorial will cover creating vector artwork from a photograph, taking the vector artwork and making a repeatable pattern and then creating a groovy wallpaper that utilizes the pattern. For the pattern, we’ll pit Barack Obama versus John McCain. As one reader pointed out in the last tutorial which featured only Barack Obama, we’ll feature both canidates in the upcoming Presidential election.