Fade transparent images to background image!

This is probably an easy task for most of you, but how do i get a transparent image to fade to a background image in Flash?
I have several transparent product images (.png or .gif) and a patterend background.
I import my .png or .gif image and convert it to a symbol.
I drag the symbol on my layer but as soon as i add a keyframe, the product image background turns white and loses it's transparency!
A newbie as you can tell :-)
Thanks in advance
Andy

you select a timeline/layer/frame and you drag a library symbol from the library to the stage. at that point, what do you see?

Similar Messages

How do you make an image a background image if the menu option is dimmed?

I'm using the Cork Board template in a Pages layout document. I wanted to use the cork background in another page. Option dragging the cork image creates a copy in the new page. I can "Send it to back" but the Arrange->Send Object to Background command is dimmed. The problem is that "Send it to back" does not put it behind the header or footer so my page numbers are not visible.
Oddly, if I just drag the cork image from one page to another, it remains a background object in the new page. Copying it causes it to come out of the background.
Anybody have an idea why the Send Object to Background command is dimmed?

In fact, my guess is that the cork.pdf object is a background object because it is a template transferred from Pages '06 to Pages '08.
During the conversion, some properties are passed even if they aren't treated by the new version.
If some one wish to let some of these items in the true background, as far as I know, the only available soluce is:
create a new object from the delivered template
unlock some items if necessary
remove useless items
lock back the kept item
save the document as a template.
Never change the background property of the kept items.
As far as an item is a "true background" one,
trying to move an other item to the background will leave it above the "true background object".
Yvan KOENIG (from FRANCE mardi 9 septembre 2008 15:49:21)

Send image back - background image

Is anyone else having the issue where the options in the "arrange" section, when having an image selected, does not allow you to send it back or forward. I can't send an image to the background with text appearing on top of it. It's not the case with all images just a few in my document.
Suggestions?

If you apply the changes to the Master Slides, then each time you use that slide, you won't have to re-apply the background. If you instead want to change the background for ALL slides...
Then you'll do it in the above tab of the inspector. Just click on "Color Fill", set the Fill to "Image" and then choose the image.

Fade To Transparent Edge On Web Image

Hi,
We've got a website with an image that we'd like to fade cleanly into the background image. The current swing at this is: http://jchmusic.com
I'm -relatively- happy with it BUT the left and right margins above the tree should fade more cleanly into the green at the top (above the tree). Any suggestions on doing this? I did try using the Gradient Tool to fade to transparent it just isn't 'random' enough. ie. it always seems to create some sort of 'shape' when I do it rather than just being a smooth 'dodge' (if that's the right term.)
ALSO: There is the issue of -size-. I want the img to be as small as possible. I tried rendering it as a GIF and here is the result: http://jchmusic.com/index-gif.php
The pixellation actually looks kinda cool to us, but then we run into the problem of various parts near the left edge having transparent 'pinholes' where we don't want them.
Your thoughts?
TIA,
---JC

Aha! Photoshop excels at doing things with brushes. There's a whole realm of brush stuff you'll want to get to know.
Activate the Eraser tool in the Tools panel.
Up at the top of the Photoshop main window look for Mode and set it to Brush if it's not already set.
There will be a brush selector. Click it and select a round brush, and make the Hardness 0% (i.e., fuzzy).
With this brush selected, you can erase things and leave them with varying opacity.
Another approach would be to add a layer mask to the layer with the image, then paint on the layer mask with the brush tool and a fuzzy brush. This has the advantage of your being able to adjust opacity either way, by painting black, gray, or white.
And then there's Airbrush mode...
Yep, you'll definitely want to learn about brushes.
-Noel

Fade background image

Is it possible to add a fade effect to a background image
with spry?

Depends, if u have a background image in a div, and fade the
div the background image would fade with the div.

ADF 11g - PanelGroupLayout having multiple/many images as background.

Hi,
Could you please provide me an example code of JSPX page having set of different images as background image for (PanelGroupLayout) Rich ADF Faces Component.
Succeed with only One image either no-repeat / repeat, but not different set of images.
It would be realy great, If U can sent it as soon as possible.
Thanks in Advance !!!
Thanks
Rani V

multiple images tile across the screen as a background
FMI, We have an Panel group having different set of images with it should have reflection of images as its backgound to it & its parent layout as well.
For example, Let me consider an table having an row with 7 columns with different set of images with it.
Where it form has corresponding images reflection around it,(that I've plan to take care with Opacity & transparency). if any better way of doing it, please add your comments.
Thanks
Rani V

Problem with Background image and JFrame

Hi there!
I've the following problem:
I created a JFrame with an integrated JPanel. In this JFrame I display a background image. Therefore I've used my own contentPane:
public class MContentPane extends JComponent{
private Image backgroundImage = null;
public MContentPane() {
super();
* Returns the background image
* @return Background image
public Image getBackgroundImage() {
return backgroundImage;
* Sets the background image
* @param backgroundImage Background image
public void setBackgroundImage(Image backgroundImage) {
this.backgroundImage = backgroundImage;
* Overrides the painting to display a background image
protected void paintComponent(Graphics g) {
if (isOpaque()) {
g.setColor(getBackground());
g.fillRect(0, 0, getWidth(), getHeight());
if (backgroundImage != null) {
g.drawImage(backgroundImage,0,0,this);
super.paintComponent(g);
Now the background image displays correct. But as soon as I click on some combobox that is placed within the integrated JPanel I see fractals of the opened combobox on the background. When I minimize
the Frame they disappear. Sometimes though I get also some fractals when resizing the JFrame.
It seems there is some problem with the redrawing of the background e.g. it doesn't get redrawn as often as it should be!?
Could anyone give me some hint, on how to achieve a clear background after clicking some combobox?
Thx in advance

I still prefer using a border to draw a background image:
import java.awt.*;
import java.awt.image.*;
import javax.swing.border.*;
public class CentredBackgroundBorder implements Border {
    private final BufferedImage image;
    public CentredBackgroundBorder(BufferedImage image) {
        this.image = image;
    public void paintBorder(Component c, Graphics g, int x, int y, int width, int height) {
        int x0 = x + (width-image.getWidth())/2;
        int y0 = y + (height-image.getHeight())/2;
        g. drawImage(image, x0, y0, null);
    public Insets getBorderInsets(Component c) {
        return new Insets(0,0,0,0);
    public boolean isBorderOpaque() {
        return true;
}And here is a demo where I load the background image asynchronously, so that I can launch the GUI before the image is done loading. Warning: you may find the image disturbing...
import java.awt.*;
import java.io.*;
import java.net.URL;
import javax.imageio.*;
import javax.swing.*;
import javax.swing.border.*;
public class BackgroundBorderExample {
    public static void main(String[] args) throws IOException {
        JFrame.setDefaultLookAndFeelDecorated(true);
        JFrame f = new JFrame("BackgroundBorderExample");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        JTextArea area = new JTextArea(24,80);
        area.setForeground(Color.WHITE);
        area.setOpaque(false);
        area.read(new FileReader(new File("BackgroundBorderExample.java")), null);
        final JScrollPane sp = new JScrollPane(area);
        sp.setBackground(Color.BLACK);
        sp.getViewport().setOpaque(false);
        f.getContentPane().add(sp);
        f.setSize(600,400);
        f.setLocationRelativeTo(null);
        f.setVisible(true);
        String url = "http://today.java.net/jag/bio/JagHeadshot.jpg";
        final Border bkgrnd = new CentredBackgroundBorder(ImageIO.read(new URL(url)));
        Runnable r = new Runnable() {
            public void run() {
                sp.setViewportBorder(bkgrnd);
                sp.repaint();
        SwingUtilities.invokeLater(r);
}

Background image not cached in browser

Hi,
Using JDeveloper 11g R1.
We have a template, with a PanelGroupLayout component with a background image, like follows:
<af:panelGroupLayout layout="horizontal"
inlineStyle="width:100%; height:2px; background-image:url("images/separacioRalles.jpg"); background-repeat:repeat-x;"
id="pt_pgl5">
In runtime, the request made by the browser includes and _adf.ctrl-state=xxxxxx parameter, which I supose causes the browser not checking the cache.
image/jpeg http://127.0.0.1:7101/ViewController-context-root/faces/images/separacioRalles.jpg?_adf.ctrl-state=1bn1yq032y_79
Is there any way to avoid this _adf.ctrl-state? or another way to set the desired background?
Thanks,
Roger

Hi Frank,
Not working fine at all.
I tried as you said:
<af:panelGroupLayout layout="horizontal"
inlineStyle="width:100%; height:2px; background-repeat:repeat-x; background-image:url("/images/separacioRalles.jpg");"
id="pt_pgl5">
and this is the request received on the server:
127.0.0.1 - weblogic [28/ago/2009:10:39:58 +0200] "GET /images/separacioRalles.jpg HTTP/1.1" 404 1214
Comparing with an af:image component:
<af:image shortDesc="asdf"
source="/images/help.gif" id="pt_i1"/>
the request received on the server:
127.0.0.1 - weblogic [28/ago/2009:10:39:58 +0200] "GET /ViewController-context-root/images/help.gif HTTP/1.1" 304 0
If I put the contextroot in the background-image:url (background-image:url("/ViewController-context-root/images/separacioRalles.jpg"), it works fine.
127.0.0.1 - weblogic [28/ago/2009:10:44:28 +0200] "GET /ViewController-context-root/images/separacioRalles.jpg HTTP/1.1" 304 0
So seems that the background image url is not built in the same way as using af:image component.
Roger B

How to put a background image in coldfusion page?

Hi all,
I have created number of coldfusion pages,i would like to have a background image for them either unique or different images.
So i have created a style.css and added a line for background image like
                    background-image: url(/images/nature.jpg);
But it doesn't works.
Even i tried this by giving in head section of all my cfm pages but it doesn't work.
Also i have used
<head>
     <style type="text/css">
          html {overflow-y:hidden;}
          body {overflow-y:auto;}
          #page-background {position:absolute; z-index:-1;}
          #content {position:static;padding:10px;}
     </style>
</head>
<body>
     <div id="page-background"><img src="images/sri.jpg" alt="Smile"></div>
         <div id="content">
              This is body content
         </div>
</body>
but the alt value 'smile' only appearing not the image.
I'm working on CFBuilder.
Both firefox and IE not displaying the image
Any help appreciated,
Chandru P

The fact that this is in a CF template is neither here nor there (other than the caveat about # as the other person said).
All CF does is generate mark-up. The mark-up is sent to the browser, and the browser renders it. So if your browser isn't rendering your image assets, it's because it can't find them.
I suspect your URLs are wrong. Are you getting 404s for the image URLs?
One thing to bear in mind is that URLs to resources are not relative to the CFM template they're in, they're relative to the URL the client requested, which are not necessarily (indeed very infrequently ~) the same.
Adam

How to use background image in ABAP - webdynpro

Hi,
My requirement is like that.
I want to display a background image. Over the background image i want to display my ALV list or report.
How to display my personalized image in background.
Please assist me....
Thanks in Adv.

hi ,
this is not possible:
refer these threads :
Background Image
I Assign Background Image to a Group (Ans by Thomas)
Image as Background Image possible?
as correctly pointed above and in this thread
use your own stylesheets
refer this thread for more information on styles :
EP 7 Portal stylesheet with WD ABAP
to display image in the foreground :
refer this WIKI
https://wiki.sdn.sap.com/wiki/display/stage/DisplayEmployeeImageinABAPWebDynpro+Application
regards,
amit

Fx-background-image and rounded borders

Hi,
I am trying to use a simple image as background image for an HBox through repetition, but I have found a problem. The HBox has got rounded borders (using fx-background-radius) and when I set the background image with fx-background-image it does not fit the real borders of the HBox and it appears painted outside the limits.
The css code is the following:
-fx-background-radius: 0 0 30 30;
-fx-background-image:url('image1.png');
-fx-border-radius: 0 0 30 30;
-fx-border-width:0 2 2 2;
-fx-border-color:#D9D9D9 #D9D9D9 #D9D9D9 #D9D9D9;
-fx-effect: dropshadow( two-pass-box , rgba(0,0,0,0.35) , 20.13095238095238,0.5 , 0 , 18 ); Is this the expected behaviour? If a try it with background-color, it adjusts perfectly to the rounded borders. Should I set another property? (I have tried with fx-background-size and fx-background-repeat and fx-background-position but with no result)
Thanks in advance.
Regards.

This probably is expected behaviour.
The properties for background fills (color, insets, radius) donot work together with the properties for background images (image, position, repeat, size). They are separate and painted in separate passes in order, quote from the CSS doc below:
>
Each Region consists of several layers, painted from bottom to top, in this order:
background fills
background images
contents
border strokes
border images

How to include background image in 'FP.Get Image' method?

Hi,
in LV8.20 you can set background pictures by right-clicking right scrollbar of the frontpanel and selecting 'properties'. It's nice and works fine...
But:
When using an invoke node with method 'Front Panel-> Get Image' the background image is NOT included in the resulting image!
Is there a method that also grabs those background image?
Best regards,
GerdW
CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
Kudos are welcome

Ken,
Could you please post the CAR number for this issue?
Thank you,
Ben
Ben Rayner
I am currently active on.. MainStream Preppers
Rayner's Ridge is under construction

Image for background

I have an image now that I want to use for a background on
all of my WebPages. The image size is 2912x 4368 and I have made it
1024x1536. On the page it looks good but what happens is the image
repeats itself twice for width and length. I want it to only stay
as one image no matter what resolution it is viewed as and not
repeat the image for either length or width. Plus not look
stretched or distorted.
I am using Dream Weaver MX version 6 and also have Adobe PS
CS2, any questions just ask.
How do I achieve this?
Thanks

Why so huge? What is the weight of that monster?
> I want it to only stay as one image no matter what
resolution
This is not a resolution issue. It's a browser window size
issue (and
always has been). When you say "stay as one image", do you
mean "not tile",
or do you mean "fill the entire width and height"? If the
latter, then you
cannot do that with a background image. Background images
tile, they don't
stretch. You can prevent the tiling with a little CSS -
body { background-repeat:no-repeat; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"568jfe56nfg" <[email protected]> wrote in
message
news:fn33r3$a9a$[email protected]..
> I have an image now that I want to use for a background
on all of my
> WebPages. The image size is 2912x 4368 and I have made
it 1024x1536. On
> the
> page it looks good but what happens is the image repeats
itself twice for
> width
> and length. I want it to only stay as one image no
matter what resolution
> it is
> viewed as and not repeat the image for either length or
width. Plus not
> look
> stretched or distorted.
>
> I am using Dream Weaver MX version 6 and also have Adobe
PS CS2, any
> questions
> just ask.
>
> How do I achieve this?
>
> Thanks
>
>

Background image for my portlet.

i have set a image for page background .
but i want the same image for all portlets is it possible to do?
if yes how to achive this?
and where shud i keep all my images?
i mean what is the path for images in portal.
really need help.
waiting
chaitali

Create a template.
Set that Image as background image for that template.
Use this template.
Keep the image in some shared dictory
e.g.
/image

Random background-image with PHP

I would like to have random images as background-images on a
page. So I
made a rotate.php ("SELECT picsid, picsurl FROM pics WHERE
picsite =
'home' ORDER BY MD5(RAND()) limit 1") with
<img src="<?php echo $row_rsimages['picsurl']; ?>"
alt="" />
Then I put the following rule into the css-file:
#pics {
width: 400px;
height: 200px;
background-color: #fff;
background-image: url(banner.php);
background-repeat: no-repeat;
background-position: top left;
Finally I inserted a div called #pics on the index.php and
previewed the
page, and - you are right ;) - the images are not displayed.
Where have I failed?
Martin Lang

Martin Lang wrote:
> I would like to have random images as background-images
on a page. So I
> made a rotate.php
> background-image: url(banner.php);
> Where have I failed?
In several places.
1. Presumably banner.php is the page that you earlier refer
to as
rotate.php. The name should be the same.
2. It looks as though you're trying to use an <img> tag
to display a
background image. That won't work.
3. If you want banner.php to display an image, you need to
send the
correct MIME header and stream the image as a download.
// code to select the image
$filepath = '/home/mysite/htdocs/images/'; // path to image
folder
$image = $filepath.$row_rsimages['picsurl'];
if (file_exists($image) && is_readable($image)) {
$size = filesize($image);
header('Content-type: image/jpeg');
header('Content-length: '.$size);
$file = @fopen($image, 'rb');
if ($file) {
fpassthru($file);
It's actually a lot simpler to do everything in the same
page.
Put the recordset at the top of the page to select the random
image.
Then put the style block in the head of the document:
<style type="text/css">
#pics {
width: 400px;
height: 200px;
background-color: #fff;
background-image: url(<?php echo $row_rsimages['picsurl'];
?>);
background-repeat: no-repeat;
background-position: top left;
</style>
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Fade transparent images to background image!

Similar Messages

Maybe you are looking for