Good-Tutorials.com: tutorialdog's Submitted Tutorials

Javascript Dock Carousel Using Mootools (Part 2)

tutorialdog — Thu, 24 Jul 2008 21:00:04 +0000

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.

Javascript Dock Carousel Using Mootools (Part 1)

tutorialdog — Thu, 24 Jul 2008 05:00:01 +0000

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.

Presidential Pattern in Photoshop - McCain vs Obama

tutorialdog — Wed, 02 Jul 2008 19:30:02 +0000

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.

Barack Obama’s Coldplay iPod + iTunes Commercial in Photoshop

tutorialdog — Fri, 13 Jun 2008 19:49:10 +0000

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.

Link & Meta Tags in HTML

tutorialdog — Mon, 02 Jun 2008 15:17:57 +0000

Text on the web is not just linear, its hypertext. It wants to quickly branch off like a textbook with chapters, pages, indexes and glossaries. The web is intended to be consumed in different ways by different people. The link and meta tags tell how a web page fits in the hierarchy of a website.

Introduction To CSS

tutorialdog — Thu, 29 May 2008 20:30:02 +0000

Find information on CSS you won't find anywhere else.

Draw in Photoshop Using A Tablet

tutorialdog — Thu, 22 May 2008 15:00:02 +0000

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.

Javascript Image Library Using Mootools (Part 2)

tutorialdog — Thu, 15 May 2008 00:30:01 +0000

Last time, I provided a reasonably decent solution for creating a HTML friendly Javascript image gallery using mootools. After taking in some of its faults, and learning more about javascript, I’ve rewritten the whole code, and have came up with a new version.

Re-Coloring Jason Kidd’s Shoe

tutorialdog — Sun, 09 Mar 2008 04:30:01 +0000

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 <em>best</em> way to change the colors of the shoe easily and quickly.

Javascript Image Gallery Using Mootools

tutorialdog — Fri, 11 Jan 2008 08:00:02 +0000

This free image gallery based on javascript is a quick & easy solution. Implementing the demo doesn’t requre knowledge of any javascript. In this article, I’ll explain and breakdown the javascript that runs the image gallery using the javascript framework Mootools.

Create An iPod Shuffle

tutorialdog — Sun, 30 Dec 2007 18:30:02 +0000

This Photoshop tutorial will acquaint you with the shape tools, dealing with paths, applying layer styles and dealing with shadows and lighting.

SEO friendly Text Images Headers

tutorialdog — Mon, 05 Nov 2007 00:11:36 +0000

Learn how to create a search engine optimized header tag without sacrificing the ability to make the header a logo.

Create A Leopard ‘X’ in Photoshop

tutorialdog — Mon, 29 Oct 2007 07:00:02 +0000

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.

Add Focus To Your Photo And Grab Attenion

tutorialdog — Sun, 14 Oct 2007 18:30:02 +0000

This video 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.

A Guide To Exporting to The Web in Photoshop

tutorialdog — Wed, 10 Oct 2007 02:00:02 +0000

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.

Banner Graphic

tutorialdog — Mon, 08 Oct 2007 20:30:03 +0000

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.

Text Ticker

tutorialdog — Mon, 08 Oct 2007 19:30:03 +0000

This graphic is a great excerise in patterns and the motion filter. This tutorial will have you exploring photoshop upclose pixel by pixel to get the results.