Using image as overlay

Normally you create your menu in Photoshop and then you create a simple overlay file (using white, black, red and blue). Then you draw your buttons and select how to key and what color to use.
Is there any way of using a full color-image for both the background menu AND the overlay file?
Here's what I want to do:
I have a menu with small thumbnails for each button. When no button is selected there's a (blue) skin over it.
The button selected does not have a skin, but is visible in full color.
The ideal thing would be to have two JPEG files, and one with the skin all over the image, the other without the skin. Then I set the background and overlay, and when I draw my button, the clear image appear "from behind". Can this be done without having to use a layered menu? There are about 14 buttons on the menu.

A couple of points to add in here - first off, try not using JPEGs... they are compressed and can get ugly when the menu is converted to MPEG2. Try using .pict or .tiff instead.
Secondly, the overlay is in the sub picture stream - you can only use four colours for that no matter what. You could use a mask and switch it from place to place according to the button state, but ultimately if you want full colour then use layers.
Sigh... did I just say that out loud??

Similar Messages

Using image - cash cycle chart on Narartive view in obiee.

Hi Experts
Could you pls. hlep me on this. How I could use image and overlay my data on the Narrative view. What should be the image type. Say for e.g I need to represent a cash cycle chart on obiee which have a circular shape and some text over the image. How I can use that image and put my data onto it.
Pls. help

Any pointers pls...

Using stills as overlay but the original image creeps through

I want to use stills to overlay an interview. The stills are smaller than the original interview shot, and won't cover it completely. To get round this, I used a template from the 'Titles & Text' menu (this is Premiere Elements 11)

Charlie Olly
Given that your still (smaller than the original interview shot) is on Video 2 above the interview shot on Video 1)
Click on the still on Video 2 to select it. Then go to Applied Effects/Applied Effects Palette/Motion Panel expanded and check out the Scale option to make sure that the Scale slider is at 100% (constrain proportions should have a check mark next to it).
If this is an Opacity set issue...note that there is an orange line (rubberband) that runs horizontally across the middle of the video clip on Video 2. That represents Opacity. You might have accidentally move that line down to lower the Opacity which caused the problem.
http://www.atr935.blogspot.com/2013/06/pe11-video-and-audio-track-rubberband.html
Please let us know if the above targeted your issue.
Thanks.
ATR

Exporting linked images with overlays

Hi,
I'm using InDesign CS5.5 on OS X Lion.
I have linked images in my InDesign document that I want to export as JPG and maintain the original file naming scheme. That part is easy (export as HTML, look in the images folder; export as ePUB, look in the images folder of the archive; etc.). But what I'm struggling with is when there are overlays added in InDesign. Some examples of overlays: part labels (e.g., "a", "b", "c"), text labels, arrows, lines, etc. The only way I've found to export the overlays is to do this:
-Group the placed image and overlay items together
-Apply Object Export Options to the grouped item such that Custom Rasterization is checked
-Export via one of the options (e.g., HTML, ePUB)
I get one image per group, which is what I want. The problem is that the filename for that image is now a random number. What I really need is the filename for the original image to be used.
I've also tried exporting to other formats, e.g., PDF (and using the extract all image options) but that doesn't preserve the overlays in the extracted images (which makes sense since the PDF sees the letters as text).
I figure to do this I have to write a script. So before I embark on that quest, I was hoping to get opinions on whether a) such a script is possible and b) whether there is a better way. For specific workflow considerations, moving the adding of these overlays to the images outside of InDesign (e.g., via Photoshop) is not an option.
I envision a script that does the following:
-Set custom rasterization on every grouped object
-Export all grouped objects and other linked images as JPG (with certain settings)
-The exported images for the links would preserve the original filename (adding "_fmt" like InDD does now would be okay) and for the grouped items it would use the filename of the linked image that is part of the group (and fallback to a random number if there is no such image). In the case that the filename could not be specified, then embed the original filename of the linked image in the group
Obviously, if a script could also do the grouping of objects (e.g., finding a linked image, checking to see if there is anything on top of it, grouping it all together), then that would be even better, but I'm not holding my breath. :-)
Thanks,
Steve

This is where the Adobe DNG could shine.
http://www.adobe.com/products/dng/index.html
Worth the read ... this can save the changes that one
makes.
DNG does NOT help in this case.
There is a huge misunderstanding that this is part of what DNG can or should do.
But if you think about it, what good are the adjustments being stored in DNG if you have to use a particular program to open it anyway?
Think about Aperture's Edge Sharpen for a second. Lets say you store that value in a DNG. Fine, what other program is going to able to reproduce that result EXACTLY to how you were previewing it at 100% on your monitor?
Lighroom is trying to do something along these lines by passing editing commands off to Bridge through DNG. But here you run into another problem - it constrains what editing any one program can do. If Lightroom is limited to only ever having editing commands that are the same as what Bridge offers, and no other program on earth supports them, then what have you really accomplished? Will unknown editing commands simply be dropped without warning?
That's why I think simply exporting projects, which hold master images alongside sidecar files (very like XMP) that describe edits are about as good as you are going to get. If you want to truly preserve editing work and you care about quality, nothing beats a TIFF file where 100% of the pixels are exactly as you reviewed them during editing. I personally trust Aperture enough to back up master images along with edits, and am fine with that.

Stitching images with overlays

I am stitching one large imaq image from several smaller images using image to image copy. The small images each have several overlays. After the image to image copy the overlays from the small images are lost. How can this be avoided. Or at least how can I get the overlay image information to manipulate it and reapply the data.
Is this possible, it seems that it should be.
Paul Falkenstein
Coleman Technologies Inc.
CLA, CPI, AIA-Vision
Labview 4.0- 2013, RT, Vision, FPGA

The image overlay data is lost when performing the image to image copy because you lose the origin (0,0) of the small image, to which all overlays are relative.
You are going to need to user the IMAQ set overlay properties VI to configure the behaviors of the overlays before you copy them.
An easier method would be to merge the overlay with the picture before copy, but you would lose pixel data under the overlay, and the image would convert to RGB.
Machine Vision, Robotics, Embedded Systems, Surveillance
www.movimed.com - Custom Imaging Solutions

Script that takes 2 images and overlays one on the other

I have a folder with 200 raw images in it. 100 of them might be called 1001-1001-1072 (Yellow).jpg and it's sister image would be 1001-1001-1072 (Yellow)_Overlay.jpg - making 200 images. The next image in the series might be 1001-1001-1073 (Red).jpg. It's really the last string of numbers that the script should look at.
Basically each image will have a sister image that will be used in photoshop as an overlay layer (of a script defined percentage). Can one of you geniuses create a script for me that will do this to all the images in a folder?
I'd like to use this inside of an action, if that means anything in the script parameters...
Thanks in advance for trying -
Ian

Sorry, the correct layer interaction should be SCREEN on top of the other image, not Overlay.
tnx

Saving Binary Image with Overlay?

Hi
I'm having some issues saving an image with overlay information. I'm using IMAQ Find Circles to measure the radii of holes in a binary image. The hole data is then used with IMAQ Overlay Oval, to draw on ovals to highlight the circles detected. Works fine and the image is shown as expected in the image output on screen, pallette is set to binary. (See second image of 3, below)
When I try and save the image to PNG I just get a blank (black) image. If I use the IMAQ Merge Overlay tool, I just get the green circles on the black (see last image of 3 below). Is there something I'm missing with pallettes/merging? Any help much appreciated. Snapshot of (messy) code attached.
Solved!
Go to Solution.
Attachments:
forum2.PNG ‏47 KB

The problem is the binary image is all zeroes and ones. A normal image goes up to 255, so a value of 1 looks black.
One solution is to multiply the binary image by 255, which makes the image black and white.
Bruce
Bruce Ammons
Ammons Engineering

Captuer image with overlay view

Hi.
i m on this for last 2 or 3 days.
i have a UIImagePicker and set its source type to UIImagePickerControllerSourceTypeCamera. and i have an overlay view on it. Now i want to capture image with overlay view.
i m not using camera controls picker.showsCameraControls = FALSE; and have my custom toolbar with camera button. code i tried is
//btnCameraTaped
-(void)btnCameraTaped:(id)sender
CGRect contextRect = CGRectMake(0, 50, 320, 430);
UIGraphicsBeginImageContext(contextRect.size);
[picker.view.layer renderInContext:UIGraphicsGetCurrentContext()];
viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//above code save overlay view in viewImage
[picker takePicture];
- (void)imagePickerController:(UIImagePickerController *)picker1 didFinishPickingMediaWithInfo:(NSDictionary *)info {
UIImage *camImage = [info objectForKey:@"UIImagePickerControllerOriginalImage"];
//trying to merge viewImage and camImage i don't know what it is doing i found it on stackoverflow
UIGraphicsBeginImageContext(camImage.size);
[camImage drawAtPoint:CGPointMake(0,0)]; //crash on this line
[viewImage drawAtPoint:CGPointMake(0,0)];
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//saving it in photo library
UIImageWriteToSavedPhotosAlbum(newImage, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);
but code crashes on [camImage drawAtPoint:CGPointMake(0,0)];
if any one have any idea what i m doing wrong. or is there any better way to do this.
Usman

finally found the solution from http://trandangkhoa.blogspot.com/2009/07/iphone-os-drawing-image-and-stupid.html
- (void)imagePickerController:(UIImagePickerController *)picker1 didFinishPickingMediaWithInfo:(NSDictionary *)info {
UIImage *camImage = [info objectForKey:@"UIImagePickerControllerOriginalImage"];
int width = camImage.size.width;
int height = camImage.size.height;
CGSize size = CGSizeMake(width, height);
//create the rect zone that we draw from the image
CGRect camImageRect;
if(camImage.imageOrientation==UIImageOrientationUp
|| camImage.imageOrientation==UIImageOrientationDown)
camImageRect = CGRectMake(0, 0, width, height);
else
camImageRect = CGRectMake(0, 0, height, width);
UIGraphicsBeginImageContext(size);
CGContextRef context = UIGraphicsGetCurrentContext();
//Save current status of graphics context
CGContextSaveGState(context);
//Do stupid stuff to draw the image correctly
CGContextTranslateCTM(context, 0, height);
CGContextScaleCTM(context, 1.0, -1.0);
if(camImage.imageOrientation==UIImageOrientationLeft)
CGContextRotateCTM(context, M_PI / 2);
CGContextTranslateCTM(context, 0, -width);
else if(camImage.imageOrientation==UIImageOrientationRight)
CGContextRotateCTM(context, - M_PI / 2);
CGContextTranslateCTM(context, -height, 0);
else if(camImage.imageOrientation==UIImageOrientationUp)
else if(camImage.imageOrientation==UIImageOrientationDown)
CGContextTranslateCTM(context, width, height);
CGContextRotateCTM(context, M_PI);
CGContextDrawImage(context, camImageRect, camImage.CGImage);
//After drawing the image, roll back all transformation by restoring the
//old context
CGContextRestoreGState(context);
//For viewImage
CGRect viewImageRect;
if(viewImage.imageOrientation==UIImageOrientationUp
|| viewImage.imageOrientation==UIImageOrientationDown)
viewImageRect = CGRectMake(0, 0, width, height);
else
viewImageRect = CGRectMake(0, 0, height, width);
CGContextSaveGState(context);
CGContextTranslateCTM(context, 0, height);
CGContextScaleCTM(context, 1.0, -1.0);
if(viewImage.imageOrientation==UIImageOrientationLeft)
CGContextRotateCTM(context, M_PI / 2);
CGContextTranslateCTM(context, 0, -width);
else if(viewImage.imageOrientation==UIImageOrientationRight)
CGContextRotateCTM(context, - M_PI / 2);
CGContextTranslateCTM(context, -height, 0);
else if(viewImage.imageOrientation==UIImageOrientationUp)
else if(viewImage.imageOrientation==UIImageOrientationDown)
CGContextTranslateCTM(context, width, height);
CGContextRotateCTM(context, M_PI);
CGContextSetAlpha (context,0.5);
CGContextDrawImage(context, viewImageRect, viewImage.CGImage);
//After drawing the image, roll back all transformation by restoring the
//old context
CGContextRestoreGState(context);
//DO OTHER EFFECTS HERE
//get the image from the graphic context
UIImage *outputImage = UIGraphicsGetImageFromCurrentImageContext();
UIImageWriteToSavedPhotosAlbum(outputImage, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);
//commit all drawing effects
UIGraphicsEndImageContext();
Usman

How to use images from ADFLib

Hello OTN,
My application is devided into several ADFLibs, one of them is CommonUI. It includes common skin and it is imported into every application part.
There are some images which should be available in different parts, so I decided to put them in CommonUI.
After deploying adflibCommonUI adn refreshing Resource Palette, somehow I expected to see this image there, but it isn't.
Could someone, please, explain me, how to use images contained in imported ADFLib, for example, as imageLink icon?
Thanks.
ADF 11.1.2.1

Hi,
images need to be saved in a specific file structure in the JAR file to be accessible. See:
http://www.oracle.com/technetwork/developer-tools/adf/learnmore/86-images-from-jar-427953.pdf
Frank

How to Use Image Processor for Multiple Sizes

I'm trying to use Image Processor to work on a folder of images and to create several sizes of .jpg's . I find an option to Save as JPEG in one size only. Is there any way to set up Image Processor to save JPEG to multiple sizes?
Thanks in advance for your help!!!

Hi Mehtap,
Using the script will give you multiple selections.
This is how I did it and it works well. It just separated the values by semicolon ";" .
TEXT_1.setText(DS_1.getFilterText("0CUSTOMER"));
When selected only one value:
When selected more than one value:

Using Images in Spry Dropdown Menus??????

I am in the middle of making a web site that needs a drop down menu for one of the top navigation menu buttons, when I designed the web site I created my own buttons (images) in photo shop. When I went to create me navigation bar I tried to insert images in the spry menu bar, so that I can have my imaged and have the drop down menu but that didn't work, so then I tried to use a table and insert the images there and in the cell that needs the drop down bar I put in a spry menu bar but that through the whole navigation bar off. Can anyone help or does anyone know how to use images in spry drop down menus that can help me have the look I want and the drop down menu?

Have a look here http://www.adobe.com/devnet/dreamweaver/articles/spry_widgets_design_04.html
I hope it helps.
Ben

Using "Image/Transform/Perspective" on a layer?

Hi,
I'm new at this. I have a shot of a big room with empty art frames on the walls. I have rectangular layers that are shots of paintings that I want to drop into the frames, but of course the paintings layers have to be skewed to show the perspective angle (trapezoid) that matches the room. Problem is, it seems that I can only use Image/transform/perspective on the painting files before they become layers. This means guessing the perspective, then moving them into the background, which is trial&error at best. It's very hard to guess the appropriate perspective when the file isn't a layer. It seems that once the painting files become layers, the "perspective" option is no longer available. I can use "skew," or "free transform," but not "perspective." "Skew" doesn't work, because while it will allow changing the rectangle into a paralellogram, it won't allow me to change the rectangle into a trapezoid. "Free Transform" doesn't work for the same reason. So, How do you apply the "perspective" function to a layer?
If I knew how to change the rectangle by grabbing one of a selection's corner anchor boxes and fixing it place, that would help because I could create my own trapezoid, but I don't know how to do that. Does anyone?
Thanks!

I've no idea why all the transform options aren't available; they are here.
Anyway, try this:
Drag or copy/paste the painting in. It will come in as a new layer.
Convert that layer to a smart object (Layer > Smart Object > Convert..). Reduce the smart object opacity to 50%.
Choose Transform > Distort and move the corners individually into place.
When you're happy, set opacity back to 100% and rasterize the smart object.
The beauty of the smart object in this case is that you can transform repeatedly without any additional quality loss; it will be rendered only once when you rasterize.

Error message when trying to use image processor in CS2

Hi
I am trying to use image processor to condense 500 proofs for my website - however although I have done many times before with no problem, now when I hit the Image processor button before I even get to key in details it is bringing up the sorry something major has happened message and I can't continue - the details of this message are as follows - ref error : this.dlgMain.ddset on Change is not a function :810 - does this mean anything to anyon? Any ideas on how to overcome would be much appreciated.
thanks

Go to Russell Brown's website and download his package for CS2. His 1-2-3 Processor is much more flexible than the one provided by Photoshop.

Why can I no longer import EDITED photo from my iPad to my Mac using Image Capture from Snapseed app?

Why can I no longer import EDITED photo from my iPad to my Mac using Image Capture? This is farcical and a real problem having to email them individually to myself and is totally inefficient time wise compared to previously using image capture! Why change this when it was working well and very quickly until the latest change. Now I have to move files from downloads into an appropriate folder, after emailing each individual edited image to myself, then I have to open in Photoshop and rename the file. This is ludicrous and takes forever to do!

Thank you! I suppected it would be in the settings somewhere. I' ve much to learn...get myself into trouble pushing buttons I don't really understand.

Why is the scan size of our epson 15Mb for PDF using image capture?

Hi All-
This has been plaguing us since Snow Leopard when we lost the Epson Scanner tool from Epson to Image Capture scanning using our Epson 835 Artisan.
PDF sizes are ridiculous using Image Capture.
For example, 3 pages of text using Image Capture =
15Mb
Using the same printer, same 3 pages and the builtin Epson Scanner (from the printer panel) and a USB stick =
1.2Mb
This has been happening since the SL upgrade (as mentioned) but I had hoped that Epson/Apple could get their act together on the Epson drivers for ML. Seems not to be the case. It is kind of a drag to have a Network available Scanner only to have the built in software be a bum steer. Not only that, but no relief from Epson since their Scanner program (as bad as it was UI wise, but at least you got a mail-able document) has been discontinued...
Any ideas?
jp

This doesn't answer the question but it is a workaround.
How is the quality if you do this:
Open the PDF in Apple Preview
Choose File/Export
In Export, choose PDF format with the Quartz Filter option "Reduce File Size"
If it's ugly, there's a way to adjust the compression settings by using Apple ColorSync Utility to make a modified copy of the Reduce File Size filter with different settings. By playing with this I was able to start with a 7.1MB PDF scan from Image Capture, and export variations based on different Reduce File Size settings:
5.3MB (JPEG Max) - looks great
188KB (JPEG Min) - looks good as the 5.3 MB copy actually
40K (Automatic) - too blurry to be usable
If you were to perfect your own compression filter you could just export each PDF through Preview after scanning it, or presumably you could build some kind of drag-and-drop conversion utility in Automator although I don't know anything about Automator.
It's a workaround because I could not determine a way to apply a Quartz filter from Image Capture itself when saving a PDF.

Using image as overlay

Similar Messages

Maybe you are looking for