Using Sprites In Flash - Pictures in a series

free web hosting
Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation > Flash and Shockwave

Using Sprites In Flash - Pictures in a series

lacking_imagination
Sprites, as you may or may not know, are pictures in a series used for animations. They are very helpful in flash as you can use pre-made/pre-sized pictures and don't have to draw the animation yourself. To use a sprite, first open a new window. Make sure the sprites are saved as separate files, and then click file->import->import to library and import all the sprites. select the first frame, and drag the picture from the library to the stage. Take note of where it is located on the stage by looking at the properties tab. click 2-6 frames later(depending on how fast you want the animation to be) and press F6. select the key frame and press delete to remove the first sprite from the new key frame. Drag the next picture and line it up using the properties tab. make sure it is lined up or it'll look like the sprite warped. You can, if it is a running sprite, animate every frame or every couple of frames and move it across the screen.
Hope this was useful.
Peace
Aaron

Reply

jord2
QUOTE(lacking_imagination @ Feb 2 2005, 10:46 AM) *

Sprites, as you may or may not know, are pictures in a series used for animations. They are very helpful in flash as you can use pre-made/pre-sized pictures and don't have to draw the animation yourself. To use a sprite, first open a new window. Make sure the sprites are saved as separate files, and then click file->import->import to library and import all the sprites. select the first frame, and drag the picture from the library to the stage. Take note of where it is located on the stage by looking at the properties tab. click 2-6 frames later(depending on how fast you want the animation to be) and press F6. select the key frame and press delete to remove the first sprite from the new key frame. Drag the next picture and line it up using the properties tab. make sure it is lined up or it'll look like the sprite warped. You can, if it is a running sprite, animate every frame or every couple of frames and move it across the screen.
Hope this was useful.
Peace
Aaron

Ok you forgot a very important step. With your tutorial your just showing them how to do it with the ugly sprite sheet still attached on it before you do any of his steps first you want to go to modify>bitmap>trace bitmap and make them 1 and 1 and change it to very tight. What this does is IT ENABLES YOU TO DELETE THAT UGLY SPRITE SHEET THAT THE CHARACTER WAS STUCK ON!!! If your character is blured from doing this undo it and trying changing the numbers to 1 and 5 or something like that. Then follow his steps although I think its easier to use onion skin outlines to align your guy. Anyone I hope this helped =D

 

 

 


Reply

iGuest
Hey all, well, I just started on a Naruto Fighting game and I am using some sprite sheets for naruto, of course, but all you have to do is take the sheet into macromedia(now adobe) fireworks or adobe photoshop and use the magic wand tool to select the entire one-color background....


it'll select it, and then just press delete, and then copy-paste each individual image using the marquee tool (fireworks) and edit-copy and in flash go to the keyframe you want, right click on the stage, and click paste. pretty simple.... if you also do like Aaron said and switch between how fast the animation is played, and that, you should be doin' great!!!

-Twitch

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Recent Queries:-
  1. using sprites in flash - 0.43 hr back. (1)
  2. flash extending sprite - 3.57 hr back. (1)
  3. flash sprites - 0.73 hr back. (3)
  4. sprites en flash - 9.57 hr back. (1)
  5. how to create video sprites flash - 9.70 hr back. (1)
  6. flash sprite frame - 11.77 hr back. (2)
  7. sprites in flash - 4.58 hr back. (2)
  8. flash use sprites - 13.22 hr back. (1)
  9. how to import sprites into flash - 13.29 hr back. (1)
  10. sprite tutorials flash - 18.67 hr back. (1)
  11. flash sprite - 9.36 hr back. (4)
  12. how do i edit sprite in flash - 29.49 hr back. (1)
  13. fighting effects flash sprites - 38.79 hr back. (1)
  14. sprites in flash cs2 - 44.39 hr back. (1)
Similar Topics

Keywords : sprites, flash, pictures, series

  1. How To Make A Simple Flash Button
    (1)
  2. Pre Loader Tutorial For Flash
    Made by: Jordain (6)
    Simple pre loader tutorial with play button by: Jordain Joyce First of all open up flash then
    Create 4 Layers and in order name them: Actions
    Loader outline
    Loader Bar Content Then create 3
    frames for each layer. Lets start in the actions layer, for the first frame make it blank and the
    second frame make it blank also. Press F9 to open the actions panel (make sure you ....
  3. Vaile's Flash Mx 2004 Tutorial!
    For Rollover Music Sigs (5)
    HOW TO MAKE A ROLLOVER MUSIC SIG IN FLASH MX 04 its a n00b job, but for you who cant do it...
    -------------------------------------------------------------------- 1. Firstly, we need to open a
    new document. 2. Now, bearing in mind the sig you want to use, set the size of the flash
    document like so: Note: These are the settings for my sig, you must make the size of your
    document the size of the sig you are using 3. Now, hold "ctrl" and press "r" to open the import
    window. find the sig you want to use and click open. 4. If it hasnt centered automat....
  4. A Button That Senses The Mouse
    FLASH TUTORIAL : MOUSE ROLLOVER EFFECTS (2)
    Creating a button that senses the mouse and then expands. Requirement: Flash MX Step 1: Open a
    new document. In the actions for frame 1 of layer name layer 1 type: menutriggerdist=150;
    menumaxscale=300; menumultiplier=1.5; This control how and when the mouse interacts with button.
    Once you have completed all the steps, change them around and see how each one changes the effect.
    Step 2: Cntl+f8 (Insert --> New Symbol) Click on new movie click, call it Ibutton. In the
    frist frame create your image or whatever you want the mouse to interact with , to make it....
  5. Flash Webcam Room
    An easy flash application (8)
    Quick and Easy Webcam Chatroom Required: Flash Communication Server 1.5 Flash Step 1: Create a
    new folder called webchat in the c:\(Where ever you put your server files)\flash
    communication server mx\applications folder. Step 2: Open notepad file. Type: load(
    "components.asc" ); Save file as "main.asc" in the webchat folder. Step 3: Open Flash and save
    file as "webchat" in the webchat folder From the Communications Components side bar: 3.1 Drag a
    SimpleConnect onto your flash page 3.2 Drag a SetBandwidth onto your flash page, in the properties
    b....
  6. Matching Sound To Animations In Flash
    (2)
    This is something I worked at for a while. I used to play sounds by selecting start on the
    properties tab, and the animation never lined up with the sound waves on timeline. If you switch it
    to stream, it changes the wave and allows animation to be aligned to the sound. Also, a sound can be
    cut short by not extending the frames enough, so beware. Hope I helped again Peace Aaron....
  7. Using Symbol Effects In Flash
    Symbol Effects (0)
    Flash Tutorial 4: Symbol Effects The last thing I will cover with this series of tutorials for
    Flash Macromedia is effects/transitions/transformations which are probably the easiest to use but
    since there are so many things that can be done with them easily - I feel it's worth covering
    and learning for any begining flash designer. 1. 1st open a blank Flash Document 2. create a
    keyframe(select and press F6) on the first frame in the timeline(top of flash window) 3. Use the
    circle tool and draw a circle of desirable size on the canvas. If you have been following ....
  8. Introduction To Mask Layers In Flash
    Mask Layers (0)
    Flash Tutorial 3: Mask Layers Mask Layers are a good way to show content underneath the top layer
    in a flash movie. To get familiar with the effect you really need to do it a few times to
    understand the potential. 1. Start with the bottom layer you have already. Paste something into it
    that takes up most of the canvas ie. jpeg or something. 2. Insert a new layer into the timeline.
    (select the layer 1 and click the button in the lower left corner of the window) 3. Lock 'Layer
    1'. (There is a lock next to the colored box for the layer on the left panel of th....
  9. Shape Tweening In Flash
    Shape Tweening (0)
    Flash Tutorial 2: Shape Tweening Shape Tweening is basicall where you have 2 shapes and you morph
    one into the shape of the 2nd shape. The procedure to do this is quite simple really : 1. 1st open
    a blank Flash Document 2. create a keyframe(select and press F6) on the first frame in the
    timeline(top of flash window) 3. Use the circle tool and draw a circle of desirable size on the
    canvas. 4. Select a subsequent frame on the timeline like frame 24 (sec @ 12frames/sec) press F6 to
    insert a keyframe. Your drawn cirlce should appear again after this step. 5. DO NOT CO....
  10. Motion Tweening In Flash
    Simple Motion Tweening (0)
    As many know - Flash Macromedia is en vogue these days and you can actually do some pretty cool
    stuff with it. I'm going to do a couple of simple tutorials to get those people started using
    flash. Once you start to use it and get some of the basic concepts, you can do some cool simple
    animation for your websites or whatever. Tutorial 1: Simple Motion Tweening Motion tweening is
    basically a quick way to animate something. 1. First you need to draw an object on the screen (you
    can also import a graphic or something too). Make sure you get the graphic or drawing ....

    1. Looking for sprites, flash, pictures, series

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for sprites, flash, pictures, series
advertisement




Using Sprites In Flash - Pictures in a series



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE