Scaling layer styles on a vector shape

How do you get the Layer styles to scale as you transform, on a vector shape, to a larger scale, so that the larger shape has the same look at the smaller version?
Thanks

Not possible. Layer styles are applied to rasterized pixels even for vector layers and have no knowledge of your intentions. Duplicate the image, resize it using the image size dialog with the option to scale layer styles, copy&paste the resized result back to your source document. To my knowledge the only reliable way. You may still need to adjust the layer style, though, as several of them do not use sub-pixel precision and may be rounded of to the wrong next value, making it look goofy.
Mylenium

Similar Messages

Export Flexibility of Custom Shapes & Layer Styles?

Over the past few years I've developed a workflow for icon creation that involves purely custom shapes and layer styles. This has been fantastic from a number of points of view
- Vector based workflow for easy scaling, resizing
- Easy maintenance of style coherence with layer style presets
- Custom shape library means rapid prototyping of common elements
While this approach in Photoshop helps me rapidly develop icons, it's now presenting some challenges from an export point of view. Specifically the path to vector based formats like svg and xaml is hindered by the fact that Photoshop and Fireworks/Illustrator don't share a common layer styles approach. (Fireworks having a XAML export plugin and Illustrator having both XAML plugin and SVG export capability)
While the above programs are more geared towards vector work, they don't offer the flexibility of Photoshop when it comes to creating photorealistic icons with texturing.
Is anyone aware of a method for exporting a vector element from photoshop while maintaing the editability of layer styles? (Exporting simple shapes in PDF works but falls down once masks and layer styles come into the equation)
Fireworks CS4 seems to import select PSD's decently but there is not a 1:1 relationship between the layer effects from Photoshop. Illustrator seems to assume that anything coming out of Photoshop will be bitmap based and acts accordingly.
Any feedback or similar experiences would be appreciated.
Cian Walsh
[link deleted]

Hi guys,
From last week am I trying to do what I mentioned in post above, I just find it very difficult to do. Now I beginning to doubt whether it is possible or not, provided the SDK we have for CS4.
What do you think, is it a doable item and I am missing some simple thing ??
Please let me know of your views its really very important.
Thanks,
D

Preserving Layer Style Appearance When Flattening Image

I'm using Photoshop CS3 on the latest OSX platform with 6 Gigs of ram, and 75 to 100% cashe allocation. I'm working at 400ppi.
When I create a bevel and emboss layer style to make a shape dimensional, then go to flatten the image or merge layers the contour of the shape on the inner part of the bevel gets irregular and a slight white highlight is added. I want the image to look exactly like it does in layers when I flatten or merge it.
I need to send this to a client this afternoon - could you help please? Thanks!

Not sure how Smart Objects would make a difference to this. I can't reproduce this behaviour, on any file at any size. Your images look like a classic case of rendering descrepancies, at view percentages. I'm also not sure they are labelled correctly - looks more like the flattened one is likely to be the correct one.
Do you have OPEN GL on? I've only got one other suggestion - Layer/layerstyle/ Global Light - is somehow being reset by your flattening process?

Vector shape to smart object, is blurry when scaled

I've recently been upgraded to Photoshop CS5.5 and am having issues with smart objects.
Quite often I would:
make a shape layer, say a circle
apply a layer style, say a stroke and drop-shadow
Convert this to a smart-object
Resize this object to whatever I needed and it would scale perfectly, the layer styles and crisp edge would scale.
Now, when I use this same workflow, the whole object becomes blurry - like it's become one giant bitmap instead of retaining its original nature.
The blurred smart object loses it's vector nature and looks horrible, this is surely an error.

It depends on how you scale the smart object layer. If you just use Ctrl+T free transform Photoshop will matieilize the pixels for the layer then resize the materilazed pixel layer like normal raster layer not text not a shape layer. If on the otherhand you double click on the smart object icon in the layer in the layers palette Photoshop will open the smart object in photoshop. If it a RAW file it wil open in ACR. If is is a Photoshop Document like a PSD, Tif, Jpeg etc it will open in Photosgop. If it is some Photoshop object like a layer group a collection of layers an vector shape layer it will open in Phpotoshop. You can then scale the smart object with Photoshop tools like ACR or Image size set resample constrain scale layer style etc to scale the smart object when you use save the change Photoshop will update the smaer object layer in the document. You can do the save by clicking the Close icon and respond yes to save. Scaling the smart object layr this way will scale text and vectors the way you want them to be scaled.
http://forums.adobe.com/message/3498406#3498406

BUG? - Vector shapes move after when resizing PSDs with layer comps.

I use layer comps to show different interaction steps through my designs.
Designing mostly for mobile, i create at @1x (72 Pixels/Inch) resolution, and then scale up to @2x (144 PPI) and @3x (216 PPI) to get my assets for higher resolution devices.
However when i scale the PSD, all vector shapes within it offset themselves by one pixel up and to the left for @2x resolution and two pixels for @3x resolution, meaning all my careful alignments go out the window. Raster elements and text fields behave as they should and do not shift.
All my vectors shapes are bang on the the pixel to begin with so that's not a factor, and the scaling is a multiple so again that isn't the cause either.
You can see the issue in the image attached.
The obvious white edges along the right and bottom edges are revealed after the scale and layer comp change as the shapes shift.
The bitmap layers equivalent on the right are fine.
You can try it for yourself by downloading this PSD...
http://neonstate.com/scale-layer-comps-test.psd
1. Open the file
2. Change the resolution by going to Image / Image Size and entering 144 or 216 as the resolution.
3. Step through the layer comps, you'll see after the first layer comp is changed that the vector shapes shift, affecting all layer comps.
I'm sure this didn't used to happen, but what it means is I can no longer use this technique.
I'm using Photoshop CC 2014.2.2 / 20141204.r.310 x64
Any help much appreciated.
Rob

Hi again,
The purpose of this checkbox in the Layer Comp settings is to remember the positions of items, if you turn it off then you can save the positions which defeats the point a bit.
I've created another example to better explain - http://neonstate.com/scale-layer-comps-test-reposition.psd
If you step through the layer comps you'll see the shapes move from one position to the next, i've set these positions specifically.
Now change the resolution to 144 or 216.
Everything looks fine until you step through the layer comps - the boxes change position as they should, but the vector ones are incorrectly offset to the top left.
Rob

Why do vector shapes in scaled smart objects blur?

This remains a point of frustration.
Why does converting a vector shape to a smart object in Photoshop mean that it's then treated as a bitmap and blurs when scaled up?
If i paste the same vector shape into Illustrator and then back into Photoshop as a smart object it then behaves correctly, and remains sharp.
See the image for example of what i mean. Left is the master shape, centre is it converted into a smart object in Photoshop, right pasted to and from Illustrator. These were then scaled 300% resulting in the centre one blurring.
I don't really want to have to invovle Illustrator in this way and keep all my vector work in Photoshop now it has the tools to do so, but this issue creates me a lot of extra work.
Or am i doing something wrong?
Rob

Smart Object layers are transform to other sizes through interpolating the pixels rendered for the embedded object not be using vector graphics on the embedded object.. If your resize resizes the pixel count way un the image will become soft. Yoy can try seting your Photoshop Default interpolation setting to other setting then Adobe default Bicubic Automatic to something like plain bicubic which IMO is a better general purpose option then Bicubic Automatic.
You can also open the embedded object by double clicking the smart layers smart object icon in the layers palette. Once opened in Photoshop resize the vector graphic using Image size and save the embedded vector object larger. Photoshop will update the smart object layers content then.

Please bring color back to vector shapes in Layer Palette with no-thumbnails.

Please bring the color box back to vector shapes!
I am one not to use images in my layer palette, and in CS5 this was a breeze, but now the icons are different, there is no white box on the icons anymore (which really helps when scanning, and differentiating from folders), and I can't preview the color of the vector shape that I created in Photoshop. Vector shapes are a big part of my work. Before it would show a box with the color, now it shows nothing. The linking vector box is not neccesarily important as long as when I click it, the points become live.
Also the dividing lines for layers is not strong enough, doesn't have to be white, but at least gray. Black is definately not helping to divide the layers. And for nested layers, having the dividing line go half way to the edge really helps alot.
I noticed that a lot is different about the "no-thumbnails" version of the layer palette, and some I can live with, some changes I cannot. But being able to preview the color of a vector shapes is important for me, and seeing the white box behind the icon really helps when scaning a lot of layers. I've attached a comparison, also I have attached an image of how my layer palette looks on a daily basis from CS5 and CS6, I also opened the folder, and matched the palettes so you can see what I mean. Those little things really make a difference when scanning up and down 50-100 layers.
Even though setting the layer palette to no images may be a rarity among photoshop users, it's something that I value in photoshop, especially since my documents have hundreds of layers.

I think it was a fair assessment given the circumastances of the answer you provided, Jeanne. Also, another thing is that posting under an "employee" account, you are speaking for the company. You are representing the company whether it is your intention or not. Even if you explictly state that what you say is your personal opinion, people might have mixed feelings about what you say and mistake it for a belief that the whole company shares. So be careful with that, just as a note for the future.
But anyway, as for the issue at hand... That still doesn't give us anything other than "we won't do it." And again, I advise you to look through the post I referenced to. There are some very easy solutions there that help make the layers palette much easier to scan and work with. It's not too difficult to fix this and as already said above, you're already working on a fix for the thumbnails themselves anyway.
The solution to this problem could be as easy as this (I can provide another graphic for the darker UI settings, if you want):
What you do is:
Display a bigger thumbnail of the layer icon (yes, that will use up more space in the no-thumbnail view, but that's not a huge problem compared to what you have now)
Clearly display the content of the layer (in this case, both layers are gradients, but it could also just have a solid color fill)
Lighten the color of unselected layer's names (to make the properties of the layer itself stand out better),
Make the layer thumbnail itself (if it's a vector layer) toggle the path outline on and off and
Bring back the separation line from CS5, which indicated the layer's position in the grouping hierarchy.
If you do that, you've already solved quite a lot of the scannability and readability problems. In the future, you could improve the iconography to be better optimized for quick scanning, to make them stand out better (give them more depth) and so on, but for now, this should be enough to make things better for most people. And also, this will not take up too much development time. You've already got the logic of the separation lines from CS5, for example. Shouldn't be too much of a problem to implement in CS6. I'm not going to speak for the other things, because I don't know too much of the internal workings of the program, but it shouldn't be too much of an issue.
Trust me, this change will make a world of difference. People will love this even if they don't understand that it's there or why they love it.
Would you like me to provide detailed wireframes and documentation, so your designers don't have to worry their heads about this one? Just asking, because this is a change that should really be pushed through, no matter what.
Cheers,
Riho Kroll

How do I automate global vector shape, mask & path transfers to Illustrator?

Using: WIN7, Adobe CS5, PS, AI (but others may appreciate answers for CS6, etc.)
When I need to move a project from Photoshop to Illustrator, I need an automated way to prep shape and vector mask items for export--preferably preserving the structure and layout that already exists as layer names and order, character and paragraph settings, and of course global registration. My scripting is limited to recording actions, so I need to find an existing script or get coached on this. Any recommendations?
I have googled and waded through numerous forum posts trying to research this on my own, so I know about the ability to export my path collection, but that's usually inapplicable in reality. It only deals with vectors from the Paths pallette. In Photoshop, I use the Paths pallet to store master and WIP paths, but all the working paths are either shapes or vector masks--or active type layers. Often enough that it's become an issue, I'll need to move the whole project to Illustrator. Obviously, the process has issues; I'm not expecting the rastor layers or Photoshop styles to carry over, but I see no reason why I can't capture text, shape and vector mask elements.
They all have a vector component, but simply opening a PSD in Illustrator flattens (badly) the layers. I select the "Convert Layers as Objects" but have yet to see it extract editable text. I'm not sure if it even attempts to do anything with vector shapes or masks. I've got a process for moving a project one element at a time, using registration marks--but this requires turning text into shapes most of the time, especially if I am trying to preserve kerning and leading crucial to the layout. Maybe I just have not found the right info, and there is a way to transfer editable text without losing character and paragraph settings. I'd love to hear about it.
For now, I'd be happy to stop wasting time doing a ton of conversions and renaming by hand, just so I can preserve the work I've already invested.
One suggestion, posted under a multiple path export question, was to use scripting... but no one explored or explained how to go about it. I'm not asking for the impossible, however. I simply need help working out my own solution: if there is no application method for transferring the elements, try to script a method to prep those elements for export. Before I even attempt to reinvent someone's wheel, I am putting the question out there:
Does anyone know of a solution that already exists?
I appreciate hearing your advice and thank you for giving this some attention!
edit: I kept at it and managed to open my current project PSD in AI with text and shape/mask vectors successfully--not as cleanly as I'd hoped but the relative positioning of things was acceptable. I am still interested in hearing people's suggestions on better ways to transfer work from one tool to the other, though. I know this is going to come up for me again and again...
Thanks!

Hi,
It sounds like you have gotten this working for your project, but you might look at this thread for a few different solutions. http://forums.adobe.com/thread/1045757

Can you blur vector shapes in Photoshop without rasterizing?

Is there a way to blur vector shapes in Photoshop, similar to the way Illustrator does, without having to rasterizing the layer? I am working with a very large file that has been scaled from 300dpi to 50 in order to manage it while working. I will sclae back to 300 dpi before sending to printer. Rasterized images will soften as you know which i guess is ok when it comes to a blurred shape, now that i think about it. But for future reference?
Thanks,
DM

In the layer of interest make sure the vector mask is selected. Then in the Masks panel adjust the feather slider to an amount that looks right.
Paulo

New stroke options for the layer style "Stroke"

Hi,
The new stroke options are fantastic where you can edit gaps, align and corners. And I love the ability to add layer styles to groups which makes it much easier to work with separate parts in a group that should be treated as a common object.
BUT! Why haven't you updated the stroke (layer style) options to include these new awesome stroke features? I would love to be able to make dashed strokes as a layer style that can be applied to groups, and I don't see why this should be excluded as an option.
Thanks for an otherwise great application!
On twitter: @uxhannes

We are happy that you like the new features in CS6. You can request new features from your ideas here: http://feedback.photoshop.com/photoshop_family and people can vote on them.
Note: A shape layer stroke is a vector-based stroke and is applied only to shape layers. This is very different from the layer syle stroke.
You can control the settings for this stroke in the options bar for the vector tools (Shape, Pen, Path Selection, Direct Selection). This stroke is an attribute of the shape layer and will not cause the fx icon to display on the layer in the Layers panel.
A layer style stroke is a pixel-based stroke and can be applied to any layer that accepts layer styles (including shape layers). The settings for this stroke are controlled via the Layer Styles dialog.
Pattie

Layer style stroke for open paths

I would like to be able to apply something like the Layer Style Stroke to open Paths non-destructively (so »Stroke path with brush« does not meet my, well, »needs« might be to strong a word).
Currently using a Path as a Vector Mask for a Solid Color Layer and applying Stroke to that causes open Paths to appear closed.

We are happy that you like the new features in CS6. You can request new features from your ideas here: http://feedback.photoshop.com/photoshop_family and people can vote on them.
Note: A shape layer stroke is a vector-based stroke and is applied only to shape layers. This is very different from the layer syle stroke.
You can control the settings for this stroke in the options bar for the vector tools (Shape, Pen, Path Selection, Direct Selection). This stroke is an attribute of the shape layer and will not cause the fx icon to display on the layer in the Layers panel.
A layer style stroke is a pixel-based stroke and can be applied to any layer that accepts layer styles (including shape layers). The settings for this stroke are controlled via the Layer Styles dialog.
Pattie

Photoshop CS6 Beta | Vector Shapes selection issue

Hi there,
The issue is related to selecting vector shapes. Below I'm describing the difference between Photoshop CS5 and Photoshop CS6 and showing the actual issue.
Photoshop CS5
Vector shape have color area and vector mask visible - http://screencast.com/t/hVB2H7ceqp
Selecting the later do not affect the visibility of the actual shape - http://screencast.com/t/YkmJlsLRNX
Selecting the vector mask gives us the visual representation that mask is selected - http://screencast.com/t/Iq4P9Qgp9
Photoshop CS6 beta
Vector shape have a single icon - http://screencast.com/t/ptBpMRYup
When select the layer the vector mask is automatic selected too - http://screencast.com/t/dm1WjibiTZ
The Problems
This is frustrating because it is hard to set layer styles properly, the additional "stroke" that comes from the selected layer mask visuals mess the things up.
Also the shortcut of coppying the vector mask is also different.
I fould a way that solves the problem partially - http://screencast.com/t/CSKcTX3n, but after you select the actual vector path and points, it turns on automatically, which is frustrating again.
Hey guys, you've done wonderful job with CS6 really. Congrats you are trying to incorporate real vector shapes in photoshop, but selection of the shapes in illustrator and photoshop just can't be the same.
Please can you find a way to select vector shapes without selecting the actual vector mask too, this was perfectly developed in Photoshop CS5.
Thanks!
Regards,
SK

Thanks for the fast reply. All sorted out
Jeanne Rubbo wrote:
Ivan,
Here's the post with instructions on moving or copying a shape path to another layer:
http://forums.adobe.com/thread/979293
As for the current selection behavior, thanks for the feedback. I can definitely see how that would be annoying, especially if you are used to the previous shape layer workflow. I can't promise any changes for this release, but I will pass it along to the rest of the team and we'll keep it in mind for future releases.
Also, just to clarify some of the terminology, the path associated with the shape layer is called a shape path. It is no longer a separate mask, although it has much of the same behavior as the old content fill + vector mask shape layers.
[quote]Layer selection should be just that. The layers.[/quote]
I totally understand what you're saying, but in CS6 the path is part of the layer. It's not really comparable to any other layer types.
Anyway, I'm not trying to dismiss your feedback or anything -- just trying to help explain what our thinking was behind the changes. Hopefully we'll be able to keep refining the behavior of the new features in the future.

PS3 to Fireworks: Copy Layer Style

Here's the setup for my question:
In Photoshop I can create a shape, apply effects through
Layer Style and copy those effects onto other objects. To achieve
this I go to:
Layer > Layer Style > Copy Layer Style.
I then select the different object I want to apply that same
style and do this:
Layer > Layer Style > Paste Layer Style.
My question then, is: what is the Fireworks equivalent to
this?
In Fireworks I have an object with a gradient blend applied
to it. I want to copy that same blend onto another object but thus
far have not been able to find the command.

In Fireworks you use Copy and Paste Attributes.
Copy anything the normal way you copy something (there's no
special Copy Attributes, just use the all purpose Copy command,
Ctrl/Cmd+V.)
Edit > Paste Attributes
Paste Attributes will paste all sorts of stuff from the
objects in your clipboard: filters (like layers styles in PS),
vector fills (including fill handle positions), vector strokes,
object opacity, blend mode, and text attributes when
applicable.

How do I move a pattern layer independent of its vector mask?

I've created a pattern fill layer and assigned a vector mask to it. How do I move the pattern around without affecting the mask? I realize if I want to rotate the pattern I'd need to convert it to a smart object, but if I only need to adjust the pattern location there must be some way to do that without moving the vector mask along with it. A traditional layer shows the vector and raster mask layer with a lock icon, but fill pattern layers are different for some reason. Can someone "fill" me in?

rcraighead wrote:
Yes, I understand that. I am working with pattern layers, not layers filled with a bitmap pattern.
That is not what your showing above in red above your showing a shape layer in CS6 a pattern fill layer with a vector mask is a cs6 shape layer. Even the icon on the layer's content in the layers palette shows its a shape layer. You can edit the vector mask you can not unlink it. For its a cs6 shape layer. As you noted you can first convert pattern fill layer into a smart object layer. It then acts like a normal pixel layer with an associated transform to the canvas size. Your no longer dealing with a pattern fill layer. When you rotate it you will have the same problem with the layers corners areas. CS6 changed shape layers design they have more options then prior versions of Photoshop and prior versions of Photoshop can not handle CS6 shape layers that used cs6 shape options like stroke, line type, and pattern fills.

Where is layer style in Photoshop Elements 6?

In a photoshop tutorial there is instructions to open circle shape layer and add layer style Inner Shadow, Outer Glow, and Bevel and Emboss from the layers panel. After searching through the layers menu and layer's panel I can not find these options. Does anyone know where they are located.

Layer Styles are located in the effects palette.
http://help.adobe.com/en_US/PhotoshopElements/6.0_Mac/help.html?content=WS8514E1C9-344B-4b 7e-8795-73B3EDE4EDF2.html
and
http://help.adobe.com/en_US/PhotoshopElements/6.0/help.html?content=WSA86A917E-426E-43df-A DBE-4DA604F00B54.html

Scaling layer styles on a vector shape

Similar Messages

Maybe you are looking for