Overlaying text, shapes to images

I'm editing together pieces of a presentation that include screen captures of activity on my PC. I need to overlay hollow rectangles, ovals, and arrows at various points to highlight different regions of the screen. I've found how to add one rectangle--of solid color that blocks the area I'm trying to highlight--or one text string. But adding multiple rectangles and strings and easily moving them around to properly align with the underlying images has been tough.
Where can I get some help on out to do this with FCE? I'm a recent convert from Windows/Premiere where I found this to be a very easy process. Surely I'm missing something in this new environment.

Unfortunately, I don't own Photoshop for the Mac.
But let's say that I buy it...or at least a cheaper version. And I create a bunch of hollow rectangles of various sizes that I can use to box important text or regions of my screen. How do I go about placing these multiple items on top of my video and sizing them to enclose the right areas? Are there any books or online material that can help me out with this?

Similar Messages

Is it possible to add or overlay text on an image to be used in a slideshow in Aperture?

Is it possible to add or overlay text on an image to be used in a slideshow in Aperture v3.2.2? If so how? Thanks.
RJT

Start here.
Don't miss this:
Stage 7: Titling and Adding Text to the Slideshow
Add a title to your slideshow using the titling controls. Insert a blank slide at the beginning of the movie to display your title. You can also use blank slides to act as chapter dividers. Add text to individual slides where appropriate.
or this:
Adding Text to an Individual Slide
Message was edited by: Kirby Krieger -- added final link.

Trying to overlay text onto images and save them.

What I want: I have a computer running the media in my car and I want to hook up a camera to it that'll record when the computer is running and overlay the GPS speed onto the video for later viewing.
What I got: I have the following piece of code that saves a series of .jpg images at a specified frame rate and a separate Java application that puts them together into a .mov file to view later. I couldn't find anything to record the straight video so if you have any links for that, please point me. But for now I'll settle for doing it this way and I'm not too concerned with the GPS speed NMEA parsing for now, I'll just use a static speed label until I get the overlaying working.
What I need: I need to know what to plug into the speedOverlay() method in order to grab the image and put the speed on top of it before saving it and moving to the next image. Any ideas?
Code:
import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGEncodeParam;
import com.sun.image.codec.jpeg.JPEGImageEncoder;
import com.sun.media.sound.Toolkit;
import javax.imageio.ImageIO;
import javax.media.*;
import javax.media.control.FrameGrabbingControl;
import javax.media.format.VideoFormat;
import javax.media.util.BufferToImage;
import javax.swing.JButton;
import javax.swing.JComponent;
import javax.swing.JTextField;
import javax.swing.JLabel;
import javax.swing.JPanel;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.Panel;
import java.awt.Shape;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.awt.font.TextLayout;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;
import java.io.FileOutputStream;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.Timer;
import java.util.TimerTask;
public class SwingCapture1 extends Panel implements Runnable, ActionListener
     private static final long serialVersionUID = 1L;
     public static Player player = null;
     public CaptureDeviceInfo di = null;
     public MediaLocator ml = null;
     public JButton start = new JButton("START");
     public JButton stop = new JButton ("STOP NOW");
     public JLabel frequencyLabel = new JLabel("Frequency:");
     public JTextField frequencyInputField = new JTextField(5);
     public JLabel framerateLabel = new JLabel("Framerate: ");
     public JTextField framerateInputField = new JTextField(5);
     public JLabel timerLabel = new JLabel("Timer: ");
     public JTextField timerInputField = new JTextField(5);
     public JPanel southPanel = new JPanel();
     public static Buffer buf = null;
     public static Image img = null;
     public VideoFormat vf = null;
     public static BufferToImage btoi = null;
     public static ImagePanel imgpanel = null;
     public static Timer timer = new Timer();
     static int theFrameRate = 0;
     static int theTimeLength = 0;
     static int i = 0;
     static int interval = 0;
     int count = 0;
     static int timeLength = 0;
     static String filePrefix = "";
     static String imagesDirectory = "c:\\images\\";
     static boolean timerBoolean = true;
     Thread capThread;
     Toolkit toolkit;
     public SwingCapture1()
          setLayout(new BorderLayout());
//          setSize(640, 480);
          imgpanel = new ImagePanel();
          start.addActionListener(this);
          final String str = "vfw:Microsoft WDM Image Capture (Win32):0";
          di = CaptureDeviceManager.getDevice(str);
          ml = new MediaLocator(str);
          try
               player = Manager.createRealizedPlayer(ml);
               player.start();
               Component comp;
               if ((comp = player.getVisualComponent()) != null)
                    add(comp, BorderLayout.LINE_START);
//               add(capture);
               add(imgpanel, BorderLayout.LINE_END);
               add(southPanel, BorderLayout.SOUTH);
               southPanel.add(framerateLabel);
               southPanel.add(framerateInputField);
               southPanel.add(timerLabel);
               southPanel.add(timerInputField);
               southPanel.add(start);
               southPanel.add(stop);
          catch (final Exception e)
               System.out.println("ERROR 1");
               e.printStackTrace();
     public static void playerclose()
          player.close();
          player.deallocate();
     public void actionPerformed(final ActionEvent e)
          final JComponent c = (JComponent) e.getSource();
          if (c == start)
//               snapPicture();
               theFrameRate = Integer.parseInt(framerateInputField.getText());
               theTimeLength = Integer.parseInt(timerInputField.getText());
               startCapture(theFrameRate, theTimeLength);
          if (c == stop)
               timerBoolean = false;
     public void startCapture(final int framerate, final int timeLength)
          interval = 1000 / framerate;
          // Start timer.
          timer.scheduleAtFixedRate(new TimerTask ()
               public void run()
                    System.out.println("SNAP");
                    snapPicture();
                    count++;
                    if (count >= timeLength * framerate)
                         this.cancel();
          }, 1000, interval);
     public static void snapPicture()
          final FrameGrabbingControl fgc = (FrameGrabbingControl) player.getControl("javax.media.control.FrameGrabbingControl");
          buf = fgc.grabFrame(); // Convert it to an image
          btoi = new BufferToImage((VideoFormat) buf.getFormat());
          img = btoi.createImage(buf); // show the image
          imgpanel.setImage(img); // save image
          // saveJPG(img, "c:\\java\\Tomcat\\webapps\\loadimage\\main.jpg");
          i++;
          speedOverlay(img);
          saveJPG(img, imagesDirectory + filePrefix + i + ".jpg");
     public static void speedOverlay(Image img)
     public static void saveJPG(final Image img, final String s)
          final BufferedImage bi = new BufferedImage(img.getWidth(null), img.getHeight(null), BufferedImage.TYPE_INT_RGB);
          final Graphics2D g2 = bi.createGraphics();
          g2.drawImage(img, null, null);
          FileOutputStream out = null;
          try
               out = new FileOutputStream(s);
          catch (final java.io.FileNotFoundException io)
               System.out.println("ERROR 2");
               System.out.println("File Not Found");
          final JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
          final JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(bi);
          param.setQuality(0.5f, false);
          encoder.setJPEGEncodeParam(param);
          try
               encoder.encode(bi);
               out.close();
          catch (final java.io.IOException io)
               System.out.println("ERROR 3");
               System.out.println("IOException");
     public void start()
          if (capThread == null)
               capThread = new Thread(this, "Capture Thread");
               capThread.start();
     public Image getFrameImage()
          // Grab a frame
          final FrameGrabbingControl fgc = (FrameGrabbingControl)
          player.getControl("javax.media.control.FrameGrabbingControl");
          buf = fgc.grabFrame();
          // Convert it to an image
          btoi = new BufferToImage((VideoFormat)buf.getFormat());
          return btoi.createImage(buf);
     @Override
     public void run() {
          // TODO Auto-generated method stub
}

Sorry guys, I haven't looked at your links yet but I will, once I get some time to sit down and code again. I just wanted to provide this piece of code that uses the Graphics2d you're talking about to overlay text onto an image but I haven't been able to plug it into my code at all. If you're links answer the question, I'm sorry, just providing it until I can actually sit down and spend time on the research you've given me. Thanks.
import java.awt.*;
import java.awt.font.*;
import java.awt.geom.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import java.text.*;
import java.util.*;
import javax.imageio.*;
import javax.swing.*;
public class WaterMark {
    public static void main(String[] args) throws IOException {
         String speed = "50";
        URL url = new URL("file:c:\\images\\1.jpg");
        BufferedImage im = ImageIO.read(url);
        String text = speed + " Km/H";
        Graphics2D g = im.createGraphics();
//        g.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
//        g.setRenderingHint(RenderingHints.KEY_FRACTIONALMETRICS, RenderingHints.VALUE_FRACTIONALMETRICS_ON);
//        g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        g.setFont(new Font("Lucida Bright", Font.ITALIC, 40));
//        g.rotate(-Math.PI/4, im.getWidth()/2, im.getHeight()/2);
        TextLayout tl = new TextLayout(text, g.getFont(), g.getFontRenderContext());
//        Rectangle2D bounds = tl.getBounds();
//        double x = (im.getWidth()-bounds.getWidth())/2 - bounds.getX();
//        double y = (im.getHeight()-bounds.getHeight())/2 - bounds.getY();
        double x = 10;
        double y = 50;
        Shape outline = tl.getOutline(AffineTransform.getTranslateInstance(x+2, y+1));
//        g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.3f));
        g.setPaint(Color.BLACK);
        g.draw(outline);
//        g.setPaint(new GradientPaint(0, 0, Color.WHITE, 30, 20, new Color(128,128,255), true));
        tl.draw(g, (float)x, (float)y);
        g.dispose();
        display(im);
    public static void display(BufferedImage image) {
        JFrame f = new JFrame("WaterMark");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(new JLabel(new ImageIcon(image)));
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
}

Save the Overlay Figures and Text in an Image File in cvi

is possible have an examples "Save the Overlay Figures and Text in an Image
File"
thanks
nicola mirasole

Nicola,
I am sorry but we do not have an example for "Save the Overlay Figures and Text in an Image File" for CVI. Currently, you are going to need to use Window's API calls in order to get this functionality.
Regards,
Mike

How do I hide the background when I shape an image in 3D?

This is a problem that has cropped up before but I'm going to simulate it.
Say in this instance I want to overlay the picture of a kitten over a ball image. I've already extracted (roughly) the background from the kitten picture. I want to use 3D to warp it to the shape of a sphere but I've still got the ball's default background colour as well. How do I hide the background colour of the ball entirely so only the, warped, image of the kitten is visible to overlay over the ball image?
When I wrap the kitten image onto a 3D sphere mesh preset I get the default background
And when I try to overlay it over the 2D ball image the background prevents correct overlaying. I want just the kitten pic
Thanks

You apply the texture to the transparency of the material.
Mylenium

Illustrator CS4 Text & Shape logo is pixelated when placing as smart object in PS

I made a Logo in Illustrator CS4 containing text & shape. The lines are crisp and clear at 100% & 200%+. I save my file as an ai and also another version as outlined. But when I copy & paste it into Photoshop CS4 as a smart object it becomes pixelated when I zoom in more than 100%. Is there a way to fix this?
When I use to do this in CS3 it worked fine, but now it doesn't work. The Photoshop file, placed as a smart object is the one on the left at 200%. You can already tell the pixels are distorted. The one on the right side is Illustrator file at 800% and is still crisp & clean. I've saved as eps, tiff, jpeg from illustrator and when opening it in photoshop and zooming in it's pixelated....and yes AA is turned on in Illustrator and nothing happens when I view as overprint either.
First, I'd like the logo in jpeg crisp and clear when zoomed in.
Second, I'd like to resolve the smart object issue in PS. I know a smart object will hold it's quality no matter the resize of the image in PS, but I can't get it to work... Can someone offer any suggestions

What is the ppi of the Photoshop file?
And for what it's worth, any raster image will never be as crisp and clear as a vector image, smart object or otherwise. Photoshop shows raster previews even if the actual object is vector. If you zoom in on any raster iamge, you'll see pixelation.

Outlook 365 converting text boxes into images

Hello,
When sending out an email containing text boxes with text, links and images inside, people receive it as images.
It does not matter if you created the email as HTML or Rich Text. Same behaviour both cases.
Is there any way to avoid this issue?
Thanks
Ismael.

No, various shapes and features do not translate into HTML suitable for email and will be sent as an image instead.
Using tables instead of textboxes and shapes is the recommended way to go.
Robert Sparnaaij
[MVP-Outlook]
Outlook guides and more: HowTo-Outlook.com
Outlook Quick Tips: MSOutlook.info

Insert shape over image in table cell

Want to use circles, ovals, lines with arrows to point to some part (text or image) of a cell in a table.
Need to emphasize certain areas of graphics in a document used as a step by step type document.
If I add the shape outside the table and then try to drag/drop on to the image in the cell, the entire cell jumps to a new empty cell.
Can nod get image to appear over the image in the table cell.

Hello,
do you think about this, please have a look here: http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7b86a .html.
Another way, to add text over an image uses Nancy O.'s Demo here (I would prefer by using PS or similar):
http://alt-web.com/DEMOS/CSS-Sold-Out-Text-over-image.shtml
Hans-Günter

Ho do I wrap text around an image?

Hi,
I am trying to figure out how to wrap text around an image so that it follows the outline of the image. The E.O. Wilson book has an example, but I have seen it in other books, too. I am using images that have their background taken away with Instant Alpha, but the wrap doesn't work reliably. I wonder if it is a setting I am missing or if Instant Alpha is just unreliable.
Here is what I do:
I drag the photo into a standard page in the chapter (not a chapter or section start page).
I then apply Instant Alpha.
The background disappears, but the text doesn't flow into the spaces.
My settings in the Inspector's Object Placement tab is as follows:
Anchored
Object causes wrap (second icon from left)
Text Fit (right icon)
Extra Space 16pt
Alpha 50%
No text flow. What sometimes works is if I apply a mask to the picture and then make it big enough to reveal the whole picture. Suddenly text flows into the space around the picture. But that is also not a reliable solution. It works sometimes, but not others.
My workaround right now is to create a shape with the pen tool that traces the image. Text flows around this shape just fine. I then place that shape where I want the image and turn off Object Causes Wrap on the image. I then group the shape with the image to make moving them easier. That is a huge effort, and I am sure there is something I am doing wrong.
Can anyone help?
Thanks,
Fiver

Inline
Floating
Anchor
How is your "Text Fit" set? - Fabe

Overlay text from Photoshop CS3

I am using a menu for DVD SP, the menu is made from PS. It has many layers, I am making a overlay file from the "Play" "Speacial Features" 'Chapters" buttons. I deleted all layers except the text for the overlay. Basic Myriad Bold white text...
My questions is why does my overlay file look so ragged. I have a alpha channel, I have white text over black.
I got then overlay to work but it is ragged, not sharp.

Hi
In your overlay the shapes/text to highlight must be black over a white backround. I allways flatten my PS artwork and save it as PICT file for use as overlay in DVDSP.
Beside that, because the antialias in your shapes/texts you must play with the advanced colors setting in your menu, setting something like this:
That will give you less ragged edges in your highlighted elements.
Hope that helps !
Alberto

Is it possible to include text over an image from i-photo?

I wish to overlay one of my images with a caption but have no idea of what I would initially have to do with the original image to get to the stage of including text/wordart etc. Can anyone help?

You'll need an external editor for work like that.
In order of price here are some suggestions:
Seashore (free)
The Gimp (free)
Graphic Coverter ($45 approx)
Acorn ($50 approx)
Pixelmator ($50 approx)
Photoshop Elements ($75 approx)
There are many, many other options. Search on MacUpdate. You can set Photoshop (or any image editor) as an external editor in iPhoto. (Preferences -> General -> Edit Photo: Choose from the Drop Down Menu.) This way, when you double click a pic to edit in iPhoto it will open automatically in Photoshop or your Image Editor, and when you save it it's sent back to iPhoto automatically. This is the only way that edits made in another application will be displayed in iPhoto.

Aperture newbie, is it possible to overlay text onto a photo?

Aperture newbie, is it possible to overlay text onto a photo?

Not from Aperture. But there is a free plugin named BorderFX. With this tool you can add text to photos easily.
The option of BorderFX are:
Add multiple borders.
Borders can be bevelled, or shaded to create more realistic frames.
Add Titles, Copyright & Metadata.
Add a Watermark to your images.
Save images back into the Aperture Library, using the BorderFX Edit plugin.
Position text anywhere on the photo.
Add any number of text boxes to the photo.
Support for ColorSync and ICC profiles.
Aperture 3, 64-bit support.

Is there a way to save shapes as images in Keynote?

I am a new Mac user coming from Windows. In PowerPoint I used to be able to save shapes and text boxes as images. Is there a way to do this in Keynote?

There is an export feature in Keynote. Second menu entry from the left (I got the german version installed and can't tell you how it is called in english). Export to ppt, pdf, png, etc. is possible.

IMAQ Overlay Text.vi: "User-specified Font" ignored

I'm trying to use "IMAQ Overlay Text.vi" use draw a fixed-width tag on an image. In my trials so far, I cannot determine how to use any other font but the default. The "User-specified Font" choice appears to ignore my font requests, but does use my size and bold settings.
What I've tried so far:
Use LabVIEW to tell me font names via the application drop-down menu, and then type one in verbatim into the "Font Name" component of the "User Specified Font" cluster.
Use another Windows program (like Write.exe) to give me font names, and then typing one in verbatim as before.
Use a nonsense font name to provoke some kind of "font not found" error, but none were raised.
This third data point makes me think that a default font is selected if the user's is not found. How do I learn which font names this VI will use? LabVIEW can see and use the font I want, but not IMAQ :-(
I have LabVIEW 2009 with the 2012 Vision Development Module.
Solved!
Go to Solution.

Silver_Shaper wrote:
Check the built in example.. It works.
Excellent! Thanks for your reply :-)
I can confirm that switching from "IMAQ Overlay Text.vi" (and "IMAQ Merge Overlay.vi") to "IMAQ Draw Text.vi" uses the font I specify by name on the Front Panel. This will suit my needs
I have two points for NI engineers and I would like a response:
Does "IMAQ Overlay Text.vi" have any outstanding bug reports about this behavior? Or, am I doing something wrong?
Please make your examples easier to discover and find. With help from Silver_Shaper, I was able to find the example, but the directions on your website are incomplete and misleading. To experience the frustration first hand, follow the link in Silver_Shaper's post and read and follow the text.
You will find that it is incomplete: the article takes you halfway there, pointing you to to "Help » Find Examples... » Toolkits and Modules", but doesn't follow through and ask you to expand "Vision » Functions" before you find the example.
But once you're there, you will also find that the article is misleading. The article is called "Overlay Text on Image" and the same title is used in the overview, but on disk it is called "DrawText Example.vi" and the real name can only be found in the front panel image.
Please confirm the bug or my misunderstanding of "IMAQ Overlay Text.vi", and please confirm that you will update that article.

[Microsoft][SQL Server Native Client 11.0][SQL Server]The text, ntext, and image data types cannot be compared or sorted, except when using IS NULL or LIKE operator. 'Items' (OITM) (OITM)

Dear Experts,
i am getting the below error when i was giving * (Star) to view all the items in DB
[Microsoft][SQL Server Native Client 11.0][SQL Server]The text, ntext, and image data types cannot be compared or sorted, except when using IS NULL or LIKE operator. 'Items' (OITM) (OITM)
As i was searching individually it is working fine
can any one help me how to find this..
Regards,
Meghanath.S

Dear Nithi Anandham,
i am not having any query while finding all the items in item master data i am giving find mode and in item code i was trying to type *(Star) and enter while typing enter the above issue i was facing..
Regards,
Meghanath

Overlaying text, shapes to images

Similar Messages

Maybe you are looking for