Resizing Fabric Swatches

[Alexandria]

I am trying to make a fabric swatch mockup and found this 900x900px image.


After resizing, the edges are practically no longer to be seen.
My swatch is the brown one at the bottom


I need to be able to change the fabric to anything (and maybe change the size, but always SMALL), but still preserve the sharpness of the swatch edges. Any tips please?

 

[IamSam]

I need to be able to change the fabric to anything (and maybe change the size, but always SMALL), but still preserve the sharpness of the swatch edges. Any tips please?

The sharpness of the edges are determined by the starting shape. The shape/image (PNG) you have chosen was not made correctly.

You need to create your own original shape that starts off with crisp sharp edges as seen below and save as a PNG. This one is 879 x 881 pixels.
This is a screen shot and not the actual PNG shape file...........demo only!


One showing fabric..........just a screen shot.


When you place/open the PNG in the document you want to use as a mockup, you immediately copy it as many times as needed! Always make one extra copy just in case and don't resize it, turn its layer off! Then convert each of the shapes in to a smart object one at a time (except for your spare copy!). You can then resize and position each of the converted SO copies. Resizing the SO's/copies will maintain the edge sharpness to a point. Eventually the shapes will lose some sharpnes when you get them too small.
When you double click on one of the SO's, it will open a PSB document where you would add the different fabrics by a clipping mask layer.

Here I have just added color adj layer clipped to the shape in the PSB document instead of fabric. Then save.


This is a saved 300px x 250px PNG.......


200px x 167px

 

[Rich54]

• Use the Pen tool to create a vector path for your swatch outline, something like this.
• I traced your swatch sample, but you can make the scalloped edges deeper, if you wish, so that they will show up better at small scale.

• While that path is active, go to Layer>New Fill Layer>Solid Color. It doesn't matter what color you use.
• You have now created a vector shape. On this shape layer, you can resize the image using Edit>Transform Path. No matter how many times you increase or decrease the size, the vector edges will always remain perfect.

• On a new layer above this, import your fabric sample.
• Create a clipping mask to clip the fabric to the vector shape below.
• You can now independently resize either layer. You can make the vector shape larger or smaller, and you can also scale the fabric layer larger or smaller.

 

[Alexandria]

Thank you both, will give it a try

 

[IamSam]

You're very welcome. If you have questions, please ask.