Help with gradients

Hi everyone,
I have to make my green shape look exactly like the one on the right. I've got the right colors but I am not able to move the radial gradient over to the left. When I click on the gradient tool, I get a circle symobl with a line through it and I am not able to move it. How would I do this? I am not allowed to use Gradient mesh.

When you use the gradient tool. (G) you can drag the gradient bar by placing the mouse over the left side of the bar. The entire bar will move around the object.
BTW, the gradient on the right is much tighter.

Similar Messages

Need help with gradient map

Hello All,
Please can someone please advice me how to get the following gradient, I have tried but with no luck I am not good with gradient map!

Hello!
What part do you have trouble with? the recreation of the gradient, or how it affects the image?
In the gradient map editor, you can double-click on the bottom markers (called gradients stops) to change their color, and drag them around to re-create what you see... Click between two markers to add one, drag a gradient stop down to remove it.
In fact, you do not need the fourth gradient stop, the white one on the right side.
The top markers control the transparency (in regular gradients, gradient maps are unaffected)
With such a gradient map, the dark areas of the image will be white, neutrals will be black and light areas will be white.

Noob needs help with gradient

I am having troubles duplicating this image. As you can see ( if I link to it correctly) this little green box (there are three across the top "service specials" for example) is lighter in the middle and darker on the top and bottom. I am tryng to make a new one but am struggling as 'gradient' only seems to go from 'dark to light' but not 'dark to light to dark again'
Any help please? And please keep it realy simple or give directions in detail.
my link

When you have the Gradient Tool selected, look at the Options bar at the top of your screen. There's a group of 5 buttons that will produce different types of gradients.
Experiment with those, and experiment with your start and stop points when you click and drag with the gradient tool in your document area.

Help with gradient and 'ghost effect'

Hello. I created this image many years ago and I have forgotten how I did it.
I now want to create the same effect with this image ..
The brown is #a03506 - I have tried in vain to replicate what I did. Radial gradient? I just can't remember.
Can anyone help me please?
Regards - Paul

It's a little hard to tell what the original image looks like, but I'll give you some ideas of what you can do.
I'm assuming you want something like this:
If so, you need to turn the image into a layer.
Double click the thumbnail of the image in the Layers panel.
This opens the New Layer dialog box.
You don't have to do anything here. Just click OK. The image is now its own layer.
Click at the bottom of the Layers panel on the Add Layer Mask icon.
This adds a rectangle next to the image in the Layers panel. This rectangle is the layer mask. Anything you put in this rectangle will hide parts of the image.
Make sure the four "corners" of the layer mask are chosen, NOT the four corners of the image. This means that what you are about to do will affect only the image. (Don't worry about screwing up your image. Your working on the mask, not the image.)
Now go and choose the Gradient tool from the Tools panel.
Now, take the Gradient tool and position it over the image. For the ghost image I showed at the top of this post, I put the tool in the center and then dragged down to the bottom of the image. Look carefully and you can see the little line to the right of the door.
Release the mouse. The image should be ghosted.
Now, look at the Layers panel. See how the rectangle for the layer mask goes from white to black? That's because you drew a gradient on the mask. And anywhere there was black, you can't see the image and anywhere there is white you can. And there is change in opacity as the rectangle goes from white to black.
I like to teach people that the layer mask is like a dirty window. Where the window is clean, you can see through it to see the image. Where the window is black, you can't see the image. And anything in between lets you see a percentage of the image.
If you want a different effect, you can change the gradient shape. With the gradient tool still chosen, go to the top of the window and choose another gradient. For instance, radial. Then drag on the image making sure the layer mask is still chosen in the Layers panel.
This will change the appearance of the layer mask and the effect on the image.
You can use gradients or brushes or anything on the layer mask. Just make sure it is chosen and not the image or you'll be screwing up the image, not the mask.
Let us know if this is what you need.

Need help with Gradient Mesh

So I am trying to make a gradient mesh of the shape shown here...
But when I apply gradient mesh to it, I get a very unworkable result (as shown below) ...any suggestions on how I can make this?

This is a rectangle converted to a 2-row, 2-column gradient mesh and reshaped. Only nine points to deal with.
Peter

Need help with gradient mask over XML images

I have a file that works great in pulling images via XML
data. I want to create a gradient mask using flash CS3, but i can't
seem to get any sort of mask (solid or gradient) to react with the
XML driven images.
Download my FLA
and other working files
845 kb

granted i can see resizing the mask and now it responds...
however, take a look at this
Sample of alpha gradient mask:
http://www.devx.com/webdev/Article/29296#codeitemarea
i'm trying to this type of mask (static mask obviousl)

FW CS4 need help with gradients & png files

Relatively new to FW CS4. I have a png file for use in a PV7 css based site. Read the docs and still can't figure this out. The png file is a base image with 3 color sections. I need to change these three original individual sections to a new color scheme...I can use a regular fill...but I would like to keep the slight fading effect of the original pngs. In addition...the png's are obviously in png format..but if I export as jpg will I loose the gradient fill/opacity effect in a jpg file ?
Original png...want to change to light blue tones: Note the fading to the right side of the outside columns.
If not...how do I change the color scheme in each section of the original png ? Or do I export as is and modify the resulting jpg's ?
If I use a gradient fill or paint bucket...the effect just overlays the original gold type color...giving me a new color all together with the original background still partially showing through underneath the new color change ?
If I delete the gold tones in the png image...then I can't fill the empty space with any other color...nothing works. I've also tried color find/replace
but with no results or changes.
Second problem is when I do apply gradient fills to this png...or jpg...the fill seems to me to be from top to bottom of the section ? I need the fill to move from left to right as above ? Any ideas here also ??
I posted on the PV7 FW group but it's not that active and was more confused by the answers ?
Thanks much...I'm stuck for now.
Tim

After following Lorains' gradient link, when you have the first box tweaked to your liking and you need it replicated to the remaining two boxes (without having to go through the process again)
1. Select the box that has the new Gradient, then Edit > Copy (or Ctrl/Command + C)
Then select the remaining two boxes that need the new gradient style, then Edit > Paste Attributes
This process with carry over (copy/paste attributes) the first box to the others.
Or
2. Select the box that has the new Gradient changes, then in the Property Inspector (PI), to the far right, tick the small icon under to create a New (Object) Style. Once created, open the Window > Styles Panel. Select the two remaining boxes on the canvas then click the New Style icon in the Styles Panel to apply.
1. is memory resident/temporary and will be lost when you later utilize the Copy command. But 2 has more 'staying' power and you can reuse it, go back to it, save it to disk, and tweak it further to create new ones at any time.
If you absolutely have to keep the final result as a .jpg, then turn off the Canvas color. Open the Window > Optimize Panel, set the output to jpg, BUT set the MATTE color to the color that matches the background of your page.
Otherwise, output to .png8/png32 with Transparency .
h
h

Need help with Gradient Orientation being locked.

I'm having a problem with my gradients not rotating with the object its applied to. Lets say I have a square that blends from red to blue left to right, as i rotate the box the gradient is locked in one position as the box changes angles. I need the gradient to also rotate with the box. What is causing this. It happens off and on and can not pinpoint why or how to fix it.

I've only had this happen, when using the live gradient annotator tool and the panel still being active after that. Seems like AI then misinterprets things and assumes the user is still aligning the gradient. Usually it is enough to just pick another tool...
Mylenium

I Need Help With Gradient Backgrounds

Can someone explain to me why my design appears as if it has an outer glow when I add a gradient background? Thanks in advance.

Sorry, nothing to recognize, I don't see on the pixel "accident" what you mean.
Make the sreen shot with the OS, not with a camera.
Show in detail what your problem is.
Tell us: OS, version, what have you done, file type, etc.
As it is now we can't see anything important.

Help with exporting gradient background as jpg

Hi there! I'm totally new to this forum & very new to
fireworks, so go easy on me!
I am designing for QVGA smartphone/PPc screens & find
that when I create a gradient in fireworks MX (version 6) &
then export it as a jpg, on the phone/PPC screen the gradient is
filled with big blocks of colour rather than smooth transitions
between them, making the overall effect more like lines or blacks
of colour than a smooth gradient. I am exporting the jpgs at the
highest quality settings (100%).
Can someone help? Is it just my lack of technique when
blending colours? If so is there a tutorial somewhere? Or can I
export in a different format? The screens I design are controlled
by an xml layout file, & will accept .jpg, .gif & .bmp
Thanks!

Yes, as I mentioned earlier in this thread, the bit depth
could be the
issue. Try setting your monitor to 16 bit and experiment with
gradients
at that bit depth. Keep the color range and the tonal range
less extreme
(light blue to dark blue for example, rather than white to
dark blue)
similar an you might be able to get something a little more
pleasing.
Jim Babbage - .:CMX:. & .:ACE:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaverdrblow
wrote:
> Thanks again for the replies y'all!
>
> As far as I can gather from web sources, the PPI of my
smartphone QVGA screen
> is 96ppi. Setting the canvas PPI does not seem to affect
the quality of either
> jpg, gif or bmp formats on export, once they are on my
phone screen. It would
> appear form web sources that the phone screen displays
16 bit colour depth.
>
> I have tried to make the gradient as smooth as possible
& on my laptop screen
> it looks really good. Any more suggestions?
>
> Thanks.
>

Having problems with gradient fill.

Having problems with gradient fill. Not sure how to select the gradient circles between outer circles consistently especially when there are more than 3 colors.

Hi,
It should be somewhat easier to try that out in landscape orientation. Does that help?
thanks,
Ignacio

Problems with gradient tool bar not remaining on object applied in illustrator cc

Hello,
when applying a gradient to a rectangle i will get the gradient tool, click on the left half of the object i want it applied to and while holding down drag a line to thew right hand side of the object. the problem the arises when i release the mouse as the gradient bar that has been shown while holding down then disappears. this applies the gradient but the issue is that all gradient editing has to be done on the gradient window as a posed to live on the object slowing the work flow.
I am not sure what I'm doing wrong but help would be much appreciated.
Kind regards
Joseph

Just for the sake of learning how to use the tool i start with drawing a rectangle then click and drag the gradient tool across the box. i see the gradient line appear but when i release the mouse the gradient line disappears
i end up witha box with a gradient but all my editing has to be done in the gradient box as shown in this screen shot:
What I'm wanting to achieve is how the lades hat is edited in this video Working with gradients | Visual Design CS4 | Adobe TV

Help with Guilloches and other things?

Heya, i've used Illustrator before for a few things, but i'm still quite new to it. Hope you can help.
Ok so what im trying to do is make bank note from scratch. Dont worry, its for a college project and it'll be an entirely new design so theres no chance of anyone mistaking it for real money (althought I do want it to look real)
I wanted to include Guilloches in the design. These are the lines found on bank notes to make it harder to counterfeit:
I've experimented using shapes made of lines and using the blend tool to create multiple lines in between them, but it doesnt give the same effect. Is there a better way to achieve these results?
The other thing is cross-hatch shading. I want to include my own photo into the design (vain, i know ). Ive also found no way of doing this. Can you help me?
Thanks

Sorry, but Illustrator is really not ideally suited to banknote design.
I designed the current series of Icelandic banknotes so I know all about the problems involved.
You can make something that "looks" more or less like a banknote, but doing the actual artwork for a banknote is a totally different kettle of fish.
Illustrator (although a vector application) has pixel-based output (rip), whereas real banknote designs never use pixels, only lines.
In addition, the colour-banding used in real banknote printing (not gradients as such but specially mixed bands of colour inked onto up to 4 offset plates for each side of the note) makes line work extremely difficult to produce.
You can do guilloches with blends, repeat rotations and all kinds of distortions, but getting them to "ink" properly in 4 separations using gradated bands of colour is extremely complicated. It will cost you much hard work to produce a passable semblance of a banknote if you use only Illy.
You mention cross-hatching in a portrait. This again is fiendishly tricky to reproduce in Illustrator because engraved lines in intaglio are not of a constant weight. You can get part of the way using various brush strokes, but frankly I would advise you not to attempt it unless you are prepared to spend several weeks doing the job. It takes a skilled engraver up to three months to do a good portrait (with a burin on a steel plate, a few lines per day). I have always sent photographs or detailed pencil drawings to the engravers. Specialized applications are available that can produce a semblance to hand engraving, but they are really not very good and the outcome invariably involves a lot of manual tweaking. If you are good at drawing it might even be better to do the portrait by hand, but copying the style of engraved lines is very tricky unless done in considerable oversize.
May I suggest that it is considerably easier to produce colour banding effects using gradients in Photoshop. Copy Illy line work into Photoshop, lock layer transparency and colour with gradients. To do things correctly you will need 4 gradients - one for each offset separation plate - for each side of the note. Calculating the colour range for each plate will prove much more work that you suspect. And remember that each gradient should run the whole width of the note and only horizontally.
Depending on how real you want your "banknote" to look I suspect you need to study security printing carefully before you embark on this job.

Can i save a vector with gradient mesh as isolated .PNG?

Hi,
Can i save a vector with gradient mesh as isolated .PNG?
It has some effects, so if i'm taking it out from the blue background it becomes darker.
Any advice? I need it isolated png for using it in an iOS app.
Many thanks

I am using Illustrator CS6, on Mac.
I can't copy and paste the "cloud" into a new document to save it, because it looses the effect of those filters (since the background is no longer behind it).
Sorry if im not explaining it right, i'm a beginner in illustrator. Can i group both the "cloud" and the blue background, to get just one shape: the realistic white cloud?
P.S: i can make a link with the .esp file of the clouds, if it helps.

Infinity ribbon with gradient fill

Looking for a way to create an infinity shape/ribbon with gradients. After that I need to create several layer of fills that intertwine on top and below each intertwined ribbon.
Help if you can
w

webbeese wrote:
Looking for a way to create an infinity shape/ribbon with gradients. After that I need to create several layer of fills that intertwine on top and below each intertwined ribbon.
Do a search here (Illustrator Forum). There's a great tutorial by JET (JETalmage) and a very good thread...

Help with gradients

Similar Messages

Maybe you are looking for