How do you make images transparent in inDesign?

How do you make images transparent in Adobe InDesign CS5.5?

Dittco wrote:
It IS possible: Select the image. Open effects (Window > Effects). Switch from "normal" to "multiply". Viola! White background is gone.
That only works with a white background. In addition, it introduces a transparency effect, with its associated problems.
With a rather light background: Select the image. Open clipping path (Object > Clipping Path > Options). Select Type > Detect Edges; use Threshold and Tolerance to get as close as possible to the edge of your image. This may be difficult because of a too low resolution image, or too much fringe on the edge -- if all fails, use the Inset Frame value to force the mask "into" the image. Click OK, and the background is gone.
But that's not the only way: you can always create a clipping path manually, and then you are in total control, not limited by transparency side effects, auto-edge detection, and busy backgrounds.

Similar Messages

How can I make images transparent in my documents?

I've got InDesign CS5.5 and like to save my banners, etc. that I create as a jpeg but when I try to use them on something else it has a white background. How can I make sure the backgrounds are transparent?

I didn't know that about the png in CS6. Thanks for letting me know.
Unfortunately, I don't have Photoshop. I just recently purchased Photoshop Elements. I haven't really done much on it as I have other projects I need to work on. Do you know if I would be able to convert in that program?
Wish I could afford a newer version of InDesign but I can't.

How do you make a transparent spry menu that has a background color on sub menus?

Hi i am a total newbie at html and css scripting/coding and i've been working on creating a website of course because im here and i have search and search and i've found a few topics about this but none of them have what i want and it would be helpful if when you post the reply you explain it so hopefully i can add on and learn but i am trying to get the background color on the sub menus #1A1A1A and then the menu it self transparent here is my code it might make no sense at all since im a newbie ;P
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
          margin: 0 auto;
          padding: 0;
          list-style-type: none;
          font-size: small;
          cursor: default;
          width: 100em;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
          z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 18px;
          position: relative;
          text-align: left;
          cursor: pointer;
          width: 10.8em;
          float: left;
          visibility: visible;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          z-index: 1020;
          cursor: default;
          width: 8.2em;
          position: absolute;
          left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
          left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          width: 15em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
          position: absolute;
          margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
          left: auto;
          top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
ul.MenuBarHorizontal ul
          border: 0px solid #1A1A1A;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: transparent;
          padding: 9px;
          color: #FFF;
          text-decoration: #1A1A1A;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
          font-weight: bold;
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          font-size: 18px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
          background-color: #0048ff;
          color: #EEE;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarDown.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
          background-color:#1A1A1A;
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-color:#1A1A1A
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRightHover.gif);
          background-repeat: no-repeat;
          background-position: 85% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
          position: absolute;
          z-index: 1010;
          filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
          ul.MenuBarHorizontal li.MenuBarItemIE
                    display: inline;
                    f\loat: left;
                    background: #222222;

Hi and welcome -
Start with fixing this missing semicolon (in red)
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-color:#1A1A1A;
          background-repeat: no-repeat;
          background-position: 95% 50%;
You will find you will get faster, more accurate help from us if you upload your test page and any dependent files to your server and post a link here. That way we can examine ALL your code

How do you make the background of an object transparent in Adobe Illustrator?

Hello Forum.
How do you make the background of an object transparent in Adobe Illustrator?
I have been having issues with using the Magic Wand tool in Adobe Illustrator as well as the lasso tool.
Basically, I am trying to put a small graphic into a new Illustrator file.
The first thing I tried to do is to use the magic wand tool. But I found out that this did not work on a jpeg image since it did not have any individual objects to select.
So I tried something new. I opened the file in Adobe Photoshop and used the lasso tool to select an area. Then I coped this area. Then I tried to paste it into Adobe Illustrator. But the background was not transparent for the pasted image.
How do I make the background transparent.
I made this small video to show what I am talking about:
http://youtu.be/2LgMGEF6z10

Don't Copy/Paste the image.
Make it transparent in Photoshop, save a PSD and place it in Illustrator

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 do you make an array of image icons and then call them?

How do you make an array of image icons and then call them, i have searched all over the internet for making an array of icons, but i have
found nothing. Below is my attempt at making an array of icons, but i cant seem to make it work. Basically, i want the image to match the value of the roll of the dice (rollVal)
Any help would be greatly appreciated, some code or link to tuturial, ect.
/** DiceRoller.java
* Roll, print, Gui
import javax.swing.*;
public class DiceRoller extends JFrame
     private ImageIcon[] image ;
     public String[] images = { "empty", "dice1.jpg",
               "dice2.jpg", "dice3.jpg", "dice4.jpg",
               "dice5.jpg", "dice6.jpg" };
     public Dice die;
     private int rollVal;
     public int rollNum;
     private JLabel j1;
     public DiceRoller(){
          j1= new JLabel("");
       die =new Dice();
       int rollVal;
       rollVal = die.roll();
       image = new ImageIcon[images.length];
     for(int i = 0; i < images.length; i++){
      image[i] = new ImageIcon(images);
     if (image!=null){
          j1.setIcon(image[rollVal]);
     System.out.println("Roll = "+die.roll());

Demo:
import java.awt.*;
import java.net.*;
import javax.swing.*;
public class IconExample {
    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable(){
            public void run() {
                launch();
    static void launch() {
        try {
            Icon[] icons = new Icon[6];
            for(int i=0; i<icons.length; ++i) {
                String url = "http://www.eureka-puzzle.be/cast/images/dice" + (i + 1) + ".jpg";
                icons[i] = new ImageIcon(new URL(url));
            display(icons);
        } catch (MalformedURLException e) {
            throw new RuntimeException(e);
    static void display(Icon[] icons) {
        JPanel cp = new JPanel();
        for(Icon icon : icons) {
            cp.add(new JLabel(icon));
        JFrame f = new JFrame();
        f.setContentPane(cp);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
}

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Neil from bristol wrote:
… How do you make an image … move across the screen …
by setting KEYFRAMES
(read, what FC/e's built-in Help-feature tells about it)
resize and set pic to start position
set keyframe
move playhead in timeline to desired length
set pic to end position
set keyframe …

How do you make an image or text, appear on every slide?

How do you make an image appear on every slide?

What part did you not understand?
As Andrew said, open the Keynote file, go to the View Menu>Show Master Slides
This is what you should see on the left hand slide of the window. The Master slides are at the top and the check mark goes by the Master Slide that is referenced on which ever slide you have selected in the Slides pane.
Add to the Master slide the image or text that you would like to see on the slides that are made off of that master. You can see in the Title & Bullets master slide, I added the shape in the lower left hand corner and it was added to all the slides build off that master.
If this still isn't clear, let us know where you are getting stuck and we will try to help.

How do you make ruler display ticks every 12 inches instead of every 16 inches?

Hi all,
How do you make ruler display ticks every 12 inches instead of every 16 inches?

I just wish that common features like layers, color, swatches, styles, masks, adjustments, character, paragraph and so on - looked and functioned the same across adobe applications. Is that too much to ask for?
In some cases, that would be absurd. Photoshop and Illustrator are fundamentally differerent environments, as they should be. Photoshop Layers and Illustrator/InDesign Layers are entirely different things, because a vector drawing program works with arranging OBJECTS (raster images, vector paths, text objects) in a Z stacking order and XY position. A Photoshop Layer is essentially just another raster image of the same pixel count as all the others, viewed optionally opaquely or transparently on your screen. It would be ridiculous if Photoshop created a whole new raster image every time you colored another selection of pixels. It would be ridiculous if Illustrator created a new Layer everytime you draw a new path.
Regarding text, Photoshop and Illustrator share the same lame text engine. Illustrator's should be like InDesign's, not like Photoshop's.
And that is a good case-in-point negating the silly defensiveness of Illustrator's outdated and buggy functionality. Illustrator's text handling remains poor today. But it was not updated even to today's treatment until CS 1. For most of its history, its text handling was pathetically primitive compared to that of other programs which were designed for exactly the same purpose and which competed directly with it. Should one "defend" that fact with some nonsensical argument that 'Illustrator is not meant to be a word processor'?
It was not until AI10 that its print dialog acquired a simple Fit To Page command. You had to manually figure and enter a scale factor, and that was limited on the low end to 25%. Can that logically be "defended" on the basis that 'AI is not an imagesetter'? Every dang software on the planet provides a Fit To Page print option!
This "It's not a technical illustration program" argument is every bit as nonsensical. Every one of Illustrator's direct competitors provides for user-defined drawing scales, and has for decades. Illustrator is just as "technical" a drawing program as those others are. It's just particularly lame at it in this regard. And since when is "technical" illustration not "illustration"? And since when is user-defined drawing scale only needed for "technical" illustration? Absolutely ridiculous.
So what if in its infancy Illustrator was a tool for PostScript workflow? Illustrator's leading competitor for most of its history, FreeHand, was initially based on the path drawing engine of a font design software. But when it went to market as a general illustration tool, it blew the functional and interface doors off Illustrator, and continued to do so throughout its history.
The simple fact is this: Throughout its history, Illustrator never kept up with the basic drawing features, interface refinements, and performance of its direct competitors. Its market share is primarily due to its carrying an Adobe label--and to the absurd defensiveness of too many of its users who have next to no experience with anything else.
Ilustrator, Indesign and Photoshop share about 90% of the same functionality.
Where do you get that?
Photoshop's primary purpose is fine-tuning of raster imagery, especially photography. You don't do sophisticated color correction, channel operations, sharpening, etc., in Illustrator or InDesign. That's what I would call its "90% functionality."
InDesign's primary purose is automation of repetitive assembly tasks and text handling in high page-count documents. You don't do master pages, indexes, tables of contents, constant spooling the hard disk, hundreds of externally linked raster and vector files, chapters-long threaded text stories in Illustrator or Photoshop. That's what I would call its "90% functionality."
Illustrator's primary purpose is general-purpose vector drawing (which most certainly includes many kinds of 'technical' illustration) using cubic Bezier curves, and page-assembly for low page-count, illustration-intensive documents. That's what I would call its "90% functionality."
Now ask yourself: Should programs fundamentally structured for different primary purposes necessarily share the same interface? I say no, not necessarily. Example: The mere use of the same term (Layers) in Photoshop and Illustrator for what are fundamentally two different things has led to a gross misunderstanding on the part of Photoshop users who are Illustrator beginners, which is repeated here in this very forum almost every day.
Ask yourself this: Should unyielding adherance to the organizational dictates of Adobe's so-called "unified" interface be allowed to result in a palette flyout menu in InDesign that contains only one option? Is the very concept of a 'menu' not fundametally antithetical to a single choice? Is that not just poor interface design, regardless of whether it "matches" that of the other programs in the so-called "suite"? (Frankly, I find Adobe's over-use of flyout menus--which effectively HIDE important options--generally both ill-conceived and poorly executed.)
No, there simply is no excuse for Illusrator's still lacking user-defined drawing scales, just as there was no excuse for its lacking multiple pages for two full decades, just as there is no excuse for its still lacking reliable snaps, connector lines, live shape primitives (!), proper arc-drawing, proper corner rounding, inline graphics, auto-fitting textframes, the ability to join multiple paths at once, (note that NONE of those can be called specifically "technical" drawing features) and a plethora of other functions that are bare-bones basic to vector drawing. The programs is just archaic and outdated in all these regards, and that's all there is to it.
JET

How do you make a 3d octagon in photoshop cs4 extended?

How do you make a 3d octagon in photoshop cs4 extended that you can map artwork to? I've been searched online for a solution that doesn't involve using a 3D program but can't find anything. Can't you extrude a shape like in Illustrator, or exporta true 3D shape from Illustrator that will work? I'd use Illustrator but the mapping thing is finicky, and doesn't alow wrapping images around angles. (now someones going to say: "Don't mention any other programs in a PHotoshop forum!" Yeah yeah, there should be a forum then about using different Adobe programs together.) End of rant, any suggestions much appreciated.
Thanks,
Mike

Thanks for your prompt response!
Suggested Bridge Update
It turns out that I got a message that this update had already been installed, which led me to more carefully look at the Bridge window and (finally) see that the Output module had a Quality dropdown: Full, 300 ppi, 150 ppi, 96 ppi and 72 ppi. Thanks! I decided to compare the CS4/Bridge results to those I got in CS2 with its convenient File/Automate/PDF Presentation/Multi-Page Document routine that I like.
My project was an 8-page PDF made from scanned pages of handwritten notes into which some fairly small type had been insert using the Photoshop CS2 Type tool. In Photoshop CS2, I had settled on "medium quality" JPEG compression as giving a "reasonable" file size (about 7 MB) and "very good/excellent" image quality. I experimented with making the PDF in Bridge, using all five Quality levels. See table below. The Bridge "good minus" file was about the same size as the file produced in CS2, which I judged to be "very good/excellent" and slightly better visually than the 300-ppi, 23.5-MB Bridge file.
Bridge Quality:
Full
300 ppi
150 ppi
96 ppi
72 ppi
File Size:
25.2 MB
23.5 MB
7.6 MB
3.2 MB
2.1 MB
Subjective Quality:
Very good
Very good
Good minus
Poor
Useless
I appreciate that you may not be all that interested in these observations, but it seems to me that Adobe has done us no favors in the multi-page PDF department in going from CS2 to CS4!
Install the Old Contact Sheet/Picture Package Plug-Ins
I had already done this some time ago, in order to get in CS4 the File/Automate/Contact Sheet II feature I liked in CS2. It does not appear to me that this plug-in has anything to do with make multi-page PDF's. Perhaps I'm missing something.
Again, thanks for your response!

HT203909 Why can't you provide specific instructions here about how to make the USB drive bootable? The article referenced is not dedicated to Bootcamp--too long, too many options. How do you make it bootable?

Why can't you provide specific instructions here in HT203909 (Boot Camp: Creating an ISO image from a Windows installation DVD) about how to make the USB drive bootable? The article referenced for partitioning the drive is not dedicated to Bootcamp--too long, too many options. How do you make it bootable?

If your BC Assistant shows the option to create a USB Installer, it automatically is marked as bootable. There is no need to have manual intervention to make a bootable USB. Once the process is manually modified, it is supported by the person modifying it.
You have two or three options (depending on your Mac Model).
1. Create USB... - Use a USB2 flash drive, which is erased and formatted. If your Mac supports ISOs then BCA will prompt for the Media. Any Mac which does not have a built-in Optical drive will support an ISO. There are specific Mac models which support both, DVD and USB based installation.
2. Download Software from Apple servers...
3. Install Windows...
Are any additional instructions really necessary?

Hi Everyone, how do you make adjustments to many pics at once

Hi Everyone, how do you make the same adjustment to many pics in one go? Tried select All, and then adjust, but that only does the original selected pic..

First of all, make sure, tat the "Primary only" flag is not enabled. (Edit menu > Primary only).
Then rotate, clip, keywords will be applied to all selected image versions.
Only the adjustments applied from the Adjustment panel will still only be applied to the primary selection. But you can use the "Lift&Stamp" tool to transfer all adjustments from an edited image to all selected images at once.
The "Lift&Stamp" tool to the left, the "primary Only" button to the right.
Keywords or ratings are applied only to one of the selected images - why?

How do you make a photo in DW that changes automatically in a loop and needs no visable buttons

How do you make a photo in DW that changes automatically in a loop and needs no visable buttons?

I'm sorry to be so vague. I have recently found out that what I want
to do is put my images in a javascript image rotator. I have looked
this up on google and have now tried about 6 different codes. I try to
follow the insert directions but I must be doing something wrong. I
get the first photo linked up but can never make the picture change to
show the other two photos in the image folder.
Can you direct me as to how this works in dw?
Thank you so much for helping.
Pam

How can you add images and text to UIScrollBar Component

I can only add the text, can't add images. Also how can you make paragraphs out of long text in a UIScrollBar?
Thanks.

Hi,
UIScrollBar Component can be attached to a dynamic text filed and the text field can be set to Render Text as HTML option which in turn can display both text & images(using <img> tags).
Refer http://www.flashvalley.com/fv_tutorials/loading_HTML_in_a_dynamic_text_field/page2.php that may help you getting what do you want
Thanks!

How do you change image size in the title window?

I just changed operating systems to Windows 7, which meant that I had to re install Premiere Pro CS4. I am now working on a 64 bit system. Might not make any difference, but thought I would give you the specifics just in case. When I pull up the title window to add a title to my clip, the image is about the size of a postage stamp. How do I increase the size of the image in that window?

Thank you again for responding Hunt. I did find out what what was happening.
I had to reinstall the program on my computer. I just upgraded to Windows 7, and I now have a 64 bit system. When I booted up PPCS4, I assumed that my settings would be the same as they were before when I had Vista installed and didn't bother to check them when I started a new project. Well, they were not. I also added a TV tuner card to my computer. I now can watch HD TV on my computer. I suppose that it is possible that somehow PPCS4 noticed that, and set my default settings to HD, rather than NTSC DV. I just merrily went along clicking the OK button and started editing. When I start a new project now, I select NTSC DV and the Title window works just fine, and exactly the way I expect it to.
I just received Jeff Bellune's book Adobe Encore DVD 2.0 in the mail and will be totally immersed in Encore studies today. With all of his children, I don't see how he had time to write it, but I'm glad that he did. I also ordered a book entitled Designing Menus with Encore DVD. I know that it was written for an earlier version than CS4, but I will trust what you said about that. Many things are the same with some minor variations due to upgrades in the program. The basic ideas don't change, but how you accomplish them can, and usually do over time.
Terry Lee Martin
Date: Mon, 17 Aug 2009 16:04:16 -0600
From: [email protected]
To: [email protected]
Subject: how do you change image size in the title window?
Welcome to the forum.
That is an odd one. The Title should be the same Frame Size as your Project/Sequence. What is it's Frame Size? Also, are you perhaps doing a Title based on an older Template, that was done for a different Frame Size?
What happens if you choose Title>New Title>Default Still?
Good luck,
Hunt
>

How do you make images transparent in inDesign?

Similar Messages

Maybe you are looking for