Hand-drawn animation -- Loosing frames in Timeline

I'm using CS4 Extended.
I was trying to create a traditional style hand-drawn animation using the Animation Timeline. I'm creating key drawings, then going back and inserting the inbetween drawings.
The problem is when I insert a blank frame (Layer>Video Layers>Insert Blank Frame), I end up loosing the last drawing in my time-line.
This is what I'm doing...
1. Create a document.
2. Add a new blank video layer.
3. In Document Timeline Settings I change Frame Rate from 30 to 24 fps (and leave timeline/range at 240 frames).
4. create a drawing in frames 1 and 2
5. go back to frame 1 and insert a blank frame between frames 1 & 2, and create a drawing.
so far so good... I have 3 drawings.
This is where I loose frames...
6. Every time I try to insert another blank frame between any of those drawings, I loose the last (3rd) drawing. It just disappears. I use Alt+Ctrl+Z to get my last drawing, and I'm stuck with my 3 frames.
(I originally thought the last frame was somehow falling off the time-line or layer range, but I've made sure it was extended beyond just those 3 drawings.)
Am I doing something wrong?
Thanks!
Paul

if you are working with frames then why not just use frame based animation?

Similar Messages

How to add hand drawn animation over a video?

Hi,
I am hoping to add hand drawn animation over video footage. For example: Hockey 101 on Vimeo. I understand the way to do it is adding it frame by frame? However this seems like a long process and was hoping something slightly quicker as I do not have long to do this project. I am no expert in after effects so please help me understand the best way of achieving this.
Thanks in advance.

The link you used to have took me to a 21st birthday-themed slideshow...
Anyway, the simplest solution to copy the Hockey 101 video would be to draw something as a shape layer and use the wiggle paths thing to make it look hand-drawn. This way you only need to draw once per shot. If the camera is moving, you can use motion tracking to make the drawing follow the movement.

Hand Drawn Animation Troubleshooting (image)

I am following several tutorials for an end effect of a hand or writing tool that appears to draw a picture. I am attempting to have the hand draw out the picture by first taking the picture and using a stroke effect and tracing it with the pen tool. However, I am experiencing a few issues with it so far, namely:
1. I trace the image I want drawn with the stroke effect. I copy the mask produced from tracing and then paste into the positon keyframe of my hand comp. The problem here is it masks out section of my hand.
2. Get the hand to follow the mask path created on the image. The alternative in the video tutorials for this type of effect often manually keframes the hand into position. I was hoping by pasting the mask path into the position keyframes for the hand it would automatically follow the drawing.
Please see image below for illustration (please click to enlarge), thanks for your time

You will need to convert the hand layer to 3D to make the lights and shadows work. In 2D the top layer is always visible. It is just better work flow to start in 2D, do the 2D motion, then convert to 3D.
It's kind of like cell animators doing quick pencil studies first to see if the shot works before going through the trouble of making all of the layers and doing the final artwork.
For projects that require a lot of client review and input I always do very simple motion and timing studies before wasting time finessing lighting, textures, color grading and the like. I haven't got time in the budget to do that kind of work twice. I can't tell you how many projects start with some rough pencil sketches (previously scanned now show with my phone) and laid in a composition to an audio track and animated. When the client (or even me) approves the timing and the flow of the story I go about the tasks of cleaning it up.
Here's a shot from a previous post that shows my normal starting workflow. It was in answer to this question on the forum.
On your screenshot: I just opened your image in a new window and it's much easier to read. Sorry about making assumptions. Making that wide composite was the problem. I try to keep my screen captures at about 1000 to 1500 pixels wide. If you need to show multiple views just upload multiple screen shots. My mac also creates PNG files. If I have time I convert them to medium quality JPGS because the file size is smaller.
The forum style sheet keeps the images to the width of your browser when they pop out and limites their size when embedded.
Hope this helps.

Can Keynote animate hand-drawn tablet sketches?

Hello,
I was wondering if it was possibly to hook up a Wacom tablet and draw my slides in Keynote. I want to present slides with hand-drawn animations and audio in the same manner as Google's Chrome OS video presentations: http://www.youtube.com/watch?v=0QRO3gKj3qw
Thanks in advance!
davy

I would agree, that video/animation was probably made with video editing software judging by some of the transitions. Do not dispair, you can get close to this using line drawings. I would use a lot of photoshop, and .png files as well as a lot of the disolve transitions to make things appear and disappear. You can now do some tweening using the magic transition in keynote 9.0. It would be close, would wow the PC crowd, but would not fool the CGI techs. But then how many of those are likely to see your presentation?

What is the best tutorial you've found explaining frame animation in CS6's timeline?

While I'd prefer it in book form, I'd be willing to fork over $ for a thorough video demo of frame animation in CS6's timeline. What's the best you've found?

My recomendation would be following something like the links below:
Suggestion 1
Suggestion 2
-Mandhir

Where is the button? ( Frames 2 Timeline )

Hello folks, I got a big problem here, no where on the Animation Panel I can
find the button to switch from frames view to timeline view.
Anyone know why? I need to switch views but don't see how.
Thanks........ Gesy

I think timline view is in Photoshop Extended and not in Photoshop which it looks like your running. Extended has a few more menu items and some 3D and video support things like timeline view, blending mode options, 3d renering, rotation etc....
From CS5 Help
Timeline animation workflow (Photoshop Extended)
To animate layer content in timeline mode (rather than frame mode), you set keyframes in the Animation panel, as you move the current-time indicator to a different time/frame, and then modify the position, opacity, or style of the layer content. Photoshop automatically adds or modifies a series of frames between two existing frames—varying the layer properties (position, opacity, and styles) evenly between the new frames to create the appearance of movement or transformation.
For example, if you want to fade out a layer, set the opacity of the layer in the starting frame to 100% and in the Animation panel, click the Opacity stopwatch for the layer. Then move the current-time indicator to the time/frame for the ending frame and set the opacity for the same layer to 0%. Photoshop Extended automatically interpolates frames between the start and end frames, and the opacity of the layer is reduced evenly across the new frames.
In addition to letting Photoshop interpolate frames in an animation, you can also create a hand-drawn frame-by-frame animation by painting on a blank video layer.

How can I repeat my flash animation (my frames)?

Hi Flash forum members
Can you help me somebody: How can I repeat my flash animation (my frames) many times?
I will be looking forward to hearing from you,
Sultan

It depends on what you mean and how your design is done.
You can copy and paste frames as many times along a timeline as you, though creating a movieclip of one set and placing that to extend the full length of the timeline would produce the same result.
If the problem is that your animation stops when it is done, you need to be sure to not have any code in place that will stop it.

Hand drawn effect

Can anyone tell what effect's been used to give these paths a hand-drawn look: https://vimeo.com/39926938 (you can see what I mean from about 1.20)?
This looks to be animated with 3d stroke and then the paths have been affected to make them look a bit hand-drawn. I have a load of animated content (with shape layers instead of masks with 3d stroke) and I've just been told I need to make it look hand drawn. I've tried the brush stroke effect but I can't quite achieve what I'm after. My guess is it's some clever wiggle expressions on the width or something but I'm not so hot with expressions so wouldn't know where to start.
Many thanks.

Here's a jump rope animation I made in about 15 minutes by animating the paint tool in After Effects and applying Roughen Edges and Turbulent Displace. I then pre-comped the animation and added Posterize Time at 12fps to make it look like it was shot on twos. I think this technique or a variation will give you a similar look to the example you provided. Let me know if you would like to see a copy of the AE project file and I can email it to you.
Also, Light Writing Part 1 and Part 2 are older tutorials from Creative Cow leader Aharon Rabinowitz but they share some timeless tips and workflows for using fractal noise in conjunction with displacement maps to wiggle static graphics for a more hand-drawn feel.
You can also find information and tutorials for giving motion graphics a more hand-drawn feel by visiting my blog: http://benmarkus.wordpress.com/

Hand-Drawn and Organic Looks Tutorials

For anyone interested feel free to check out my Hand Drawn and Organic Looks Tutorials.
They are a series of written tutorials in the form of blog posts, and are intended to be a resource for both motion graphics animators with no training in manual animation as well as traditional animators, who are searching for time-savers and organic-looking methods that combine computer-based workflows with analog techniques.

That was during a motion control shoot, or actually a test. I'll make that shot for real next month. It's a much bigger picture actually and was cropped to fit the top of the page. There are some curves on it, but other than that it's right out of the camera, which was a Nikon D200 if I remember correctly.

Ai-cs6 How Do I trace a hand drawn sketch to a single line vector outline?

So I am basically a brand new user to ai-cs6 and have been working on a project for a friend. I've drawn up the basic components of the logo she wants, all separate individual pieces. My intention is/was to trace in each piece, and scale, rotate, and clean them up according to how the final piece should look. Where I'm running into trouble is that the sketches are not point perfect, meaning there's some shading in the hand drawns, and the lines are rough in areas. I'm trying to avoid redrawing the pieces because we both are really happy with where they're at. What I'd like to do with ai-cs6 and I'm hoping this community of creative individuals can help is to trace very simply a one line vector of the outline of the image. So instead of creating a piece that has stroke straight from the scanned in artwork, I get a single line, with multiple points, that flows the simple shape of the piece. From there it seems it would be pretty simple to just increase the stroke weight and modify the style of line to make it look how we would like. All I've succesfully been able to do so far, with the help of some videos and google searching, is to get a traced image that's basically an outline of the sketch. This is o.k. except that since the sketch has some rough line sections ai-cs6 is adding either a lot of detail and making it look pretty rough, or it's missing entire sections and leaving them blank. Any insight and help into getting this figured would be great, I'm gonna roll with what image trace is giving me so I can give her an image of the logo today, but hoping that I can clean it up and get closer to a finished product by next week. Thank you very much I'm grateful that there are discussion forums like this out there to help users of all skill level continue flowing and working with these awesome adobe products.
Max

What you're talking about is generically called autotracing in centerline mode. Most autotrace programs can either try to trace all the way around the areas of dark pixels (outline tracing), or try to trace along the middles of areas of dark pixels (centerline tracing).
In Illustrator's autotrace settings, for centerline mode, you turn off the tracing of outlines (fills) and turn on the tracing of centerlines (strokes). That's the basic setting. From there, you try to adjust the various threshold settings to get as close to what you want as you can.
When Illustrator's autotrace feature is set to try to trace centerlines, it also tries to set the vector path stroke weights to approximate the thicknesses of what it interprets as a stroke. So after the autotracing is done, you can expand it and then globally set the stroke weight to a uniform value.
Beyond that, no one can really advise you more specifically without seeing the specific image involved. Every image is different.
Generally speaking, autotracing is crap. It's an amateurish workaround to avoid doing what should really be done: Trace the paths manually with the drawing tools.
JET

How do I outline hand-drawn type made of multiple strokes?

I designed a logo for some family friends, and the main part of the logo is hand-drawn, and it is made of multiple (a TON) of strokes. The company is getting t-shirts made, and the t-shirt company contacted me to get a "vector file with the fonts outlined." I know quite well how to do this on actual fonts, but have no idea how to outline a series of strokes. Help! Thank you!

Thanks Kurt,
I've already tried that, but since the writing is made of tons of strokes, it only outlines all of those individual strokes and not the whole word.
This is the portion of the logo that is hand-drawn, and what I can't figure out how to outline...
And this shows all of the strokes that go into it (this is when it's selected)... I'm guessing this is part of my problem.

I am using Photoshop CC, how do I scan an image (hand drawn) into photoshop?

I am using Photoshop CC, how do I scan an image (hand drawn) into photoshop?

Hello,
please have a look at "Photoshop Help/Acquiring images from cameras and scanners" >>>
http://helpx.adobe.com/photoshop/using/acquiring-images-cameras-scanners.html#WSfd1234e1c4 b69f30ea53e41001031ab64-790ca
>>> Importing scanned Images and so too here for some critical responses/voices in
https://forums.adobe.com/thread/1245120
https://forums.adobe.com/message/6152457
Hans-Günter

How do I convert a hand drawn ink image to layers?

I have an hand drawn image in jpg of black lines on white background (similar to line art) and I want to convert the black lines to a layer.
How can I do this?

https://forums.adobe.com/message/6079459#6079459#6079459 http://www.mouseprints.net/old/dpr/KillWhiteActions.zipRe: Perfectly removing a white background
Photoshop Script Black and White Raster to Vector

Perfecting Hand Drawn Images

I am trying to turn hand drawn b&w monograms into vector images. My hand drawn images are not perfect and need to have lines straightened, curves fixed, etc. How can I make these changes once I have performed the Live Trace function? Is there a way to do this automatically or do I have to use the smooth tool? Are there other tools or functions that would be helpful? Thanks so much!

Contrary to marketing-driven misconception, the primary purpose of programs like Illustrator is not "automatic conversion" of raster images to vector-based paths (i.e.; autotracing).
Bezier drawing programs are primarily all about drawing accurate vector (math formula-based) paths deliberately. That necessarily means drawing them manually and knowingly.
In other words, for your stated purpose, you should not be doing this by starting with autotracing at all. You shoud be using the various drawing tools to methodically construct the artwork paths manually. Yes, the quality of the results is dependent upon proficiency. That's just the way it is in vector-based drawing, just as it is in just about anything.
Quality (including accuracy and economy) in vector-based drawing does not come from merely owning software, just as quality work on your car does not come from merely owning a wrench. In the vast majority of cases, using autotracing is just like a shadetree "mechanic" using a pair of pliers to turn a hex bolt. Both should make you cringe. Yeah, the pliers-wielding buffoon (and no, I'm not calling you a buffoon) may get the bolt to turn; and someone who never looks under the hood may never know the difference. But would you knowingly take your car back to such a "mechanic"?
Forget autotracing. It's crap. It has no shape-recognition intelligence. In Illustrator, it doesn't even know an actual circle from any other "sort of roundish" curve. The same can be said for features like Smooth, Roughen, etc. No, they are not utterly useless. But they should be used with knowing discretion.
Buckle down and learn to draw paths accurately, efficiently, and economically. It's not rocket science, but there is no instant substitute. The kind of task you are describing is the very kind of work which serves best as learning exercises.
JET

Filling a hand drawn print with color

Beginner! I am trying to fill a print that has been hand-drawn (b&w) with color. I have traced it and made Live Paint Groups but when I try to color it, it only allows me to color in grays. I know there is an easy answer for this! I have saved the Color Mode as RGB and CMYK but it still converts back to grey when I begin to paint. ??? I am very new to Illustrator and cannot find how I need to save this in order to work with the colors.
Thank you!

When you traced it I assume live Trace did you choose Grayscale as the preset in the Live Trace Options by any chance?

Hand-drawn animation -- Loosing frames in Timeline

Similar Messages

Maybe you are looking for