Idea: Transparent backgrounds!

I've been poring through the Keynote discussions for the first time in a long time, and one of the recurring themes is that you can't run an animated background, or any animation at all, for that matter, across multiple slides.
Suddenly it occurred to me that the solution for that problem could be a lot simpler than trying to include slide-spanning animations in Keynote. Wouldn't it be simpler if Apple set things up so that you could use a slide with a transparent or partially-transparent background, then you could run anything you wanted as the background for your slides, or for your whole show. Say, for instance, a full-screen QuickTime movie.
To make it even cooler, how about some AppleScript integration with QuickTime, so that an HREF track in a QuickTime movie could trigger builds or slide changes? Or in the same way, allow Keynote to trigger external events to fire the background animation.
That might also be useful if you're using Keynote to, say, demo a piece of software. You could have the software running on the desktop, and on the appropriate slide, an appropriate build smoothly reveals the application. A subtle keyboard trick switches the application to the foreground, you demo the application features, switch back to Keynote, and a slide transition takes you back to the show again.
Any comments on this crazy idea?
--Dave Althoff, Jr.

I played with this awhile back where I exported a Keynote presentation and, in Keynote, set black to be transparent (and made sure no elements I wanted to be opaque were black) and it was pretty cool. However, since this was in QuickTime and not in Keynote, it's not what you're talking about really.
Knowing how things work in other programs, Apple COULD set a "background" and a "foreground" layer that adheres to alpha channels, but that's still a ways off I think.

Similar Messages

Adobe Ideas - Transparent background without exporting to Illustrator - all via iPad?

I am looking for a way to get a transparent background for my Adobe Ideas drawing without exporting to Illustrator and without leaving iOS. Perhaps with another Adobe app or another vector app all together. Anyone tried this and had success?
-Artchemical

Unfortunately, there is no way to get transparent pngs from Ideas. From Draw, however, you can choose "Copy Image to Creative Cloud", and then download the resulting png file from your CC account.
Hope that helps,
Frank
Ideas and Draw Engineering

Transparent backgrounds on Adobe Ideas?

How can I leave a transparent background on an Adobe Ideas file so I can save it on PNG?

Images with transparent backgrounds currently cannot be exported from Ideas. A (very roundabout) workaround would be to send the file via email to yourself or sync the file to your Creative Cloud account. Open the resulting file (either the one in your email or the one from your Creative Cloud account) on your desktop with Adobe Illustrator, then export as a PNG.
Hope that helps,
Frank
Ideas Engineering

Images in themes no longer have transparent background after upgrade?

I've just upgraded to iLife 09 and also Snow Leopard. Unfortunately when I open iDVD the 7.0 themes won't load properly. There is no dropzone in the Revolution theme and the Sunflower theme moving images no longer have transparent background so have black backgrounds. Even the Apple icon has a black background, it's as though the gifs have gone to jpegs and no longer transparent??
Older themes seem to work better but the Apple icon always has a black background?
I've deleted the preferences for iDVD but it hasn't helped & loaded all the updates that the system is telling me to. Any ideas?

Hi thanks for reply & the useful app. I've deleted and reinstalled just iDVD v7 but I still have the same problem. Indeed reading around it looks like older macs cannot handle the new version but my iMac is relatively new so assume many more folks would have the same issue but I can't find anyone else with the same issue as me? Also these exact same themes ran fine before my upgrades (OS & iLife) All other apps run fine.
I did burn a disk & the quality was terrible on a DVD player, fine on a PC/Mac. I thought I hadn't selected PAL but all the settings seemed ok but its B&W and scratchy from the DVD player.
See hardware details below.
Hardware Overview:
Model Name: iMac
Model Identifier: iMac7,1
Processor Name: Intel Core 2 Duo
Processor Speed: 2.8 GHz
Number Of Processors: 1
Total Number Of Cores: 2
L2 Cache: 4 MB
Memory: 4 GB
Bus Speed: 800 MHz
Boot ROM Version: IM71.007A.B03
SMC Version (system): 1.21f4
Serial Number (system): W87510NEX8A
Hardware UUID: 00000000-0000-1000-8000-001EC2061655
ATI Radeon HD 2600 Pro:
Chipset Model: ATI,RadeonHD2600
Type: GPU
Bus: PCIe
PCIe Lane Width: x16
VRAM (Total): 256 MB
Vendor: ATI (0x1002)
Device ID: 0x9583
Revision ID: 0x0000
ROM Revision: 113-B2250F-219
EFI Driver Version: 01.00.219
Displays:
iMac:
Resolution: 1920 x 1200
Pixel Depth: 32-Bit Color (ARGB8888)
Main Display: Yes
Mirror: Off
Online: Yes
Built-In: Yes
Display Connector:
Status: No Display Connected

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);
}

Printing document.... images w/ transparent background print with visable border

I created a document in adobe InDesign CS3. I've placed some graphic images that have transparent background onto the document. It looks fine on my PC but when I print on a laser color printer, it prints with a noticeable background on the image. Drving me crazy. Any ideas why?

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

Why does placed eps file containing a drop shadow lose transparent background?

When I place an eps file from adobe illustrator cs6, which has a drop shadow, into InDesign the file loses its transparent background and comes in with a solid white background. I'v selected the "Transparent" radial button in Illustrator while saving the file to eps but it doesn't work. Any ideas???

EPS means Encapsulated PostScript (it's really PostScript code wrapped up in a capsule that allows you to place it into other applications as an image), and the PostScript specification doesn't include transparency. That's why even though you have transparency in the Illustrator image, it's format won't translate that transparency data into usable transparency when you place it into InDesign. Lack of transparency support is one of the main reasons people recommend not using eps in a modern workflow.

Transparent background

This may be a simple question (I hope), but how can I make the background in a presentation transparent. I want to convert it to a Quicktime presentation to put on a website, but need the background to be transparent in the Quicktime.
Is there a way to do that?
Thanks,
Todd

Can you cheat?
Export the movie with the transparent background, as you've already done. Then get clever.
If you have some control over what's where on your web page, copy the background that the video clip *will have* once it is imposed on the web page. Using QuickTime Pro, add that background as a background layer to the video (select the whole video, then do "add scaled", then adjust the layer positioning in the video properties). Re-encode the whole thing, flattening the video to a single layer encoded with H.264 or MPEG-4 or whatever you're using. Don't forget to leave the frame rate set at "Best" or "Current" so that you get Keynote's space-saving tactic. If all goes well, when you embed the video onto the web page, it will appear to have the transparent background, but will in fact have the same background as the rest of the web page.
It's just an idea... 8-)
--Dave Althoff, Jr.

How would you do this "star burst" tutorial but have transparent backgrounds when you're finished

I been playing around with this tutorial and have a really fun project to apply it to, but I really need a transparent background so I can use it on a couple different backgrounds. I tried just selecting the backgrounds and snipping them out, but can't figure out how stop the gradient layer at top from filling the entire background. I also tried just flattening it and cutting it out. Really neither of those solution make for anything that look slick. Is there another way to do this tutorial or way to not have a background at the end? I'm using Adobe Photoshop CS4, thanks.
http://www.photoshopessentials.com/photoshop-text/text-effects/light-burst/

csuebele wrote:
Yes, Trevor is correct about the antlines. They are only an average of the selection. There are lots of ways to create burst effects like this. You could smooth out the jagged lines with a slight radial blur. The only problem with it is that you either have to have what you want to blur perfectly centered in you document, or attempt to guess where the center is in the very small dialog box. With the above image, I use the angle gradient tool set to noise. This give a wild multcolored gradient, which I then converted to B&W, adjusted the contrast, put in screen mode, and manually masked the areas I wanted.
Jack you have some great workflow ideas. Using the gradient tool that way was new to me, but what a great tool to have in your virtual Photoshop toolbox. I had to hunt for how to set the Angle gradient to noise, but these two links did the trick for me:
http://www.webdesignerdepot.com/2010/07/exploring-photoshop%E2%80%99s-angle-gradient-tool/
http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-77e1a.h tml
(Click on create noise gradients or scroll to the bottom of the screen).

Newbie - problem cleaning up image on transparent background

I have a purple graphics file of a logo - created with a transparent background.
The problem is that there is an unsightly splash of white specks across some of the logo extending out into the transparent area.
I'm new to Photoshop and have been trying various things to no avail.
1) Because I found the checkerboard background to offputting I eventually figured out how to create a colour filled layer and set this as a background to make it easier on the eyes to try and edit - not sure if this was a sledge hammer to crack a walnut!
2) I've selected both layers - the graphics plus the yellow solid background layer
3) I've watched some tuturial videos that mention the "Spot Healing" tool ... I've tried this but it doesnt seem to do anything, certainly doesnt remove the white specks
4) I've also found some references to the "Clone Source Panel" - I eventually found this to select essentially nothing (ie transparency) to replace the white patches - but again nothing happens.
5) To check I wasnt going completely mad I selected the "eraser" tool and this works in as much as it removes yellow from the yellow background layer
Please can someone advise where Im going wrong thanks.
Hope it makes sense.
Regards!

The eraser is removing the yellow because the background layer was also selected. Make sure only the layer to want to edit is selected and nothing else.
If you get stuck, post a screen grab of photoshop with the layers panel open. Then we can give you better ideas.

Rendering transparent background for website video

I have a comp for a website that I'm doing.
I have a transparent background and some fading in WHITE text with a light ray animated behind it.
I have followed instructions on how to render with the transparency intact (Quicktime, PNG, RGB+Alpha, Millions of Colors+). When I render it out and watch it in Quicktime, the light ray isn't correct and there's no transparency. Same thing with Final Cut Pro.
When I bring the footage back into AE, the transparency is there so I'm assuming that the transparency is there but QT & FC just don't play transparency files.
I need the transparency bc I want the text to reveal over a background picture I have in my webpage design.
Is there anyway to get this done right? I need the file to NOT be 300+ megabytes and when I drag the clip into COMPRESSOR to make it smaller, nothing is showing on the preview screen. I've been doing some research but haven't found anything to make it work correctly.
Can someone help me with this?
In the end, what I'm attempting to do is add the QT video into my iWeb page and have it play. I'm not a coder so I don't know how to make this happen any other way than making a QT movie and then adding it iWeb.
thanks in advance.

The only video format that supports transparency in a web browser is a flash player. That really doesn't fully support transparency either. The QuickTime player or any other video player will never ever support transparency in a web browser. Your project design is flawed from the outset. Another words you cannot do what you are trying to do using QuickTime. You will have to redesign for flash. If you redesign with flash, then you will not have a mobile compatible application.
I don't have much of an explanation of what you are trying to accomplish with your project so I can't give you more pointers than that. Point us to a website that has the features you are trying to implement on your webpage and maybe we can give you some ideas but After Effects is not where you should be looking.

Image with Transparent Background

I put this in the .NET forum but I believe this is the forum where it should be. I have an image (it's a signature) that has a transparent background (I have it as GIF, BMP & PNG). It works in MS Word to where if I insert the image I am able to type words behind it so I know the transparent background is good, yet when I put the image in CR 10 or CR for .NET 2005 the image gets a white background. It has to be transparent because it is printed on a form that has a line the signature goes over. Anyone have any ideas??? Please help.
Thanks.

I know if you have a JPG, GIF etc... Crystal will convert the image to a BMP format so in the conversion process it is probably removing the transparent background.

Image with transparent background als foreground of a button

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

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

Using animated gifs with transparent background.

Hi guys,
Keynotes 6.2.
I have been onto apple support with this problem.
I add a transparent animated gif to my project.
It show as a movie correctly in the presentation but when exported as quicktime or HTML the movies fail.
We eventually found out that quicktime does not support animated gifs. ( support.apple.com/kb/ht3775 )
So I exported the animation onto a folder with all the frames separately and brought them into final cut pro.
I then followed these tutorials on how to export with transparent background. ( http://provideocoalition.com/mspencer/video/fcp-x-and-alpha-channels and http://www.larryjordan.biz/fcp-export-transparency ).
I now have a quicktime movie that if I bring back into Final Cut Pro it has a transparent background.
However when I bring into keynotes it still has a black background. (presumably keynotes does not recognise the Apple Prores 444).
Any ideas how I can achieve what I need. ?
I am using a program called crazytalk animator and can output with transparent background. Animated Gif or a series of image stills BMP, JPEG, TGA or PNG.
Cheers
SteveW

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

Transparent background not staying transparent in dreamweaver

Hello all-
I am having an issue with importing a file with a transparent background into dreamweaver. I created the image with a transparent background, saved for web as a PNG, keeping the transparent background. When I pull the file into dreamweaver, the background of the image turns to yellow. Any ideas what I may or may not be doing?
I created the image in illustrator and pulled to photoshop to manipulate. I'm saving the image for web/devices from photoshop.
Thanks.
Brianne

You should repost in the Dreamweaver forum, this has nothing to do with color management.

Idea: Transparent backgrounds!

Similar Messages

Maybe you are looking for