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

Creating an Animated Banner For MotionArtist 2 or 3 It's easy to create animated banners and other content in MotionArtist. Here are step-by-step instructions to get you started! In this tutorial we'll create a simple website banner featuring animated text and images. First, launch MotionArtist. The wizard will pop up; choose New Flash Wizard, then Blank Document (you could also create a homepage banner using the banner wizard, but we'll do it the old-fashioned way.) Set the size to 800x600 and the background color to whichever color you like- I chose a sort of light blue. Leave the frame rate at the default 12 fps, and click Finish. OK, now let's add some animated text. There are two ways to do this- one by simply selecting Text from the Object menu and entering the entire text string that we want (setting the size, color and typeface along the way) and the other by doing the same for each individual letter. Which method we choose depends on how we want the letters to be animated; we'll get to that in a moment. Enter your text and place it where you want it to show up in the banner- not necessarily where you want it to appear initially, but where you want it to end up. OK, now we have the text, either as a single text string or as individual letters. Now, let's animate it. For the sake of simplicity, let's start by assuming we've created one unified text string. Select it, and click the Setup Animation button (the second from the right, as shown) or by choosing Animation Settings from the Object menu. The Animation palette will appear; it will show all the different behaviors we can assign to our text object. There are behaviors that apply when the object first appears, then another set to apply while it's onscreen, then another set to apply as it leaves. Each set of behaviors has its own tab in MotionArtist; let's choose Fade In From Right as our entry behavior, no animation for the Move/Operation behavior, and Fade While Enlarging And Thinning as our exit behavior. Don't click OK yet, though- let's fine-tune the exit behavior first. With Fade While Enlarging and Thinning selected, click the Advanced Settings button; now set the Enlarge Horizontally field to read 110% and the Enlarge Vertically field to read 10%, and uncheck Fade Characters One At A Time. The effect we're going for here is a squash, as if the text has been stepped on. Now click OK, then OK again to dismiss the Animation Settings dialog. Now, let's check our work so far. Save the file and then from the File menu, select Preview Movie, or you can click the Preview Movie button as shown. Pretty good- the text comes onto the screen from the right and then gets squashed and fades out. We can open up the Animation Settings palette and do any fine-tuning that needs doing, then preview again. So far, so good. If we had decided to use individual letters, the process would have been pretty much the same, except that we'd have had to apply the animation settings to each individual letter, instead of applying them to the text as a whole. This is more work but can give more control and allow different entry (or exit) behavior for each letter. Now, let's bring in a image with which to squash those letters. In a nod to Monty Python, I've rendered an image of a foot, using Poser; I've got this image in PNG format, in my Pictures folder inside My Documents. To get it into MotionArtist, I click the File tab, then navigate through the folder hierarchy until I get to My Pictures as shown- Then I click and drag the picture into the document. Since it was created as a PNG with a transparent background, it looks pretty good. Any image will work here, though; it may need to be scaled to fit. Once the image is in the MotionArtist document, we can apply animation settings to it to make it behave properly; in this case, we'll set it to Fade In From Top and leave the Move/Operation and exit behaviors empty (thus, the image will remain in place once it gets where it's going.) Now we can add one more text item to remain onscreen as a title (I'll use this opportunity to give credit where credit is due); we can set animation settings as before. Previewing this movie reveals that the image is coming down too early, before the first batch of text has a chance to fully appear. We can click on the Timeline tab as shown and manipulate the sliders to adjust the order of events in the movie. We'll ensure that the second batch of text doesn't move into place until the image (the foot, in my case) is done with its movement. Now we can save the document. To use this creation in an actual Web page, we need to export it as a SWF file that can be embedded in the page. From the File menu, we can select Create SWF to make the actual Flash movie that we can embed. And that's that!