Components & Templates

Flash Components & Templates

All the latest (and greatest) Components & Templates tutorials, components, news, and inspiration collected from all the websites and blogs, gurus and writers, and assembled here for your easy access. Use the toolbar above to filter the tutorials, components, news, and inspiration to a particular topic, or to view all subjects simultaneously.

  • Exclusive Freebies: PhotoViewer XML and Radar Chart

    xml gallery activetuts

    Everyone likes something for nothing, so why not sink your teeth into these two great free files from the ActiveToFocus team! Check out the demos, download the source then see what else ActiveToFocus have to offer over at ActiveDen..

    Each of these free downloads comes furnished with complete source files and documentation (pdf, doc). For further support leave your comments below or contact ActiveToFocus through their ActiveDen page.

    Freebie: PhotoViewer XML
    PhotoViewer XML is a slick xml image gallery boasting a multitude of features.

    Download PhotoViewer XML

    Demo View It Online

    xml driven
    simple to implement and alter
    accordion menu select
    scrolling image display
    supports swf, jpg, gif, png files
    supports multiple categories
    supports large number of thumbnails
    all styles set through xml
    image zoom in and out
    image rotate
    image resize
    fullscreen

    Freebie: Radar Chart
    Also known as a web chart or a spider chart, this XML driven radar chart…

  • Exclusive Freebie: Preloader Pack

    Summer has started, so let’s mark the occasion with some more free goodies! This month we’re helping kick-start all your Flash projects with a set of 15 preloaders from Carlos Yanez.

    Rotators, masked text, progress bars, percentage indicators; all these preloaders will give you a great foundation on which to build your own.

    Preview
    Here’s a quick preview of the preloaders available in this exclusive pack:

    Plenty of Workfiles to Get Your Teeth Into!
    There are 15 preloaders included in this download; each one comprising of an FLA and a Document Class. Take the workfiles as a basis, add your own effects, filters and animations then use them in your own projects!
    For more information on using preloaders in your work, check out Carlos’ previous tut Create an Apple Inspired Flash Preloader or Karl Macklin’s Comprehensive Guide to Preloading a Single SWF File.
    Enjoy!

  • Personal Portfolio Flash Template – Active Premium

    It’s time for some more Active Premium goodies, exclusively available to Premium members. This time, an XML-based Flash Personal Portfolio template is waiting for you to download; read on to check out the demo and find out more about subscribing to Active Premium!

    You’ll Love This Premium Template
    The Personal Portfolio Flash template is fully-featured and easy to tailor. Customize it with your own logo, contact details, personal information and portfolio samples, all via XML. I’ve also included thorough PDF documentation, psd source files and a short tut to help you on your way.
    What could be simpler? Support ActiveTuts+ by signing up to Premium today!

    Professional and Detailed Instructions Inside
    Premium members can Log in and Download! Otherwise, Join Now! Below are some sample images from the template.

    Active Premium Membership
    We run a Premium membership system which costs $9 a month (or $22 for 3 months!) which periodically…

  • Exclusive Freebie: Personalized 3D Interactive Beach Ball

    It’s time for another Exclusive Freebie; this time AerisT offers a flavor of summer to Activetuts+ readers. Add your own custom beach party logo to this 3D interactive beach ball! The file uses the open-source Papervision3D engine and loads images via XML.

    Download This Exclusive Freebie

    Demo View It Online

    Interactive Demo
    Check out the beach ball with an example logo:

    If you take a look at the demo, you can click and drag the ball to rotate it. You can replace the logo with any image you like! It’s controlled by an external XML file, so you don’t even need to have the Flash authoring environment.

    Baseball Origins
    Recently, a client of mine, who was in the process of designing a website for a kid’s baseball team, asked me to help him spice up the site with some Flash elements. I proposed the idea of incorporating a 3D interactive…

  • Exclusive Freebie: The Piecemaker XML Gallery

    It’s April 1st! Whilst I wouldn’t suggest you take everything on the tuts+ sites seriously today, this post is no joke. Today sees the beginning of monthly Exclusive Freebies – high quality files (website templates, galleries, media players, icon sets..) created exclusively for Activetuts+ readers!
    To kick us off in style, here’s the awesome Piecemaker gallery created by Björn from Modularweb. Besides the freebie, you’ll find extensive documentation and a tut explaining the native 3D features of Flash CS4. Over to you, Björn..

    Download This Exclusive Freebie

    Demo View It Online

    The Piecemaker
    The Piecemaker, a 3D Flash image rotator gallery in the purest sense of the word. It’s Open Source, so feel free to download it, use it in any project you like, learn from it, modify it and improve it if you can. We’d love to see what you do with it. Of course that’s no binding condition, but…

  • Writing a Secure Plugin Architecture for AIR Applications

    If you’ve ever wondered about plugins for AIR applications, I just published a article called Extending AIR Applications With Plugins which hopefully should answer most of your questions.
    The trick to writing a plugin architecture for AIR applications isn’t really so much plugin management (installing, loading, deleting, etc.) as it is plugin security. Plugins that are privileged enough to be really powerful also have enough power to be potentially dangerous, so before an end user installs one, he or she needs to know not only who wrote it, but also that the plugin wasn’t somehow modified prior to installation. That’s where code signing and validation come in.
    The sample plugin architecture I wrote addresses both plugin management and security. The article contains plenty of background on plugin security as well as sample code for an application called "Pluggable SearchCentral" which you can see in action below:

    For more on how to…

  • How to Prepare Your Flash Documents for TV Broadcast

    In my previous article I showed you how to export a code-driven animation for video playback. The problem with writing these things is that everything is wonderful because I get to focus on a single task – but everyone then thinks, “Cool, I can do that” and then discovers they have walked into a minefield because preparing Flash for broadcast requires a lot of work behind the scenes.
    In this article, I am going to walk you through some of the more important things you need to know and do when preparing Flash projects for broadcast.

    A Little Background
    For many of you, it may come as a bit of a surprise to discover that almost from its first release about 15 years ago, Flash animations were quietly moving from computer screens to TV screens. Animations were exported from Flash to QuickTime or AVI videos and subsequently prepared for broadcast…

  • Exporting Code-Driven Flash as a QuickTime Movie

    In the days of Macromedia, working between Flash and QuickTime was rough territory for designers and animators. Then in 2007, when Adobe took the helm and released Flash CS3, a lot of compatibility issues were resolved.
    In this exercise, I am going to show you how a purely code-driven animation can be exported as a QuickTime movie and further enhanced in After Effects CS4.

    Final Result
    The movie below shows the final effect we’re going to work towards:

    Get the Flash Player to see this player.

    var so = new SWFObject(‘http://active.tutsplus.com/wp-content/plugins/flash-player/player.swf’,'player10′,’600′,’350′,’9′);
    so.addParam(‘allowscriptaccess’,'always’);
    so.addParam(‘allowfullscreen’,'true’);
    so.addParam(‘flashvars’,'&file=http://activetuts.s3.amazonaws.com/tuts/064_flashToQuickTime/Preview/BlurryLights.flv&bufferlength=1&skin=http://active.tutsplus.com/wp-content/plugins/flash-player/silver.swf&fullscreen=true’);
    so.write(‘player10′);

    Introduction
    The early days of Flash for broadcast were, to be gentle, a nightmare. Flash movies could only be output as QuickTime format if they were entirely on the timeline. We couldn’t use nested movieclips, ActionScript or Library content. If you were sending a cartoon feature for broadcast, Flash’s 16,000 frame limit meant that the…

  • Dynamic Reflection Generator Class for AS3

    Hot on the heels of our Perfect Alpha Reflections Quick Tip comes this excellent utility class for dynamically reflecting your display objects, courtesy of Martin Christov.

    How do I use it?
    Step 1:
    Copy the ReflectEffect.as file into the classpath of your Flash project (or the same directory as your FLA if you’re not using classpaths).
    Step 2:
    In your code, create a new instance of the ReflectEffect class, passing it the display object that you want it to reflect, like so:
    var reflect:ReflectEffect = new ReflectEffect(movieClipToReflect);
    Step 3:
    Create a new variable for your reflected object and add it to the stage (or wherever you like):
    var reflectedDown:Bitmap = reflect.down(length, fade, offset, blur, alpha);
    reflectedDown.y = movieClipToReflect.y + movieClipToReflect.height;
    addChild( reflectedDown );
    The functions reflect.down(), reflect.up(), reflect.left() and reflect.right() will return a Bitmap of your object reflected in that direction. (Only the “length” parameter is required, the rest are optional.) As you…

  • uBooks Invoicing AIR App

    uBooks has been created to try and make the whole invoicing and payment process for freelancers as simple as possible.
    With its clear layout , intuitive structure and informative and useful report system, uBooks will make your freelancing career that little bit easier!

    Please upgrade your Flash Player

    //
    // version 9.0.115 or greater is required for launching AIR apps.
    var so = new SWFObject(“http://activetuts.s3.amazonaws.com/assets/air_install/AIRInstallBadge.swf”, “Badge”, “215″, “180″, “9.0.115″, “#f0f0f0″);
    so.useExpressInstall(‘http://activetuts.s3.amazonaws.com/assets/air_install/expressinstall.swf’);
    // these parameters are required for badge install:
    so.addVariable(“airversion”, “1.0″); // version of AIR runtime required
    so.addVariable(“appname”, “uBooks”); // application name to display to the user
    so.addVariable(“appurl”, “http://ubooks.ultravisual.co.uk/apps/uBooks.air”); // absolute URL (beginning with http or https) of the application “.air” file
    // these parameters are required to support launching apps from the badge (but optional for install):
    so.addVariable(“appid”, “the app”); // the qualified application ID (ex. com.gskinner.air.MyApplication)
    so.addVariable(“pubid”, “”); // publisher id
    // this parameter is required in addition to…

  • Free XML Horizontal Menu

    The Free XML Horizontal Menu is a practical solution to create a horizontal menu from a XML data file. This product can be used as is or it can be embedded in your project.

    Features:
    - Dynamic XML Driven
    - Unlimited number of items
    - Buttons Width and Height are settable from XML
    - Normal and Ove [...]

  • Freeware Files 2009-09-24 13:33:00

    [...]

  • GUIDER guideline & effect(tween,blur,glow,shadow,resize)

    Description:

    Guider (Flex3 Development)is essential for FLEX or FLASH developer tool that enables FLASH boot line features, at the same time you can use the Effect (tween, blur, glow, shadow, resize), these functions can be combined or used alone. If the development of program, many us [...]

  • Gradient background color changer

    In this tutorial you will learn how to use the AS3 Color Picker component to change the color of your gradient background. I will show you the technique of creating a nice gradient background

    Note: In order to complete this tutorial you need to download TweenMax library. Do it by clicking here. Unzip the downloaded file in the same directory as the Flash files!
    1. Open a new Flash document and save it under “ColorPicker.fla”. Set the size to 450 x 200 pixels.
    2. Take the rectangle tool, disable the stroke color, for fill color choose #999999 and then draw a rectangle with the same size as the document size. Convert the rectangle to movie clip and give it an instance name “bg”. Align the movie clip so it covers the stage.
    3. Create a new layer called “color picker”. Go to Window -> Components and drag a ColorPicker component to the stage. Give it…

  • Free Custom Actions Component for Flash CS4

    This Custom Actions Component enables code hints and code highlighting for custom classes in Flash CS4.

    How do I install it?
    Open Adobe Flash CS4, go to Help > Manage extensions, then just click "install" and locate the .mxp file.
    How do I use it?
    Go to window > other panels > Custom actions. In the window which opens, click on the button "+" and select a custom class ActionScript file (.as) which you´ve made, or you´ve downloaded. When you’ve added all the classes you want, just restart Adobe Flash CS4 and test your code hints.
    Important!
    The component will list all public function keywords, so your custom class must have the public, protected, internal and private keywords with the function keywords. It also lists public constants, public variables and public functions setter and getter as properties.
    I made this component for my own use, but am happy to share…

  • AS3 Currency Converter

    In this tutorial I will show you how to create a Currency Converter using ActionScript 3 and Flash Components. The calculations are made in runtime, no button clicks needed!

    1. Open a new Flash document and save it under “CurrencyConverter.fla”. Set the document size to 400 x 250 pixels and for color choose #CCCCCC.
    2. Open the Components Panel by clicking Window -> Copmponents and drag two List Components. Make them 145px wide by 100px high. Give the first List component instance name “fromList” and the second “toList”.
    3. Go to the Components Panel again and drag a TextInput component. For instance name type “input_txt”. Position the TextInput somewhere over the first List component.
    4. Take the Text Tool and create a dynamic text field somewhere over the second List component. Give the text field instance name “result_txt”. Set its properties like this:

    I think you got the idea. The user types the…

  • Everything You Know About CSS Is Wrong!

    Everything You Know About CSS Is Wrong! – Free 37 Page Preview!
    For web designers and developers who want to ensure they’re using the very latest, best-practice CSS techniques.
    Everything You Know About CSS Is Wrong! is an eye-opening exposé on CSS as we know it today. You’ll discover a fresh approach to coding Cascading Style Sheets where old hacks and workarounds are just a distant memory. You’ll learn how to start taking full advantage of the very latest CSS techniques while still catering for older browsers and discover what’s put the final nail in the HTML table-based layout coffin.
    Offered Free by: SitePoint

    Get it
    from Flashtuts+

  • Simple AS3 Contact Form Using PHP

    This contact form class is super-customizable and simple to use. I’ve used it in lots of projects and it’s easy to make it look different every time. Pretty much everything can be easily customized including all the colors and text and validation copy. Requires a server running PHP for the email to send.
    Free for any use other than reselling.

  • ActionScript 3.0 WYSIWYG Text Editor

    Hey guys, this is an ActionScript 3.0 WYSIGYG text editor. It loads all of the fonts from your system, includes color-changing, adding links, bold, italic, underline, alignment, and font size.
    It’s a complete OOP Class, with Event Listeners built in and ready to go! (Unlimited use).

  • Sexy Web Design

    Sexy Web Design – Free 71 Page Preview
    An easy-to-follow guide that reveals the secrets of how to build your own breathtaking web interfaces from scratch.
    You’ll be guided through the entire process of creating a gorgeous, usable web site by applying the timeless principles of user-centered design. Even if you’re short on design skills, with this book you’ll be creating your own stunning web sites in no time at all.

    Get it
    from Flashtuts+

  • AS3 Fullscreen Scrollbar

    This scrollbar is coded in AS3 and will automatically resize according to the amount of content, unlike a lot of other Flash scrollbars. You can set the track color, grabber color, grabber press color, grip color, track thickness, grabber thickness, ease amount and whether or not the grabber is “shiny”.

  • Robot Walkcycle

    This Flash source file contains a rigged and animated robot walk cycle. Who doesn’t like bots?

  • XMLLoader Class 3.0

    Quickly load and manage Multiple XML files.

  • PHP Form

    A simple php form.

  • Image Panning Component

    What can you change from the Properties Panel?
    - the size(width,height) of the component
    - the content path of the picture/swf file
    - the offset(how close you need to be from an edge to reach the end of the photo)
    - preloader on/off
    You can use this component in a lot of projects, especially im [...]

  • XML Simple Drop-Down Menu

    This is a very basic but nice xml menu. It has two leves, and it’s highly customizable via xml.

    You can change from the *.xml :
    - the color of the menu
    - the color on roll over
    - the color of the text
    - the width of the menu
    - the height of the menu
    - the font size

    To change the font, ju [...]

  • Futuristic Preloader

    Futuristic Preloader

    Included files:
    - Preview Flash8 fla file swf
    - Main Flash8 fla file swf
    - Help file

    Works with flash8 or higher.

    Font used: Arial Black

    easy to use like any preloader: just put on the first frame.

    This preloader shows total bytes, loaded bytes, left bytes to [...]

  • Origramy Flash Graph Component

    Origramy is a XML-driven flash graph component specially made for building, editing and displaying graphs and diagrams of various kinds. In two modes of the component webmasters and developers can fast and easily create, modify and present any graphs, presentations, flowcharts, organization structur [...]

  • Flames Filter

    Flame up your text or symbols (movieclips) nice and easy.
    This is a filter pattern for the FlashEff plug-in. FlashEff is free and can be downloaded from http://www.flasheff.com

    Instructions
    1. Go to http://www.flasheff.com download and install the free version component.
    2. Install the UFEFFla [...]

  • Clasic Tooltip

    Display a tooltip for any movie clip or button instance with just one simple line of code:

    my_mc.tip("Some tooltip string here");

    where "my_mc" is the name given to the movie clip/button instance.
    It is very easy to customize.

    Support only on our Classic Tooltip Public Suppor [...]


'>How to create a top quality logo for your company
  • Remove a Section of Your Photo

    • Subscribe to RSS headline updates from: GurusUnleashed
    Powered by FeedBurner

  • Design & Career Resources

    Open design job and RFQ/RFP listings for Thursday, 29 July Courtesy of Design Jobs Live!
    The latest resources and free stuff (like textures, fonts, Photoshop brushes, scripts, plug-ins, and much more!) from workflowFreelance.com. Read more!
    The latest headlines from workflowFreelance.com. Read more!

  • Popular Search Terms

    Curious what others are searching for? Below are the most popular search terms over the last 30 days.

    • Member Site

    Empowering, Informing, Connecting
    Creative Professionals™

    www.WorkflowNetwork.com

    By Pariah S. Burke

    Get Empowered

    Get Informed

    Get Connected

    Member Site

    Empowering, Informing, Connecting
    Creative Professionals™

    www.WorkflowNetwork.com

    By Pariah S. Burke

    Get Empowered

    Get Informed

    Get Connected