Drawing on video

Is it possible to create a drawing on a video. More specifically, I have a clip of someone with a white background and I'd like to draw an object where it looks as though he's sitting inside of a box. I want the actual drawing process to be animated as well. Not sure if After Effects is my "go to" option.
Thanks for your help in advance!

sierracoleman wrote:
I'm a graphic designer and I'm splashing into the world of video editing/effects.
Then you should start here: Getting started with After Effects
If you skip that, you will only become frustrated.
sierracoleman wrote:
- I do want to animate the process of drawing the box - it will be "drawing itself".
There are dozens of tutorials out there for write-on effects. A shape layer with strokes wiggling might do it for you.
sierracoleman wrote:
- Mostly I'd like the portions of the box not to hide the subject, but if you wouldn't mind sharing the other option as well I'd greatly appreciate it.
And you've shot them on white? You've got a couple of options (depending on how the shot looks. You will need to get a copy of the person on their own layer so that they can be on top of the drawing for parts of it.
Method 1: 4 layers total. Bottom to top, they are: footage, box, footage, footage. One of those two top footages is being used as a luma matte for the other.
Method 2: 3 layers total. Bottom to top, they are: footage, box, footage. That top layer is rotoscoped to isolate the person. What's rotoscoping you ask? Animating masks in order to isolate something in video. Tips on how to do it here: After Effects Help | Managing and animating shape paths and masks
Depending on what your footage looks like, this might be easier: Roto Brush in After Effects

Similar Messages

Drawing over Video

Hi
I'm testing my xlets on xleTView and OpenMHP. I can play videos from files (for testing purposes) but I cannot draw over them, the video component is drawn over everything, even when I override the paint() method. Is it possible to draw over video considering my test environment? Suggestions?
Thanks in advance.

I want to know, too

How/Where to make Drawing/Sketch Video for Website

I am brand new to all Adobe applications but have the CS5 Master Suite and have been taking many courses through Lynda.com for months. I wish to learn how to make a small video of an object being sketched. That is use a drawing tablet and stylus (whatever they are called...I have NO idea) and trace over a photo. When finished I wish to have the video of the slowly created tracing of the object sped up and when complete fade away and the actual photograph of the object traced overlap fade into view. In other words use this as a transition technique for presenting a photograph of an object rather then just have it "pop" onto the screen. My questions are: (1) What special drawing pad and stylus are required (if any....can I do it with just the mouse?) (2) Is Flash Professional the program one would use to make such a video? If not which Adobe program is best suited to this task, and (3) Is there a NAME to this "technique" in whatever program was given in answer to question two so I know where to begin and/or look for a tutorial on how to accomplish this technique? (I am assuming that describing how to do this is too tedious a task for this forum. If I am mistaken please tell me.) Thank you.

You could get a Wacom tablet and draw over your photo in Photoshop and record the process using a screen recorder application. I'm much too lazy to do that sort of thing. Do a google search on sketch effect in Photoshop. You'll find a whole long list of tutorials that will show you various ways to achieve the sketch version of your photo. You'll find that you can get greater and lesser levels of detail by changing the settings of the filters used in the process. You can save each one of these variations to a different layer in Photoshop. You can use these layers as the development of the sketch version of the photo.
Each layer can then be imported into Flash. You can then to the animation in Flash.
Does that help to get you started?

Looking for "animate draw on video" effect

I need to supply a client with an animated drawing effect on video.
Actually it's a still frame- so hopefully that makes it easier.
(He wants me to animate glasses and a moustache being drawn on a face)
The effect seems fairly common.
Is this something that is done in photoshop or after effects or
is there a key frame, plug in for FCP?

You could do this pretty easily in AE or Motion. This will describe how to do it in Motion:
1.) Bring the frame in question into a "drawing" program: Illustrator or Photoshop. Draw your elements on top of your frame.
2.) Import your background frame & the new drawing into Motion. Put them into their own individual groups.
3.) Make a new group and use the "Bezier Tool" to draw lines (that Motion will call "Shapes") that hide your drawings. The lines should have no Fill & their outlines should be large enough to completely hide your drawings. You should 1 "shape" for every "stroke" of the drawing that needs to get revealed. This group probably needs to be on the top of your stack to see that you're hiding the drawing.
4.) Apply the Behavior, Shape > Write On to each of your shapes. This is going to cause your strokes to grow into place. Play with timing to suit yourself.
5.) Select the Group with your drawing: 'stache & glasses and go to the menu: Object > Add Image Mask. Make the top group, your written-on strokes, the mask for this drawing layer.
Your drawing should now draw itself on. You may need to make your drawing with individual layers for the strokes to make the write-on process cleaner. I'll post some screen shots in a minute to better illustrate this all. It's actually much easier than all the verbiage may make it sound...

Drawing on video in MMAPI

I'v learnt how to use MMAPI to take snapshots of the video feed from my phone. But I read in the API that it isn't possible to draw onto the area where the video feed is displayed. I really need to overlay some graphics onto the video feed, is there anyway I can do this? (I'm using USE_DIRECT_VIDEO btw )
Any suggestions would be appreciated!

Have a look at this thread :
http://discussion.forum.nokia.com/forum/showthread.php?t=97784
It talks about a solution for decoding video in pure software, on a phone. Demos are at http://www.versatile-media-format.com and there is one showing a translucent overlay on top of the video stream.

Drawing on video in photoshop Elements

It is my understanding that in Photoshop Elements I am able to place a circle around a moving object or person and have that circle stay with/track the moving object or person as the video plays? Is this correct??

No. You need the Premiere Elements video editing program to do that. The feature is called 'Motion Tracking'. Photoshop Elements cannot process video.
Premiere Elements has it's own Adobe forum and, if you've not bought it you can download a thirty day free trial to see if the feature does exactly what you want. The feature is reasonably straight-forward in use but results can be variable depending on a lot of factors. If you have problems using it, then post your question in the PRE forum - http://forums.adobe.com/community/premiere_elements?view=discussions.
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

AIR iOS Video Object draw

Hi,
Maybe this is a stupid question.
I'm having some trouble tryng to draw a Video Object into a BitmapData in AIR (iOS), I always though that the security error exceptions were never applied to AIR.
I have a .flv inside a folder in the app, when I try to draw the video I get the classic Exception fault: SecurityError: Error #2123: Security sandbox violation: BitmapData.draw.
Any thoughts?
Luis

Okay, I've done more research, so I'll answer my own question.
Yes, it's definitely possible to play video from a server on iOS.
This page contains code that works:
http://www.overdigital.com/2012/01/14/720p-video-on-ipad-and-android-tablets-with-adobe-ai r/
That is, it works properly with the author's video, but not with mine.
At first I thought that it wasn't working at all with my video, but then I happened to change the iPad's orientation, and the video appeared.
This problem has also been noted here: http://forums.adobe.com/message/5712904#5712904
It's interesting that the example video for the above article doesn't do this....
Could it be that I'm not encoding the video correctly?
I'm using the Adobe Media Encoder to encode the video.
The preset I'm using is:
Apple TV, iPad, iPhone 4 and newer - 720p 23.976
I'm choosing this based on the name of the file used by the above working example, which is "Hillman_720p23.976_2400kbps.mp4"
It seems to me that this would obviously be correct. I have a feeling that there's something really simple that I'm missing. Any thoughts?
Thanks,
Douglas

How to create Interactive PDF with multiple .mp4 videos– without lagging on playback?

I'm creating a long document with no real effects-- just a "fade" transition from page to page-- and multiple videos. These videos are all formatted as .mp4s, and I have had no issues with the actual process of getting them embedded and playing back on export.
My real issue is that the videos are all extremely laggy on playback. Since this is a presentation document, I'd like to know if there are any options for making the playback a bit smoother. Each video, by itself, plays with no issues. Would the combined filesize of all the videos be causing this? There are about eight 30-second videos and one 2-minute video, which makes the filesize quite large.
Filesize is not an issue, so is there some way to completely embed the videos or create an external folder the PDF document can draw the videos from on playback...? Hopefully I won't be stuck with laggy videos.

My suspicion is that computer setup has more to do it than anything. How much RAM, whether other apps are loaded, what kind of graphics chip, stuff like that.
I don't know of a setting, though you can look at the Flash Player settings in Acrobat. There is certainly nothing in InDesign that would affect it.

BitmapData.draw Security Sandbox and LocalTrusted not working?

Hello there, wondering if anyone else is having the same
problem -- I have a LocalTrusted security sandboxType -- and when i
try to access a BitmapData.draw method on a progressive flv, i get
the error message:
SecurityError: Error #2135: Security sandbox violation:
BitmapData.draw: file://file.swf may not access null. RTMP content
cannot be accessed using this API.
I've rechecked my sandbox type a zillion times, as well as
tried putting allow="*" in the crossdomain policy file ....
is this an error in my security settings -- or is
bitmapdata.draw on video objects now "gone"?

Could you try this - Open and swf, rightClick - Goto
settings, then click Advanced. On the webPage click on "Global
Security settings panel".
If you don't find your local directory in there, add it and
see if things work?
If not, it would be good if you could post the chunk of code
which is creating problems.

Dynamic drawing on frames

Hi,
I would like to draw dynamically on displayed frames of a video. The program stops the video and lets the user draw. A previous "Draw on video" topic used an Effect to do this. Because the video is stopped, this won't work.
Best would be using the setGlassPane() method. However, the heavyweight nature of JMF viewer prevents this from working (on Windows with performance pack). After much experimentation, I have abandoned this approach.
Is there a way to get the current frame's contents and interact with the video frame just as you would with anything drawn in awt? Does the video frame have a Graphics object that is accessible? Can it be replaced with one that does?
In the extreme case, I imagine the video going to an invisible buffer. This buffer is converted to an Image that displays. You can draw all over it. Then, the next frame is processed in a similar fashion. I can use standard methods to make the drawing dynamic.
I will appreciate any insights and suggestions.
Harry

You can actually try using a lightweight component for your video by adding a line like this to your code:
Manager.setHint(Manager.LIGHTWEIGHT_RENDERER, new Boolean(true));
See http://java.sun.com/products/java-media/jmf/2.1.1/solutions/SwingJMF.html for all the cool details.
Daniel Roth

How to draw white border(only corner) lines around camera view finder

Hi. You know those white corner lines around the camera view that is found on most camera apps, how do I draw those lines around the camera view? I'm developing a video camera app and now I want to draw those lines to indicate where the camera view finder
is. The white line starts at the top left corner of the camera view(horizontal) then stops about one quarter and starts again at the other side(top right). The same at left, right and bottom side. It shouldn't be a full square/rectangle just the corners. I
think you understand what I'm talking about now. How can I draw just "video camera corner lines"? After this question I want to ask you how to change the resolution like to 176*220, 240*320 ect and what the available resolutions is for capturing
video-clips. For now just the white corner lines of camera view. Thanks in advance:-)

How do I draw lines and shapes on top of the camera view finder(cvf)?
+how do I show the battery life bar on cvf?
+how do I programmatically add text on the cvf?
+how do I make a connection request? (connect to a URL)?
+how do I change the resolution of the video camera? What is the acceptable values for resolution?
+how do I listen for touch events on the cvf?
Thanks

Security issue with NetStream.appendBytes() and BitmapData.draw()

Iuse appendBytes to continuously and seamlessly stream video data into a netStream. since we're NOT playing the video files directly from a web domain, there is no meaning to the checkPolicyFile property of our netStream object and therefore - we cannot BitmapData.draw() our Video instance with the netStream attached.
Is there any possibility to get images from the netStream in order to manipulate them on-the-fly?

I ran into the same problem. Have you managed to find a solution to get around the security violation?

Rotoscoping techniques: Frame Animation vs Video Timeline

Hi. I am using Photoshop CS6 and CC.
I am looking for an easy workflow for rotoscoping a video (for the purpose of drawing on it to create animated look)
and came across two different techniques for achieving the same purpose:
1. frame animation as explained here
2. Video Timeline as explained here
seems to me the first technique is much more error prone.
I am a bit confused on the proper use of those 2 features - when to use which
as I see it Frame animation is for:
1.making GIF'S from your current layer stack
2.scanning a drawing by hand element that is supposed to appear in a stop motion fashion.
and Video Timeline is for:
1.real editing with layers moving in different points in time (which really can't see why would you do that in photoshop instead of AE or Premiere)
2.cell animation with onion skin
2.making blank video layer over a real one and create a live drawing.
any Insights will be greatly appreciated

thanks for the reply JJ.
I think I have a better idea on what each tool is all about:
allow me to sum it up for anyone who will look at this and for me too.
this is a clarification of these different tools especially related to rotoscoping but not just.
contributions would be appreciated
Frame Animation
useful for controlling each specific frame in a sequence of animated frames.
in rotoscoping this is useful for instances where you want to work with many layers
thus preserving the capability to change your work with different layers containing different data.
for instance: hair, face, legs etc. like the following example here
also efficient in making GIF's like here
Advantages:
1. more layers - more control
2. easy to make GIFS by changing each layers transformations like here
or here and would be cumbersome to do in Video Timeline
Limitations:
1. layout requires a bit of getting used to for instance: seconds for each frame and not overall frame rate - you have to select all of them to change them globally (there is a panel option for that though)
and also each frame contains all of the layers with only the specific ones visible and position differently (like layer comps).
if you are not careful you could make a mess of things by changing visibility of the wrong layers or worse
so - order, color labeling and grouping is paramount. an example of a good workflow is here
2. you have to make your own shortcuts since next frame/previous frame/first frames don't have shortcuts.
3. there is no audio
Video Timeline
useful for "classic" video editing - you get a timeline with layers
that you can trim and make transitions.
great for drawing on video or classic drawn Cell animation.
you can also insert a blank video layer and draw on it.
as explained here
Advantages:
1. familiar timeline structure - easy to understand and not mess it up. you can change the framerate and work like a real video workflow.
2. great for rotoscoping on video - you could insert a blank video layer and draw frame by frame on the same layer making it easy.
3. great for cell animation because onion skin features are an option
4. keyboard shortcuts are a click way by changing the panel options to "enable timeline shortcut keys"
5. there is audio
Limitations:
1. not as efficient as Frame Animation for GIF animations or animation that requires a lot of layers or different kind of layers.

How do I read the Vsync register on my PC video card output?

I am desiging an application in LabVIEW that presents jpgs on the monitor. The problem is I need the presentation to be synchronized to the video refresh rate (I require mS timing in the application) and I inveriably get a jitter depending on when the CRT starts to "draw" the video signal. I need to be able to poll the video registers to "see" when the VSYNC pulse is initiated.

Hi Guyzini,
I remember seeing a similar post on discussion forum a few days back. Here's the link to it.
http://exchange.ni.com/servlet/ProcessRequest?RHIVEID=101&RPAGEID=135&HOID=50650000000800000034E80000&UCATEGORY_0=_49_%24_6_&UCATEGORY_S=0&USEARCHCONTEXT_QUESTION_0=%22How+to+synchronize+presentation+on+the+front+panel+to+the+start+of+a+75Hz+monitor%27s+retrace+cycle%3F%22&USEARCHCONTEXT_QUESTION_S=0
Please let me know if you have more questions on the issue.
Regards,
Ankita A.

Problem with file descriptors not released by JMF

Hi,
I have a problem with file descriptors not released by JMF. My application opens a video file, creates a DataSource and a DataProcessor and the video frames generated are transmitted using the RTP protocol. Once video transmission ends up, if we stop and close the DataProcessor associated to the DataSource, the file descriptor identifying the video file is not released (checkable through /proc/pid/fd). If we repeat this processing once and again, the process reaches the maximum number of file descriptors allowed by the operating system.
The same problem has been reproduced with JMF-2.1.1e-Linux in several environments:
- Red Hat 7.3, Fedora Core 4
- jdk1.5.0_04, j2re1.4.2, j2sdk1.4.2, Blackdown Java
This is part of the source code:
// video.avi with tracks audio(PCMU) and video(H263)
String url="video.avi";
if ((ml = new MediaLocator(url)) == null) {
Logger.log(ambito,refTrazas+"Cannot build media locator from: " + url);
try {
// Create a DataSource given the media locator.
Logger.log(ambito,refTrazas+"Creating JMF data source");
try
ds = Manager.createDataSource(ml);
catch (Exception e) {
Logger.log(ambito,refTrazas+"Cannot create DataSource from: " + ml);
return 1;
p = Manager.createProcessor(ds);
} catch (Exception e) {
Logger.log(ambito,refTrazas+"Failed to create a processor from the given url: " + e);
return 1;
} // end try-catch
p.addControllerListener(this);
Logger.log(ambito,refTrazas+"Configure Processor.");
// Put the Processor into configured state.
p.configure();
if (!waitForState(p.Configured))
Logger.log(ambito,refTrazas+"Failed to configure the processor.");
p.close();
p=null;
return 1;
Logger.log(ambito,refTrazas+"Configured Processor OK.");
// So I can use it as a player.
p.setContentDescriptor(new FileTypeDescriptor(FileTypeDescriptor.RAW_RTP));
// videoTrack: track control for the video track
DrawFrame draw= new DrawFrame(this);
// Instantiate and set the frame access codec to the data flow path.
try {
Codec codec[] = {
draw,
new com.sun.media.codec.video.colorspace.JavaRGBToYUV(),
new com.ibm.media.codec.video.h263.NativeEncoder()};
videoTrack.setCodecChain(codec);
} catch (UnsupportedPlugInException e) {
Logger.log(ambito,refTrazas+"The processor does not support effects.");
} // end try-catch CodecChain creation
p.realize();
if (!waitForState(p.Realized))
Logger.log(ambito,refTrazas+"Failed to realize the processor.");
return 1;
Logger.log(ambito,refTrazas+"realized processor OK.");
/* After realize processor: THESE LINES OF SOURCE CODE DOES NOT RELEASE ITS FILE DESCRIPTOR !!!!!
p.stop();
p.deallocate();
p.close();
return 0;
// It continues up to the end of the transmission, properly drawing each video frame and transmit them
Logger.log(ambito,refTrazas+" Create Transmit.");
try {
int result = createTransmitter();
} catch (Exception e) {
Logger.log(ambito,refTrazas+"Error Create Transmitter.");
return 1;
} // end try-catch transmitter
Logger.log(ambito,refTrazas+"Start Procesor.");
// Start the processor.
p.start();
return 0;
} // end of main code
* stop when event "EndOfMediaEvent"
public int stop () {
try {
/* THIS PIECE OF CODE AND VARIATIONS HAVE BEEN TESTED
AND THE FILE DESCRIPTOR IS NEVER RELEASED */
p.stop();
p.deallocate();
p.close();
p= null;
for (int i = 0; i < rtpMgrs.length; i++)
if (rtpMgrs==null) continue;
Logger.log(ambito, refTrazas + "removeTargets;");
rtpMgrs[i].removeTargets( "Session ended.");
rtpMgrs[i].dispose();
rtpMgrs[i]=null;
} catch (Exception e) {
Logger.log(ambito,refTrazas+"Error Stoping:"+e);
return 1;
return 0;
} // end of stop()
* Controller Listener.
public void controllerUpdate(ControllerEvent evt) {
Logger.log(ambito,refTrazas+"\nControllerEvent."+evt.toString());
if (evt instanceof ConfigureCompleteEvent ||
evt instanceof RealizeCompleteEvent ||
evt instanceof PrefetchCompleteEvent) {
synchronized (waitSync) {
stateTransitionOK = true;
waitSync.notifyAll();
} else if (evt instanceof ResourceUnavailableEvent) {
synchronized (waitSync) {
stateTransitionOK = false;
waitSync.notifyAll();
} else if (evt instanceof EndOfMediaEvent) {
Logger.log(ambito,refTrazas+"\nEvento EndOfMediaEvent.");
this.stop();
else if (evt instanceof ControllerClosedEvent)
Logger.log(ambito,refTrazas+"\nEvent ControllerClosedEvent");
close = true;
waitSync.notifyAll();
else if (evt instanceof StopByRequestEvent)
Logger.log(ambito,refTrazas+"\nEvent StopByRequestEvent");
stop =true;
waitSync.notifyAll();
Many thanks.

Its a bug on H263, if you test it without h263 track or with other video codec, the release will be ok.
You can try to use a not-Sun h263 codec like the one from fobs or jffmpeg projects.

Drawing on video

Similar Messages

Maybe you are looking for