Here at Webnoobie we love tutorials! The only problem was that we couldn't find many that were good or free. We decided to create this site with a list of all the best tutorials that we could find on the web, and if we can't find it, we will just have to make one ourselves. Please feel free to browse our tutorial selection that includes Dreamweaver, Photoshop, Illustrator and Flash. If you don't see one you like just let us know and we will create it for you!
Adobe Dreamweaver (formerly Macromedia Dreamweaver) is a web development application originally created by Macromedia, and is now developed by Adobe Systems, which acquired Macromedia in 2005. Dreamweaver is available for both Mac and Windows operating systems. Recent versions have incorporated support for web technologies such as CSS, JavaScript, and various server-side scripting languages and frameworks including ASP, ColdFusion, and PHP.
Create a rollover image -
A rollover image is an image that changes to some other image when you or your customer rolls the mouse over it. Rollover images can cause your Web pages to load more slowly, as they can require nearly double the space of a single image. So be sure that it's something you need before you do it.
Understanding the properties panel -
The properties window changes depending upon which tag or element is highlighted. This allows you to change the properties of the exact element you're working on at that moment. For example, if you've highlighted an image, the properties panel will have fields for the alt text, height and width, the source of the image, and where it should link to. You can even turn the image into an image map right in the properties panel. If the current focus of the document is text, the properties panel will allow you to set things like the style, font size, and alignment.
More Dreamweaver Tutorials...
A rollover image is an image that changes to some other image when you or your customer rolls the mouse over it. Rollover images can cause your Web pages to load more slowly, as they can require nearly double the space of a single image. So be sure that it's something you need before you do it.
Understanding the properties panel -
The properties window changes depending upon which tag or element is highlighted. This allows you to change the properties of the exact element you're working on at that moment. For example, if you've highlighted an image, the properties panel will have fields for the alt text, height and width, the source of the image, and where it should link to. You can even turn the image into an image map right in the properties panel. If the current focus of the document is text, the properties panel will allow you to set things like the style, font size, and alignment.
More Dreamweaver Tutorials...
Adobe Flash (previously called Macromedia Flash) is a multimedia platform originally acquired by Macromedia and currently developed and distributed by Adobe Systems. Since its introduction in 1996, Flash has become a popular method for adding animation and interactivity to web pages. Flash is commonly used to create animation, advertisements, and various web page components, to integrate video into web pages, and more recently, to develop rich Internet applications.
Introduction to motion tweening -
Motion tween is nothing but tweening a Symbol's movement from one position to another.
To implement Motion Tween all that you have to do is, provide Flash with Symbol's initial position and the end position. Rest is taken care by Flash. Isn't it really simple.
Auto photo gallery (no buttons) -
Photo galleries are very popular on the web, wouldn't it be nice to learn how to create your own and customize it the way you like. Watch this video tutorial and it will teach you what your looking to do! Place photos and have your mouse move the thumbnails to the next, no buttons required!
More Flash Tutorials...
Motion tween is nothing but tweening a Symbol's movement from one position to another.
To implement Motion Tween all that you have to do is, provide Flash with Symbol's initial position and the end position. Rest is taken care by Flash. Isn't it really simple.
Auto photo gallery (no buttons) -
Photo galleries are very popular on the web, wouldn't it be nice to learn how to create your own and customize it the way you like. Watch this video tutorial and it will teach you what your looking to do! Place photos and have your mouse move the thumbnails to the next, no buttons required!
More Flash Tutorials...
Adobe Photoshop, or simply Photoshop, is a powerful graphics editing program (also known as a DPP, Desktop Publishing Program) developed and published by Adobe Systems. It is the current market leader for commercial bitmap and image manipulation software, and is the flagship product of Adobe Systems. It has been described as "an industry standard for graphics professionals"[1] and was one of the early "killer applications" on the PC.
The pen tool -
The Pen Tool makes appearances across almost the entire Adobe product range. Its function and behavior varies depending on the application, but by mastering it youll find you work quicker, smoother and with better results. This guide will give you a comprehensive basis for working with the Pen Tool in Photoshop.
Fills and Gradients -
Learning to use Gradient fills in Photoshop® adds a touch of flair to a two-dimensional picture. By spreading out the colored pixels over a selected area, blending from one to the other, you can create graduated amounts of seamless color. In addition, gradients can be black and white.
More Photoshop Tutorials...
The Pen Tool makes appearances across almost the entire Adobe product range. Its function and behavior varies depending on the application, but by mastering it youll find you work quicker, smoother and with better results. This guide will give you a comprehensive basis for working with the Pen Tool in Photoshop.
Fills and Gradients -
Learning to use Gradient fills in Photoshop® adds a touch of flair to a two-dimensional picture. By spreading out the colored pixels over a selected area, blending from one to the other, you can create graduated amounts of seamless color. In addition, gradients can be black and white.
More Photoshop Tutorials...
Adobe Illustrator is a vector graphics editor developed and marketed by Adobe Systems.The latest version, Illustrator CS4, is the fourteenth generation in the product line. Numerous new features include multiple artboards in a single document, a "blob brush" that is similar to the brush in Adobe Flash, and support for transparency in gradients among other features.
Live Trace -
The live trace tool enables you to change photos into vector-based drawings, allowing you to resize any image without losing quality. Learn how to use live trace in Adobe Illustrator.
The pathfinder tool -
If you aren’t familiar with Illustrator’s extremely handy “Pathfinder” palette, you might sit down for a few moments to play with it, because it is a true time saver, and an excellent tool for manipulating paths. First, of all let me say that “Pathfinder” is a horrible name for this palette. It doesn’t actually “find” paths. It makes it easy to combine paths, divide objects, subtract shapes, etc.
More Illustrator Tutorials...
The live trace tool enables you to change photos into vector-based drawings, allowing you to resize any image without losing quality. Learn how to use live trace in Adobe Illustrator.
The pathfinder tool -
If you aren’t familiar with Illustrator’s extremely handy “Pathfinder” palette, you might sit down for a few moments to play with it, because it is a true time saver, and an excellent tool for manipulating paths. First, of all let me say that “Pathfinder” is a horrible name for this palette. It doesn’t actually “find” paths. It makes it easy to combine paths, divide objects, subtract shapes, etc.
More Illustrator Tutorials...
Jobs powered by Simply Hired