Setting image background transparent

I want to know how can I set the background of an existing images to transparent. I am a web desginer and currently i want's to change background color of one of my site http://twxdroid.com but here the problem arises that some of my used images background won't match up site background, so someone plz tell me how to change existing image background transparent. I heard about using magic wand selection tool or quick selection tool to make transparent but still can't figure out how to use them.

• if the Layer is a Background Layer change it to a regular one by double-clicking it
• make a Selection with whatever Selection Tool is appropriate
• if you selected the background use Select > Inverse to invert the Selection
• Layer > Layer Mask > From Transparency
• if further corrections are needed paint on the Layer Mask – black to hide, white to show the Layer’s content
• save the layered file as psd, psb or tif
• File > Save for Web … to save a copy a format that fits your needs (png-24 for example)

Similar Messages

How to set Window background transparent?

hello
i have a splash screen with an Image on it and i want the background of the Window object would be transparent, how can i do it?
here it is:
public class SplashWindow extends JWindow{
   public SplashWindow(){
      try{
         JLabel img=new JLabel(new ImageIcon("images/splash.gif"));
         getContentPane().add(img);
         setSize(473,534);
         setLocation(300,300);
         setVisible(true);
      }catch(Exception e){
         e.printStackTrace();
thank a lot.

Generally, transaprent backgrounds are fake. What happens is that you set an image as yoru window background and listen for window's moves. When the window is moved, you read the new location and the desktop background and update your window background with the portion of desktop image you have below your window.
Choub

How do I get an image background transparent in pages?

I was wondering how to get the white solid background of an image transparent in pages, keynote has this feature but does pages? I can't seem to find it.
Thanks for the help

I think you are asking about:
Menu > Format > Alpha > Instant Alpha > run your cursor over the background you want as transparent
Which is exactly the same as in Keynote and even in the same place on the menus.
If you just wanted the image to be transparent;
Inspector > Graphic > Opacity > reduce
Also exactly the same as in Keynote
Peter

Making Image Backgrounds Transparent

Hi,
I have a gradient background, but I want to add some images
on top of it. The problem is that they have white backgrounds and
(obviously) look out of place against my gradient background.
What I want is to have the gradient under the image, so I
want the background on the imported images to be transparent.
Is there any way I can alter this to make the image
transparent so it fits seemlessly with my design.
Thanks in Advance
-Adam
Edit: Using Fireworks 8

"Odyssey Zone" <[email protected]> wrote in
news:edqb6n$k17$[email protected]..
> Hi,
> I have a gradient background, but I want to add some
images on top
> of it. The
> problem is that they have white backgrounds and
(obviously) look out
> of place against my gradient background.
>
> What I want is to have the gradient under the image, so
I want the
> background
> on the imported images to be transparent.
>
> Is there any way I can alter this to make the image
transparent so
> it fits
> seemlessly with my design.
I just got through doing this, so I can help!
Copy the image you want to import to the clipboard and paste
it into your
work file. Then select the magic wand tool (it's in the
Bitmap toolbox
next to the marquee and lasso tool) and click anywhere on the
white
background of the image you just pasted. It'll magically
select the
background around the object. Press delete key. Voila.
if your object has "holes" in it, repeat the process for the
holes. If
you have a complex object with lots of holes, instead of
hitting delete
in the above step, instead choose from the menu Select >
Select similar,
then hit delete.

Can I make image backgrounds transparent

Is there a way in AW drawings, to make it so that every thing WHITE in an image I make is actually transparent when used (pasted) OVER another background, like a web page?
In OLD AW, items saved as GIF would do this. AW 6 does not support gif I guess. A previous post I made, a reader said that the PNG format would be transparent. However, I was not able to make this work.
Suggestions?
JON

AppleWorks doesn't handle transparency well, even using formats such as .gif or .png saved with transparent backgrounds in another application. However, a few years ago I accidentally discovered that if an object is flipped or rotated in AppleWorks, the background will become transparent. The object doesn't even have to be .gif or .png & have transparency. Unfortunately, the last few times I tried this, it no longer worked, but it may for you.
Once I discovered this, I used GraphicConverter to flip an image horizontally & save it as a PICT. Then I insert the object in my AppleWorks document & flip it back. I use PICT because it is the only graphic format that will retain the native resolution. All other graphic formats are changed to 72 dpi by AppleWorks.

How to set image background color ?

Hi All,
In my project i have image,and if image have black spot or any unwanted spot then i will select that area and say clear it then it will remove that spot and set color of that area similar to area around that spot.
I have written code for getting pixel color of selected area in image like this
BufferedImage old_image = ImageIO.read(new File(myFile));
int[] pixels = new_image.getRGB(0, 0,new_image.getWidth(), new_image.getHeight(),null, 0, new_image.getWidth());
for (int i = 0; i < pixels.length; i++) {
Color pixelColor = new Color(pixels);
System.out.println("RGB ::"+pixelColor.getRGB());
RGB returning negative value;
Please tell me correct way how can i do this.
It's very urgent.
Thanks in advance.
Thanks
AP.

i found the browser fill button. Now how do I fill the browser fill with an image?

How to have a box layout on a JDialog, with an image set as background

Hi,
I need to have a JDialog in which there is a background image set (I already did this part, but only with the default layout). I further need to add text to the lower part of the JDialog. (For this, I guess I need to have a box layout.). I am not able to do so, because if I do so, I wont be able to set image background to the entire JDialog. Please help me out with how to solve this issue?
Thanks,
Joby

Hi jduprez,
Thanks for the reply. I checked Rob Camick's blog. It gives a nice way to add an image to a panel (*master panel*) and to use it.
I still have my problem open. The above solution gives panel that I can add to my JDialog. But on the bottom half of the image (as you said, BorderLayout.South), I need to add another structured set of components using a Border Layout again.!, ie, one more panel with a BorderLayout. So when I add
this panel, to the master panel containing the image, then the image gets cut off, at that point. I tried using component.setOpaque(false) on my sub-panel, still it does not work. Any idea, how to achieve this...?
Following is the code I have adapted.
public class BackgroundPanel extends JPanel
     public static final int SCALED = 0;
     public static final int TILED = 1;
     public static final int ACTUAL = 2;
     private Paint painter;
     private Image image;
     private int style = SCALED;
     private float alignmentX = 0.5f;
     private float alignmentY = 0.5f;
     private boolean isTransparentAdd = true;
     public static void main(String[] args) {
          Image img = getImage("D:/imgs/Snowdrop.jpg");
          BackgroundPanel panel = new BackgroundPanel(img);
          JDialog dlg = new JDialog();
          dlg.setLayout(new BorderLayout());
          dlg.add(panel);
          panel.setTransparentAdd(true);
          Panel nPanel = new Panel();
          nPanel.setLayout(new BorderLayout());
          JLabel label = new JLabel();
          //label.set
          label.setText("<html>HI<br>This is another line<br><br><br><br><br><br><br><br><br><br></html>");
          nPanel.add(label, BorderLayout.NORTH);
          panel.add(nPanel/*label*/,BorderLayout.SOUTH);
          dlg.setSize(600, 500);
          dlg.setVisible(true);
     private static Image getImage(String fileName){
          File file = new File(fileName);
         Image image = null;
         try{
              image = ImageIO.read(file);
         catch(IOException ioe){
              /*JOptionPane.showMessageDialog(dlg, "Error in loading image file",
                        "Error", JOptionPane.ERROR_MESSAGE, null);*/
         return image;
      * Set image as the background with the SCALED style
     public BackgroundPanel(Image image)
          this(image, SCALED);
      * Set image as the background with the specified style
     public BackgroundPanel(Image image, int style)
          this(image,style,-1,-1);
      * Set image as the backround with the specified style and alignment
     public BackgroundPanel(Image image, int style, float alignmentX, float alignmentY)
          setImage( image );
          setStyle( style );
          if (alignmentX > 0){
               setImageAlignmentX( alignmentX );
          if (alignmentY > 0){
               setImageAlignmentY( alignmentY );
          setLayout( new BorderLayout() );
      * Use the Paint interface to paint a background
     public BackgroundPanel(Paint painter)
          setPaint( painter );
          setLayout( new BorderLayout() );
      *     Set the image used as the background
     public void setImage(Image image)
          this.image = image;
          repaint();
      *     Set the style used to paint the background image
     public void setStyle(int style)
          this.style = style;
          repaint();
      *     Set the Paint object used to paint the background
     public void setPaint(Paint painter)
          this.painter = painter;
          repaint();
      * Specify the horizontal alignment of the image when using ACTUAL style
     public void setImageAlignmentX(float alignmentX)
          this.alignmentX = alignmentX > 1.0f ? 1.0f : alignmentX < 0.0f ? 0.0f : alignmentX;
          repaint();
      * Specify the horizontal alignment of the image when using ACTUAL style
     public void setImageAlignmentY(float alignmentY)
          this.alignmentY = alignmentY > 1.0f ? 1.0f : alignmentY < 0.0f ? 0.0f : alignmentY;
          repaint();
      * Override method so we can make the component transparent
     public void add(JComponent component)
          add(component, null);
      * Override method so we can make the component transparent
     public void add(JComponent component, Object constraints)
          if (isTransparentAdd)
               makeComponentTransparent(component);
          super.add(component, constraints);
      * Controls whether components added to this panel should automatically
      * be made transparent. That is, setOpaque(false) will be invoked.
      * The default is set to true.
     public void setTransparentAdd(boolean isTransparentAdd)
          this.isTransparentAdd = isTransparentAdd;
      *     Try to make the component transparent.
      * For components that use renderers, like JTable, you will also need to
      * change the renderer to be transparent. An easy way to do this it to
      * set the background of the table to a Color using an alpha value of 0.
     private void makeComponentTransparent(JComponent component)
          component.setOpaque( false );
          if (component instanceof JScrollPane)
               JScrollPane scrollPane = (JScrollPane)component;
               JViewport viewport = scrollPane.getViewport();
               viewport.setOpaque( false );
               Component c = viewport.getView();
               if (c instanceof JComponent)
                    ((JComponent)c).setOpaque( false );
      * Add custom painting
     protected void paintComponent(Graphics g)
          super.paintComponent(g);
          // Invoke the painter for the background
          if (painter != null)
               Dimension d = getSize();
               Graphics2D g2 = (Graphics2D) g;
               g2.setPaint(painter);
               g2.fill( new Rectangle(0, 0, d.width, d.height) );
          // Draw the image
          if (image == null ) return;
          switch (style)
               case SCALED :
                    drawScaled(g);
                    break;
               case TILED :
                    drawTiled(g);
                    break;
               case ACTUAL :
                    drawActual(g);
                    break;
               default:
                 drawScaled(g);
      * Custom painting code for drawing a SCALED image as the background
     private void drawScaled(Graphics g)
          Dimension d = getSize();
          g.drawImage(image, 0, 0, d.width, d.height, null);
      * Custom painting code for drawing TILED images as the background
     private void drawTiled(Graphics g)
             Dimension d = getSize();
             int width = image.getWidth( null );
             int height = image.getHeight( null );
             for (int x = 0; x < d.width; x += width)
                  for (int y = 0; y < d.height; y += height)
                       g.drawImage( image, x, y, null, null );
      * Custom painting code for drawing the ACTUAL image as the background.
      * The image is positioned in the panel based on the horizontal and
      * vertical alignments specified.
     private void drawActual(Graphics g)
          Dimension d = getSize();
          Insets insets = getInsets();
          int width = d.width - insets.left - insets.right;
          int height = d.height - insets.top - insets.left;
          float x = (width - image.getWidth(null)) * alignmentX;
          float y = (height - image.getHeight(null)) * alignmentY;
          g.drawImage(image, (int)x + insets.left, (int)y + insets.top, this);
}Thanks,
Joby

Background Transparency of a W3D

OK, I have a program where I need the background of my W3D to
be transparent. When I set the DTS to false to make it transparent,
it lags enough to worry me. So, I thought since my W3D object
contains absolutely no animation, I could just use a bitmap in it's
place and set it's .image (i.e. my_bitmap.image =
member("3DWorld")). Plan is all good and dandy aside from the fact
that once the bitmap is set to the member of the 3D world, the
beckground reappears. I have the image set to background
transparent too...it must be something to do with the export in
studio max. I also know that it is possible because I have one w3d
that when I set the bitmap image too, the background remains
transparent. Does anyone have any ideas?

j.Beck wrote:
> OK, I have a program where I need the background of my
W3D to be transparent.
> When I set the DTS to false to make it transparent, it
lags enough to worry me.
> So, I thought since my W3D object contains absolutely no
animation, I could
> just use a bitmap in it's place and set it's .image
(i.e. my_bitmap.image =
> member("3DWorld")). Plan is all good and dandy aside
from the fact that once
> the bitmap is set to the member of the 3D world, the
beckground reappears. I
> have the image set to background transparent too...it
must be something to do
> with the export in studio max. I also know that it is
possible because I have
> one w3d that when I set the bitmap image too, the
background remains
> transparent. Does anyone have any ideas?
>
Hi. In my old site you´ll find source code for creating
a backdrop in
the camera so you don´t have to remove the direct to
stage property and
lose performance.
Regards,
Agustín María Rodríguez
www.onwine.com.ar > Macromedia Director demos & code

Setting background images for transparent terminals

Of the various terminal emulators I've tried (aterm, urxvt, terminal) none of them function properly with regard to transparency if the background is set with imagemagick.
display -window root <image>
Terminal and aterm do not show through to the background image at all. While urxvt does become transparent, none of the tinting options show any effect.
This is not a huge issue. There are of course many other programs that can be used to set a background image. When using feh for example, all of the afore mentioned terminal emulators seem to handle transparency as expected.
feh --bg-scale <image>
However, if both methods of setting the background are used at the same time with different images, then the terminal emulators will show through to the background image that was placed with feh, while the actual desktop background is that of the image set by imagemagick. So the images are effectively placed on different layers.
There was a forum thread that hinted at this before, but there was never any resolution to it. Is this behavior a bug or a "feature"? With which program?
And if it makes any difference I've tried this in both openbox and ion3. Same results.

derelict wrote:There was a forum thread that hinted at this before, but there was never any resolution to it. Is this behavior a bug or a "feature"? With which program?
It's a bug with the apps that set the background which use the "old way" of doing it. Apps like feh use the "newer approach" which allows things such as aterm to detect the real image and use it for pseudo-transparency.

How do I save an image (logo) transparent so that it will appear transparent on any color background such as a gradient or black?

How do I save an image (logo) transparent so that it will appear transparent on any color background such as a gradient or black?
I save image as "transparent" at File > New... but when I place on a gradient background it keeps appearing white. I'm trying to save transparent to be effective on any color such as a gradient or black. How do I truly save as transparent?

Put the logo on its own layer set the layer fill to 0 and add a layer style to the logo layer. Here I duped one change fill to 0 added style.

Image with transparent background changes surrounding fill color when PMS...

Hello.
I have a .PSD image I'm using in InDesign CS3. It's a greyscale image with a transparent background. When I bring it into InDesign and set the background color of the image box to a Pantone and then print it, the PMS color within the area of the .PSD image size changes color compared to the rest of the page. But, when the same document is printed, but with "All Spot to Process" via the Ink Manager, the page prints fine. I get the same results on a number of different Canon and Xerox proofing printers. I have uploaded a PDF to my web server showing an example of the results I'm getting the PDF can be found here:
http://theboyk.net/temp/PMSvsCMYK.pdf
The first page is the document printed normally. You can see the color change in the green (Pantone Green). The second page is the same document printed with "All Spot to Process" via Ink Manager.
Does anyone know why this happens when I leave it as printing a spot color?
Any advice would be appreciated!
Thanks,
Kristin.

I totally forgot to put that in my post. Yes, I am putting logos with transparent backgrounds in front of colored rectangles. That's how I noticed that this one logo is showing up with a white background. The weird thing is that the other two logos are fine. I did find a different version of this logo and this one works fine. The one that works fine is a JPG and the one that shows up with a white background is a JPG.

Image with transparent background als foreground of a button

I'd like to build an app with buttons using the phone's accent Color as Background and an Image with transparent Background as foreground of the button. It should look like the tiles on the start screen of WP8.1.
The following code doesn't work (no foreground appears)
<Button x:Name="myButton" Background="{ThemeResource PhoneAccentBrush}">
<Button.Foreground>
<ImageBrush ImageSource="/Assets/myImage.png"/>
<Button.Foreground>
</Button>
Are there any ideas?
Thanks
Martin

Hi mfv_technet,
The Foreground property is used to get or set a brush that describes the foreground color. So we can not bind the Foreground to a image,
if I do not misunderstand you, in my mind if we want to set the button look like the tiles on the start screen of WP8.1, maybe you can try to refer to the following xaml:
<Button x:Name="myButton" Foreground="Red" Background="{ThemeResource PhoneAccentBrush}" Margin="116,136,0,363" Width="195" Height="141">
<Button.Content>
<StackPanel Orientation="Vertical">
<Image Source="/Assets/myImage.png" Width="80" Height="80"></Image>
<TextBlock Text="Button"></TextBlock>
</StackPanel>
</Button.Content>
</Button>
The result:
If I have misunderstood you, please feel free to let me know.
Best Regards,
Amy Peng
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to set a background image to fill the entire screen on any device in a spark mobile application

Hi,
I started developing a mobile application with Flex.
I'm trying to set a background image to fill the whole screen. I've been stucked at this point for days now. I tried everything and no solution seems to work for me.
I'm using a TabbedViewNavigatorApplication and i need to set some background images on views.
I need my image to fill the entire screen on any device. i don't need to mantain image aspect ratio, just need it to be fullscreen. This seemed to work when setting a custom skin on the TabbedViewNavigatorApplication, however this blocked all my views for some reason and all components contained in view became invisible.
Can you please tell me how can i achieve this?
Kind regards,
Dan

Basically you need a larger image which can accommodate any device. The trick is to show only what each device can display, so therefore some clipping will occur based on device. Have something centered and towards margins have a gradient or just plane colors that way the stuff in the middle will be visible on every device while nobody will care if you are clipping from the color fill.
C

How to set a background image in Web dynpro for Java?

Hi,
Experts,
As i want to set a background image in my application can u please suggest how to get background image. send any sample scenarios.
Thanks in advance,
Shabeer ahmed

Hi,
I don't think it can be done in WDJ.
Maybe something can be done on the portal end.
Refer to http://help.sap.com/saphelp_nw70/helpdata/en/79/affe402a5ff223e10000000a155106/frameset.htm
Changing the theme can help maybe but I do not know how to go about that
Regards,
Himanshu

How to Set Image to Lock Screen and Background in Windows Store API?

How to set an image to windows lock screen and desktop background for windows store app in c#?
if changing lock screen is available in windows store C# how about changing the desktop background using Windows store C#?

Hi icce cage,
To change the Windows lock screen we can use this API:
LockScreen class with set image methods.
To change the desktop background, it is not possible as I know.
--James
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Setting image background transparent

Similar Messages

Maybe you are looking for