Jump to content

Designer: how can I use only integer on Transform box?


Recommended Posts

Posted (edited)

Hi,

is there a way to stay in integer pixels domain in Transform box when I move/resize objects?

Such as avoid 123,78px and always keep 124...123... etc integer pixels number for each x/y/w/h?

Thanks for any tips

Edited by markzzz
Link to comment
Share on other sites

Hover the field with the mousewheel will use integer units.
Ctrl+hover the field with the mousewheel will use decimal units.
Shift+hover the field with the mousewheel will use integer units in tenths.
(provided one has set the decimals in the program settings)




 

Link to comment
Share on other sites

Posted (edited)

I think you misunderstood my request :)

I mean, for example, when I draw an object:

Untitled.png.67d7f8962678fc68e1fd17db32625df1.png

it doesn't snap exactly at pixel (w/h, you can see on picture above ,4 and ,7)).

The same once selected and I move it (x/y). So the question is about to snap exactly at pixel. I hope this can be done :) 

Edited by markzzz
Link to comment
Share on other sites

@markzzz you should try Force Pixel Alignment option.

Force Pixel Alignment will snap objects, nodes and handles, and pixel selection areas to full pixels when created, moved or modified.
If this option is switched off, objects and selections can occupy partial pixels.

The button that is turning on this feature can be found on the toolbar nearby to snapping button.

ADe_force_pixel_alignment.png.f8f24168404841af5125e603920aebb7.png

Link to comment
Share on other sites

4 minutes ago, bbrother said:

Force Pixel Alignment will snap objects, nodes and handles, and pixel selection areas to full pixels when created, moved or modified.

You need to make sure that ‘Move By Whole Pixels’ is disabled in your Snapping settings. Counterintuitively, it overrides ‘Force Pixel Alignment’ when both are enabled.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

6 hours ago, Alfred said:

Counterintuitively, it overrides ‘Force Pixel Alignment’ when both are enabled.

It doesn't actually override it, it is just an additional alignment option to force pixels to move by whole pixel values. That's why Move By Whole Pixels cannot be activated without also activating Force Pixel Alignment.

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

4 minutes ago, R C-R said:

It doesn't actually override it, it is just an additional alignment option to force pixels to move by whole pixel values. That's why Move By Whole Pixels cannot be activated without also activating Force Pixel Alignment.

What I mean is that ‘Force Pixel Alignment’ should ensure whole number pixel coordinates, but ‘Move By Whole Pixels’ takes precedence if enabled. The two options are mutually exclusive except where the coordinates are already whole numbers.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

They are not mutually exclusive. ‘Force Pixel Alignment’ simply means that an alignment will be forced. which may or may not be to whole pixel values. Again, that's why to use the 'Move By Whole Pixels' option, ‘Force Pixel Alignment’ must also be enabled. If they really were mutually exclusive enabling 'Move By Whole Pixels' would disable (exclude) ‘Force Pixel Alignment.’

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

2 hours ago, R C-R said:

They are not mutually exclusive. ‘Force Pixel Alignment’ simply means that an alignment will be forced.

If not an alignment to the pixel grid, what is the forced alignment? :/

To my (seemingly erroneous!) way of thinking, ‘Force Pixel Alignment’ means that an object being moved the smallest distance from x = 2.7 will end up at x = 3 (i.e. 0.3 px from its original position). It won’t end up at x = 2 (because that’s a move of 0.7 px) and it won’t end up at x = 2.5 (because that’s off the pixel grid). ‘Move By Whole Pixels’ means, at minimum, a move from x = 2.7 to x = 1.7 or x = 3.7.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

11 minutes ago, Alfred said:

If not an alignment to the pixel grid, what is the forced alignment?

Alignment is forced to either integer values or to whole pixel increments or decrements, depending on if the additional force option is enabled.

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

59 minutes ago, R C-R said:

Alignment is forced to either integer values or to whole pixel increments or decrements, depending on if the additional force option is enabled.

I don’t see how you can ‘align’ to an increment or decrement, so I’m afraid we’ll have to agree to disagree on this one.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

19 minutes ago, Alfred said:

I don’t see how you can ‘align’ to an increment or decrement, so I’m afraid we’ll have to agree to disagree on this one.

Maybe it will help if you consider "move" to be the operative word here. IOW, the second force option only comes into play when moving an object.

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

Thanks to all. Seems "Force to Pixel alignment" does the task. Not yet sure what Move By Whole Pixels mean, but its ok for now :)

Is it also possible to set the grid to "1 pixels" instead of 10?

image.thumb.png.f2e86eb55c51b1d307f736720ecbfbd6.png

Link to comment
Share on other sites

5 hours ago, markzzz said:

Not yet sure what Move By Whole Pixels mean...

It means it does exactly what it says, which is to force object moves to jump by whole pixel (integer) values. SO for instance if the X coordinate of an object is at 20.32 px you can move it to 21.32 px, 22.32 px, 18.32 px, etc. values, but not to 20.00, 21.00, etc.

6 hours ago, markzzz said:

Is it also possible to set the grid to "1 pixels" instead of 10?

AD V2 has a pixel grid that is always 1 x 1 pixel in addition to the normal pixel grid that can be set to whatever you want.  See the Grids help topic for more about this & how to use all the the Grid & Axis options.

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

10 hours ago, markzzz said:

Is it also possible to set the grid to "1 pixels" instead of 10?

If your intention is to work with pixel precision then it is best to use the "Force Pixel Alignment" option and enable the pixel grid which, as @R C-R mentioned, has a default size of 1 x 1px. You already know how to turn on "Force Pixel Alignment". To turn on pixel grid go to View → Show Pixel Grid, or use Ctrl+Alt+' shortcut.

These settings work much better than a regular grid with 1-pixel divisions and "Snap to Grid" enabled.
Trust me, as a full stack web-dev ive done a lot of pixel perfect assets for the projects im worked on.
We always work this way in our studio, and so do our graphic design specialists. Actually, I know all this from them.

But if for whatever reason you still want to work with the regular grid, than you can customize it's size in te "Grid and Snapping Axis" panel.
My advice is, to set it up like this for pixel work (see also screenshot below) :

  • change the Mode to [Basic]
  • [Spacing] to 10px
  • [Divisions] to 10

Of course you can use other settings, whatever works best for you.
I also encourage you to experiment with more advanced settings to familiarize yourself with grids and the panel.

ADe__basic_grid_settings.png.940791e11a40c30a57a45cac779564af.png

Tip: If you are using a regular user-defined grid, you can turn off "Force Pixel Alignment" and turn on "Snap to Grid" or you can leave it on and not turn on "Snap to Grid" that way you can still create, move, modify objects with snapping to full pixels but the grid will only act as a visual guide. There will be no snapping to the grid itself, which is irritating when working with pixel perfect in mind.

I hope I haven't overwhelmed you with information @markzzz.
Good luck with your work.

Link to comment
Share on other sites

11 minutes ago, bbrother said:

Of course you can use other settings, whatever works best for you.

You can also create presets for ones that you use often. All this is covered in the help topic I linked to above.

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.