Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1971
  • Last Modified:

Create Line Drawing

Okay, this is a bit of a random question, but I thought someone here might be able to help me out.  I have a line drawing that I made using photoshop from a photo of my friend.  What I'd like to do is use flash or some other program to "animate" this picture by showing it draw the lines that compose the line drawing.  

I was thinking of using Flash and having my line drawing and then overlaying a mask and having the mask gradually removed to reveal the lines underneath so it would look like they were being drawn in.  I was just wondering if anyone else had tried something like this before or had any suggestions on something else that might get this done.  

Thanks,
Jeff
0
JeffGMACI
Asked:
JeffGMACI
4 Solutions
 
softplusCommented:
Jeff, your best bet would probably be to generate an animated GIF; that way you can play the frames the way you want to, copy the image from frame to frame, each time showing more. If you have Photoshop, this should be no problem :). Alternatively you could do something like this in flash, but you would probably be either doing the same (frame by frame, from photoshop) or doing alot more work (animating masks, etc.)
0
 
JeffGMACIAuthor Commented:
Not a bad idea... is there a way I could load that GIF into flash or something else later and play a song in the background while it "drew" the image?  The GIF idea is one I hadn't even thought of... I have Photoshop so that would be pretty easy, you are right.  Awesome!!
0
 
Lobo042399Commented:
Hi Jeff,

If you'r going to use Flash there's np point in creating GIF frames since doing that will make the movie look choppy. Depending on how complex the image is using a mask as you described in your question may end up looking better. Also, if the drawing is pure lines you can use shape tweens in Flash to have the image "draw" itself as the music plays.

Good Vibes!

Lobo
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
MHenryCommented:
Jeff,

You're first instinct is the best bet. Use Flash. It's pretty easy to do. Like you said, use a mask and erase it a little in each of your keyframes. Like Lobo said, you can use tweens to make it smooth. Then, there's a handy feature in Flash that allows you to select all the frames and reverse them. That way it will look like it's being drawn instead of erased.

0
 
sky99yahooCommented:
If you are not able to duplicate the drawing steps again in Flash, you can export it to animated gif using Adobe image ready (comes with Photoshop - its the big rectangular icon in your toolbox)

Using Flash, you can import the image.
Flash will position the images into keyframes sequence for you.

:)

0
 
JeffGMACIAuthor Commented:
Hey guys, thanks for all the comments.  I ended up doing something a little different - I did the frames in ImageReady and then exported those to a Quicktime file after setting the times for them.  I had quicktime pro so I was able to do the sound in the background that I wanted and it worked out really well.  Thanks for the suggestions.
0
 
Lobo042399Commented:
Thanks Jeff! Glad it worked out for you.

Good Vibes!

Lobo
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now