How do you make background gradient?

Hey all,
How would you make the background color a gradient effect,
such as black at the top fading toward gray at the bottom?
And also, on top of that, how would you make a rectangular
main area as your website-content area? It would almost fill the
page, but not quite- so the leftover width would be the gradient
background. The rectangular area would have a background of all
black.
Thanks!

<mock><mock>
They are the same ones who have Flash on their site. Life is
too short to
worry about those tiny things....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Alec Fehl" <[email protected]> wrote in message
news:f88b1a$kec$[email protected]..
> You mock! Hey - I know developers who name their
subfolder "img" rather
> than "images" because it saves a few bytes in their
code. Everything is
> another brick in the wall and can add up to significant
savings if you get
> a lot of hits.
>
>
> --
> Alec
> Adobe Community Expert

Similar Messages

How do you make a gradient title larger

Hi All,
Not been using iMovie for too long so apologies if this is a really easy answer, I have searched the web but cannot find the right response.
Basically, I have added some white gradient titles to a few movies and in some cases the 'subtitle' text is too long and doesnt fit on one line, even when the text size is smaller. To combat this I used a carriage return to force some text onto a second line, but the gradient background doesnt enlarge with it, meaning the text continues below the gradient.
All I want to do is make the gradient white bos slighlty deeper to cover all the text ... 1 title and 2 lines of subititle. Surely that is possible?
Chris

in short: you can't
those title are, behind the scenes, 'generated', no graphic.
And those generators are limited. In other words:
come as is.
What you can do:
create your own titles!
Read my advice in my user tip here
>>click>> How to create a pointer or a custom title
For your needs:
In any paint-app (my preferred one: Pixelmator, avail in the AppStore) create a graphic, 16:9 aspect ratio, 'empty' background (=shown as checkerboard here), add a gradient, add titles, export as PNG to keep transparencies.
Added to the iMovie Project as 'pic in pic' resize - done.

How do you make a gradient like this

Is it a linear, radial, angle, etc?
Tried a few things but nothing is working to match it yet.
Thanks.

charles badland wrote:
Unless you are using an Adjustment Layer Gradient
Right idea, slightly wrong terminology. It's actually a Fill Layer on which you can make a gradient, then edit its characteristics.
Once you have such a Fill Layer created, you can edit it by double clicking the gradient icon in the Layers panel, and you can move its position by unchecking "Align with layer" then moving the center by dragging it while the Gradient Fill dialog is still open:
-Noel

How do you make a gradient background on a button in flex 4

Hey everyone, this is driving me crazy. Below is my css for a button in file. I want a gradient background on a button in flex 4. I can not for the life of me figure out how to do this. There is no longer the backgroundColors option. chromeColor is only a single color and all the examples I see on the web using fill, and linearGradient throw up errors so I assume these were only in the beta? This is very frustrating to not be able to do a simple thing in flex 4 that worked in flex 3. Any ideas? Thanks.
Button {
cornerRadius: 3;
highlightAlphas: 0.36, 0;
fillAlphas: 1, 1, 1, 1;
paddingLeft: 5;
paddingRight: 5;
backgroundColors: #ff6600, #ff9900, #ffffff, #eeeeee;
color: #ffffff;
disabledColor: black;
textRollOverColor: #000000;
textSelectedColor: #000000;
borderColor: #ff6600;
fontWeight: normal;

This may not be what you're looking for, but since you are stuck, I'll elaborate on what FTQuest was saying. It will only take a few minutes to do this.
In FB4:
1. right-click the button, choose "Create Skin", give it a package (directory) and name (filename), host component "spark.components.Button" and "Create as copy of" "spark.skins.spark.ButtonSkin".
This creates junk.mxml for you, the skin file.
2. In the source of junk.mxml, change layer 1 (shadow) and layer 2 (fill) colors as I did here in this code. Note that where you see {color#}, this is data-binding to a variable I've made in a color.as file that I've included in the skin file. In fact, that is ALL that I changed in the skin file it generated for me.
snippet from colors.as:
public var color1:int = new int(0xA1D190);
snippet from junk.mxml:
<![CDATA[
include "Colors.as";
layer changes in junk.mxml:


<s:Rect id="shadow" left="-1" right="-1" top="-1" bottom="-1" radiusX="2">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x000000" color.down="
{color5}"alpha="
0.01"alpha.down="
0" />
<s:GradientEntry color="0x000000" color.down="
{color6}" alpha="
0.07"alpha.down="
0.5" />
</s:LinearGradient>
</s:fill>
</s:Rect>


<s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="{color2}" color.over="
{color3}" color.down="
{color4}" alpha="
0.85" />
<s:GradientEntry color="{color4}" color.over="
{color5}" color.down="
{color6}" alpha="
0.85" />
</s:LinearGradient>
</s:fill>
</s:Rect>
You can (and maybe should) hardcode colors in here to do your gradients. After this, your button will need to use the skin, like:
<s:Button ... skinClass="Skins.junk">
... where "Skins" is the name of the package/directory I told it to create the skin in.
This may not be ideal for you, but it's working for me. Regarding having variables for color values, I posted a thread this morning asking if this is the best way to do things or not, so I don't know if it's the way to go.
Hope this helps ...

Extrude and bevel banding... how do you make the gradient smooth?

Hi,
I've got a shape that I want to make 3D using extrude and bevel tool but despite making the blend steps the highest possible amount, I still have banding. I'm using CS6. And there's no gradient on the flat image (it began as white). Any ideas?

OMG! Just tried Object>Path>Simplify and it worked! This is the result which I am much happier with:

How do you make the background of an object transparent in Adobe Illustrator?

Hello Forum.
How do you make the background of an object transparent in Adobe Illustrator?
I have been having issues with using the Magic Wand tool in Adobe Illustrator as well as the lasso tool.
Basically, I am trying to put a small graphic into a new Illustrator file.
The first thing I tried to do is to use the magic wand tool. But I found out that this did not work on a jpeg image since it did not have any individual objects to select.
So I tried something new. I opened the file in Adobe Photoshop and used the lasso tool to select an area. Then I coped this area. Then I tried to paste it into Adobe Illustrator. But the background was not transparent for the pasted image.
How do I make the background transparent.
I made this small video to show what I am talking about:
http://youtu.be/2LgMGEF6z10

Don't Copy/Paste the image.
Make it transparent in Photoshop, save a PSD and place it in Illustrator

In photoshop, how do you make a background a solid color?

In photoshop, how do you make a background a solid color?

Select all then edit fill is one way.
However if you mean the background behind a subject you need to separate the subject from its background the change just the background. Look for tutorials on replacing background and extracting subjects

How would you make an effect like this?

Hi! I'm new to the forums, but hopefully it's ok if I start this new discussion. I'm very new to Photoshop as well (newbie).
Here is the image: http://sffbookreview.files.wordpress.com/2012/10/life-of-pi-banner.png
How would you make the image on the right - with the watercolor painting crop effect of the tiger? Also, how would you make the font on the left gradually turn to orange?
Thanks! Your help is much appreciated.

Hi there,
Here's a really quick tutorial on how to add the mask and gradient text over the image of a tiger.
Masking the Image
1) Open your image of the tiger. There should be two layers in your layers panel: the image and a white background.
2) With the tiger layer selected, click on the icon marked below in the layers panel to create a layer mask.
3) Being sure you have the mask you just created selected, paint with black using the brush tool to mask out the image. In your layers panel, if you look at the mask icon, you will see the areas where you were painting (on the canvas) change to black. Use a variety of brushes to recreate the effect in your example image.
Creating Text with a Gradient Effect
1) Use the Type Tool to create your basic text and reposition it on the page with the Move Tool.
2) In the layers panel, control click on the type layer and select Blending Options.
3) In the dialog box that opens, check the Gradient Overlay box and click on the "gradient overlay" text to move to the gradient options. Adjust the angle of the gradient, then click on the colored bar to select the colors you want. Click OK on each dialog to close them.
Final result:
I hope this helps, and please let me know if you need any more assistance.

How do you make photos vertical in iPhoto calendar?

When making a calendar in iPhoto, and you choose 6 or 7 photos to be displayed on that month, how do you make the 4 little photos vertical?

You can't change the frame. But you can Control-click on the photos and select Fit Photo to Frame Size and it will reduce the size of the photo so the entire portrait photo will display in the frame. The excess background will be the same color of the page's background.
Happy Holidays

How do you make images transparent in inDesign?

How do you make images transparent in Adobe InDesign CS5.5?

Dittco wrote:
It IS possible: Select the image. Open effects (Window > Effects). Switch from "normal" to "multiply". Viola! White background is gone.
That only works with a white background. In addition, it introduces a transparency effect, with its associated problems.
With a rather light background: Select the image. Open clipping path (Object > Clipping Path > Options). Select Type > Detect Edges; use Threshold and Tolerance to get as close as possible to the edge of your image. This may be difficult because of a too low resolution image, or too much fringe on the edge -- if all fails, use the Inset Frame value to force the mask "into" the image. Click OK, and the background is gone.
But that's not the only way: you can always create a clipping path manually, and then you are in total control, not limited by transparency side effects, auto-edge detection, and busy backgrounds.

HOW DO YOU MAKE A VIGNETTE AROUND A PHOTO IN PSE 7?

HOW DO YOU MAKE A VIGNETTE AROUND A PHOTO IN PSE 7? ALSO, HOW DO YOU MAKE THE PHOTO KIND OF HAZY LOOKING? JUST A SLIGHT BIT FOR EFFECT. THANK YOU FOR YOUR HELP!

1966desertrat,
There are various ways to do this; here is one:
Open picture file
Duplicate background layer
Open new blank layer, and fill with white (Edit>fill>white)
Drag this layer between the background layer and the background copy layer
On the top layer, make a selection of the subject by dragging with the Elliptical marquee tool, position it to embrace the subject - can use arrow keys on keyboard to fine-tune
Go to Select>inverse
Go to Select>feather>try 25px - experiment for degree of feather
Hit delete on keyboard
Go to Select>inverse
Go to Select>deselect
To blur, go to Filter>blur>gaussian blur and adjust slider to suit
Message was edited by: hatstead
You may like Dreamy Suite software which you can download free. I use the stand-alone version.
http://www.autofx.com/freeplugins/dreamyphoto.asp?id=7

How do you change background color?

How do you change background color in Pages?

Make a rectangular shape the size of the page, color it and send to the background, save as a template.
Peter

How do you make items on the search result list a different colour after viewing as Explorer does.

How do you make items on the search result list a different colour after viewing as Internet explorer does?

Hi and welcome -
Start with fixing this missing semicolon (in red)
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-color:#1A1A1A;
          background-repeat: no-repeat;
          background-position: 95% 50%;
You will find you will get faster, more accurate help from us if you upload your test page and any dependent files to your server and post a link here. That way we can examine ALL your code

How do you make a web browser?

I would like to make a Web Browser of my own but how did you make FireFox?

Read this:
http://thepattysite.com/window_sizes1.cfm
You don't want to try to launch your site to full screen,
honest, as you'd
drive your (potential) visitors away.
Jo
"Steve Zavodny" <[email protected]> wrote in
message
news:escrfa$s7$[email protected]..
> How do you make a web browser launch your site to a
specific size or even
> full screen?
> Thanks...

How do you make superscripts and mathematics in Preview's text annotation?

When adding text annotations that include scientific notations, how do you make superscripts, e.g. "3.2 × 10^{-23}"?
Searching Help for 'superscript' turns up nothing, suggesting the command does not exist, as it does under Baseline etc. in iWork. Please tell me this is not the case! If it is, has the situation been improved in the new operating system?
A related issue: I wish to include other mathematics -- is there a way to include mathematics similar to LaTeX? Might Preview incorporate using latex code in the future, so I can easily type "\exp{-\lambda t}" etc and have the math appear?
I'm adding text annotations to PDF lecture notes in Preview, basically filling in blanks the instructor has left so students will pay attention in class, and these annotations include superscripts; I wish to format properly.
Thank you!

Once you have the circle shape displayed, long press on the border of the circle. Once it is highlighted, drag horizontally or vertically. This should allow you to distort the circle into an ellipse (or the square into a rectangle).
Hope that helps,
Frank
Sketch Engineering

How do you make background gradient?

Similar Messages

Maybe you are looking for