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 a Smooth Looping Slideshow For MotionArtist 2 and 3 In this tutorial we'll build a slideshow which will loop smoothly through a set of JPEG images. In this tutorial we'll build a slideshow which will loop smoothly through a set of JPEG images. The first thing to do is to create a new blank document; we can use the default size of 800x600, but of course you can set the size to suit your needs. Remember, the bigger the project, the longer it'll take to download and start running. We should also select the Timeline view, down at the bottom of the workspace, as we'll be doing most of our editing there. Now we're ready to start importing images. The easiest way to do this is to resize our workspace to leave a bit of room at one side, open up a folder full of images, and drag-and-drop them, one by one, onto our new document, as shown- Since the images we're adding will appear and disappear over time, we'll need to edit their entries in the Timeline- this is also a good time to position and resize the images, since your images may not be all the same size, and some of them may be larger than the 800x600 space in which we're working. It's easy enough to shift-click-and-drag on the resize handles on the corners of the images, to resize them proportionately; we can also nudge the images around on the page by selecting the image's entry in the Timeline and using the arrow keys on the keyboard. Once we adjust the lengths of time during which each image will appear onscreen (we'll want some overlap, since we'll be setting up fade-ins and fade-outs as the next step) we should be sure to include two entries for our first image- we want its time onscreen to be split, half at the beginning of the cycle, when it'll start to fade out, and the other half at the end of the scene, when it'll fade in. This may seem counterintuitive- you'd expect to have something fade in at the beginning of a slideshow- but to get a smooth transition when the end of the cycle is reached, we actually want to open the show with the first image in place and fading out. Note how we have set up the "split" Image1 item- after placing all the images, we select the entry in the Timeline for Image1 and choose Copy and Paste from the Edit menu (or we could drag-and-drop another copy of the chosen image, then scale and position it properly) to create an exact copy of the image, and then edit its time onscreen as shown. This would also be a good time to save the MotionArtist project. Now, to edit the animation properties of the items in the Timeline, we just double-click them as shown- -and use the tabbed Animation Settings dialog to set up the behavior of the images as they appear (we'll use a Fade In), as they stay onscreen (we won't do anything here) and as they disappear (as shown, we'll select Fade Out.) We can actually drag the little sub-handles for each item in the Timeline to control the speed with which they fade in and out; the final result should be something like this- The next step is to preview the project by clicking the Preview Movie button, or choosing Preview Movie from the File menu (ctrl-M.) Now that all our transitions are in place, and assuming they're what we want, we can save the final version of the project. The only thing remaining is to export the slideshow as a SWF file with accompanying HTML code, by selecting Create SWF from the File menu and choosing a name and location for our SWF. For instructions on incorporating the SWF into a Web page, see our tutorial. We can actually drag the little sub-handles for each item in the Timeline to control the speed with which they fade in and out; the final result should be something like this- The next step is to preview the project by clicking the Preview Movie button, or choosing Preview Movie from the File menu (ctrl-M.) Now that all our transitions are in place, and assuming they're what we want, we can save the final version of the project. The only thing remaining is to export the slideshow as a SWF file with accompanying HTML code, by selecting Create SWF from the File menu and choosing a name and location for our SWF. For instructions on incorporating the SWF into a Web page, see our tutorial.