How to create a Faded background

I'm using Fireworks CS3.
I have created a new canvas and saved it as a .png. I now want to create a faded background. So I select the gradient tool and define the details of the color, etc BUT when I mouseover the canvas I get a circle with a slash through it pointer and I'm unable to apply the gradient.
What do I need to do with a new canvas before i can start applying the gradient tool to it?
Thank you kindly!

The canvas is just that - a canvas. You need to draw a rectangle shape on the canvas using the vector tools, and use the gradient on the rectangle.
Jim Babbage

Similar Messages

How To Create A Website Background Video In Adobe Edge ?

Hello,
I have video file in my computer SSD drive and i want it to play as background on my web page (page that i am creating).I did try to follow this video:
How To Create A Website Background Video In Adobe Edge Animate Using Edgehero - YouTube
but i cant follow 100% what he is doing.
Guide that i did try to follow is at this link: How To Create A Website Background Video In Adobe Edge Animate Using Edgehero - YouTube
Steps i do in Adobe Edge Animate CC
1.) Create New
2.) i click + sign under section Library >> Scripts >> Add JS File from URL...
URL that i am adding is: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js (URL is taken from site: Edgehero.js )
I add this link: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js to box that occures after i click on Add JS File from URL
3.) I go to Edgehero.js and from there i scrol down to section named as Media - Html5 video / Html5 audio
and i select from there this:
there is a code:
// this will set the video as background of the div/rectangle
backgroundvideo_1 ='movie.mp4';
// put new edgehero.js variables here
4.) I go to Adobe Edge Animate CC 2014 and right click on project and select Open Actions for "Stage"
and then i click on + sign and select creationComplete
This will open Stage window
there i will copy this code:
// this will set the video as background of the div/rectangle
backgroundvideo_1 ='movie.mp4';
// put new edgehero.js variables here
5.) Then i click on ++ sign under library >> Video
and i add video from my computer SSD drive.
Video is named as video3.mp4
Now i eddit the code in Stage window (See above)
code will look after editing like this:
Then i change under left side px to %
6.) Then i copy backgroundvideo_1 from Stage Code:
Then i select Rectangle Tool and mark the area (white box) and i click on small C icon
And the box that occures i type there backgroundvideo_1_mp4 autoplay
now when i use ctrl and enter i only get gray box that does not play video.
What am i doing wrong?

Here is the html file.
Note video file that i try to add is random training video from youtube, And file format is saved using this site:
How do I download and save a YouTube video to my computer?
this is only for testing as i am not gonna put that video on background to my web page. I am only trying to understand how to add video as background.
http://www.filedropper.com/test3_5
http://www.filedropper.com/test3_6
http://www.filedropper.com/test3edge
http://www.filedropper.com/test3edgeactions
http://www.filedropper.com/test3edgepreload
Goal is to create background video like u can see here:
Adobe Muse Tutorial - Responsive Design Hack! by MuseThemes.com - YouTube
Similar possibility is available also in Edge as i understand?

How to create a transport background for an applet ?

HI can any one tell me the solution for this ...
How to create a transport background for an applet ?
please help
-seenu_ch

what does it mean to have a transparent background to an applet? transparent means you can "look through" it.
What do you want to "look thorough" an applet.
Sorry, I am still not understanding :(
Please let me know what this means.
regards,
Sangeetha

How to create a textured background

Hi,
I am very new to Java3D and I need help on how to create a textured background instead of using plain colors. I want to use a jpeg file for the background. Could anyone tell me a sample algorithm that will load this jpeg file and then set it up as the Scene's background?
Thank you,
Rubydium.

What you want to do is create a background node and add an object textured on the inside. Here is a bit of sample code:
BranchGroup bgGeometry = new BranchGroup();
Appearance App = new Appearance();
try {
   Texture tex = new TextureLoader(new java.net.URL(filePath+"yourTexture.jpg"), this).getTexture();
   App.setTexture(tex);
catch (Exception e)
    e.printStackTrace();
Sphere outerWorld = new Sphere( 1.0f, Primitive.GENERATE_TEXTURE_COORDS | Primitive.GENERATE_NORMALS_INWARD, App);
bgGeometry.addChild(outerWorld); As you can probably tell, this is just creating a new BranchGroup and appearance and populating it with a sphere that displays it's appearance inwards.
Background bg = new Background();
bg.setApplicationBounds(bounds);
bg.setGeometry(bgGeometry);
objRoot.addChild(bg);

How to create smoking fading image?

does anyone know how i can create this effect? A smoking fading image.

No, I haven't. I got this image by link by a friend. He was also trying to achieve this effect, but without much result...
But i can't find the tutorial back on the site. It's form photoshoptutorials.ws
You got the link of that tutorial perhaps? Or some tutorials like that...
Thanks!

How to create moving, fading and changing color movie

Hi
I want to make a simple movie where a graphic shaped as a !
(exp. mark) randomly appears on canvas, fading in and out and
changing colors. I have studied the tutorial but I need a little
help. Can you help me?

re-sizing frames, stacking video tracks and motion keyframes. The way I would imagine >accomplishing this, would be a very tedious process, and I was wondering if there might be some >more efficient way.
This is how you would do it.
There's no "canned" way to control the various elements.
My suggestion is to put on the coffee pot, get started, then reap the benefits of your work.
BTW: I liked the vid as I've been to most of those places in NZ.
Al

How can I create a single background image for a BorderLayout?

I can create a background with an image file for the individual panel (North, West, Center, East and South) in a BorderLayout, but I've been spinning my wheel for a long while now trying to figure out how to create just one background with a single image file for all of these panels?
In my application, a panel may contain various buttons, a listbox, a group of checkboxes, a combo box, or a canvas. Even if I used the same image file, when the panels are finally put together, one can clearly see that the end product is the result of a lot of patch works.
Hope someone has an answer for this. BTW, I'm using AWT because it works with existing browsers without the need for a separate Java plug-in.
Regards,
V.V.

Look at this :
import java.awt.*;
import java.awt.event.*;
import java.util.*;
import java.awt.image.BufferedImage;
public class PanI extends Frame
     Image map;
     Panel pan;
     myPan p8,p4,p6,p2,p5;
     BufferedImage I;
public PanI()
     addWindowListener(new WindowAdapter()
    {     public void windowClosing(WindowEvent ev)
          {     dispose();
               System.exit(0);}});
     map = getToolkit().getImage("map2.gif");
     MediaTracker tracker = new MediaTracker(this);
     tracker.addImage(map,0);
     try   {tracker.waitForID(0);}
     catch (InterruptedException e){}
     I = new BufferedImage(1,1,BufferedImage.TYPE_INT_ARGB);
     setBounds(10,10,map.getWidth(null)+8,map.getHeight(null)+27);
     setLayout(new BorderLayout());
     pan = new Panel();
     add(pan,BorderLayout.CENTER);
     pan.setLayout(new BorderLayout());
     pan.setSize(map.getWidth(null),map.getHeight(null));
     p5 = new myPan(5);
     p5.setBackground(Color.red);
     pan.add(p5,BorderLayout.CENTER);
     p8 = new myPan(8);
     p8.setBackground(Color.orange);
     pan.add(p8,BorderLayout.NORTH);
     p4 = new myPan(4);
     p4.setBackground(Color.blue);
     pan.add(p4,BorderLayout.WEST);
     p6 = new myPan(6);
     p6.setBackground(Color.green);
     pan.add(p6,BorderLayout.EAST);
     p2 = new myPan(2);
     p2.setBackground(Color.pink);
     pan.add(p2,BorderLayout.SOUTH);
     setVisible(true);
public class myPan extends Panel
     int where;
public myPan(int i)
     super();
     where = i;
public void paint(Graphics g)
     if (I.getWidth(null) != pan.getWidth() || I.getHeight(null) != pan.getHeight())
          I = new BufferedImage(pan.getWidth(),pan.getHeight(),BufferedImage.TYPE_INT_ARGB);
          Graphics      G = I.getGraphics();
          G.drawImage(map,0,0,pan.getWidth(),pan.getHeight(),null);
          G.dispose();
     int x1=0;
     int x2=getWidth();
     int y1=0;
     int y2=getHeight();
     if (where == 8)
     if (where == 2)
          y1 = p8.getHeight()+p5.getHeight();
          y2 = getHeight()+y1;
     if (where == 4)
          y1 = p8.getHeight();
          y2 = y1+getHeight();
     if (where == 5)
          x1 = p4.getWidth();
          x2 = x1+getWidth();
          y1 = p8.getHeight();
          y2 = y1+getHeight();
     if (where == 6)
          x1 = p4.getWidth()+p5.getWidth();;
          x2 = x1+getWidth();
          y1 = p8.getHeight();
          y2 = y1+getHeight();
     g.drawImage(I,0,0,getWidth(),getHeight(),x1,y1,x2,y2,null);
public void update(Graphics g)
     paint(g);
public static void main (String[] args)
     new PanI();
Noah

Im trying to create a fading button with a fading action.

I can't figure out how to create a fading button with an additional action to it. I'll do my best to lay out how the actions should work: [red = not working]
Button > roll over> fade> (that part I have down perfectly) click button> button temporarily replaced with text> roll out of text > process repeated in reverse for smooth fading.
Every time I set up all these actions and get it the way I want, I run into a bunch of problems:
Text box holder and text can not be over the button. (Where I need them to sit) When they sit over the button it blocks it from doing any of its specified actions. So I'll make the text box and text a hidden item, then they lose their transition and start flickering when they are interacted with.
This is basically the last piece of my clients new site and I just need to figure this one little thing out. Please help if possible!

Try to group the elements so they work together.

How to create the perfect gradient in motion

Hi does anyone know how to create a gradient background in motion without it banding in the final movie ?
Paul

Hillster wrote:
What is Floating Point?
Floating point math. Open your project properties (CMD+J) and change the bit depth to 16 or 32 bit float. It'll cause a tremendous slowdown of playback, but presumably you should just be able to leave it off until you're ready to export.
Also, use the best compression you can afford to. Uncompressed, Animation (maybe), or even a TIFF sequence. The less you're compressing the file, the better it'll look.
Andy

Create a unique background?

Hi there,
I'm working with RoboHelp HTML 8 and I'm trying to create a unique background for the first page that opens in my help file. I was hoping to include a watermark of our company logo. But I don't want this logo to display for the rest of the pages of the help file. After looking through Adobe' help, it looks like you can maybe do this by creating master pages. The steps seems kind of confusing or maybe I'm just misunderstanding the purpose of master pages. Either way, is someone aware of how to create a unique background that can be linked to one topic only?
Thanks!

Hi all
Just to expound on Willam's comments a tad.
W. van Weelden wrote:
A masterpage is a template. You add a style sheet, certain standard text, a header and a footer. You control the headers and footers for all pages related to the masterpage from that masterpage. A new page based on the masterpage also uses the same style sheet as the masterpage and has the standard text.
With RoboHelp 8 (this version introduces Master Pages that replace Topic Templates) you also have other capabilities that you may not realize. You are also able to insert PlaceHolders. Mini-TOC and Breadcrumbs. The placeholders don't necessarily have to be restricted to the Body, Header or Footer.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

How to create a background image for each item in a List object

Hello.
I am trying to create a background image that displays whenever a user posts something to a list. For example when a user posts text it would appear in a list. The new item in the list would contain a specific background image with the users text appearing on top of the background image. I do not want a background image for the entire list, rather each item within the list.
I am not sure how clear this is so I added an image below. When a user enters text in and clicks the "post-it" button their text would appear below with the sticky note background.
I am not sure which list type would be best for this problem or how to create insert the image, so I am open to suggestions.
Thank you for your help. Any advice or guidance will be greatly appreciated!

Hi
the easiest way would be with itemRenderer.
You have to do two things:
1. In your list declaration use a item renderer: <mx:List itemRenderer="myRenderer"/>
2. create a flex component myRenderer that will be the single item. This can be a canvas with a background image and a text field on it.
When you add a new item to the list, a new myRenderer item will be created and the data property will be passed to it. So you have to put "data" in your textField.
If you need more help try looking at Tour de Flex samples, they're pretty easy.
Andrei

How to create a scaled page background image?

Hi - does anyone know of a way of creating a page background image which will scale to fit any screen width? I've tried googling it, but get back so many complicated explanations that I don't know which to believe. Up until now I've resorted to creating a large image, usually around 1700 x 1400px, which just about works, but obviously smaller screens lose a lot of it. I'd really like to understand how to do this properly,
Thanks
SW

How far back in browser version history do you want to support?
IE9+ and any modern browser (like Firefox, Safari, Chrome and Opera) will work with the background-size:cover attribute:value in CSS3: http://www.w3schools.com/cssref/css3_pr_background-size.asp
For older browsers, you'll need a bit more complicated solution using javascript like this page: http://louisremi.github.io/jquery.backgroundSize.js/demo/

How to creating background

Hi,
1)Iam still new to shake and i need you help. I have some footage which i want to put them over a white background.I have created the white background from Final cut Pro generators.You may have seen of what I am talking about on some music videos.
2)How can i install the shake macro and open them in the node view.
I apologize my question may not be specific , but feel free to correct me .
thanks.

What you need to do is import footage... you can do that a number of ways... use the FileIN node and dig down to find the video files... remember to use VOLUMES to find hard drives.
Or, simply drag the file directly onto the Node window. This will create a FileIn node for you.
Then you'll need some OVER nodes to lay the video over the background and some resize nodes or scale (I'd have to look) or many other nodes to give you scale options.
Good luck and read up on the manual.
CaptM

How to create background

How can I go about creating an adjustable background like in the following site
http://www.polyalto.com/produits.asp
I presume the width of the background changes depending on the resolution of each monitors.
Thanks guys

This is just an HTML thing. In this case it has nothing to do with Flash. Here's an article that may help to explain the process for you: http://www.graphics.com/modules.php?name=Sections&op=viewarticle&artid=567

How to create a background job without a variant ?

How to create a background job without a variant ?

Hi,
Go to se38.. specify the program name and execute Or use Tcode
On the selection screen specify the variant...
Then from the menu options choose program->excute in background...
In this way we can crate a backgroup job with out crateing any varinat for the report...
Satya.

How to create a Faded background

Similar Messages

Maybe you are looking for