Non-rectangular or transparent images

Hi.
Not using Swing, can I use non-rectangular images for animation purposes ?
Alternatively, can I use rectangular images with a "transparent" color as a background ?
If so - How ?!
Thanks.

GIF98a images can have a mask (transparent) color set. Otherwise, set the 'alpha' component of pixels that use your chosen mask color.
http://tutorials.findtutorials.com/read/id/111

Similar Messages

Non-Rectangular Buttons with images

is it possible to create a non-square "button" in flash cs4
programmatically using as3?
Using a xml document, i'm trying to be able to retrieve a
.png file with transparency, and have said transparent area's be
not clickable.
Long story short, I'm creating a map with a bunch of
clickable areas. These areas are non-rectangular and I need them to
not obscure other area's which would be in their rectangle. I need
this to be done programmatically since the area's are going to be
dynamic as is the data attached to them.
fyi: I have a fairly good grasp of OOP, so don't be afraid to
post up complex instructions.

Now we're cooking with gas! Thank you so much for your
assistance!
The only issue left;
is it possible for the Events to penetrate through, so that
if two elements slightly overlap, the transparent part of obj1 will
allow a onclick (and subsequently the onmouseover) event on el2,
preferably dynamically so that I don't have to add event handlers
between the two.
Is there a simple way or do i need to calculate the overlap
using the x/y coords and width/height of each element, then
manually dispatch?
here's where I'm at thus far (with this discussion)
Firstly, the class for the movie clip,
then our frame.

Non rectangular hotspots for image maps

Hi everyone,
I've been stuck with this problem for a while. I'm trying to make an image map of sectors in a circle. I have the four coordinates of each sector. How do I determine if the the user has clicked inside a particular sector. Most of the examples for image maps I've seen are for rectangular hotspots. Is there a PointInRegion() method or anything like that??
Thanks a million for your help!

Found it out myself!!
There is a contains() method in the Polygon class that tests if a given point is contained within a polygon

Cropping non-rectangular image

Hello,
I need to crop a slightly non-rectangular, four-sided image (a photo of a picture in a frame) and end up with a rectangular image. I've tried cropping and lassoing but nothing seems to do the job. Most grateful if anyone can tell me how I might do this on PSE.
Thanks
Michael

Witteboomen wrote:
Plse excuse Dunn question, Michel, but what is ACR?
Best
Michael
ACR (Adobe Camera Raw) is the module of PSE which is used to first convert raw images so that they can be read and edited in the Editor.
This module can also be used to open jpeg files:
In the Editor, menu /File/Open As
you select a jpeg picture and in the line'Open As', just under where you enter the file name, you must choose the 3rd option :
Camera raw...
This opens a new dialog window in which you can do the main edits to your image by adjusting a few sliders.
Of course, raw file will benefit more from being processed in ACR, but it's also interesting for jpegs.
How can editing through ACR be a 'non destructive' process ?
It's because the principle of ACR (also used in Photoshop CS) is to store all editing commands and settings separately from the original picture data which are never changed. In the case of jpegs, the settings are stored in the metadata section of the jpeg file (where the camera name and settings are kept) without changing anything in the way pixels are represented. The 'recipe' is stored, but the pixels stay unchanged. When you straighten and crop, if you click 'Done', the settings are saved. If you want to do some editing or print your file, you click 'Open' and the result of your edits in ACR is opened in the Editor. If you do changes in the editor, of course, those edits will be 'destructive' (as usual in the Editor) so that you'll have to save the file with another name to keep the original. If you do no edits in the Editor, but only print or convert the file to another format, the original picture data is not changed.
In that last case, you don't need to re-open the picture with 'Open As', the Editor will know the picture has to be opened in the ACR module with the usual 'Open'. But it you want to re-open the same picture in another application like Picasa, the Adobe editing data will be ignored and you'll see the original version.

Urgent!Java Frame Cutting according to non-rectangular image (Transparency

Urgent-Java Frame Cutting according to non-rectangular image (CrossPlatform - Transparency)
hi, i want to make the frame transparent in order to make a skin like Windows Media Player . skin is non-rectangular how should i make the frame transparent i am using the JWindow as the container. Plz guide me any idea. as an example i have a JWindow i put a non-rectangular image on it via Jlabel . now i want to make the edges of JWindow outside the boundery of the image transparent ... so that my frame seems like a non-rectanguar image . How i do that? But i need a cross platform kinna thing in java especially for windows/mac/linux
PaulFMendler :: thanks for ur help i looked at the code but it seems to be windows dependent. i need cross-platform way of producing abt effects. please contact me even on my email >> [email protected]
Waiting ......

Check out the link shown below:
http://forum.java.sun.com/thread.jsp?forum=4&thread=391403
The posted code has slight problem when moving the JWindow around but you can get a pretty good idea on what has to be done.
;o)
V.V.

Non-rectangular click area?

I have a map that contains several areas, which have
irregular shapes, i.e., they all have non-rectangular contours.
Each such area is a movie clip, made from a transparent gif. Any
part outside of this area (non-rectangular contour) is transparent.
I have onRollOver and onRollOut event handler to process when
a mouse moves in or out of an area. But it seems that a "in" only
happens when mouse actually moves into the rectangle that enclose
an area and "out" only happens when mouse actually moves out that
rectangle.
So, how to make these events handle this non-rectangular
shapes? Thanks!

quote:
Originally posted by:
Newsgroup User
If you're making an what's usually called an "invisible
button," then all you need is artwork in the Hit frame only. If you
only have shapes (or whatever) in the Hit frame, then the button
symbol will be invisible at runtime, and will show as a teal
preview in the authoring environment.
The MovieCip.hitArea property is a property of the MovieClip
class, which defines the functionality for all movie clips. The
Button class does not feature such a property, so if you want to
use it, you'll have to use
movie clip symbols.
David Stiller
Adobe Community Expert
Dev blog,
http://www.quip.net/blog/
"Luck is the residue of good design."
Thanks! Words convey knowledge.
After reading your reply twice, in fact, from thinking too
hard to make the whole thing work based on those GIF-derived movie
clips, I just realized that I should've created the clips directly
from vector images.
Now, for each area's gif bitmap, I converted it into vector
first and then converted it into a movie clip symbol. In this way,
no special codes need to be used and it is more straightforward.
So, I guess one big wrong assumption I've made until now is
that converting a GIF directly into a movie clip should
automatically include a step to make the bitmap vector image.
Thanks all for your help!

Non rectangular windows using Swing

Hi everybody
I've been trying to create a non rectangular window (i.e. an oval window) subclassing javax.swing.JWindow but even though the drawing of the inside of the window works correctly, the problem is with the outer part, which is painted anyway using the background color while I'd like to have it
transparent so to simulate a real oval window.
i.e. I'd like to have something like (dots are just fillings to give the drawing some shape):
|. Transparent background...|
| ..... ----------------------- .......... |
| .... / Window ............... \ ....... |
| .... \ contents .............. / ....... | <--- Window's bounds
| ..... ----------------------- .......... |
|_____________________|
Any idea about how to prevent the background from being painted??
Thanks in advance
andrea

Here is what I have done to overcome a similar problem.
These two classes help me show a 'Bubble' popup similar to what Windows XP have
You can tweak it like you want.
/* Subclass of Window to show the Bubbles */
public class WindowBubble extends Window{
public WindowBubble(Frame owner, String text, Point startingPoint){
super(owner);
JBubble bubble = new JBubble(text, startingPoint);
setLocation(startingPoint);
add(bubble);
pack();
/* This code is based on SUN's examples of how to create Oval-Components */
public class JBubble extends JLabel {
int capWidth = 30;
Point start;
String label;
BufferedImage image;
public JBubble() {
this("", null);
public JBubble(String label, Point p) {
this.label = label;
start=p;
try {
Robot r = new Robot();
image = r.createScreenCapture(new Rectangle(start.x,start.y, getPreferredSize().width, getPreferredSize().height));
}catch(Exception e){
e.printStackTrace();
this.setHorizontalAlignment(JLabel.CENTER );
public String getLabel() {
return label;
public void setLabel(String label) {
this.label = label;
invalidate();
repaint();
public void paint(Graphics g) {
int width = getSize().width - 1;
int height = getSize().height - 1;
g.drawImage(image,0,0,this);
Color interior;
interior = (Color)UIManager.get("ToolTip.background") ;
// ***** paint the interior of the button
g.setColor(interior);
// left cap
g.fillArc(0, 0, // start
capWidth, height, // size
90, 180); // angle
// right cap
g.fillArc(width - capWidth, 0, // start
capWidth, height, // size
270, 180); // angle
// inner rectangle
g.fillRect(capWidth/2, 0, width - capWidth, height);
// ***** highlight the perimeter of the button
// draw upper and lower highlight lines
g.setColor(Color.black);
g.drawLine(capWidth/2, 0, width - capWidth/2, 0);
g.drawLine(capWidth/2, height, width - capWidth/2, height);
// upper arc left cap
g.drawArc(0, 0, // start
capWidth, height, // size
90, 180-40 // angle
// lower arc left cap
g.drawArc(0, 0, // start
capWidth, height, // size
270-40, 40 // angle
// upper arc right cap
g.drawArc(width - capWidth, 0,// start
capWidth, height, // size
90-40, 40 // angle
// lower arc right cap
g.drawArc(width - capWidth, 0, // start
capWidth, height, // size
270, 180-40 // angle
// ***** draw the label centered in the button
Font f = getFont(); if(f != null) {
FontMetrics fm =
getFontMetrics(getFont());
g.setColor(getForeground());
g.drawString(label, width/2 - fm.stringWidth(label)/2, height/2 + fm.getHeight()/2 - fm.getMaxDescent() );
public Dimension getPreferredSize() {
Font f = getFont();
if(f != null) {
FontMetrics fm = getFontMetrics(getFont());
return new Dimension(fm.stringWidth(label) + capWidth*2, fm.getHeight() + 10);
} else {
return new Dimension(100, 50);
public Dimension getMinimumSize() {
return new Dimension(100, 50);

How to create transparent image at run-time?

How to create transparent image at run-time? I mean I want to create a (new) transparent image1, then show other (loaded) transparent image2 to image1, then show image1 to a DC. The problem is - image1 has non-transparent background...

i'm not sure, but you can set the alpha value to 0 in all pixels which are 'in' the background..
greetz
chris

"Non rectangular objects will not appear correctly when exported using CSS."

I am using Ind CC 2014 exporting a document to a reflowable epub. The document contains an .ai image. The image exports correctly in some parts of the.epub but not others, where it is distorted. There is a warning on export :"Non rectangular objects will not appear correctly when exported using CSS." Any suggestions appreciated.

Thanks!
>
"Non rectangular objects will not appear correctly when exported
using CSS."
created by pooja2087 <https://forums.adobe.com/people/pooja2087> in
/InDesign EPUB/ - View the full discussion
<https://forums.adobe.com/message/6886892#6886892>

Non-rectangular windows

The issue is old and I know it is a very strong need of the Java community. That is:
"Can I have non-rectangular windows in a Java application?"
By non-rectangular windows I mean windows like those in WinAmp or RealOne skins, which have round edges and have all of the transparent areas below them working and active.
In http://developer.java.sun.com/developer/bugParade/bugs/4479178.html it is stated that this will be fixed in Tiger release in 2004.
Can anyone please give me any information about this?
I believe a workaround would be to use Eclipse SWT, but I would prefer to stick to standard Java libraries. Is it possible?

See this article:
http://www.ibm.com/developerworks/java/library/j-iframe/

Glass effect - semi transparent image

Has anyone seen any tutorials or know how to make an image, say a rectangular image, into a coloured glass effect, semi transparent image.
I tend to use images as navigation links in sites and am looking at ways to jazz up the look.
I have had some helpful suggestions on making glass buttons but I'm not getting the hang of doing this with images.
Thank you.

Has anyone seen any tutorials or know how to make an image, say a rectangular image, into a coloured glass effect, semi transparent image.
I tend to use images as navigation links in sites and am looking at ways to jazz up the look.
I have had some helpful suggestions on making glass buttons but I'm not getting the hang of doing this with images.
Thank you.

Creating a PDF with Transparent Images

Hi,
Here is my problem:
I am using Acrobat 9. I design posters in another program. I print to PDF.
I design the poster and must put a logo in it with a transparent background. Note: If the poster background is white I never have any problems.
This poster has a pink background and hence I have to put the logo into the poster in a graphic type of gif or tiff or png to maintain transparency.
All is fine in my design program - transparency is fine etc.
I print to PDF (Acrobat 9.0) and the dreaded white box occurs. Note, I put an old version of the logo, one I cannot use, and it maintained its transparency fine. So this means that some gif files Acrobat 9.0 keeps transparency and some it does not.
So, in summary, I have tried all types of file formats gif, png, tiff and all types of programs to remove the logo background and save as one of the later formats and NONE maintain the transparency in the PDF output.
I have even tried saving the whole poster as a jpeg - but the quality was too poor to print.
I have used Word, Photoshop, MS Photodraw, Elements etc.
I have no idea why a gif I have from years ago works and one that I am creating now maintain their tranparency in the PDF.
I am under a deadline and am VERY worried this will not get done.
I am immensely grateful for any help - I have been at this for countless weeks and hours...
Thanks,
Elisabeth

I am using MS Publisher and even Word 2010 for poster design and have used multiple programs (and multiple formats that support transparency) for logo editing - removal of background - Photoshop, etc.
I place logos, both gifs, with transparent backgrounds in a document and print PDF and one or none will show transparency - it makes no sense at all.
Most of the time the background is a white block. It couldnt be more frustrating.
It is a simple document/poster with just a few words of text and a logo...
Are there settings in Acrobat 9.0 that need to be turned on that I am missing. I had no trouble with Acrobat 7 - it worked EVERY time.
I was on with tech support for 5 hrs and there was no knowledge of this - he just wanted to reinstall 7.0 which did not work.
Need ideas - overprinting is on. I noticed that flattening doesnt allow me to pick transparent objects - have no ideas if I am even on the right track.
Have read everything I can find online regarding Acrobat 9.0, PDF creation and transparent logo backgrounds.
Sooo grateful for any help!
Thanks,
Elisabeth

White box behind transparent images with drop shadow in InDesign CC 2014 (v.10) but not in InDesign CC (v.9)

Hi all,
Please can you help? No matter what settings I use in my print options in InDesign CC 2014 (v.10), ALL transparent images with a drop shadow are printing with a white box behind the image. If I remove the drop shadow, all prints fine. I know this is an old issue that happens with ID sometimes but I have been lucky enough to never have had it happen to me before! (All images are regular flattened TIFF images with clipping paths).
Also, feathered edges are not printing correctly and are sharp instead of feathered.
When I export the document to IDML and open it up in InDesign CC (v.9) all prints perfectly with no white boxes and feathered edges prints perfectly as well. I have compared all of the print settings (including color management, transparency flattener, etc.) between both versions and they are exactly the same. I am printing to a Xerox color laser printer. Can anyone offer any advice?
Thank you so much,
Christine

Okay...false alarm! It turns out that the issue was with my PRINTER settings (the settings you customize after hitting the “Printer” button at the bottom of the Print dialogue box in ID CC. I thought I had triple checked this but it seems there was one setting I missed earlier…adjusting the print brightness seemed to cause the issue. SO GLAD to know it was not InDesign…20 or so sheets/prints later….and thankful to know what was causing the issue! Thank you so much Steve for helping at any rate:) Much appreciated:)

How can I count the number of pixels in a non-rectangular selection?

I need to know the exact number of pixels that I select for a size comparison. It's a non-rectangular selection similar to a cloud.
I'm using CS2 but could upgrade if needed.

Thank You
Michael D. Sutton
(435) 723-3566
(435) 720-2878
[email protected]

Colors shift when a PDF file contains transparent image

Hello,
I tried to programatically set a soft mask to an image by using the Addobe PDF Library, in order to make part of the image transparent. The image color space is RGB. I used PDEImageSetSMask() funtcion for setting the mask. I also have a PDF file that was created in the same way but without the part of the code that sets the mask. Therefore this PDF contains the same image as not transparent.
When I open two files in Adobe Reader 9.2.0 the colors are not the same. The colors in the file which contains the transparent image are a bit darker. The colors are different not only inside the image box, but in all page area. I also tried to open the same file in GSView and there was no such problem.
Can I fix this by changing the Adobe reader preferences, or this is a problem in the code that genereates the PDF?
If this is not the correct forum to ask this question, please direct me to the correct forum
Thanks

You need to set the transparency blending space of the page to RGB, since the default blending space is CMYK (hence the color shift). You do this by adding a transparency group dictionary to the page's dictionary when creating the PDF.

Non-rectangular or transparent images

Similar Messages

Maybe you are looking for