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

Integrating MotionArtist SWF files with VCOM's WebEasy Professional For MotionArtist 2 or 3 VCOM's WebEasy Professional povides an environment for creating Web sites for home or business; it has lately been bundled with our MotionArtist application to allow you to include animated SWF files within sites built using WebEasy. While we don't produce WebEasy, we have created this tutorial to illustrate the basic procedure for including MotionArtist SWF files in WebEasy projects- it isn't terribly difficult. The first thing to do, of course, is to create a MotionArtist animation. You'll want to make sure that the animation will fit in the space available within your WebEasy project- we'll get to that in a minute, but a bit of planning goes a long way, as once you generate the actual SWF file it generally can't be resized. Once your animation is set up, you'll choose Create SWF from the File menu in MotionArtist, as shown- - and MotionArtist will create a SWF file and a small HTML file with the same name. You won't need the HTML in this case; it's useful if you're using a Web editor that allows more direct control over the HTML code than WebEasy does. With your SWF file created (remember where you saved the file!) you'll want to go into WebEasy and set up your project. For this tutorial, I used the "Bright and Cheery" template, slightly modified by hand as shown- We'll do some further modifications in order to incorporate our SWF. One of the things that you might not think of at first, but that could be important, is to allow the readers of the page a way to get from the front page- this one- to a navigation page within the site, since we'll be deleting all the navigation icons to make room for our SWF. This is easily done by selecting the "Contact Us" link and turning it into an "Enter the Site" link, using the Link item in the WebEasy toolbar as shown (select the text block and click the Link tool.) We can also move things around on the page to make room for our SWF, and edit the stock text that WebEasy provides. Once the page is set up with a space for our SWF, we use WebEasy's browser pane (at the bottom of the screen) to locate our SWF file that we created in MotionArtist. - And now it's time to bring in the SWF- it's as easy as dragging it from the Browser pane to the project window, as shown- Note that the animation itself won't appear in the project window- we'll need to preview the page to see our SWF actually play. Also note that SWF files always appear as the frontmost elements of Web pages- anything else on the page in the same area will be covered by the animation (which is why we have to make sure that there's room for the SWF; we might want to set up our animation to have a transparent background.) And that's that- WebEasy will upload the SWF along with any other files it needs, when it publishes the actual website. Note- to make your SWF play back with a transparent background, or to control other features of SWF playback, you'll need to use WebEasy's script-editing feature as follows: 1. In WebEasy, select the embedded SWF and then right-click on it. From the pop-up menu, select AboutItem>Script: Object Events. 2. Click through to dismiss the little Cue Card alerts that pop up; you'll see the Custom Script Assistant dialog. 3. The Custom Script Assistant dialog should list the parameters of the SWF, analogous to the HTML settings shown in . Adding new wmode="transparent" entries (formatted just like the existing parameter entries) to the parameter list as well as the parameters given in the embed type entry, should get your SWF to play back with a transparent background- just the thing for drop-down menus or 'floating' animations.