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.
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.
In this Photoshop tutorial, we’ll dive into a pattern inspired by the artwork in the Stephen Colbert book “I 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.
This Photoshop tutorial will guide you through creating an effect in the vein of the most recent Coldplay iTunes commercial. The Coldplay commercial uses colorful backdrops, with various textures, smoke and lighting effects. For this tutorial, we’ll take a photo of Barack Obama, mask it, create a silhouet and create the colorful background. This tutorial includes a download to the PSD file so you can see how the layers are set up.
A graphic tablet allows you to take Adobe Photoshop to a new level. You can take advantage of the brush tool and it’s powerful ability to imitate different traditional mediums of art and human input. In this Photoshop tutorial, you’ll learn how to set up Photoshop so that it can use the tablets input, create an outline from a photo, color and shade all using the tablet. The tutorial includes a time lapse of the process I took to creating the final product.
If you follow the NBA, you’ll know Jason Kidd was traded from the Nets to the Dallas Mavericks. (While I like Jason Kidd and he is a great player, giving up Devin Harris was stupid on Mark Cuban’s part). If you’re like me and want the wallpaper of his shoe to match his current team colors instead of his old team colors, then you’ll have to turn to Adobe Photoshop. This tutorial will show you the best way to change the colors of the shoe easily and quickly.
This Photoshop tutorial will acquaint you with the shape tools, dealing with paths, applying layer styles and dealing with shadows and lighting. This is good tutorial for practicing these techniques.
Ever wondered how to make your own Mac icons? Have you ever created an icon and had trouble making the icons fully transparent? If you answer either of these questions with a yes, then this tutorial is for you.
With the recent release of Mac OS X Leopard, I’ve decided to create a tutorial where you can create your own ‘X’. This tutorial is a great exercise in using the dodge and burn tool as well as working with selections.
This Photoshop tutorial will show you how to take a photo that has great potential and turn it into one that will stop people dead in their tracks and have them gazing at the photo. First off, I got this incredible photo of the puppy free off Flickr. This particular photographer ny156uk has some great photos for commercial use. You can find more free photos for commercial use on Flickr by doing an advanced search.
While it may be overlooked with high bandwidth connections becoming ever so common, it still is important to optimize an image. If you visitors can’t load your web site quickly, they will leave because it is easy to find another website to look at. Reduce image sizes to the size it will appear at on the web page!
This tutorial will show you how to create a banner graphic banner in the same vein of medieval graphics. For this tutorial you will need Adobe Phothoshop CS or better. The tool we will use are the pen, text and shape tools. This tutorial will test your pen tool skills and ability to play around with shapes and layer styles.
