Layout Tutorial - Sizing an Image

Welcome to PixelFree Studio’s instructional video on various different ways in which you can resize images during the design process. The intuitive logic is similar to resizing objects (elements) but requires the use of a different icon function within our software. In this video, we demonstrate how you can (i) resize freestyle using the boundary dots, or (ii) set precise sizes down to the pixel fixing both the dimensions of your object (element) and the location of the object within your design. We also demonstrate how to use exact snapshots within your image with ease, so you can isolate and highlight only a portion of the image.

PixelFree Studio’s cutting-edge software enables you to design with ease. PixelFree automates the User Interface process, allowing you to create your website or App within our software and export it directly into the builder of your choice. We currently support html, with Android, iOS, VUE, and React coming soon.

Download the project from the video here.

Other Help Video

3 mints

Layout Tutorial - HBox PixelFree Studio

4 mints

Layout Tutorial - Anchor Pane PixelFree Studio

2 mints

Layout Tutorial - Button Display