Block white images over colour background

Possibly a simple question, but I can't find referance about it anywhere.
I'm trying to place a block white image of hand-drawn text (saved as a psd or/and tiff file with layers so that the surround is transparent) into indesign CS4. Placed over the top of a solid red colour. However when I do this, the image becomes transparent and invisible on the page.
I've also attempted to do this by importing a greyscale black version (in tiff format), and then converting the colour to either paper, or a white. But with no luck. This could be because indesign treats paper colour or white as transparent, but is there any way to get around this short of changing the image to bitmap and losing quality?

Should work fine with a psd file, strange... Try this:
Check if you have a clipping path into your file
if not:
- open you image in Photoshop
- select all you image (Ctrl+A or Cmd+A)
- Create a new document with transparent background (it should have the size of what you just copied)
- go back to your first image and with the magic wand select what will be white
- go back to the new doc,and paste
- Save to PSD file, do not forget to tick the add layers feature, eventually remove the profile if there is one
IN Indesign, import you file. you shouldn't have to modify your image to get what you want
Other idea (kind of old-fashionned but good trick)
-make your image negative with Ctrl or Cmd + I (black text, white background), you can then flatten the whole thing
-Convert your grey image to bitmap (1bit) with Threshold 50%
-save to tiff
In indesign, import the file, select you image unelect you rimage select it again with the white arrow then change the color to "paper" of whatever color you want.

Similar Messages

Transparency issues with images over color backgrounds

I have a transparent .png that I place over a color background. When I do this, there's a slight discoloration in the image's transparent background. As a result, it looks the image really isn't transparent, but has a slight white background. I can't seem to get rid of this and have tried for days. Can anyone help me out here?

Thanks Robert. You're a lifesaver. This trick totally worked. You saved me a huge headache. I appreciate it.

White Transparency over Blue Background is too Blue!

I know this is not strictly a DW question but hey, I'm going to ask it anyway!
Here's an image of what I want to achieve in a Fireworks screenshot:
The content panel is a white fill with transparency but because it's over Blue, it's still Blue! I know that's how it works but, I want it to be White or possibly, Manilla. I'll get the transparent panel by using a .png and the vanishing point words will be a background .png as well. I'm not sure if I will be better off using a gradient image for <body> and another <div> for the words image but perhaps someone can give me a few clues about how to tackle this?
Here's my Photoshop image:
I have asked the question in the PS forum in the hope there might be some color theory trickery to apply but I'm not if that's a runner.
So, any ideas from a coding perspective? The only thing I can think of (but haven't tried yet) is to add the words image to the body and the content panel?
Martin

Try this: Borders added to show divisions. You can remove them.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled </title>
<style type="text/css">
body {
width: 643px;
margin:0 auto;
padding:0;
background:navy;
font:1em/1.5 Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
text-align:center;
#Header {
color: #CCC;
min-height: 100px;
margin:0;
padding: 0;
border: 1px dotted yellow; /**remove this**/
#background {
background:#FFF url(connections02.jpg) no-repeat center top;
text-align:left;
width: 643px;
margin: 0 auto;
border: 1px dotted red; /**remove this**/
#blueLayer {
background:navy;
opacity:0.6;
filter:alpha(opacity=60);
border: 1px dotted silver; /**remove this**/
#mainContent {
width: 350px;
margin:0 auto;
background: #FFF;
color:#000;
padding:0 20px;
border: 1px solid green; /**remove this**/
</style>
</head>
<body>
<div id="Header">
<p>Header</p>

</div>
<div id="background">
<div id="blueLayer">
<div id="mainContent">
<p>Your content goes here. Lorem ipsum dolor sit amet, eodem eleifend ad consuetudium humanitatis formas. Adipiscing est nulla in nihil nibh id. Claram processus hendrerit eorum ii investigationes delenit ut mazim. Amet iusto cum ex veniam me, anteposuerit commodo et at. Facit sollemnes saepius non lectores litterarum. Insitam eu quod te volutpat tincidunt eua nobis lius per. Iriure molestie dynamicus, erat decima.</p>
<h2>Heading 2</h2>
<p>Your content goes here. Lorem ipsum dolor sit amet, eodem eleifend ad consuetudium humanitatis formas. Adipiscing est nulla in nihil nibh id. Claram processus hendrerit eorum ii investigationes delenit ut mazim. Amet iusto cum ex veniam me, anteposuerit commodo et at. Facit sollemnes saepius non lectores litterarum. Insitam eu quod te volutpat tincidunt eua nobis lius per. Iriure molestie dynamicus, erat decima.</p>
</div>
</div>
</div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

White image on transparent background

I have an image with white components which I want to save as
a gif with transparent background but fireworks wants to export the
white as transparent. Is there a way round this? Many thanks,
Alex

Two options come to my mind:
1) Set the transparency to No Transparency as Alex said. Then
choose a background color that you do not need as a color as well.
Then in the optimize panel, look in the bottom left and notice the
three buttons with checkered backgrounds. The one with the plus
icon lets you choose a transparent color by hand. Select that, and
click the background color.
This way you can make the transparent be any color you want.
The problem with this is it might be hard to find a color that
isn't also in your image, and you might not *want* to change the
background color(since this will affect your image possibly).
2) Use 'Alpha Transparency'. This is usually used for image
formats, like PNG, that support full alpha transparency, but you
can use it with a GIF in a way to: set your canvas background to
Transparent(no fill), then choose Alpha Transparency for you GIF.
Notice that now in Preview mode that only the background is
transparent. You can then control the "matte" color in the Optimize
panel to simulate as if there was a solid background color for
semi-transparent areas, since semi-transparency can't be in a GIF
it has to make it a solid color blended against a background
color.

PLEASE HELP ME to put an image over a background image !!

Hello,
I need help on my AWT program. I have a map being displayed, and would like an image of a car (car.gif) to be displayed over the image of the map.
So my question is: How do I make this map a background image, and put the picture of the car right over it. I need my map loaded all the time, and the picture of the car will be reloaded many times over the same map, so a class method to load this map would be perfect. Any help, code, or suggestions would be great. Thanks so much!
Here is what I currently have for my map.
import java.awt.*;
import java.awt.event.*;
public class MyImage extends Panel {
    private Image im = null;
    Graphics g;
    public void getMap(){
      im = Toolkit.getDefaultToolkit().getImage("C:\\test_map.gif");
         MediaTracker tracker = new MediaTracker(this);
         tracker.addImage(im,0);
         try {
             tracker.waitForID(0);
         }catch (InterruptedException e){}
             repaint();
   public void paint(Graphics g){
        this.g = g;
         if (im != null)     {
            g.drawImage(im,0,0,this.getWidth(),this.getHeight(),this); //706,397
    }

Look at this sample, the car will start when the button will be pressed, and stop on the next press.
import java.awt.event.*;
import java.awt.*;
public class UsaTrip extends Frame
     mapPanel map   = new mapPanel();
     Button   move = new Button("Move");
     TheMover mover = null;
public UsaTrip()
     addWindowListener(new WindowAdapter()
    {     public void windowClosing(WindowEvent ev)
          {     dispose();
               System.exit(0);}});
     setBounds(10,10,500,400);
     setLayout(new BorderLayout());
     add(map,BorderLayout.CENTER);
     add(move,BorderLayout.SOUTH);
     move.addActionListener(new ActionListener()
     {     public void actionPerformed( ActionEvent e )
               if (mover == null)
                    mover = new TheMover(map);
                    move.setLabel("Stop");
               else
                    mover.end();
                    mover = null;
                    move.setLabel("Move");
     setVisible(true);
public class TheMover extends Thread
     mapPanel map;
     boolean go   = true;
     int      spin = 0;
public TheMover(mapPanel m)
     map = m;
     start();
public void end()
     go        = false;
public synchronized void run()
     while (go)
          map.moveCar();
          try     {sleep(100);}
          catch(InterruptedException i){}
public class mapPanel extends Panel
     Image map;
     Image car;
     int   x=10,y=30;
public mapPanel()
     map = getToolkit().getImage("usa.gif");
     car = getToolkit().getImage("home24.gif");
     MediaTracker tracker = new MediaTracker(this);
     tracker.addImage(map,0);
     tracker.addImage(car,0);
     try   {tracker.waitForID(0);}
     catch (InterruptedException e){}
public void moveCar()
     repaint(x,y,25,25);
     x++;
     repaint(x,y,25,25);
public void update(Graphics g)
     paint(g);
public void paint(Graphics g)
     Rectangle r = g.getClipBounds();
     g.drawImage(map,r.x,r.y,r.x+r.width,r.y+r.height,
                          r.x,r.y,r.x+r.width,r.y+r.height,this);
     g.drawImage(car,x,y,this);
public static void main(String[] args )
     new UsaTrip();
Noah
import java.awt.event.*;
import java.awt.*;
public class UsaTrip extends Frame
     mapPanel map = new mapPanel();
     Button move = new Button("Move");
     TheMover mover = null;
public UsaTrip()
     addWindowListener(new WindowAdapter()
{     public void windowClosing(WindowEvent ev)
          {     dispose();
               System.exit(0);}});
     setBounds(10,10,500,400);
     setLayout(new BorderLayout());
     add(map,BorderLayout.CENTER);
     add(move,BorderLayout.SOUTH);
     move.addActionListener(new ActionListener()
     {     public void actionPerformed( ActionEvent e )
               if (mover == null)
                    mover = new TheMover(map);
                    move.setLabel("Stop");
               else
                    mover.end();
                    mover = null;
                    move.setLabel("Move");
     setVisible(true);
public class TheMover extends Thread
     mapPanel map;
     boolean go = true;
     int spin = 0;
public TheMover(mapPanel m)
     map = m;
     start();
public void end()
     go = false;
public synchronized void run()
     while (go)
          map.moveCar();
          try     {sleep(100);}
          catch(InterruptedException i){}
public class mapPanel extends Panel
     Image map;
     Image car;
     int x=10,y=30;
public mapPanel()
     map = getToolkit().getImage("usa.gif");
     car = getToolkit().getImage("home24.gif");
     MediaTracker tracker = new MediaTracker(this);
     tracker.addImage(map,0);
     tracker.addImage(car,0);
     try {tracker.waitForID(0);}
     catch (InterruptedException e){}
public void moveCar()
     repaint(x,y,25,25);
     x++;
     repaint(x,y,25,25);
public void update(Graphics g)
     paint(g);
public void paint(Graphics g)
     Rectangle r = g.getClipBounds();
     g.drawImage(map,r.x,r.y,r.x+r.width,r.y+r.height,
               r.x,r.y,r.x+r.width,r.y+r.height,this);
     g.drawImage(car,x,y,this);
public static void main(String[] args )
     new UsaTrip();

Creating black and white image from colour jpg

Can anyone please tell me how to do this using fireworks?
Thankyou

Select the image/bitmap Layer.
Go to the Property Inspector > Filters > Adjust Colors > Saturation.
Drag the Saturation slider all the way to -100.
This is a mere workaround as Fw does not handle/deal in Color Spaces.
h

Photoshop Image with transparent background - exporting gives me a white background ?

Hi,
OK, hours of my life have gone into this one already - I guess that's computers! I have some images in Photoshop which already have transparent backgrounds, however when I try and drag these into a different program, they move across with a white box as their background. I have tried saving as TIF, GIFF ... - all sorts, so I am clearly missing a pretty fundamental step that I can't see.
Any help would be SO appreciated.
Thanks.
Doreen.

Save as PSD or PNG, depending on whether you final output will be print or web. Then use Place instead of dragging the image over.

Image with transparent background shows up with a white background in ID

Amateur needs help.
I have a copy of a logo with a transparent background. I made the (white) background transparent in PS by creating a layer from background and then selecting the white color in the background and deleting it. This has always worked in the past. But when I place this image into ID, it shows up with a white background. I have tried saving as a PSD, TIF, JPG, etc. I cannot get it to work.
I normally research these things until I find an answer, but I am on a tight deadline. Thanks!

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.

How to convert a black and white tif image to colour

I want to convert a black and white tif image to colour. I opened it in Photoshop, changed the mode to RGB colour/8, saved it as psd, but when I use the Replace Colour dialogue box, I just get my colour showing as grey-scale. What’s the correct way to proceed?
Thank you

What’s the correct way to proceed?
Joke?
In Photoshop there are often more ways than one to achieve a task and none of them need be considered »wrong« as long as the result fits the intention, so »the correct way« seems to be problematic terminology.
Anyway, one can use a Layer set to Blend Mode Color and paint on that with whatever colors.
Or one can use Solid Color Layers set to Blend Mode Color.
Or Hue/Saturation Layers …
To edit contrast if necessary Curves or Levels Adjustment Layers can be employed.
You could also have googled »photoshop colorize black and white« …

Question about setting the background from an image over the internet.

Hello ,
If I want the background of my panel to be set from an image over the internet directly do I just add that URL right away like this :
protected final static String imagePath = "http://www.engr.wisc.edu/2010/background.jpg";
   icon = new ImageIcon(AuthScreen.imagePath);
        JPanel panel = new JPanel(){
            protected void paintComponent(Graphics g)
          Dimension d = getSize();
          g.drawImage(icon.getImage(), 0, 0, d.width, d.height, null);
          super.paintComponent(g);
          };instead of this :
protected final static String imagePath = "d:\\javaapps\\bg.jpg";cuz I did that but it isnt working .
Thanks.

I don't see how, try it out:
import java.awt.*;
import java.awt.image.*;
import java.net.URL;
import javax.swing.*;
import javax.imageio.*;
public class ForumJunk{
ForumJunk(){
    JFrame f = new JFrame("Forum Junk");
    JPanel p = new MyJPanel();
    f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    f.add(p);
    f.pack();
    f.setVisible(true);
public static void main(String[] args) {
    new ForumJunk();
class MyJPanel extends JPanel{
    BufferedImage bi = null;
    MyJPanel(){
      try{
        bi = ImageIO.read(new URL("http://www.kodiakfishingbc.com/Editor/assets/chris03resize.jpg"));
        this.setPreferredSize(new Dimension(bi.getWidth(), bi.getHeight()));
      }catch(java.io.IOException e){
        System.out.println(e.toString());
    public void paintComponent(Graphics g){
//      super.paintComponent(g);
      ((Graphics2D)g).setBackground(Color.green);
      g.clearRect(0, 0, bi.getWidth(), bi.getHeight());
      g.drawImage(bi,0, 0, this);
      super.paintComponent(g);
}

Photo Stream white area over part of image

Hi,
I seldom use iCloud Shared Streams, but made one from Aperture 3.5. When I view it on my iPhone (iOS7.x) it has a white area over part of each image, for 'likes' and 'comments'.
How do I turn this off, so that I can see the photos instead of these text fields etc.?
Thanks for any pointers.

Hi,
I seldom use iCloud Shared Streams, but made one from Aperture 3.5. When I view it on my iPhone (iOS7.x) it has a white area over part of each image, for 'likes' and 'comments'.
How do I turn this off, so that I can see the photos instead of these text fields etc.?
Thanks for any pointers.

Colour and Black & White Images

Hello,
I was just wondering about how can i classify or check if:
an image is colour or black and white?
Thank you very much for your help.

Couple of ideas....
Some graphic file formats give the number of
colours.
if that is 2, then it's a monochrome picture
But I think the real question you're asking is, how
can I tell if an image is
grey scale.
You'd have to go through each pixel in the image, and
check.
When specifying colours in RGB, grey colours are
easy enough to check.
Eg.
( 0, 0, 0 ), ( 100, 100, 100 ), ( 148, 148, 148
)..... ( 255, 255, 255 )
So, if I'm correct.... the following function would
check a single pixel....
public boolean isGreyScale ( Colour aPixelColour )
int r = aPixelColour.getRed();
int g = aPixelColour.getGreen();
int b = aPixelColour.getBlue();
if ( ( r == g ) && ( g = b ) )
return ( true );
else
return ( false );
}regards,
OwenThe problem is that my program is a image searcher tool.
I have a large number of images and i need a good searching technique. If i have to go through each pixel in every image, it will take too long for an effective application.
thank you very much for your help

Giving a black and white line work image a transparent background

I am working in Photoshop CS4 (mac). Currently, the image is comprised of black line on a white background. How do I go about giving the image a transparent background?

A day later, I have still not figured out how to accomplish what it is I am trying to do.
I have not yet tried what you have suggested in the last post and am about to go at it once again. I should mention two things. 1. My goal is to drop this image into InDesign (cs4) when completed. 2. The image has interior space betwen the line work/image itself that I would like to contain transparency. Not sure if I am being clear here. The issue lies in when I actually drop the image into InDesign. While the image appears to already have a transparent background, once it is dropped into InDesign, the image then assumes an opaque/white background.

URGENT - how do I convert and image from colour to black and white?

Hi,
I'm new to Java, and I really need some code to convert an image from colour to black and white! I would really appreciate any help, but since I don't know much about Java I would prefer some code or links to websites with the code.
Thanks!!!

http://forum.java.sun.com/thread.jsp?forum=5&thread=368759

Itune music videos display no images but flashing vivid coloured background

Having upgraded to itunes 7.1 sometime ago I cannot see me existing music videos or even new ones that I purchase. The screen only shows a vivid coloured background, sometimes flashing effect, but not a single image, despite hearing the chosen song ok. Whats the problem, dvd's I play are OK

(Sorry about barging in, Timmy.)
+The screen only shows a vivid coloured background, sometimes flashing effect, but not a single image, despite hearing the chosen song ok.+
With those symptoms, especially if the colors are pink, purple or green, the "Disable Direct3D acceleration in QuickTime" section from the following document is worth a try:
Troubleshooting iTunes for Windows XP and 2000 video playback performance issues
But by all means, if there are newer video drivers available for your video card or display adaptor then it's worth upgrading them (as Timmy suggests) to see if you can still get good video with the Direct3D acceleration enabled.

Block white images over colour background

Similar Messages

Maybe you are looking for