Using background images in fluid boxes and smart shapes: How to determine the cropping
If you use background images in smart shapes or fluid boxes, the “Tile Type” setting will determine what will get cropped when the screen is resized. Pretty cool, huh?
Pretty cool
Is this something just for responsive projects? How do you get to this window?
Good Question, it’s kinda hidden: To get to that window select a smart object or fluid box, then in the Properties bar use Fill / Image. Then click on the tiny little thumbnail that represents the image you want to use for the background. You’ll see the settings there. Remember: make the image the the same size, or bigger than the smart object or fluid box. That way, when you tile it, the user won’t see it repeat.
It is the same for all images used to fill a shape, a transparent button. I would like to see an answer to my comment, because I talked about possible problems with Tiling especiallay in responsive projects. Choosing an alignment is just defining where the first image of the tiles start. In a Fluid box you can align as well, and no need to tile in that case.
Thank you. That was kind of hidden.
Why not choose proper alignment in Fluid Box? Will also define the cropping direction and you will not risk (with Tile) that on very big screens the image will tile.
You must be logged in to post a comment.
