📜 ⬆️ ⬇️

Proper rasterization of vector images

Hello.
I want to illustrate in pictures a solution to a serious space-scale problem called
"Rasterization of vector images."

Most designers believe that this is a very simple task that can be done very quickly with basic knowledge in the Adobe Creative Suite. I'm afraid it's still not true.

If you want your work to look really professional, high-quality and in every way remarkable - try to do this:

')
What most often have to rasterize? I think logos.

Having previously decided on the size of the logo in the layout (just resize and get the size in pixels. For example, 235px)

We take a vector logo:


(in my case, let it be the DataArt company logo)

Copy and paste into shape as shape:



Transform Shape to the desired size:


(235px wide, with proportions preserved):

And we find an enchanting nightmare in the once-flat characters:



(the vector does not know that nothing is smaller than a pixel. Therefore, it becomes the middle)

You should not hope that the rasterization directly into the size of 235 pixels using Photoshop will give a different result.



Next comes the hard work.




Select the Pen tool, select nodes one by one, two, three in a line, as lucky. And eliminate the "interdigital", which gives this soapy effect.

Comparative results:




See the difference?

Afterword:

With experience will come the determination of the thickness of lines from approximated images, an understanding of how not to break geometry with such actions, how to work with strongly non-perpendicular forms and so on.

UPD:

I want to add that there are many ways to solve this problem.
The main idea of ​​the post comes down to the fact that this problem IN GENERAL needs to be solved, what too many people do not bother with.

Source: https://habr.com/ru/post/116918/


All Articles