Web Design

A story about how “Trimming View” was useful for a simple preview of the design in Adobe Illustrator.

Adobe Illustrator でデザインの簡易プレビューに「トリミング表示」が便利だった話

Hey everybody! It’s atom!
I’m going to talk about how Crop View was useful for a quick preview of a design in Adobe Illustrator.

I want to check how it looks at screen size.

When designing apps and websites using Illustrator, you will often design by setting the artboard size to the expected device screen size.
In such cases, I think there are many cases where some objects are placed so that they protrude from the screen.
In such cases, we often want to check the appearance of a single screen.
In such cases, objects sticking out from the artboard will get in the way. What would you do?

It was possible with “trimming display”

I’ve recently been asking myself, ‘Is there anything like that?
I was looking at the “View” menu and realized that I could do it with a feature called “Trimming Display“.
I noticed that the “Trimming Display” feature makes it possible.

I didn’t know such a useful feature existed!

Until then, I had to go to the trouble of clipping masks at the screen size, or hide the overhangs with a rectangle of the same color as the workspace background.
I’m going to start using trimming display from now on!

↓When an object is sticking out like this…
trimming display 1

↓ Select “Trimming Display”.
trimming display 2

↓It will literally crop and display the part of the image that protrudes from the artboard like this!
crop display 3

Is the trimmed display too burdensome to process?

Trimmed display is convenient, but it’s probably best to use it only when previewing.
The other day, when I continued designing with “Trimming View” turned on, the screen flickered and some of the placed objects appeared to be missing.
It seems to be quite a burden on the CPU (GPU).

Adobe Illustrator’s “Trimming View” was useful for a quick preview of the design What did you think?
If you haven’t used it yet, give it a try!