Shape layer fill gradient direction

How can I change the gradient direction of a shape layers fill gradient?`I can only get a gradient that changes horizontally, but I need it to change vertically (from top to bottom)..

If you select your gradient in the Timeline and spin down the options you'll see start and end point values that can be adjusted. With Gradient selected you'll also see handles in the composition window that allow you to click and drag to adjust the gradient orientation.

Similar Messages

Gradient fill disappearing when converting vector/Illustrator file to shape layer

Hi,
When coverting a vector or Illustrator file (such as a logo) into a shape layer any gradient fill is lost. Is there no way to ensure the gradient fill is converted across or is this a matter for a future release of After Effects?
Many thanks.

That's a limitation of the current feature.
If you want a different behavior, you can submit a feature request here: http://www.adobe.com/go/wish

Photoshop shape layer gradient fill bug

I use shapes filled with linear gradient turned 90° from its default position. And every now and then, when I select the given shape layer (with the move tool or directly in the layer dialog) the gradient jumps into the default rotation position. The thing is, if this happens, there´s no way I can turn it back.. if I type a value or try to rotate the gradient, it always jumps back.. even if I create a new shape, the rotation function is set to default and won´t move a degree.. Normally a PS restart helped to solve this.. but today, the problem remained even after that.. I will reboot the system and hopefully it will work but.. if anyone has experienced the same problem or has any suggestions, please help.
PS CC 2014 (latest update - though this problem I´ve had since the first CC), OS 10.8.5 (Maybe updating to Mavericks?)
thanks in advance!

I do not use a mac however on windows if I have a gradient filled shape layer I rotated the the gradient fill. If I accidentally click the solid fill or pattern fill icon when I click back on the gradient fill icon the angle is the default 90 degrees it does not remember that the fill was set to 0 or 180.
I have not observed any problem with the move tool but I seldom have a shape with a gradient fill. I normally use a layer style gradient fill on a solid 50% gray filled shape,

Change the blending mode on the gradient fill within a shape layer?

I can't seem to figure out how to do this, if it is possible. I have a shape layer with a gradient fill, that gradient fill layer needs to be set to multiply, by default its normal. can the be done with scripting?

Indeed it is not that easy to modify the blending mode.
The blending mode is property(1), or property("ADBE Vector Blend Mode"), of the gradient fill.
Normally the blending modes are listed in the BlendingMode object, and mutliply corresponds to BlendingMode.MULTIPLY
But it doesnt work for shape graphics: if you try myGradientFill.property(1).setValue(blendingMode.MULTIPLY); you are out of range.
The value to enter is actually the occurrence of the mode in the dropdownmenu, counting separators...
so
myGradientFill.property(1).setValue(4);
Xavier

Disappearing gradient widget on shape layer

When editing a gradient fill on a shape layer, sometime I can see the on-screen gizmo that lets me draw the direction and length of the gradient directly the comp window. But most of the time, it's invisible.
What's the trick to seeing it?

Sorry for the double posting here and on the Cow.
I tried that Rick. I still couldn't see the gizmo. After some experimenting, it seems that both the shape and fill need to be contained a Group object for the gizmo to appear.
If I create a shape layer and add a fill, there's no gizmo. But if I also add a Group object and add the shape and fill. The gizmo appears. Take them out of the group... no gizmo.
AE CC2014.2 / Mac OS X 10.9.2

Photoshop CC Shape Layer Gradients Not the Same as CS6

I'm demo-ing Photoshop CC, and I came across an unexpected behavior when opening a CS6 PSD.
I have a shape layer that is composed of closed curves which use the path operation "Intersect Shape Areas." In CS6, I added a layer style with a tight gradient that is vertically positioned to show a certain part of the gradient, and the gradient seems to be confined to only the visible intersection of the paths.
In CC, however, the gradient seems to be applied to the entire region of the paths, and not just the intersection - as if there were no path operation performed. Here's an image to show what I mean:
The only way I could reproduce the desired effect in CC was to merge the shape components. But, I'd rather be able to keep the shapes editable at a boolean level.
Is there some setting that I'm missing?

I don't want to just start a new thread with the same topic so thought I would tag onto this one.
The behaviour described by K_SEREBY is something which I am also experiencing, and for me is a bit of a deal breaker. For files opened in CC which were created in an earlier version gradient fills/ styles on shape layers do not appear the same.
The only way to have them appear the same is to do as K_SEREBY says and "merge shape components", which is a completely destructive way of working.
It isn't something which is consistent either across Layer Styles, gradients behave as described, whereas inner glow, inner shadow and stroke for example all work as they did before, taking into account shape interaction.
Having said that using the stroke feature of vectors available on the top bar again works differently as shown in the below image. On the left the result of 3 interacting vector shapes with a vector stroke - no stroke visible. On the right the same shape with the same stroke effect but after merge shape components has been done - vector stroke visible.
It's all very confusing and not very pleasant to use, is there a work around? The video linked doesn't shed any light on the problem at hand, only highlighting something else which doesn't even show up for me when a shape is selected i.e. Live Vector Properties, but that is another story.

Grouping Adjustment layer with Gradient Fill layer

Page 151 of "The Missing Manual" suggests that one should be able to group a Levels Adjustment layer with a Gradient Fill layer so that the levels adjustment fades out to one side.
If I understand this correctly, the setup would be:
Levels Adjustment Layer (grouped with layer below)
Gradient Fill layer (with a gradient from Opaque to Transparent)
Photo in Background layer
but I cannot get the desired effect of original picture on one side blending through to adjusted levels on the other.
I can get the desired effect if I dispense with the Gradient Fill layer and simply manually create the gradient on the mask of the Levels Adjustment layer but this loses the advantage of easy adjustment of the gradient.
[Thanks to those who answered my question about linking a mask to a layer. As this is a separate query, I thought it best to start a new topic]

Sanders1,
I thought I'd try it, myself, and got results that I did not expect...
http://www.pixentral.com/show.php?picture=1OVdT0C7oX46DsPm6TrfT5xxrm3h
1 - The background image.
2 - I created a Gradient Fill layer using color (red) to transparent.
3 - I created a Levels Adjustment layer, set to reduce red and green,
leaving a blue image.
4 - I grouped the Levels Adjustment layer with the Gradient Fill layer.
Is this the type of result you are seeing? I wonder what is the logic.
Byron

Animating Shape Layer Contents Fill

I'm fairly new to After effects scripting and not too familiar with it's objects.
how can I access the contents of an existing shape layer, to change and animate it's fill color property?
thanks in advance

It's going to depend on the type of shape, but as an example, for a rectangle, setting a keyframe at 3 seconds for the color yellow might look like this:
var p = app.project.item(1).layer("Shape Layer 1").property("Contents").property("Rectangle 1").property("Contents").property("Fill 1").property("Color");
p.setValueAtTime(3,[1,1,0,1])
My advice is to get a copy of Jeff Almasol's incredibly usefel script rd_GimmePropPath.jsx here:
http://www.redefinery.com/ae/view.php?item=rd_GimmePropPath
You can use it to get the appropriate syntax for any property.
Dan

LACK OF FULL PEN TOOL FUNCTIONALITY WHEN CREATING A SHAPE LAYER

Hello, I'm going through Chris Meyer's video course on being an AE apprentice and have spent over an hour on the following issue.
Here is what I know.
I know I am trying to create a shape layer, not a mask, to create a frame to surround the video of the green field on the attached screenshot. Therefore, I pressed "F2" to make sure I am doing so.
I want to define the borders of this picture frame by using the pen tool to draw a path on the layer entitled "Windy Peak".
I have highlighted that layer in my timeline.
This video was pasted on to a placeholder shape that I had created using Command Option "/" on my Mac.
I do have limited use of the pen tool, because it displays properly when I hover it above the borders of the video to be framed.
But I lack access to the toolbar controls I want to complete my assignment.
For example, I would like to create a gradient to define the internal coloration of this frame, but I have no use of the eyedropper when I click on the Color Picker.
Also, I am unable to access or manipulate any of the standard fill or stroke options for use of my pen.
This is what I know.
Thanks for your help! Matt
Message was edited by: Matt Dubuque to add the fact that the video had been pasted on to a placeholder shape image by pressing Command Option "/" on my Mac.

Thanks for pitching in Todd and Rick, I appreciate it very much.
As previously stated, I do have use of the pen tool, but it only has limited functionality as demonstrated by the path I created on the green meadow. My Tools Panel remains activated .
My core problem remains that I am unable to adjust the fill or stroke settings for my pen.
I have tried changing and resetting various work spaces and this has not helped.
I'm scratching my head here.
Matt

Shape layer questions

I’m a web designer that’s used to using Illustrator for all my work. Recently many of my new jobs want me to work in Photoshop, so I’m getting back up to speed with it. I have a few nagging issues that I haven’t been able to figure out:
With the direct selection tool, how do I select a small shape that’s overlapping a larger shape? For example, a small line on top of a large rectangle. When I try to do this Photoshop automatically makes me select the larger shape in the background. I have to zoom in super close and individually shift-select each corner of the smaller shape before I can move/transform/whatever it. This gets tedious and slow real fast!
Recently in a document I’m working in, whenver I make a new shape it automatically adds a bunch of layer styles like drop shadow, stroke, etc. These styles aren’t turned on, but it adds unecessary styles to my layers and my client is very strict about recieving only super clean .psd’s.
How do I make a line that is truly 1px stoke width? My lines seem to always start out as fuzzy 2px worms until I zoom in and surgically make them 1px. Again, what a waste of time! is there some sort of antialiasing setting that I need to turn off?
Thanks!

1. With smaller shapes that are difficult to select, try selecting their layer first. If you are not sure which layer, switch to the Move tool (V), hold Ctrl and click on the small shape. With the default behavior in Photoshop you should be able to select the layer and then use the Direct selection tool to select points on the vector path of the small shape. If you want to just move the entire shape when its the only path on a layer, aside form using the Path Selection tool (black arrow), you can just use the Move tool (V) to change the position of the layer. If you have to deal with a lot of shape layers that you just want to click and move, enable the Auto Select for the Move tool in the Properties bar. Then holding Ctrl while using the tool will toggle to its non - Auto Select mode.
2.On the Tool's property bar under the main menu, make sure the chain button is not pressed then click on the Style swatch or arrow to the right of the chain button to open the style swatch popup and from its menu there choose No Style. Next shape layer you make will not have the current style automatically applied.
3. I'm using CS5 on a pc and creating 1 px straight line with the Line tool is buggy with its alignment to grid. The Line Tool draws lines in Shape mode as rectangle vector paths. The difference between the Rectangle Tool and the Line tool is that the Line tool aside from having a Weight attribute, it draws the rectangles starting from the middle if its side. In order to snap it to grid you have to set the grid in the settings to Gridline every 1 pix and Subdivisions 2. If properly working this is supposed to solve your problem if you enable snap to grid and draw your lines starting in the middle of a pixel. The problem is that this doesn't work properly with the Line Tool which does not snap perfectly to the grid. The work around is to draw your lines with the Line Tool in Fill Pixels mode which has an Anti-aliasing option that you can turn off.
Another alternative for drawing lines on raster layers without anti-aliasing is to use the Pencil tool and hold Shift while dragging with it. The Pencil Tool in Photoshop is the same as the Brush tool but without anti-aliasing. I think more proper name would be non - anti-alised brush.

Possible BUG: duplicating a shape layer only duplicates previously selected points - PS CS6

Unless PS has been updated to make this a feature, i may have found a bug. Now (in CS6 vs. previous versions) when you duplicate a shape layer, if you had previously selected specific points of the shape (for example with the direct selection tool) only those points will be duplicated in the new layer. This is true no matter what tool you are currently using.
What I did was make a rounded-corner rectangle shape -> then direct selected all points on one side to stretch the rectangle without distorting the rounded corners -> then switched to the move tool so no points were selected anymore and only the layer was selected-> duplicate layer (with the intention of duplicating the whole shape). what i got was just the rounded corners on a new layer.
It seems the only way to duplicate the shape layer in its entirety is to go back with the direct select tool -> select ALL points of the whole shape -> change to move tool -> dupe layer.
If that's the intended new functionality, it's a bummer because if you intend to only duplicate certain points, you can already do that while using the direct select tool. Using the move tool, it shows no direct selections and therefore you should be able to duplicate the whole layer.
Maybe I have some weird default option checked that I'm not familiar with? This is not how any previous versions of PS worked and will add friction to my workflow if this is new.

Yes, this is an issue with CS6 and the first release of CC. You have to make sure you deselect all nodes in a path, or you will get the result you describe. I believe Adobe has made some corrections and improvement in the use of shape layers that will hopefully be released soon. However, if you're sticking with CS6, you've got to make sure to deselect on Win the esp key works great.

Is there a way to gather all shape layer and all text layers?

Hi -
I have 250 multi-layered PSD (CS5/Win) files. Each file shows 2 views of a product. Parts of the product are labels (Text layers with different words). Then Shape layer arrows point from the label Text to the specific point on the product.

Does this help?
// move text and solid fill layers to newly created folder;
// 2011, use it at your own risk;
#target photoshop
if (app.documents.length > 0) {
          var myDocument = app.activeDocument;
          var theSet = myDocument.layerSets.add();
          theSet.name = "Labels and Arrows";
          var theLayers = moveLayers(app.activeDocument, theSet);
////// function to move certain layers //////
function moveLayers (theParent, theSet) {
          if (!allLayers) {var allLayers = new Array}
          else {};
          for (var m = theParent.layers.length - 1; m >= 0;m--) {
                    var theLayer = theParent.layers[m];
// apply the function to layersets;
                    if (theLayer.typename == "ArtLayer") {
                              if (theLayer.kind == "LayerKind.TEXT" || theLayer.kind == "LayerKind.SOLIDFILL") {
                                        alert (theLayer);
                                        theLayer.move(theSet, ElementPlacement.PLACEATBEGINNING)
                    else {
                              if (theLayer != theSet) {
                                        moveLayers(theLayer, theSet)

Transparent Background - shape layer?

CS4
So I have this great little shape and I want to save it as a jpeg with a transparent background so that IE will show a gradient around it. However, IE is showing only a white background around the shape. My the thumbnail in the shape layer is also white (not the vector mask's thumbnail). How can I export this shape to jpeg and have a transparent background that IE understands?
TIA.

Thank you Bart. As is typical, I was confused and had the features of jpeg and gif confused.
I'm curious though, why do you say "gif preferred"? At least in IE7 both file type are displayed with transparent background. However, the PNG is noticeably sharper. Is the issue just the increase file size?
(FYI: for anyone reading this that may have the same issue. When I first created a GIF instead of the JPEG as Bart said to do, I still did not see the shape displayed with a transparent background - or at least I didn't think I did. The issue was with my CSS. My header div loads a graphic as a background image. The logo was in a logo style class, again as a background, that was assigned to a div that was a descendent. I had assumed that the logo was going to load "above" the header graphic in the Z order. That didn't happen. So what I was seeing was the white background of the browser and not a white background of the logo image. FWIW.)

[OSX] Photoshop CC bug - can't change Shape Layer colour from layers panel

Hi there,
I have a persistent bug where after a certain amount of time (potentially after the iMac goes to sleep and reawakes?) that after creating a new Shape Layer I can no longer change it's colour from the layers panel. If I double-click it the colour palette appears and it seems to record the colour but the Shape Layer does not reflect this. If I go into the Shape Layer bar at the top of the screen I can still change the Fill and Stroke.
If I re-open the program it works again.

Had the same problem. Turns out I needed to use the Path Selection Tool and click the path right on the canvas, not in the layer panel. This re-enables the Live Shape properties.
Here is a short video with more details if you're interested -> http://www.michalkopec.com/blog

3d constraints - shape layer materials, missing front

Hi,
Im a newbie to 3d in PS CS6
I have some text converted to a shape layer and then converted to New 3d Extrusion. I have all sides for materials instead of the front. The front seems to have broken into Boundary contraints, so was wondering is it possible to combine these as a shape to apply material. Sorry if this a basic question as Im just playing with this tutorial:
http://www.photoshoptutorials.ws/photoshop-tutorials/text-effects/create-inspirational-3d- gold-text-photoshop-extended/
Thanks
lister

anyway: without knowing what is the size of your doc, i'll give you a better workflow for editing etc:
Open the image
save it as a copy cylinderImage.psd
create a new layer filled with black (for eg)
select that layer and 3d / new shape from layer / cylinder
then: in the 3d panel: select cylinder_material and right of diffuse click the tiny arrow and remove texture
and then click the tiny arrow again and and load texture, browse and select the cylinderImage.psd you created earlier
then if it goes to the top: click top_material and right of diffuse click the tiny arrow and remove texture
it will jump to the cylinder part.
this workflow may be longer but not hard and nearly foolproof
G

Shape layer fill gradient direction

Similar Messages

Maybe you are looking for