Tutorials for Web Developers - Graphics

Flash

The Flash Animator
New Riders

Whether you want to splatter paint with your Wacom tablet or draw line art with a mouse, Flash offers an array of choices. This excerpt from The Flash Animator focuses on the various tools artists can use to draw in Flash.

Skip Intro: Flash Usability and Interface Design - Part 3
New Riders

Skip Intro is designed to help educate the Flash community specifically and designers/programmers at large that usability isn't a dirty word. It doesn't mean making boring pedestrian web sites, and it doesn't mean abandoning Flash. This weeks installment covers Testing Your Work and Making the Component. From New Riders Publishing.

Skip Intro: Flash Usability and Interface Design - Part 2
New Riders

Skip Intro is designed to help educate the Flash community specifically and designers/programmers at large that usability isn't a dirty word. It doesn't mean making boring pedestrian web sites, and it doesn't mean abandoning Flash. Skip Intro guides designers through understanding the site requirements and their intended users and then starts them down the road of developing for those users, by taking them step-by-step through design scenerios, rather than providing strict rules of usability.

Skip Intro: Flash Usability and Interface Design
New Riders

You know you need good user interface design. You've heard that 99% of Flash is bad. You want to start creating Flash sites with a good UI, but you just dont know where to start. If so then this is the book you've been looking for.

Flash 5 Tutorial: Part 1
Shawn Ryder

Flash 5 is the latest version and includes numerous upgrades and additions over previous versions. This is the first in a series of articles to help users learn how to use this version

Flash 5 Tutorial: Part 2
Shawn Ryder

This second installment discusses how to import and use sounds inside Flash files as well as the manipulation of objects. Flash 5 is the latest version and includes numerous upgrades and additions over previous versions.

Flash 5 Tutorial: Part 3
Shawn Ryder

From here to there.... in a flash! Learn the vagaries of 'tweening' in this third Flash tutorial from Shawn Ryder!

Flash 5 Tutorial: Part 4
Shawn Ryder

In this installment, Shawn investigates the use of ActionScript in the Flash application. He offers some ideas on what it can be used for, the fun things that can be created, and an idea of what the future is going to be like with the scripting language.

Flash 5 Tutorial: Part 5
Shawn Ryder

In this fifth installment we will begin to use some of the skills we have learned in the previous Flash tutorials. We will examine some of the techniques used for creating games and interactive Web sites using ActionScript with Flash.

Flash 5 Tutorial: Part 6
Shawn Ryder

This month we're going to take a look at the creation of a custom cursor, and how to import text files into a Flash file. We'll also talk about using some basic HTML commands with these text files, to allow for links and various text features, such as bold and italic, to be created.

Macromedia Flash 5 Developer's Guide: Part 1
McGraw-Hill

This up-to-date definitive guide offers information on extending Flash 5 into sophisticated, online media development. This is the first installment of Chapter 20. This week's excerpt covers an overview of Flash, an introduction to 3D using strata, transformation tools, and a project to build a spaceship.

Macromedia Flash 5 Developer's Guide: Part 2
McGraw-Hill

This week's excerpt covers modeling basics using Strata and the Bézier surface. This up-to-date definitive guide offers information on extending Flash 5 into sophisticated, online media development. This is the second installment of Chapter 20.

Macromedia Flash 5 Developer's Guide: Part 3
McGraw-Hill

This week's excerpt covers animation in Swift 3D and primitive character animation. This up-to-date definitive guide offers information on extending Flash 5 into sophisticated, online media development. This is the third installment of Chapter 20.

Macromedia Flash 5 Developer's Guide: Part 4
McGraw-Hill

The final installment covers a different approach to Amorphium Pro. This up-to-date definitive guide offers information on extending Flash 5 into sophisticated, online media development. This is the fourth and final installment of Chapter 20.

Bride of Flashenstein
By PSWoods

Flash developers are already doing lots of cool stuff with Flash/JavaScript, but you have to do a little digging to get started. Well, here is a good place to break ground...

Tricks & Data, Flash Yin & Yang
By PS Woods

Bubba, a typical client, wants you to build a Flash application that will allow him to input and display showtimes at his movie theatre. In addition, he wants to be able to update his showtimes in a .txt file that the Flash movie can read. Yin-n-Yang walks you through just such a scenario and shows you how to give Bubba precisely what he wants.

0 to 60 in Flash
By PS Woods

Flash is the hottest thing in web animation. This first of a four part tutorial will introduce you to creating animations with Flash.

Part 2: Tweening

Last week we covered the basics of Flash including the beginning creation of our first Flash movie. This week we'll continue developing our movie and explore composing images, touching on gradients and file-size.

Part 3: Today's Show: Babies Having Babies

Now that we're getting familiar with creating in Flash, it's time to add those little extras to make our movie more advanced. In the third part of our 0 to 60 in Flash series, we'll add interactivity with actions and gain control with variables.

Part 4: Publishing

The final installment of 0 to 60 in Flash leads you through publishing your first Flash movie for viewing in a web browser. As a bonus you'll also learn how to combine javascript functions with your movie and add sound effects to a button!

Photoshop

Heavy Metal: Metal and Chrome Effects
New Riders Publishing

This is an excerpt from the book Photoshop 6 Down and Dirty Tricks by New Riders Publishing. Yes, this is the very same book that's been among the best-selling Photoshop 6 books since its release. This first installment covers metal and chrome effects and arched cutout type.

Heavy Metal: Metal and Chrome Effects - Part 2
New Riders Publishing

In this installment we look at how the Star Wars logo was created. This is an excerpt from the book Photoshop 6 Down and Dirty Tricks by New Riders Publishing. Yes, this is the very same book that's been among the best-selling Photoshop 6 books since its release.

Heavy Metal: Metal and Chrome Effects - Part 3
New Riders Publishing

In this installment we look at how to create reflective chrome effects and airbrushed chrome gradient. This is an excerpt from the book Photoshop 6 Down and Dirty Tricks by New Riders Publishing. This is the final installment.

An Introduction to Adobe Photoshop
Selena Sol and Kenji Tachibana

A three half day course for the novice to intermediate Photoshop user.

Paint Shop Pro

An Introduction to Paint Shop Pro 5
Linda Cole

Designed to initiate the newcomer to the program as well as orient the seasoned Paint Shop Pro user with the new interface and features.

Getting the Most From Your Effects
Linda Cole

Third party filter fever getting you down? Learn how to use the built-in effects of Paint Shop Pro to find a cure!

From Flat to 3D
Linda Cole

Three D geometric shapes are not all that difficult to create with a 2D program, they just take a little practice. Join us and learn how to create 3D geometric shapes in PSP7 through the use of shadows and proper shading, with a little help from the deformation tool.

3D Text with PSP 7
Linda Cole

Let's face it. At some time or another we all have a need for a 3D effect, but not all of us have a 3D program handy. Join us and explore the possibilities and methods for creating 3D text with Paint Shop Pro 7.

Victory with Vectors; or How to Create Curved Text with PSP7
Linda Cole

Creating vector text can be as simple or as complicated as you want to make it. For most of us, creating text on a path and fitting existing text to a path is all we'll ever need. Enter the world of curl...

Slicing and Dicing with PSP 7
Linda Cole

Slicing images up into sections for placement in a table has been the webdevelopers bane since it was first discovered that cool designs could be created with tables, and images would load faster if they were cut up into smaller pieces. Definitely not a fun time, but Jasc has come to the rescue with it's latest release of Paint Shop Pro! PSP7 includes several new web features, one of which is a slicer that handles the job very well.

The Web Side of the Street

Pictures on my Web Site - How?
Web Developers Journal

In this excerpt from The ABCs of Building Web Sites, Charlie Morris takes the "clueless newby" through the basics of adding images to a webpage.

Designing Winning Ad Banners
By Charlie Morris

How to design banners using graphic tools like Photoshop or Paintshop Pro, along with animated GIFs, Java, Shockwave and HTML banners.

Banner Ad Management Software
By Charlie Morris

There is strong demand both for outsourced ad management and for software solutions that can be run in-house by publishers. Most of the top-end ad management outfits now offer both options.

HTML for Web Graphics
Alan Richmond

The basics of adding images to your web page.

The IMAGE Tag

Embed a graphic image in the document.

Hyper-linking Images

Turn your graphic into a link.

Client-Side Imagemaps

With client-side image maps, the MAP that relates parts of the image to different URLs is stored in the current file.

Server-Side Imagemaps

If the ISMAP attribute is present in the IMG tag, and the image tag is within an anchor, the image will become a "clickable image".

Imagemaps
Quadzilla Archive

The next in the series; D.J. Quad's Ultimate Imagemap Tutorial. Here you'll find out how to make Imagemaps for your Web page.

HTML Bag of Trix
Quadzilla Archive

Here are some general Tips and Tricks I even use as a reference daily.