Categories
Home-and-Garden

How to adjust opacity in indesign

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.

Adobe Support Community

  • Home
  • InDesign
  • Discussions
  • Unwanted Text Opacity
  • Home
  • InDesign
  • Discussions

Copy link to clipboard

So, MacBook Air, Indesign CC 2017 user.

Here is my issue:

Full bleed illustration pages, on which I am placing text boxes. I like the feature of having some opacity on the text box, like 80%, so you can still see the hint of the illustration behind the text box. The problem is, when I set my opacity to 80%, it is also fading my text (black, 100%), too. I have found a workaround, but I’m not crazy about it — switching the faded black text to “registration”, but I’m not a fan of registration because I think it’s “too” black. Any ideas?

  • Follow

1 Correct answer

Copy link to clipboard

Adjust Fill opacity only, not the whole Object (Text frame in your case)

How to adjust opacity in indesign

And please don’t use registration for text, ever.

  • Follow

Copy link to clipboard

Thank you very kindly, fellows. That’s the trick. I’ve been using this software for years, and there are still little tricks that escape me! I won’t forget this one. Many thanks!

  • Follow

Copy link to clipboard

  • Follow

Copy link to clipboard

Don’t use the registration color if you plan to print it, because a four-color rich black will be way too “black” — and cyan, and magenta and yellow too.

I suspect your problem may be tied to setting a text frame to 80% opacity, which shouldn’t affect the text inside the box too.

First, highlight the text and go to your color panel. With the text highlighted, you should see that the letter ” T ” in the panel is highlighted.

Then check the opacity. If you changed it with the Selection tool, you may see it went to 80% too. If that’s the case, dial it back to 100% and see if you like it better.

Another way to do this is to use two frames: one that provides your 80% opacity effect over the underlying elements, then a second with a fill of None to contain your text.

  • Follow

Copy link to clipboard

Check winterm’s answer, above. It is the best solution, IMO. In my case, as winterm suspected, the entire object was set at 80% opacity, when in fact it should have simply been the “fill”.

My situation is resolved, but in closing I will agree that registration is horrible and should be sent to live on an island, but it doesn’t have to live alone. We can send Comic Sans MS to keep it company.

  • Follow

Copy link to clipboard

I’m glad that you got an answer that worked for you. We all could offer essentially the same solution because it’s a problem that a lot of us have run across.

When I started writing my reply, you had no answers to your question, and by the time I had finished and posted my response, I was the fourth one. That happens. Everybody here wants to help.

The reason I knew what had happened to you was that I’ve made the same mistake before. One of the good things about working with text frames using the selection tool is that we can quickly apply global effects to change type attributes. But sometimes, as you discovered, that can work to your detriment. As both I and winterm said, you can correct that by using the text tool to change text attributes . including opacity.

How to adjust opacity in indesign

QuarkXPress likes to brag that it can control transparency at the color/character level while InDesign can only control effects on of all of the text, stroke or fill. If you try to change the opacity or add an effect when you have text selected the effects panel will be greyed out.

How to adjust opacity in indesign

Create an inline anchored object

Normally when creating outlines of text it is recommended to select the text frame with the selection tool, but if you create outlines of your text while you have it select (type menu > create outlines) it will be come an inline anchored object. This will allow you to now apply whatever effect that you wish to ?word or letter? since it is now an object.

How to adjust opacity in indesign

Now that the text is an object you can apply effects to the former text (now an object).

More after the jump! Continue reading belowHow to adjust opacity in indesign
Free and Premium members see fewer ads! Sign up and log-in today.

How to adjust opacity in indesign

Keeping the text editable (In CS4)

The main problem with this creating outlines is that you will no long be able to edit the text. To prevent this from happening you can create a copy of your text and apply a condition and hide it. If you ever need to edit the text you can delete the anchored object and turn on the hidden text to get it back.

How to adjust opacity in indesign

Obviously this is not the simplest method for applying effects, but hopefully this will help you out. Maybe on April 12th we will find out that this work around is no longer needed.

  • in InDesign , Text by James Fritz
  • |
  • March 29, 2010
  • |
  • 5 comments
Recommended For You

Issue 150: All-Star Tips

InDesign How-to: Anchor Corners to a Frame

Four Great Ways to Emphasize Text

InDesign How-to: Anchor an Icon Automatically

How to adjust opacity in indesign

>Maybe on April 12th we will find out that this work around is no longer needed.

How to adjust opacity in indesignDavid Blatner says:

I like that idea of creating Conditional Text for the text you’re converting! Clever…

Hey Fritz… please tell me you don’t really dress up your dog like that.. 😛

One area where QuarkExpress is better than InDesign. And no, I’m not not (and have been) a Quark user. I hope Adobe is about to remedy this, as Quark got it just right: Opacity is a color-level attribute and should be able to be used where ever you can specify a color.

I’ve tackled this a couple different ways. Although I’ve always like how InDesign automatically anchors the outline text.

1. Enable Drag and Drop Text Editing. Command+Option drag the desired text to create a new text frame containing a copy of the text.

2. Command+Option+C with the new text frame selected to fit the text frame to the selected text, which tucks it up to the baseline.

3. Cut the text frame and paste immediately before the original text.

If I’m replacing the original text, I simply delete it. I can also use the Conditional Text option to keep it around just in case. HOWEVER, if I’m working in CS3 and I do not have that option available to me I proceed with the following steps:

4. Create and apply an object style to the anchored text frame with the following Anchored Object Custom options:
a) Anchored Object Reference Point: bottom-left
b) X Relative To: Anchor Marker
c) Y Relative To: Baseline
d) Prevent Manual Positioning (for good measure)

I also add any effects at the time.

5. Create a Character Style that uses a text fill of None. Apply that to the original text. The original text magically disappears, fully revealing the anchored text frame. Granted this isn’t the most dynamic, especially if the original text already had a manually applied character style, but meh.

Opacity, transparency, see through-iness is what the title of this video is going to be. And it's so that, this black box here, you can kind of see through. It's helping me see the text against this. I've done it with these green boxes here, you can see through a little bit. I'll watermark this logo. Page 2 is a big black box that is transparent. Let's go and do that now.

First thing we're going to do is grab the 'Rectangle Tool', not the 'Rectangle Frame Tool'. Before I start drawing anything, I'm going to– what you might have to do is, make sure you have nothing selected, then go to the 'Rectangle Tool'. Make sure the 'Stroke' is set to 'None', and the 'Fill' of this box is going to be set to 'Black', not 'Registration', registration's bad. And I'm going to draw a box, roughly to go on the outside.

Now, it's on top of my 'Type', so I'm going to grab the 'Black Arrow', right click it. And I'm going to go to 'Arrange'. I'm going to 'Send Backwards'. And by chance, I only have to go back only once. Often, you'll have to right click again, and go 'Send Backwards' until eventually you get behind the white type. It depends on when this thing was added to the document. Because it was last added, it's on the top of the stack, so it's easy to get behind.

Next thing I'm going to do, I'm going to adjust this. This lady over the side here, because we don't want a black box covering her, but what I'd like to do is lower the opacity. Now, I just have her selected with my 'Black Arrow', and up the top here, there's this one called 'Opacity'. And I'm going to slow it down. Slow it is not the word, but I'll lower it anyway. You decide how it's going to work with the background image, and how low it should go. I might do the same for this green box.

So, go and do that, lower this one down as well. It's just for style points. Kind of looks cool, having it partly see-through, and it's the thing for this book you can see here on page 2. This big black box here, just a kind of a cool way of having text on a black background. And we're kind of showing part of the image, yeah, style points. Now we've done it for black boxes, you can do it for anything. You can select anything, lower the opacity, and have washed out text. It might be watermark for the logo, so let's add this guy down the bottom here. I'm going to shrink it down. Move him down here, but I'm going to lower the opacity, so he's like a little watermark thing in the bottom there, which I don't like. But anyway, that is opacity. Let's get on to the next video.

You can add color to images just like you add to objects. However, there are a few caveats to keep in mind. This works only with raster images (such as Photoshop images, JPEGs, TIFFs, etc.) and not with vector art (such as Illustrator).

The image should be saved in grayscale with no transparency.

Import any image using the Place command and either draw a frame or insert it into an existing frame. You should double-click within the frame to select the image, otherwise whatever color you choose will apply to the frame but not to the image itself.

Then go to the Swatches panel, make sure the foreground fill is selected and select the desired color to be applied. You can also reduce or increase the intensity of the color by adjusting the Tint value in the Swatches panel.

How to adjust opacity in indesign

How to adjust opacity in indesign

Applying Transparency to Objects

It is easy to add transparency to objects in InDesign. You can add transparency to images, text, or any other object. You can even change the transparencies of the fill and stroke.

Select the object that you want to apply the transparency effect to. Remember to click inside the frame if you want to apply the effect to the image or text. Otherwise, the effect will be applied to the frame.

Now, go to the Effects panel and adjust the opacity value to get the desired effect.

How to adjust opacity in indesign

If the selected object is text, you can also experiment with different blending modes.

How to adjust opacity in indesign

Here’s a great question about transparency that arrived in my inbox.

It’s true. This is something that Quark XPress can do that InDesign cannot. In XPress opacity can be controlled at the color level (i.e. wherever you can specify a color, you can also specify an opacity level). But in InDesign, transparency effects are object-level attributes. You simply cannot apply changes to blending modes or opacity directly to individual characters or words, you can only apply them to all the text in a frame. That’s also why the Effects panel controls get grayed out if you have your cursor in a text frame, or if you have Formatting Affects Text selected in the Swatches panel.

But there’s always a workaround. In this case I can think of three, though none of them are perfect.

1. Use an anchored frame. Put each character or group of characters into an anchored text frame. Then select that frame, target the text in the Effects panel, and apply any desired effects.

How to adjust opacity in indesign

More after the jump! Continue reading belowHow to adjust opacity in indesign
Free and Premium members see fewer ads! Sign up and log-in today.

The downside here is that you’re chopping up your text into separate stories and you might run into trouble later on if you need to export that text.

It’ll go MIA in RTF.

How to adjust opacity in indesign

If you export to EPUB, you’ll have some clean-up work to do to reunite all the text into one paragraph.

2. Convert the text to outlines. You’ll need to do this separately for each character or group of characters that you want to apply individual effects to. The coolest thing about this option is if you use the keyboard shortcut command+shift+option+o/ctrl+shift+alt+o (or hold option/alt while you choose Type > Create Outlines), you get not only the text converted to outlines, but the original text stays in place directly under the outlines. Then you can hide the original text by applying a character style that removes the fill (and/or stroke if necessary).

How to adjust opacity in indesign

So you get to have your cake (transparency effects at the character level):

How to adjust opacity in indesign

and eat it too (the original live, uninterrupted text flow).

How to adjust opacity in indesign

There are a few potential problems here. One is that the outlined text is not anchored. So if your text reflows or the frame moves, you’ve got an alignment problem. So you might want to combine methods 1 and 2, and anchor the outlined text. Even so, you may run into trouble if the text reflows because your anchored frames aren’t going to wrap like live text. The other problem is that if you do anchor the frames, then you’ll have to rasterize the whole shebang in order to avoid getting both the live text and the rasterized effect text in an EPUB export.

How to adjust opacity in indesign

And be aware that the No Fill character style will spawn spans.

3. Use a Gradient Feather. This one is probably the most “hacky” but I’m sure someone, somewhere will find it useful. Or maybe you can just use it to win a bet some day. It only works with a single line of text, and you can’t control anything other than opacity. But it works quite nicely in that situation.

How to adjust opacity in indesign

The key is have overlapping gradient stops (two gradient stops at the exact same location) with different opacity values. That way there is no feathering. It’s a sharp transition from one level of opacity to another. You’ll probably go insane if you try to drag the stops on top of each other. So instead, select the stops and enter specific values in the Opacity and Location fields, either by typing numbers or use your keyboard arrow keys.

The nice thing about the Gradient Feather method is that is has none of the liabilities of methods 1 and 2. No anchored frames, no duplicated text, no span-ifying character styles.

Fritz also wrote a post on this topic a while back, where he showed yet another option: using conditional text to hide an extra copy of the live text.

So try these methods if you need character-level control over opacity and other transparency effects. See which one best fits your situation. And maybe you can limit your use of Quark to the kitchen.

How to adjust opacity in indesign

With Adobe InDesign’s built-in Effects tool, you can alter the transparency of the objects in InDesign documents to create professional and attractive see-through effects. InDesign transparencies are particularly useful when overlaying text onto complex images; semitransparent boxes are used beneath the text to avoid visual clashes with underlying images. By default, InDesign objects are opaque when created. Transparency effects are added after an object has been drawn or placed onto the page.

Press the “A” key to bring up the Direct Selection Tool and then click on the object you want to make transparent to select it.

Select the “Object” menu option. Hover your mouse over the “Effects” option and then select “Transparency” from the drop-down list to bring up the Effects tool.

Select “Object” from the “Settings For” menu and click the arrow next to the object’s Opacity value to bring up a slider that you use to adjust the item’s opacity. When the slider is at the far right of the bar, the object is fully opaque. When it is at the far left, the object is fully transparent. Set the slider anywhere in between the two extremes to make the object semitransparent. Click “OK” to confirm the changes and close the Effects tool.

Illustrator CS4 introduced an Opacity setting to the gradient tool (horray, no more opacity mask!). InDesign will let you create a tranparent gradient as well.

  1. Create a basic gradient. Make a swatch out of it if you want.
  2. Use the Gradient Feather [Object > Effects > Gradient Feather] effect to introduce an opacity gradient to your gradient.
  3. Since the Gradient Feather effect has its own set of controls, the direction of the gradient’s transparency can be independent from the gradient itself
  4. Since InDesign lets you apply effects to the object and fill independently, you can create 2 sets of overlying opacity gradients to your gradient.
  5. Since the gradient feather is an effect, you can apply this to ANYTHING!

How to adjust opacity in indesign You can also apply Gradient Feathers to images. Now puppy is behind bars! How to adjust opacity in indesign Play around with the settings to make creative opacity gradients. You can even apply more than one!
How to adjust opacity in indesign Apply Gradient Feather Effect to a gradient to create an opacity gradient How to adjust opacity in indesign Basic Gradient

Photoshop has lots of cool blending effects that you can use on your photos, but rather than going back and forth from Photoshop and InDesign, consider what the Blending Modes in InDesign can offer in the way of effects. And, they are super easy to use.

In this example, text is added on top of a black-and-white photo so you can more easily see the changes. You can also do this with text on a color image and backgrounds.

1. Starting with an image placed in your InDesign document, use the Type tool to create a text box.

2. With the text box selected, you have two choices. Either go to the drop-down menu Object > Effects > Transparency, or simply adjust the Blending Mode on the Effects palette. The default mode is set at Normal. From this drop-down menu you can choose from Multiply, Screen, Overlay, Soft Light, Hard Light, Color Dodge, Color Burn, Darken, Lighten, Difference, Exclusion, Hue, Saturation, Color and Luminosity.

3. Try a couple of different Blending Modes. Select Multiply, then Screen, then Overlay and then Color. See how each different mode changes the color of the photo under the type. Multiply always creates a darker color. Black stays black and white becomes transparent. Screen causes everything to become lighter. Overlay multiplies or screens the colors, depending on the color used. Color tints an image depending on the color used.

This is a fast way to change text and achieve dramatic results. Try some of the other Blending Modes until you find the effect that best suits your design.

Leave a Reply Cancel reply

Jamie Chambers faced two career path choices in college, and lucky for Walsworth he chose art over accounting. He has been a creative influence for Walsworth for 17 years, currently as Design & Creative Concepting Supervisor in the Marketing Department. For 10 years, as an artist and supervisor for the Creative Services Department, Jamie traveled to workshops to collaborate with yearbook staffs to develop their covers and theme packages.

– Select an object. …
– Choose Window > Effects to display the Effects panel.
– Select a level to designate which parts or part of the object you want to change: …
– Do any of the following to open the Effects dialog box: …
– Choose options and settings for the effect. …
– Click OK.

Subsequently, How do I make a transparent PNG in InDesign?

– Remove the background from your layer. …
– Next go to File>Save As and make sure you select PNG from the drop down. …
– Now let’s open up InDesign. …
– Drop in your background image by clicking and dragging it from your folder into InDesign or CTRL+D (Option + D on a Mac) to Place.

Also, Can you make an image background transparent?

Add a transparent area to a picture Select the picture that you want to create transparent areas in. Click Picture Tools > Recolor > Set Transparent Color. In the picture, click the color you want to make transparent.

Why are my PNG files not transparent?

With the most recent versions of iOS, when you import photos using iTunes import/sync or iCloud sync it will convert your transparent PNG file to a non-transparent JPG file. … If it stays white then the image has been converted to a JPG file.

Last Review : 18 days ago.

How do I make my background transparent?

– Step 1: Insert the image into the editor. …
– Step 2: Next, click the Fill button on the toolbar and choose Transparent. …
– Step 3: Adjust your tolerance. …
– Step 4: Click the background areas you want to remove. …
– Step 5: Save your image as a PNG.

Can I remove the white background from an image?

Select the picture that you want to remove the background from. Select Picture Format > Remove Background, or Format > Remove Background. If you don’t see Remove Background, make sure you selected a picture.

How do I remove a white background from an image in InDesign?

How do I make my image background transparent?

– Step 1: Insert the image into the editor. …
– Step 2: Next, click the Fill button on the toolbar and choose Transparent. …
– Step 3: Adjust your tolerance. …
– Step 4: Click the background areas you want to remove. …
– Step 5: Save your image as a PNG.

Can PNG have transparency?

Transparency. The GIF and PNG formats also both support transparency. If you need any level of transparency in your image, you must use either a GIF or a PNG. GIF images (and also PNG) support 1-color transparency.

How do I make a white background transparent?

– Get your image ready in Photoshop. …
– Choose the Quick Selection Tool from the toolbar on the left. …
– Click the background to highlight the part you want to make transparent. …
– Subtract selections as needed. …
– Delete the background. …
– Save your image as a PNG file.

How do I get rid of the white space around a picture?

Scroll all the way to the bottom of the available color options. Click the “Set Transparent Color” link. When the Color window closes, double-click any white area in the picture. All of the white is removed, making the white background transparent.

How do I remove the white background from a PNG image?

– Step 1: Open your image. Select the image from your folders an open it with Photoshop. …
– Step 2: Unlock the layer. …
– Step 3: Select the Magic Eraser tool. …
– Step 4: Erase the background. …
– Step 5: Trim and save as PNG.

How do you save a JPEG with a transparent background?

You may be used to saving image files for web use as JPEGs, but JPEGs don’t support transparent backgrounds. So, instead, you’ll need to use a format such as GIF, TIF or, ideally, PNG. The PNG file is small enough for use online but still delivers high quality with transparency as well.

How do I make the white background of a picture transparent?

Select the picture that you want to create transparent areas in. Click Picture Tools > Recolor > Set Transparent Color. In the picture, click the color you want to make transparent.

How can I remove the white background from an image?

– Step 1: Open your image. Select the image from your folders an open it with Photoshop. …
– Step 2: Unlock the layer. …
– Step 3: Select the Magic Eraser tool. …
– Step 4: Erase the background. …
– Step 5: Trim and save as PNG.

How do I make a PNG image background transparent?

– Step 1: Insert the image into the editor. …
– Step 2: Next, click the Fill button on the toolbar and choose Transparent. …
– Step 3: Adjust your tolerance. …
– Step 4: Click the background areas you want to remove. …
– Step 5: Save your image as a PNG.

Can you make a JPEG with transparent background?

You can’t make a JPEG image transparent. You should use a format that allows transparency, like GIF or PNG. Paint will open these files, but AFAIK it’ll erase transparency if you edit the file. Use some other application like Paint.NET (it’s free).

How do I remove a PNG background in InDesign?

How can I change my photo background to white free?

– Step 1: Download & Install Background Eraser. …
– Step 2: Choose Your Photo. …
– Step 3: Crop Background. …
– Step 4: Isolate the Foreground. …
– Step 5: Smooth/Sharpen. …
– Step 6: White Background.