Productivity & Graphics Site

Macintosh

Windows

StuffIt

Graphics

Utilities

Aquazone

Mobile

Content Paradise

Quick View Other Tutorials    Anime Studio Tutorials     Frame by Frame Animation     Hippo Tutorial     Carlos Lopez Gonzalez, In depth 3D video tutorials on Anime Studio     Rigging An Image In Anime Studio     Creating A Custom Color Swatch In Anime Studio     Bone Tutorial     Importing Poser OBJ's into Anime Studio Pro     DK's Easy 3D Head Rotation Using Scale Rotate     The Animation Process     Drawing Characters in Anime Studio -------- Manga Studio Tutorials     Creating Color Logos in Manga Studio     Manga Studio Debut - Creating Word Balloons     Manga Studio Getting Started: Video Tutorials     Manga Studio EX - Importing 2D Images     Lincy Chan, TOKYOPOP Artist, In depth tutorials on Manga Studio     Manga Studio EX for Poser Users - Importing 3D Objects     Getting Started with Manga Studio - Adding Effect Lines     Getting Started With Manga Studio - Adding Colors     Getting Started With Manga Studio - Pasting Computones     Getting Started with Manga Studio - Using Screen Tones -------- Shade Tutorials     Use MagicalSketch to Edit Shade Objects     Renaming Browser Entries     Area Renders     Beveling a Polygon Edge     Shade's TextEffector Tool     Using the Spiral Line Tool     Use Sounds In Shade Animations     Move Items Quickly     Use Line Fit to Match Surfaces     Close the ends of Curved Surface objects     Resize your Renders     Add Spotlights And Cameras     Set Center of Rotation     Import Poser Files     Beveling Edges In Shade     Hidden Shade Features     Export Double-Sided Polygons     Use "Switch" To Edit Curved Surfaces     User-Defined Shortcuts In Shade     Add And Delete Control Points     Mirror Copies of Curved Surfaces     Create Polygon Meshes Quickly     Q&A- How can you use caustics easily in Shade?     Q&A- How can you make a regular heptagon? -------- Vue Tutorials     Working with Layers     Poser Import Demo     Text Editor Demo     Replicate with Variation Tutorial     Basic Material Editor Demo     Advanced Illumination Settings     Multi Object Ecosystem Demo     Simple Ecosystem Material Demo     Mixed Ecosystem Material Demo     Global Illumination Baking Demo     Image Based Lighting Demo     KickStart Tutorial     Multi Layer Rendering Demo     SolidGrowth Demo     Metablobs Presentation     File Synchronization Demo     Object Replacement Demo     Foreign Objects in Ecosystems Demo     Rubber Plant Creation Demo     Radiosity Demo -------- MotionArtist Tutorials     Creating a new Photo Album Template Using an Existing Template     How to Import a Poser Animation into MotionArtist     Creating Rollover Effects Using Variables     Using MotionArtist to pan across a picture     Creating a Smooth Looping Slideshow     Creating a Digital Photo Album     Integrating MotionArtist SWF files with Yahoo SiteBuilder     Build a Pop-Up Menu Using Variables     MotionArtist Variables Explained     Embedding MotionArtist Projects Into Web Pages     Creating an Animated Banner     Integrating MotionArtist SWF files with VCOM's WebEasy Professional     Create SWF, MOV and AVI Files From Image Sequences     Creating a new Website Template using Existing Templates -------- Poser: Talk Designer     Introduction to Talk Designer Expansion Kit -------- Poser: HairTutorials     Making Curly Side-Parted Hair     Making Windblown Hair     Creating a Beard in Poser 6 -------- Poser: Figure Creation     Bad to the Bone - Creating Your Own Poser Characters     Getting Acquainted With The Face Room     Setup Room Tutorial     Using Magnets in Poser     Creating Conforming Clothing For Poser Figures     Using Poser 7's Morph Brush     Building a Morphing Prop     From Sketch To Posing- Creating a Simple Figure using Shade and Poser     Making Conforming Shoes For Poser In Shade -------- Poser: Animation Tutorials     Poser Animation 100- Getting Started     Poser Animation 101- the Keyframe and Graph Palettes     Digital Sleight-of-Hand: Changing Prop Parenting in Animations     That Matrix Thing You Do     Introducing Actions In Mid-Walk     Quick Tip: Smooth Looping Animation     Using Poser 7's Animation Layers to Create a High-Heeled Walk Pose     Animating a Guitar Strap     Making Windblown Hair     Animating Material Room Textures     The Animation Process -------- Poser: Lighting Tutorials     Make Your Own IBL Images On The Cheap     Adjusting Depth-Mapped Shadows for Best Results     Atmospheres Underwater     Using Python to Parent Infinite Lights in Poser® Radiosity     Setting Up Specular-Only Lighting     Setting Up Toon Renders     Advanced Material Room- The Alternate Channels     Image Based Lighting -------- Poser: Content Management Tutorials     Managing Your Runtimes to Increase Performance     Transferring Files from Shade to Poser     Installing Figures That Use Encoded Geometry Files     Installing New Content Into Poser     Installing Items from the Poser 5 Content CD     An Overview of Poser Content -------- Poser: Third Party Integration Tutorials     Building a Morphing Prop     Tip for aligning a Poser figure to a path created in LightWave.     Using Poser Pro's PoserFusion Plugin with Autodesk Maya     Using Poser Figures In Mimic     Using PoserFusion to export a camera pose from Maya     Integrating Poser Figures Into LightWave     Using UVMapper to Generate Templates     Serializing and Activating VirtualFashion Basic for Poser     Poser Import Demo     Creating a Scene Using Poser, Vue and Photoshop -------- Poser: Materials and Rendering Tutorials     Making Flash Animation Movies     Material Room 101- Working With Image Maps     Shading Polygon Groups In Poser     Stupid Node Tricks Volume 1-4     Rendering with Depth of Field     Firefly Rendering Tips     Ambient Occlusion In Reverse     Applying Displacement Maps     Wetlook Eyes and Lips     Node by Node Vol. 1 Color Ramp     Simulating Isometric Cameras     Animating Material Room Textures     Getting Acquainted With The Face Room     Using UVMapper to Generate Templates     Setting Up Toon Renders     Advanced Material Room- The Alternate Channels -------- Poser and Photoshop Tutorials     Creating a Scene Using Poser, Vue and Photoshop     David Ho- How To Create "Block Figures"     Brian Haberlin- Creating the "Hair" Image Using Poser And Photoshop     Using the Poser 7 Content Exporter with Adobe® Photoshop® CS3 -------- Poser: Posing Tutorials     Brent Rodenhiser's Pieta Tutorial     Grouping Objects in Poser     Quick Tip: Auto Balance and Posing     Posing 101- Getting Started     Quick Tip: Controlling a Figure's Eyes     Getting Acquainted With The Face Room -------- Poser: Cloth Tutorials     Dynamic Cloth and the Walk Designer     Introduction to Dynamic Cloth     Explanation of Cloth/Collision Parameters     Wrap it Up! Cloth Tutorial     Animating a Guitar Strap     Dynamic Halter Top Dress     Cloth Parameters and Their Effects     Making Poser 4 Clothing Work In Poser 5     Creating Conforming Clothing For Poser Figures

Build a Pop-Up Menu Using Variables For MotionArtist 3 or 4 Pop-up menus are all over the Web. Here's how to build your own!The variables supported in MotionArtist 3 and 4 allow you to hide and reveal graphic elements based on mouseovers- combined with MotionArtist's ability to link graphic objects to URLs or pages in a SWF presentation, this allows users to build pop-up or drop-down navigation menus quickly and easily. In this tutorial we'll walk through the process of building a simple drop-down menu. 1. Create your page with any graphics you'll want; set up a text object to use as a menu title. Right-click on the text object and choose Properties; in the Properties dialog, click the Variable button. 2. In the Variable Settings dialog, click the Set Value when Rolled-over checkbox; then click the Settings button. 3. If you're using MotionArtist 4, you'll be taken directly to another Variable Settings dialog, in which you can assign settings to the default Variable1. In MA3 you'll see a List of Variable Settings dialog, with no entries. In the List of Variable Settings dialog, click Add and you'll get the dialog with settings for 'Variable1' Use the List of Variables button to rename Variable1 to 'Menu1Hilite' or some other name that you'll remember. In the Action section of that variable-settings dialog, the Set Variable Value radio button should be selected- this is what you want. At the bottom of that dialog, change the Value to 1. We've now set up Variable1 (or Menu1Hilite) to get the value of 1 when it's moused over. Click OK. 4. The List of Variable Settings dialog should now have an entry, Assign 1 to Menu1Hilite (if you didn't change the variable's name, it'll be Assign 1 to Variable1 instead.) This is what you want- click Close. 5. Back in the Variable Settings dialog, repeat steps 2-4 to set up the Set Value when Rolled-off option; you want to assign Menu1Hilite (or Variable1) the value of zero when it's rolled off, to hide the menu item you'll be setting up shortly. When you've got the text object set up such that when it's moused over, the Menu1Hilite (or Variable1) variable gets assigned 1, and when it's moused off, that variable gets assigned zero, you can click OK as needed to close all the dialogs. 6. Now it's time to create your drop-down menu. Create a rectangle for the backdrop, and as many text items as you'll want to have in the menu. For each text item, choose Set Link and assign it a target, either a URL or another page in the SWF that you're building. Arrange the text items on the rectangle, and group them all together using the Edit>Group Objects menu item (Edit>Grouping in MotionArtist 3.) Select the group, right-click on it and choose Properties. Name the group if you like, and click the Variable... button. Follow steps 2-5 above to have the menu also assign 1 to Menu1Hilite when moused over, and 0 when moused off- this keeps the menu from disappearing when we mouse off the text item and onto the menu itself. When the Menu1Hilite variable assignments have been set up for the menu item, click the Show/Hide By Variable Value check-box, then click Settings.... 7. In the Conditional Settings dialog that you'll get, choose Menu1Hilite (or Variable1) as the variable, and leave the rest at the default settings- thus when Menu1Hilite is equal to zero, the menu is hidden; when Menu1Hilite changes to 1, it appears. Click OK and dismiss the remaining dialogs. 8. Repeat this step for any other menus you wish to build- preview the page and check your work, to make sure the menu behaves as expected. The menu should pop up when you mouse over either the menu item in the menubar or the space that the pop-up menu itself will occupy- this is a consequence of the fairly simplistic way we're controlling the menu's behavior. More sophisticated control (using hidden or transparent graphic elements and/or additional variables) is possible but the logic can get a bit complex. Submenus which pop out from the main menu can also be created, and hidden or revealed based on their own variables. That's beyond the scope of this tutorial; the process is the same but a bit of planning is highly recommended to ensure both that the page doesn't get cluttered and that the logic of the assorted variables causes the page elements to behave as expected.