Photoshop - Resizing shape's layer style - photoshop

I'm working on some icon made from shapes and for each shape i used a layer style.
When i enlarge the icon with the "Free Transform Path" some of the effects in the layer style won't scale accordingly and will look different.
Is there any way to scale the icon without lossing the effects?

You can merge down layers as one layer, then try enlarging the shape.

Related

How do artists create non linear abstract interpolated gradients images

I've seen many versions of multicolored gradient like images, that are both non linear and heavily stylized. Usually in the form of layered blob like shapes.
My guess as to how they achieve this effect is
drawing intersecting blob like shapes
masking gradients on the shapes
interpolating the colors on the image.
However as you'll notice by the distinct lines in the image the interpolated effect only appears in certain regions of the image. This effect is what I would like to achieve in metal.
One approach is to draw your solid colors and then apply a zoom or motion blur CoreImage filter to achieve the effect of a gradient, leaving some detail by where you place the center (for zoom) or the angle you set (for motion).
Here's an example of a before and a couple afters. The original image in this case is drawn with 2D function plotting but you could easily use a static input image/video-frame, draw an image with filled bezier paths, etc.
The second image uses a CIZoomBlur, input center pt just off image center at (240, 220), with amount set to 134.9.
The CIMotionBlur filter also produces some interesting gradient effects. Here's the same input image, with CIMotionBlur inputRadius 57.6 and inputAngle -0.415.
I think this could achieve what you're after providing you set up the original solid-color image as you like and are able to figure out optimal settings for the filters (angle, center pt etc.).

How does e commerce Websites edit their product pic for showing on front

I am Wounding How these e commerce Website Edit their product pic for the front page
for example
This is an product image from flipkart.com an online store
This is Photo Taken by the camera
In Picture 1: There is Some blur effect how did they do it
There's no effect used. It is just a simple process.
The object is photographed against a white background.
The image is then 'masked' to isolate the object on it's own layer, either by hand or by a photoshop plugin. Manually, you can draw around the edge of the object using the lasso tool, then add a layer mask to remove the background.
Noise reduction, colour correction and other retouches are applied to this object layer. This is the blur effect that I think you are referring to. This may or may not be required, depending on image quality.
Shadows tend to be redrawn by hand using simple shapes with various blurs applied on a layer below the object. The simplest shadow is just a black ellipse with gaussian blur applied and layer opacity set to 20%.
A background colour is then applied, depending on how you will place the image. With images for E-Commerce this tends to be a white background.
The process for masking is varied and depends on your preferred tools, the complexity of the image and the shadow realism you want to achieve.
I recommend further research into 'Image Masking' to find the technique that suits you.

How to smooth images corner and merge background color?

Please see the above image. how to smooth imgaes corner and merge background color together? I searched some documents for smoothing corners said using feather and delete reversal corner. But I didn't get enough result. How can I do that?
Firstly choose a background color that can easily blend with the image, so that when you try to merge the image with background it should not look different.
Secondly, I prefer to use LAYER MASKING over FEATHER for merging image with background.
Layer Masking gives you more better options to make the edges blend more clear and merged.
You can see how to use Layer Masking in Adobe Photoshop with following links.
https://helpx.adobe.com/photoshop/using/masking-layers.html
http://www.sitepoint.com/photoshop-fade-layer-mask/

NSVisualEffectView with mask has jagged corners

In one of the WWDC 2014 talks on the new Yosemite UI, it says to avoid the use of NSVisualEffectView in masked layers. Unfortunately my view's layer does have a shape mask, and as a result the visual effect view in it has an ugly jagged edge effect:
However I know it must be somehow possible to create a masked visual effect view, partly due to 2 reasons:
The image mask property on NSVisualEffectView produces a smooth, anti-alised mask (but requires an unmasked background behind it, and not just an unmasked parent view)
NSPopover and NSMenu seem to be able to achieve a smooth mask that changes with dimensions:
Although it is doubtable as to wether or not they use NSVisualEffectView, and not a custom blurred view.
Is there any way I can achieve this smooth mask that doesn't rely on a mask image but rather a path or shape layer?
I was trying to achieve this with a NSWindow view a while back and I came across this awesome library: https://www.cocoacontrols.com/controls/waythedarkside
It allows you to add a light or dark blur to your view/background. I think this is what you are looking for :)

How can I resize a layer now that I have paths in my image?

I'm learning how to use Photoshop's pen tool. Now that I have a path in my PSD, I'm having trouble dealing with my unrelated layers. For example, I select a layer on the layer palette, then when I try to resize that layer by hitting CTRL+T, the path gets selected as the thing I want to resize. How do I ignore that path and resize the layer (thereby leaving the path unaffected)? The layer is completely unrelated to the path...
Layer sizes are locked to the canvas' size, you should change the canvas size and every layer will change their size.
You should make sure the path is not selected. Go to Paths palette, and deselect it.