View Cart

 

Create a Clock and Calendar using Actionscript 3.0!

Hang around and create this nice little date and time clock/calendar using Actionscript 3.0! We will cover grabbing the correct time from the user's computer and punching that info into dynamic text fields. This tutorial should be pretty easy to follow so spend a few minutes, try to create your very own clock, and learn a thing or two!

Clock :: Calendar:: Scripting:: Automatic:: AS3

 

 

How to Create a Growing VInes Animation!

In this tutorial we will use Flash to create the oh-so popular growing vines animation look. We will do it in two different ways; first, we will do a quick masked shape and shape tween under the mask after that we will do it the "right" way and build a frame-by-frame animation that makes this little flourish look like it is really growing. If you want to learn how to animate this effect, this is the tutorial for you. Enjoy!

Vines :: Florals:: Timeline:: Animation:: Frames

 

 

Draggable Mask with Actionscript 3.0!

Here we have a tutorial taken from the Tutvid.com July August newsletter. We will use Flash and Actionscript 3.0 to create a mask that can be dragged around to reveal an image underneath. Very cool, very easy, and very easy to edit as well.

Masking :: Dragging:: MouseEvent:: Functions:: AS 3.0

 

 

Motion Tweening in Flash CS4!

Here again we have a video of one of the tutorials in the June-July 09 newsletter! This one is on using Flash CS4 and the new Motion Tweening Engine to tween and just the basics of creating a tween using the "new" motion tween in Flash CS4 and we even touch on how to just tween the "old" way which in many cases is just what you will want to do.

Motion :: Tweening:: New Tweens:: Classic:: AS 3.0

 

 

Dynamically Load External Images and SWF files! AS 3.0!

Welcome to this tutorial! Today we are going to take a look at Loading Images and SWF files that are not actually in your Flash document dynamically using Actionscript 3.0. This can be especially useful if you are creating a website or gallery with a lot of content as it gives your website user control over what actually gets loaded. Enjoy!

External :: Files Images:: JPEG, GIF, PNG:: Loading:: AS 3.0

 

 

Creating a Simple XML Powered Photo Gallery AS3!

In this video we will create a complete, yet simple XML gallery. This tutorial is somewhere between Interemediate and Advanced level so if you know a little bit about actionscript you should be just fine, but if you are adventurous you should be able be fine no matter your skill level. We will create nice click-through gallery using XML and actionscript 3.0.

XML :: Gallery:: Photography:: Loading:: AS 3.0

 

 

Working With Flash Video (FLV) -- Actionscript 3.0!

In this video we take a brief look at some of the basics of working with Flash Video. WE convert to the FLV format, learn some way of transforming the video, including, using the new 3d Rotate tool, we also make a simple stop and play button setup.

FLV :: Encode:: Media:: 3D Transform:: AS 3.0

 

 

Drop Down Menu in Flash CS4 with Actionscript 3.0!

Creating a Drop Down Menu for your website is perhaps the most requested and hotly searched item for designers across the web. In this tutorial we will take a look at how to build a Flash Actionscript 3.0 Drop Down Menu which is easy to add drop down sections to, and pretty simple to setup. The beauty of this technique is that once you have built on Menu you can simply take it and do a few color changes, or Menu/ Text changes and you have a brand new Drop Down Menu.

Drop Down Menu :: Navigation:: Children:: Display List:: AS 3.0

 

 

Slide to Unlock iPhone Style Slider!

In this video we will use Flash to take this iPhone look-alilke and make that little slide to unlock slider actually work. When you click and drag it across it will enter the icon interface of the virtual iPhone. This is a cool technique you can use for way more than just this iPhone. The techniques learned in this video can be used in all kinds of interfaces and web applications! We will learn a little about tweening with actionscript 3.0, eventlisteners, dragging movieclips, importing a psd from Photoshop right to Flash, and lots of other cool tips and tricks.

Tweening :: Actionscript :: iPhone Style:: Special Effect:: AS 3.0

 

 

Animate a Business Card with 3D in Flash CS4!

Using a few simple techniques we will build and animate a business card in Flash. The idea is that when the user clicks the business card it flips over and diplays information on the back and when it is clicked again it flips back over and displays the front again. We will cover using the Motion Editor to tween using the 3D rotation tools in Flash CS4 as well as scripting the button to react to a click only when in a certain position. Check it out and have a blast.

3D :: Motion Editor:: New Tween:: X Y Z:: AS 3.0

 

 

Tweening with Actionscript 3.0!!

40+ minutes of video on tweening with Actionscript 3.0. We are going to start out simple with a simple fade in animation and things will get more complex from there. I do label this tutorial advanced, but I try to explain everything out in a decent way which should allow you to learn even if you do not consider yourself an "advanced" flash user. We will learn about the tween class, creating tweens, timers, timer events, tween events, using event listeners, functions, and lots of other little things along the way! Download the starting image from the site!

Tweening :: Actionscript :: Dynamic:: Easing:: AS 3.0

 

 

Wavey Glass Styled Button Rollovers!!

For those of you that remember just mere months ago the "older" version of tutvid.com was a bit different looking than the new. On the tutorials page for the various programs I make tutorials on I had these sort of flowing glass rollovers. This tutorial is how to make exactly those buttons. Pretty easy, but also pretty tricky, but nothing too, too difficult. We will take a look at tweening in the timeline to create a seamless loop, using the pen tool a little, masking, reversing many frames at at time and more!

Seamless :: Looping :: Glass:: Flowing:: AS 3.0

 

 

Flash CS4: Creating Full Screen Flash Movies and even Flash Video!

Well here it is, one of the tutorials I get so many requests about. We will cover using stage.displayState to set the stage to full screen and further control whether or not the actual content of the SWF file or the video fills the screen or if the background color of our flash file's stage fills the screen. We will also create a mini-controller which will allow us to toggle between the full screen and normal view modes. This is NOT using the skins available to us in the Import Video dialog, we will actually be doing a little coding here.

StageDisplay :: fullScreenTakeOver :: Controlling Video:: No Scaling:: AS 3.0

 

 

Slide Out info Panels using Actionscript 3.0! Flash CS4!

Well now in addition to your flash master piece you can now add this rollover panel which pops up and displays the info of your choice, matter of fact do a little duplicating and changing a few instance names and that panel can become those panels. Very easy to do, just don't get lost in the small maze of instance names. Follow along with me as I create Information Scroll or Pop up panels in Flash CS4! NOTE: Flash CS3 is more than adequate for this tutorial as we are using Actionscript 3.0, nothing is CS4 specific.

addEventListener :: Animated :: Child :: If Statement:: AS 3.0

 

 

Create an Actionscript 3.0 Preloader in Flash CS3!

Check out this super easy to customize and edit preloader in flash! It is based on actionscript 3.0, simple to build and code, and even easier to edit! The beauty of this preloader is you can essentially create it one time and copy the vector graphics and coding to any flash project you are working on and WHAMMO! you have a nice preloader ready to go!

Progessive :: Loader :: Listener :: If Else:: AS 3.0

 

 

Importing Video Directly Into Flash CS3! Flash Video Conversion!

Learn all about importing and compressing your video files and converting them to flash video! We will cover Importing flash video, Compressing the video using presets, compressing just the video or just the audio, adding cue points and using cue points, and cropping, trimming, and resizing your video. We will also learn how to use the basic skins provided to us by Adobe in Flash to skin our video components.

FLV :: Import :: Export :: Cue Points:: Compression

 

 

Create an Actionscript 3.0 Navigation Bar with a Sliding Light!

Lets dive into Actionscript 3.0! Here using Flash CS3 we will create a Navigation Bar with a sliding glowing bar which will indicate to the user which button they are selecting as well as looking pretty cool! All kinds of little things in this one, enjoy!

Rollovers :: Navigation :: Listeners :: Scripting :: AS 3.0

 

 

Creating a Photo Gallery with Scrolling Thumbnails w/ Actionscript 2.0!

In this tutorial we will build off of the the scrolling thumbnails video and take it to the next level by building a fully functional gallery with a bonus randomizer button. Learn about using variables and rounding numbers and navigating time lines within a flash movie with actionscript.

Interactivity :: Buttons :: Scrollers :: Random :: AS 2.0

 

 

Building a Simple Actionscript 3.0 Sound Player!

In this video we will connect a a play and pause button to an external source of sound. We will get the sound both from our hard drive and from the live web and build a mini sound player with a simple play and stop button! We will be using Actionscrip 3.0 and learning about URLRequests as well as the Sound, SoundMixer, and SoundChannel classes.

Loading :: Mp3 :: Sounds :: Media :: AS 3.0

 

 

Using a Custom Class to Add Dynamically Placed Flying Birds to a Movie!

In this video we will draw and animate a bird(a pretty sad looking bird if I so so m'self) and then we will use Actionscript 3.0 to load (aka get)it out of the library and place it at a random start point and let it fly across the screen. Lots of great script in this one!

Classes :: Random :: Dynamic :: Symbols :: AS 3.0

 

 

Flash 101: The Drawing Tools

In this video I assume you know nothing about drawing in flash and do my best to cover pretty well every aspect of using the drawing, transforming, and filling tools in Flash. Learn all kinds of neat little tricks and maybe solve some of the frustrating problems you have had with flash in the past!

101 :: Tools Panel:: Gradients :: Shapes :: Interface

 

 

Creating Advanced-Looking Buttons with Ease in Flash!

In this video tutorial we will learn about advanced-looking but not-so-hard-to-create buttons. These kind of buttons are all over the web in just about ever kind of flash site out there! Follow along with this video even if you do not have CS3 and you should have no problems! There is virtually no scripting which also makes this one much easier.

Button Symbols :: Navigation :: Animate :: Multi-State :: AS 2.0

 

 

Create a Simple Calculator in Flash Using Actionscript 3

In this video we will start with a blank flash document and build using flash drawing tools and lots of actionscript a simple functioning calculator which performs Addition, Subtraction, Multiplication, and Division. Have fun with this one and learn lots of Actionscript 3.0!

Mathmatics :: Scripting :: Actions :: Inputting Numbers:: AS 3.0

 

 

Create a Password Protected Part of a Flash Movie!

Learn how to Password protect part of your flash website in this video tutorial. This is using Actionscript 3.0 so you will nedd CS3 or newer. Now while this is not particularly the most secure method of locking up data on the web you can learn some useful techniques in this video as far as using input text fields and actionscript together. Have fun with it!

Input Fields :: Protect :: Timeline :: Button Action:: AS 3.0

 

 

Creating Next and Previous Buttons for a Photo Gallery!

This is a response for the Flash Gallery tutorial showing how to create prev and next buttons for the gallery. If you have questions about any tutorial send me an email and I might just create a video for you!

Next Button :: Previous Slide:: Scripting :: Actionscript 2:: AS 2.0

 

 

Get Started with Actionscript 3.0 and Buttons in Flash CS3!

In this video we will learn how to communicate with and use buttons in Flash CS3 using Actionscript 3.0. There have been some significant changes to the way flash deals with buttons etc... but this video will solve your problems! We will cover editing a symbol's alpha, navigating a time line, and linking to a URL or Website on the web via your flash button.

Listeners :: Buttons :: Linking :: Children :: AS 3.0

 

 

Load External Text and Images Dynamically w/ AS 2.0 in Flash!

Welcome to this video tutorial! In the following video we will learn how to load text from a text file sitting on a web server and display it in flash using dynamic text and actionscript. We will also learn how to load jpg,gif,png, and swf files using actionscript. All of the files loaded into our flash movie will be loaded from an external web server! Actionscript 2.0 is the actionscript version used in this video.

Importing JPEG, GIF :: PNG, SWF:: Dynamic Text:: Loaded :: AS 2.0

 

 

Creating a Strip of Scrolling/Sliding Thumbnails!

We will start with nothing more than a blank Flash document and 10 100px X 100px thumbnails and from that little bit we will construct this sweet scrolling thumbnail bar. This thumbnail bar will move in different directions depending on where the users mouse is. It will also stop when the user rolls onto a certain part of it and each thumbnail will light up as the user rollover each individual thumbnail! Lots to learn!

Thumbs :: Mouse-Activated :: Scrolling :: Rollover :: AS 2.0

 

 

Learn how to Animate a Logo in Flash!

We will take the logo and go through some different stages of animation using masks and both shape and motion tweens as well as a neat trick for creating animated sparkles with relative ease.

Animation :: Identity :: Masking :: Sparkles :: AS 2.0

 

 

Make a Nice Thumbnail Based Photo Gallery!

We will make a nice little photo gallery in Flash in the following tutorial. All you need are a few images and a few thumbnails for them, the rest is just follow along and it works with any images!

Gallery :: Thumbs :: Presentation :: Scripting :: AS 2.0

 

 

Create a Flash Drop Down Menu!

In this tutorial we will start from scratch and build a navigation bar and then convert one of the buttons to a drop down button. We will also learn how to link the buttons within the drop down to sites and pages out on the web!

Naviagtion System :: Flash Menu:: getURL :: Actionscripting :: AS 2.0

 

 

Change your Mouse Cursor and Blow it Up Using Actionscript!

In this video we will learn how to change the users mouse cursor to a piece of artwork we made and then make it explode when a users clicks on a certain area of the stage! We will also touch on some basic Dynamic text! Watch, Learn, Enjoy!

Scripting :: Mouse :: Swap Out:: Clicking :: AS 2.0

 

 

Actionscript 2.0 for Beginners! 101

This tutorial is the basics of Actionscript 2.0. If you are using Flash CS3 or newer you are using Actionscript 3.0. You can however switch back by following this quick video: http://youtube.com/watch?v=TdmRCiu2Xrk In this video we will learn the basic things you will need to know to get yourself ActionScripting in no time!

ActionScript Basics :: ActionScript 2.0:: Scripting :: Coding :: AS 2.0

 

 

Creating a Simple Auto Advancing SlideShow Photo Gallery!

Learn how to make a Photo gallery that switches to the next photo-not using a button- but when a certain amount of time has expired!

Intervals :: Functions :: Photography :: Scripting :: AS 2.0

 

 

Motion Tweening in Flash! All the Basics!

This tutorial is the beginners guide to Motion Tweening! Motion tweening is one of the best and easiest ways to animate just about anything! Learn how to do in a matter of minutes! We will also make a simple image fade & swap movie using the skills you will have learned!

Tween :: Symbols :: Animate :: Fade :: Swap Images

 

 

Changing the Default SWF Contexual Menu with Actionscript!

We will learn how to make changes to that menu that appears when you right click on a Flash movie, otherwise known as the contextual menu. By the end of this tutorial you will be able to add or take out options displayed in the menu as well as make different menus appear over different symbols.

Context :: Right-Click :: Menu :: Add Items:: AS 2.0

 

 

Changing Colors Via Actionscript 2.0 in Flash!

In the following video we will learn how to change the color of a single, or multiple objects using actionscipt and we will program buttons that will allow users to make the changes to your movie!

Colors :: Vector :: Animate :: Changing :: AS 2.0

 

 

Create a Navigation Bar and the General Basics of Buttons!

Learn all about the basics of buttons in Flash and make this cool navigation bar with your new skills. Using Multi-State Button Symbols and some very simple Actionscript we will create a nice and simple Navigation Bar which can easily be colored using the color options.

Navigation :: Nav Bar:: Linking:: ActionScripting :: AS 2.0

 

 

Creating a Simple Preloader for Your Flash Movies!

Make this simple preloader(loading bar) or take it to the next level with the later part of the tutorial.

Progress Bar:: Load Bar:: Load Progress:: Dynamic Text:: AS 2.0

 

 

Creating a Simple Sound Player with Volume Slider!

Create this Volume slider with Simple Music Player quickly and easily! This is a pretty simple tutorial but still requires a little ActionScripting.

Volume :: Adjusment :: Load Sound:: Library :: AS 2.0

 

 

Controlling MovieClips, Dragging and Playing Them!

Check out this tutorial on allowing users to stop and play movie clips AND drag movie clips as they wish! Learn a bit of Action Script as well!

Actionscript :: Control:: Functions :: Scripting :: AS 2.0