Knockout with Transparency Question

Hi,
I'm on a Mac, OSX 10.6.8, IDCS4. I'm trying to put a grayscale watermark of an image over a red background, with text above.
Three separate layers. Top=text, middle=grayscale PSD image with some totally transparent areas, bottom=solid red background.
The problem I am having is that if I lower the opacity of the grayscale image, it picks up the color of the red background. I want to keep it grayscale, but dimmed down. Is there an easy way to do this? I tried grouping the grayscale graphic and the red background, and clicking the "Knockout Group" box in the Effects panel. That didn't do it, besides it knocked out the entire square outline (much of which is transparent). I just want to knock out background behind the visible portion of the image.
I could use the pen tool and create an outline of the image, then put pure white copy of this over the red, then make a black duplicate and place it above the white copy....lowering the opacity as needed to act as a background for the image, but what a pain. There is probably an easier way to do this with native IDCS4 tools. I just don't know what it is.
Thanks,
Lou Dina

Thanks, Tman.
When placing a grayscale TIF, I can lower the tint after selecting the image with the Direct Selection Tool. It does fade, as you say. If I lower the Tint to zero, the image fades to pure white and I end up with a solid white rectangle. Much of this rectangle in my original is transparent. I tried saving the TIF as a single layer (not a background) with transparency, as two layers (bottom layer with a white background, turned off), as a transparent layer on top of a white "background" (also turned off), with and without alpha channels, etc. As you said, if I use an alpha channel or CMYK when placing the image into ID, the tint feature does not work at all.
Interestingly, if I place the TIF first, and THEN selecting Object > Clipping Path > Options, I can then select an alpha channel, it hides the transparent rectangle, but the slider works fine on the remaining image. If I invoke the alpha channel option when placing the image into ID, it doesn't work. So, that seems to be the key.
I appreciate the help. I learned something.
Lou

Similar Messages

I place a psd file with transparent background on another layer in my InDesign document. The layer b

I placed a psd file with transparent background on another layer in my InDesign document. The layer below has a color (RGB). When the psd file is placed it changes the color on the layer below. I've tried other psd files thinking something is wrong with my file, but get the same result. I have tried for days to figure this out. Can anyone help me?

Wow, thank you! That was fast. I googled that question to death and even bought (another) book on CS5 and never saw that answer. Thank you so much. You made a very good ending to my day! I'd buy you a beer if I could!!

Trying to do a knockout with text.

I admittedly am an amature illustrator user. I have only used it for a week now. I do have experience in photoshop so the learning curve was ok.
I want to create a vector logo so I cannot use photoshop. I know how to do what I want to do in photoshop but not in illustrator. I need to do a knockout on a letter of text combine all objects together as one so I have a single vector file with transparency in the appropriate places.
There are 6 elements in this graphic: clean, green, text on bottom left, text on bottom right, the arrow on the "g" and another "g" (in white behind the green making it appear as a knockout).
Visually this works as long as you have a white background since the rear "g" is in white. There is a white stroke around that "g" creating the knockout effect. What I have been trying to do for the last 2 days is combine all of these elements into one object with everything white being transparent. I am frustrated.

Ok, we are getting somewhere. Thats a whole lot of steps to do a simple knockout but it worked, thank you.
The only problem was when I outlined my letters in "clean" I lost my gradient fill. When I tried to add it back it puts the gradient in each individual letter not the word as a whole. I am sure I was supposed to prep something properly and I did not. Do I have to do this over or can I fix it from here?
It now looks like this:

Combining 100 pngs with transparent background, vertically into one image PSE9

As the question suggests,
In PSE9 is it possible to combine 100+ PNG files (with identical dimensions & transparent background) into a single PNG file where the images are stacked vertically? and without trimming/cropping the transparent part of the image! I want to retain the exact original image dimensions so that they all stack neatly and precisely.
So far what I've tried is opening up the 100 PNG files in PSE9, create a new document with transparent background using the same width as the individual files and the height set to the individual file height multiplied by 100. (i.e. original image is 36 x 120 so the new file will be 36 x 12000) Then I get stuck! Whenever I drag a single file into the newly created document, it seems to be cropped to the image edges and no longer retains it's original height and width. Not to mention that hand dragging 100 files seems like a long-winded way of doing things... My automate button seems to be greyed out (so no contact sheet?) and I can't find any other automated process.
Any help would be greatly appreciated,
Thanks
N.
PSE 9 on Win 7

Please compare the resoultion of the two documents too. And a better way of arranging the layers would be to use distribute option in the move tool. You can find more about the move tool at http://helpx.adobe.com/photoshop-elements/using/moving-copying-selections.html#main-pars_h eading_0
Thus your workflow would be:
Create a new document with the required dimension.
Use File>Place to place all your png files on the created document as layers
Use distribute option in move tool
A still better workflow would be to use put all the files in a folder and write an ExtendScript to read the files and place them as layers on the document of said dimension

Printing Images with Transparent Background

Sorry if this question has already been asked, but I couldn't find anything similar to it in a search through the archives.
I have a couple of images with transparent backgrounds in a document, much like the shells and the blue flowers in the "Classic Brochure" template in Pages 2.0.1. These images show up perfect on the screen, and when printed as .pdf files, but when I print to either an hp color laserjet 4600 or an hp laserjet 1320, the images show up with a clear box around them; the colors under the box (where it should be transparent) are faded and slightly blurred. This happens both with my document, and the unaltered "Classic Brochure" template. I've tried moving various objects backwards and forwards, but it doen't seem to have any effect. It even happens with one of the text boxes I have in the document.
Another odd thing is that the printed "box" isn't the same size as the box that appears when you click on the object in the document. It's a bit bigger. I've seen other posts about problems with hp printers, but I'm not sure it's related. Any insight would be appreciated.
MAF
iMac Intel Core Duo Mac OS X (10.4.7)

http://indesignsecrets.com/eliminating-ydb-yucky-discolored-box-syndrome.php
Bob

Framing image with transparent background png frame

hi,
i'm trying to find a way to frame images with transparent background png frames...
what i'm doing now is
1-drawing my image on a panel
2-creating a 2nd image using the frame's filename, stretching this 'frame-image' to a size slighlty larger than that of my main image and drawing the 'frame-image'
the problems with this method are:
1-depending on the width of the frame, the frame sometimes hides parts of the image (thick frame), and sometimes there is a gap between the frame and the image (thin frame).
2-if the image file containing the frame is larger than the frame (Ex: The image is 300x300, the frame is centered in this image and is 200x200; as opposed to the image is 200x200 and the frame takes up all the space), when i position the 'frame-image' near the top left corner of the image i want to frame, the frame appears at the wrong place (shifted down and to the right). This is due to the fact that i'm placing the top corner of the created 'frame-image' and not the frame, who is not in the top corner of my 'frame-image'.
Is there a way to do what i'm trying to do???
My ideas (which i don't know how to achieve are)
1-To 'analyse' my transparent background png file and
     1-only keep the frame,
     2-calculate the frame's thickness
OR
2-Let java do the analyzing for me and tell it to frame my image with the frame in the png file
please feel free to ask for more explanations if my description/question is confusing,
thanks.

Have you looked into the Border interface? If what you really want to do
is put a custom border on a component, you may be able to do it this way.
Anyway, here is some code that stacks and centres 2 images. It's not hard to do.
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.imageio.*;
import javax.swing.*;
public class Example extends JComponent {
    private BufferedImage backgroundImage;
    private BufferedImage foregroundImage;
    public Example(BufferedImage backgroundImage, BufferedImage foregroundImage) {
        this.backgroundImage = backgroundImage;
        this.foregroundImage = foregroundImage;
    public Dimension getPreferredSize() {
        int w = backgroundImage.getWidth();
        int h = backgroundImage.getHeight();
        return new Dimension(w, h); //assuming this is bigger
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int w = getWidth();
        int h = getHeight();
        //paint both, centred
        int x0 = (w-backgroundImage.getWidth())/2, y0 = (h-backgroundImage.getHeight())/2;
        g.drawImage(backgroundImage, x0, y0, null);
        int x1 = (w-foregroundImage.getWidth())/2, y1 = (h-foregroundImage.getHeight())/2;
        g.drawImage(foregroundImage, x1, y1, null);
    public static void main(String[] args) throws IOException {
        URL url1 = new URL("http://weblogs.java.net/jag/Image54-large.jpeg");
        URL url2 = new URL("http://weblogs.java.net/jag/DukeSaltimbanqueSmall.jpeg");
        JComponent comp = new Example(ImageIO.read(url1), ImageIO.read(url2));
        final JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(comp);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}

Trying to import files with transparent backgrounds into Premier Elements 10

I am struggling to import files from Photoshop CS3 into Premier Elements 10 and preserve their transparent background. I have tried .png (8 and 24 bit), .gif and .psd files. I have tried rasterizing the type layer before "Saving for web and devices" but can't get anything to work. The imported files end up as either text on a white background (.gif) or the file imports as a black background with no type visible (.png and .psd). I have read a few forums but can't find any suggestions beyond what I have already tried. I also get the same problem if I "Save for web and devices" out of Illustrator.
Any suggestions much appreciated.
Mick

kaare
You have brought up one very interesting maintaining transparency question which I feel goes more to the trigger on the
Premiere Elements Videomerge pop up than to the Photoshop CS2 Save As with or without a check mark for Maximum Compatibility
And, I find that Photoshop CS5.1 as well as CS2 involvement in this matter is the same.
I created three 720 x 480 pixels documents, each with a blue colored circle on a transparent background in
Photoshop CS2 and saved each
psd with check mark next to Maximize Compatibility
psd with no check mark next to Maximize Compatibility
png
Each of them was imported into a NTSC DV Standard Premiere Elements 11 Windows 7 64 bit project.
Each triggered the Premiere Elements 11 Videomerge pop up.
If I checked No for the program request to apply Videomerge, then all 3 results were the same, that is,
the area around the circle was transparent and the circle was not...just the way it was created in Photoshop CS2.
So, why was the Videomerge message telling me "Clip being dropped contains solid background color" when
it had transparency represented by black and did not have a solid background color?
Even more interesting was what happened if I selected Yes to the program's request to
apply Videomerge to create transparency for what it claimed to be seeing as "solid background color".
The result was the same for all three cases, that is, the inside content of the circle became transparent
and the "black background" became a "solid color".
Videomerge is not one of my preferred Premiere Elements options.
To avoid the Videomerge pop up, I would suggest placing a check mark next to the "Do not show again.",
followed by No in the Videomerge pop up. When you do, you should not be confused by the activities of the
Videomerge pop up activities and you should have no problems with the maintenance of the Photoshop
created transparency in the Premiere Elements project.
ATR

How to use/create icons with transparent background ?

I would like to use icons with transparent background on JButtons, but I can't find how to do it. Until now, I've been using the ImageIcon class to create icons from GIF images. These images were created with MSPaint (sorry, I don't know what I could have used instead of that). Here is how I create my buttons :
bPencil = new JButton(new ImageIcon("Pencil.GIF"));What could I do to make the background transparent and/or what software could I use instead of M$Paint ?
P.S. : sorry if my question seems silly, but I'm a newbie in Java coding...

Transparent images are GIF (256 colours) and PNG (true-colour, half transparency).
You can store the image with your code, *.class files. You then even can deliver all inside a clickable, executable .jar file.
This kind of usage is called "resource," and hence use getResource like this:
    java.net.URL imgURL = getClass().getResource("pencil.gif");
    ImageIcon icon = null;
    if (imgURL != null) {
        icon = new ImageIcon(imgURL, description);
    }You can use paths.
There exist versions of MSPaint that easily loose their transparent colour on saving.
For GIFs try internet palettes, or try to save as PNG (recent version).
Start with a transparent image from elsewhere.

My iphoto has a transparent question mark over it and will not open. How do I fix this?

My iphoto on my imac will not open. It has a transparent question mark over it...how do I fix it?

Is the question mark on the Dock at the bottom of your screen? Then it means that the Dock can't find the application.
To re-install iPhoto
1. Put the iPhoto.app in the trash (Drag it from your Applications Folder to the trash)
2a: On 10.5: Go to HD/Library/Receipts and remove any pkg file there with iPhoto in the name.
2b: On 10.6: Those receipts may be found as follows: In the Finder use the Go menu and select Go To Folder. In the resulting window type
/var/db/receipts/
2c: on 10.7 they're at
/private/var/db/receipts
A Finder Window will open at that location and you can remove the iPhoto pkg files.
3. Re-install.
If you purchased an iLife Disk, then iPhoto is on it.
If iPhoto was installed on your Mac when you go it then it’s on the System Restore disks that came with your Mac. Insert the first one and opt to ‘Install Bundled Applications Only.
If you purchased it on the App Store you can find it in your Purchases List.

How do i save a .png with transparent background? cannot find in help

how do i save a .png with transparent background? cannot find in help

rickseng
With what program are you working and with what version of the program and on what computer operating system?
I suspect that you are working with some version of Photoshop Elements. If that is correct, then be advised that some how
your thread got posted in the Adobe Premiere Elements Forum (video editing) instead of the Adobe Photoshop Elements Forum (photo editing).
If Photoshop Elements question, then please re-post your thread in the Adobe Photoshop Elements Forum or wait for a moderator
here to see your thread here and move it from here to there.
Photoshop Elements
Thought....if are creating an image on a transparent background in Photoshop Elements Windows for a Premiere Elements Windows project, then you Save As png or psd.
Please clarify if I have misinterpreted your question.
Thank you.
ATR

Branching with random questions

Captivate newbie here...
I am trying to create a Jeopardy-style quiz in Captivate 3
using random questions which are contained in separate pools for
each question category. The game board is on slide 2 and it has 20
transparent buttons with "jump to slide" actions, each of which
points to a random question slide. The random questions slides have
a Submit button and a Back button, which I intend to cause a
backward jump to the game board. The branching tree view shows one
navigation arrow (black) from slide 2 to each question slide, and
each question slide shows "Jump to slide 2" actions for both
success and failure.
I had hoped that the jump back to the gameboard would be
automatic after the user answers the question, but it isn't. The
Back button on each slide must be used to get back to the
gameboard, but sometimes it takes the user back to previous slides,
with their already-answered questions, and the user must hit the
back button many times to get back to the gameboard.
I used the downloadable sample Jeopardy game from this site
as inspiration, but it's not really a quiz. In it, the user does
not enter an answer; instead, the answer is presented via a
rollover.
So I guess the question is, can you use navigation with
random question slides?

Hi ImagineerBill and welcome to our community
As you have seen, Captivate isn't too keen on allowing
Question slides to be presented in any order. I know this probably
sounds contrary to how random question slides work. But please hear
me out.
Captivate normally moves from slide to slide in a linear
manner. This introduces a problem if you desire to branch backward
in a quiz.
The answer to your actual question of "Can you branch from
Random Questions" is that you can. But you need to consider how the
branching will work and how it may affect scoring.
We see a similar issue erupt when you wish to have a common
slide with many links that may be launched. Often, the person is
desiring that as the original slide is returned to, the visited
slide is somehow marked as having been visited. And as you have
seen, this is exactly how the Jeopardy style game works. It works
by exploiting a bug/feature/callit what you want with Captivate.
This is the feature of a slide retaining the moused over state when
you have a rollover on it that is combined with a Click Box object.
Because the slide is presenting the rollover as if you were still
mousing over it, it indicates the destination has been visited.
To be honest, I'm not sure a solution exists for what you are
seeking. Unless you might construct the random slides as a series
that must be answered in a specific order, but presenting random
questions until you exhaust the pool.
Cheers... Rick

Png files with transparent background show black only in firefox for android

I have a wix created site and png files with transparent backgrounds are showing with a black blackground in Firefox for Android. They show transparent in all other browsers I have tried.
I have tried saving the file as a gif, as a smaller png, interlaced, not interlaced, png 8, png24. It still shows black in Firefox for Android.

Hi evelswoman,
Thank you for your question. This sounds like a good one for the web compatibility team. Currently there are some compatibility documentation for background-image here: [https://developer.mozilla.org/en-US/docs/Web/CSS/background-image] and more details on background: [https://developer.mozilla.org/en-US/docs/Web/CSS/background]
Filling a bug with webcompat.com with an example url can go a long way as well, I hope this helps.

Export with transparent background and opacity

Apologies if these questions are a little basic , but taking my first steps in motion after playing with imovie , FCE and live type for a while
I have started to get a rough idea of motions capabilities but a couple of questions still are puzzling me .
In live type I created graphics , lower thirds etc with an alpha (transparent background) , for use in PIC in PIC in I movie , how do I do this in Motion , everything saved comes up with a background colour despite my canvas being set to transparent ?
Also opacity does not seem to show up at all , all my saved movies with layers with opacity changes (ie not 100%) show those layers as solids with no fading .
Any ideas where I am going wrong ?
Any answers or advice gratefully received with thanks

When you Share your creation you must select a movie standard with transparency - in Motion 4 you selected any option with Millions of Colors+ where the + was transparency.
In Motion 5 if you have transparency selected for your background already then when you export select "Current Settings" on the Export drop down selection which is normally default.
Alan

Buttons with transparent background ?

HEllo everyone:
I have a background with a degrade color effect where I need
to insert buttons with transparent back so dregrade can be
viewed... welll I tried to create those buttons in FW and it is
impossible in JPG, the I tried GIF but it does not show the white
letters.. then I finally achieved it creating buttons in PNG and
calling them as they are: PNG files... it works OK. but when I
visited other computers, in som of them, I do not know why, the
browser automatically adds a white or black back tpo the buttons,
so it takes off the effect because it covers the degrade.... Does
anyone please know how to deal with it ? I was wondering if this is
much better to create all the buttons and headers as flash movies
an insert them, but my customer requirements ar not flash at all in
oreder to be seen in aall handhelds also.... thanks in
advance...

.oO(Sw Jiten)
>Thanks Micha. It works great now. Just one curiosity: Why
"definetly not" about
>Flash ? Flash is working on most of the PC's now... isn't
it time to be more
>open to this friendly technology ?
It's not a friendly technology, that's the problem. It
creates many
usability and accessibility problems and may even affect the
system's
performance (like any plugin does) and security. Additionally
search
engines are usually not able to read a Flash's content and to
follow any
links in it.
Like JavaScript Flash is highly overrated and used too often
(IMHO). It
can be an advantage and add something useful to a site, but
it should be
used rarely and properly.
> Another question: I am trying to find a pop-up calendary
which lets you to
>choose a date, and as soon as you do it, it changes the
text field that you
>have to your left (You have both text field and
Calendary)
>
> I have looked for it and found many solutions in
JavaScript on google, however
>none of them change the text field values... any help ?
thanks in advance...
Can't help you with that at the moment.
Micha

Help export the graphic with transparent background and not braking the quality

hi I'd like some help please if its possible.
I've created a monitor graphic in Fireworks that looks like iMac and I would like to export it with transparent background.
the jpeg format looks great with no damage to the graphic at all but I can't have transparent background, although I changed the canvas fill to none. the png-8 format can apply transparent background, but damages the graphic.
Here are the previews
1st - the png-8 format
2nd - thejpeg format
A ny ideas on how I can export the graphic with transparent background and not braking the quality??

Fireworks questions are best answered at this link:
<http://forums.adobe.com/community/fireworks/fireworks_general>
Good luck.

Knockout with Transparency Question

Similar Messages

Maybe you are looking for