How to Achieve Pixel Perfection From Vector Shapes in Photoshop



photoshop quick tip how to achieve pixel perfection


A good and easy trick to achieve pixel perfection in Photoshop. The reason that it needs a clean vector shape without unwanted anti-aliasing.  As a designer, when I create any kind of design, Photoshop and Illustrator are my favorite tools to discover something special. In this regard, sometimes I used to take both tools together, I mean need to add vector shapes in Photoshop such as logo, icon etc. but I've seen a common issue that, when I take them from illustrator to Photoshop and zoom in, faded their pixels. In this tutorial, I'll show you how to solve this issue to get exactly the shape you are looking for. 


First. I'm here to choose a logo from Illustrator CC that I want to use in Photoshop CC. 

How to achieve pixel perfection in photoshop

 Now copy and pest it on Photoshop. 

Pixel Perfection

We see a dialog box that asks us, how we want to paste it in our vector shape. Tick on Shape Layer and OK .

photoshop tutorial

If you want to see your issue, then zoom in a little bit closer here.. Here I zoomed 600 pix at my convenience .


See the issues in red boxes, This is unwanted anti-aliasing or feathering what I'm going to solve now. 

Go to Edit>Preferences>General : Uncheck Snap Vector Tools and Transforms to Pixel Grid  Then OK . See below.


Now choose Direct Selection Tool from tool bar or press Shift+A on your keyboard to select anchor points like below.


Finally, move them to up or down to clean this jagged edges. 


 Result : 


Note: Here you just able to fix the vector shape, horizontally and vertically that has a sharp clean edge.

No comments:

Powered by Blogger.