Make a color in image transparent on the fly

Hi I am trying to load an image and at runtime pick the white
background of the image as transparent. Can any one point me to the
flex/flash libraries that may help w/ this? basically I have 2
images both of them have white background. I want to be able to
drag and drop them so that the main objects of the images are side
by side. But the problem is each image has thick white borders. so
i figure if i can dynamically choose white color in the image to be
transparent then I can overlap them and the white borders will be
transparent and won't get in the way. Any expert can point me to
the right direction?

doug777, thanks for the reply. My issue is that the image I
am trying to place next to each other is some images off the web
i.e. I don't have control over the image transparent color. that's
why I want to find a way to on the fly set which color in the
images will be transparent. I was hoping flex has some library for
that

Similar Messages

How to make a Colorful Gif Image for Holi

How to make a colorful Gif Image for Happy Holi 2014

Okay, I know this doesn't answer your question, but don't get me wrong. A logo is meant to be the way it was designed - upright, no flipping/ swiveling animation. Why exactly do you want to let your logo turn around?
If its to grab attention, why dont you consider animating the area on which your logo sits (header)? Or maybe add nice transitive slideshows on your main content area to add more interactivity?

How can I make a color box indicator transparent?

All, I would like to make a color box, which is part of a cluster in an array, transparent programmatically. Instead of appearing transparent, it shows up with a LARGE "T" inside the color box, with a white background. Because it is part of a cluster within an array, it will not work to use a property node... and because I would like to programmatically change the color, having it permanenty transparent (as proposed on another discussion topic) will also not work. Can someone please help me turn a color box transparent programmatically?
Thanks.
Anthony

The problem is that arrays of clusters cannot be passed into property nodes as falkpl has previously said. The attached jpeg shows how you would programmatically break the arrays into cluster, into elements, and then manipulate that color box to a transparent one. The T within the white color box indicates transparent though. If you were to attached that to a color attribute then you would see that object disappear (well I guess not since it's transparent )
Grant H.
National Instruments
LabVIEW Product Marketing Manager
Attachments:
color box.JPG ‏21 KB

How do i adjust color in a pdf on the fly?

i need to pull back the yellow throughout a 100 page pdf. The color in the pdf prints perfectly now , but client wants to see one if yellow was pulled back 10%. there has to be a fast and dirty way to pint one on the fly with adjusted colors from my laser printer

I don't need the ICC profiles. That is what i am trying to avoid. I feel
like i have done this before what about through the laser print engine. I a
am using a efi Fiery Command WorkStation
5<http://w3.efi.com/Fiery/Products/CWS5>
On Mon, Mar 4, 2013 at 12:55 PM, Test Screen Name

How can I make my blog's images automatically fits the articles canvas on Desktop/Tablet/Phone?

Hi,
It is my blog: http://www.networkarte.com/blog
And those are the mobile and tablet versions: blog & blog. As you will notice, the image is too large for mobile sites, and too little for tablet sites. Can you help me?
Thanks in advance,
Diego.

Hi Glossopian, did you find a remedy to this? I just renewed my contract and upgraded my phone to the harrier. Like you my last phone automatically connected to any wi fi I had already entered a password into including home, holiday accomodation, pubs etc. Now I have to manually tell it to connect every time I go out into the garden and come back into the house. Very frustrating!

Print images created on the fly by a servlet

Please, look at it... my tiff image doesn't print in my browser (IE6).
Could somone tell me why !????
// Method of a "Page" class
public void write (OutputStream out) {
            // Reading of the tiff file (this.tempFile is a valid File)
     PlanarImage image    = JAI.create("fileload", this.tempFile.getCanonicalPath ());
            /*   // Test : the writed file is a valid tiff file --> the reading is OK !
             *   File outFile = new File ("c:\\temp\\JLdsWeb\\Test.tif");
             *   RenderedOp op = JAI.create("filestore", image, outFile.getCanonicalPath (), "tiff");
     // Writing of the tiff file in the received OutputStream
            JAI.create("encode", image, out, this.FORMAT_NAME, null);
// my 1st JSP :page.jsp (to call the 2nd JSP witch have an other content type)
<%@page
contentType="text/html"
language="java"
errorPage="errorpage.jsp"
import="com.damaris.ldsweb.*,com.damaris.data.*,com.damaris.page.*,java.util.*"
%>
<html>
<head></head>
<body>
<IMG src=<%=request.getContextPath()%>image.jsp>
</body>
</html>
// my 2nd JSP
<%@page
language="java"
errorPage="errorpage.jsp"
import="com.damaris.ldsweb.*,com.damaris.data.*,com.damaris.page.*,java.util.*"
%>
<html>
<head>
<%
    // pageToPrint is an instance of the class "Page" (getContentType ( ) give the String "image/tiff")
    response.setContentType(pageToPrint.getContentType ( ));
%>
</head>
<body>
<%
    ServletOutputStream bOut = response.getOutputStream();
    pageToPrint.write (bOut);
%>
</body>
</html>

You can get the Servlet to write an image out by changing the content type of the response object to "image/jpeg" and write the bytes of the image out down a ServletOutputStream you create from the response object.
You must change the content type before you write anything to the response object. The servlet can only produce the image.
I did it once but I've lost my code and am now trying to recreate it (I changed it to having a server app do the image processing and writing it to a socket which the servlet read the bytes from and wrote them to the ServletOutputStream but now want the servlet to do the processing).

Image transparency

Hi all.
Would anyone please help me with a problem I have.
I want to be able to induce transparency into a image. What I have is an image loaded from a jpg file (Image is white background with black writing in the center). This image contain 2 basic colours, black and white. What I want to do it create a class that will filter out all the white coloured pixels and make these pixels transparent (See though).
I have look online and only found how to make the whole image transparent using the AlphaComposite class.
I have also look at the Java documentation for help. I found that you can run an image though a filter. One such class is 'FilteredImageSource' this class's constructor looks like this: 'FilteredImageSource(ImageProducer orig, ImageFilter imgf) ' For the first argument i can use 'Image.getSource()' but the 2nd argument requires a class implementing the 'ImageConsumer' interface. The 'BufferedImageFilter' class implements the 'ImageConsumer' interface but the this class takes a argument of 'BufferedImageOp' (Interface). I think that I must use the 'ColorConvertOp' subclass of the 'BufferedImageOp' interface to achive replace a color.
Here is where I get lost. It starts asking for arguments of type 'ColorSpace'. I have look at these classes and that you need to be a rocket scientist to create a 'ColorSpace' object to refer to a color. This is where I'm stuck. I have seen programs that got click on the color and it makes that color transparent (Mostly gif creators) but I want my program to do it to load images. You should be able to load any image and select the color to make transparent. The program should load the image, filter the image and them display the filtered image.
Please could you help me. If someone could show me how to obtain the 2nd argument to 'FilteredImageSource(ImageProducer orig, ImageFilter imgf)', so that the color i choose can be made transparent. If an explination can be given as well.
Any help would be greatly appreciated.
Thanks
(MC3)RaVeN

You don't have to get that complicated. After you read the image from a file (jpg, png, etc), you can copy the image, but using a TYPE_INT_ARGB image instead of just a TYPE_INT_RGB.
     Creates a copy of the specified image, except that pixels of the specified color
     are transparent.
     public static BufferedImage createTransparentImage(BufferedImage bi, Color c) {
          int w = bi.getWidth();
          int h = bi.getHeight();
          BufferedImage out = new BufferedImage(w, h, BufferedImage.TYPE_INT_ARGB);
          int rgb = c.getRGB();
          for (int i = 0; i < w; i++) {
               for (int j = 0; j < h; j++) {
                    int _rgb = bi.getRGB(i, j);
                    if (_rgb == rgb) {
                         _rgb = 0x00ffffff & rgb;
                    out.setRGB(i, j, _rgb);
          return out;
     }

Question: Saving Image Files In The Repository

Good Morning all,
(Running CR2008)
I have a few image files that I have saved in the Crystal Repository. It works nicely and I've tested it pretty thoroughly to make sure that connected images update across the board. It's a convenient little feature.
Here's my question ... when you save an image file to the repository, it automatically converts the image file to a Bitmap file type. Bitmaps greatly increase the size of whatever .rpt file uses the iimage. My standard .rpt files go from about 240K to 3.4 megs. This isn't really the biggest deal in the world, but I was wondering if there is a setting that I can check that will have the repository files automatically save in JPEG format, or just keep thier original format (JPEG in this case).
Any thoughts? Or are we stuck with the Bitmap format? If so, this might be a good subject for a 'feature request' post.
Thanx in advance for any help.
-TS
Edited to add: Sorry about the double-post. I have no idea why that keeps happening. -TS
Edited by: Tom Salvato on Jan 19, 2010 2:45 PM

Stuck with BMP

Use of a pic with transparency in the book module and keep the transparency?

Hi.
Let's see if I can explain my question, I'm not an experienced user of either PS or LR (and not in the english language either)
I have edited a picture in PS and cut out a part of it and pasted the part in a new layer and then set the opacity of the background to 0%.
Then I saved the pic in PSD format and imported it to LR to be used in the book module. When I then use the pic and attache it to the book the pic have a white background.
What I want is that only the cut out part is shown in the book and the rest of the area of the picture frame is in the same color as the color of the pages (in my case light yellow).
Is it possible to do what I want to do and if it is, how do I do?

PelleC wrote:
The HEX FEEAAF in PS have a perfect match (for my eyes) to HEX FDEA9E in LR, the difference might indicate that I'm not using ProPhoto RGB working space inside PS. How do I check this (or how do I open a new Background with this setting)?
I get the same results when using an sRGB color profile image. Notice the LR background color at the Top and Bottom of the page below is slightly different than the image file. Both PS and LR Backgrounds were set to FEEAAF, so we have confirmed this is the issue!
When you open an image inside PS Using 'Edit in PS' from LR it uses your LR 'External Editing' Preferences settings. Set your LR's Preferences as below:
If you are using File> Open from inside PS you can check the file's color profile using Edit> Convert To Profile and select 'Destination Space' >RGB > ProPhoto RGB. In the image file used below it is already using ProPhoto RGB (i.e. Source Space).
Your PS Working Color Space should be set to ProPhoto RGB with warnings enabled using Edit> Color Settings as shown below from inside PS.

How do I make the background in an image transparent?

...How do I make the background in an image transparent?

It sounds like you're gif is a picture of a white background with a black chess piece on top. If that's the case, you're going to have to cut the black chess piece out of the gif. Save ~just~ the image of the chess piece. Discard the white background. Use only the image of the black chess piece with no background image at all.
Keep in mind that Java doesn't know that the white background isn't a part of the image. It doesn't understand that the white part is just the background. As far as it's concerned, the whole gif is the image. Only the component that ~contains~ that gif can become transparent.
So, if you want to have a white background to start with and then have that background become transparent when the piece moves, make the background of the ~component~ holding the image of the chess piece white. When the piece moves, have the background of the component holding the image of the chess piece become transparent.

Is it possible to make the background of an image transparent in indesign?

is it possible to make the background of an image transparent in indesign?

It's not necessarily the best way, but depending on the image content, you might be able to get an acceptable result with the options under Object > Clipping Path...
EDIT: So technically, the answer to your question is: No, but you can apply a clipping path to hide the background.
Also, again depending on the image content, as well as the underlying content, it might be possible to use blend modes in the Effects panel to render the background transparent.
Background removal is best done in Photoshop, where the image can then be saved as .PSD and its native transparency will be honored when placed in InDesign.

How to make image transparent to background in Web Dynpro...

Hi Experts,
IN our web dynpro application, we need to have some fonts and sizes of texts to be displayed on the layout. Since web dynpro has limited options for the design and color of a Textview, we have decided to use the image instead.
This image has exactly the same background color as that of web dynpro and is matching perfectly.
But the problem is, it shows a border surrounding the image. We need to remove that border and make it completely transparent to the web dynpro background.
I have tried different design options for Image element but it did not worked.
Has anyone done this earlier..
Regards,
Anand

Thanks Nitesh,
I have downloaded the MIME image and it doesn't appear to have the border. This border is added by web dynpro application itself.
Regards,
Anand

[iPhone] How to make one color transparent on a UIImage?

On my iPhone app I have a UIImage instance. I want to get a derived a UIImage that is the result of the first UIImage where one of its colors (e.g. magenta) is made transparent. How can I do this?
NOTE: I cannot make the color transparent in Photoshop, the UIImage is created on the fly by the user. I need to do the "postprocessing" on the phone itself, after the user is done "drawing" the image.

jubgb
I still do not know your version of Premiere Elements and your computer operating system, but here is a plan that would probably work for Premiere Elements 11, 12/12.1, and 13/13.1 on Windows 7, 8, or 8.1 64 bit.
But you say that you are starting with a black and white image. If you could start with the color version of the image, I think we have a promising path to have the fake blood appear in color on a black and white image.
This would be done by applying the Color Pass effect to the color photo version. Color Pass Effect is found under fx Effects/Image Control/Color Pass.
Then you would edit the Color Pass effect under Applied Effects Tab/Appied Effects Palette/Color Pass Panel expanded. But I find that the most effective editing of that effect is done using the Setup whose icon appear to the right of the Color Pass Panel.
Have you used the Color Pass effect before?
https://helpx.adobe.com/premiere-elements/using/effects-reference.html
I will offer how to suggestion for its use if interested. As for starting with the black and white, then I need to think about that some more.
ATR

How can I make a top layer "transparent" to the end-user?

Hi guys,
Got a quick question.
I'm working on a custom card builder and was wondering if there was any way I could keep an uploaded image editable to the end user. The end-user will be able to choose what template they'd like to frame the image with. The problem is, even with transparency that chosen frame acts as a layer, and once the uploaded image has been placed onto the staging area, the end-user loosing the ability to edit/scale/skew that image. I'd like them to be able to still do that even with the template above their image.
Can anybody think of a solution to this? Any and all advice is greatly appreciated.

You'd literally need to chop each frame up. To keep things reasonable to update you can use Photoshop to slice the graphics, saving them to external PNGs to import in. If a frame has 4 edges, you cut out the 4 sides, import into Flash and reassemble them inside a single Sprite or MovieClip. Any area inside that sprite that has no actual objects will be true transparency and won't invoke a click action.
Keep in mind, hitboxes are rectangular. If you have an oval frame where the edges require you to create bitmaps with transparency on their edges, that will be clickable. If you don't immediately understand what I mean by that just draw a circle in flash, convert to clip. Now draw your cursor around what you consider the 'top' portion of that frame and notice how much of the inner fill you also capture at the same time. That will all be clickable. So the user may "see" their picture behind the frame but when they click they accidentally get the frame instead.
Picture worth a thousand words (random net image):
If you cut this oval frame into 4 pieces (this being the top obviously), the transparent area you see in the frame will need to be part of the hitarea for the frame. That can be just as confusing to customers in this situation. If most of your frames have little to no transparency (very squared up) then it won't be a problem. Although just like the problem you're having now, any bitmap transparency WILL be clickable even if you cut the sides up. The center where there is no bitmap can be clicked through to mess with the picture behind the frame.
This sort of makes the transparency detection a bit more desirable.

I have a line drawing (black on white paper) i have scanned and need to make the white paper transparent, maintaining the line drawing, can i and then HOW can i do this in PS?

i have a line drawing (black on white paper) i have scanned and need to make the white paper transparent, maintaining the line drawing, can i and then HOW can i do this in PS? this is for my business logo. ive used it for years but with a solid background. id like to have it just be the drawing over my photos with a transparent background.

First let me apologize for posting a reply that was only suitable for advanced users. Photoshop is broad and powerful therefore has a huge learning curve. In fact I would state no one knows and uses all of Photoshop. When we first get Photoshop it intimidate us and we're very uncomfortable using it. Many thing are not intuitive there in much learning involved. After some time we begin to know something and we are able to do some thing. Learning become rapid and we start playing in Photoshop. It is very important to play with Photoshop. Playing with Photoshop and asking for help with in forums like this IMO is the best way to learn.
Photoshop Power lies in layers, selection and automation. However it takes knowledge to use photoshop well so most powerful tool you have ins Photoshop is the gray matter between your ears. Most at one time or another want to watermark or put a logo on their image. So its best to automate this process. All run into a problem in the process. "Size" We find our assets vary in size and aspect ratios. Landscape, Portraits, Panoramas and others. This complicates automation. Vector graphics works best when size vary greatly. If you can not work out how to create a vector solution like a custom shape. Create your Logo and watermark large thing scale down better the up. Text scale well for text uses vectors graphics however if you rasterize text it will not scale well.
I do not type or do English well so let me do some screen captures. I can not stress enough how important Black, White, Grays and Blending is when it come to image processing. Become friends with Multiply, Screen, Overlay and Luminosity blending.....
However when there is a white or black background though you can blend them you can not add a style like a drop shadow, emboss or make it invisible setting fill to 0 so only the style is visible. When there is contrast between the logo and background it is easy to separate the two. To select the background and delet it to have the logo with a transparent background. Many tools can be used to create the selection hee I use my action kill white.
Vector Shape would work better for scaling However it would be best to create the logo from scratch in a vector program like illustrator but I never had the resources to justify the Creative suite. I only had Photoshop. Recently Adobe gave me and other a year subscription to the creative suite for our participation here. I still have not installed anything but Photoshop, A while back I found a program that can create vector patf for black and white art work. It will not be as good as using something like illustrator. However vector paths can be edited in Photoshop and cleaned up some. Here is the PSD it 13MB because od the gradient http://www.mouseprints.net/old/dpr/AmPm24-7.psd

Make a color in image transparent on the fly

Similar Messages

Maybe you are looking for