Creating and Downloading .png Images from Slideshows for Art Canvas+

Many VEXcode VR Activities that use the Art Canvas+ Playground provide images via a Google Slides presentation. This article will cover how set up a presentation to use the optimal dimensions for the Art Canvas+ Playground and how to download those images as a .png file.

Screenshot of a VEXcode VR project interface, showcasing the block-based coding environment for programming a virtual robot, illustrating features for beginners and advanced users in a STEM education context.


Creating a Custom Image in a Google Slides Presentation

Screenshot of the VEXcode VR programming interface, showcasing a block-based coding environment designed for teaching coding concepts through virtual robotics, with options for beginners and advanced users.

To create your own custom images for the Art Canvas+ Playground with Google Slides, open a new presentation.

Screenshot of the VEXcode VR interface displaying a block-based coding environment, showcasing coding options and tools for programming a virtual robot, aimed at teaching coding concepts in a STEM education context.

The optimal image size for the Art Canvas+ Playground is 1000 pixels by 1000 pixels. To change the layout of each slide to match that size, begin by selecting the "File" and then "Page Setup."

Screenshot of the VEXcode VR programming environment showcasing the block-based coding interface, designed for teaching coding concepts through virtual robotics, as part of the Tutorials section.

Open the dropdown in the Page Setup menu and select "Custom."

Screenshot of VEXcode VR programming interface showing a block-based coding layout, designed for teaching coding concepts through virtual robotics, featured in the Tutorials section.

Change the units to "pixels" using the far left dropdown.

Screenshot of the VEXcode VR programming interface, showcasing the block-based coding environment and virtual robot controls, designed for teaching coding concepts and robotics principles in an educational setting.

Then insert "1000" by "1000" for the size and select "Apply."

Screenshot of VEXcode VR interface showcasing the block-based coding environment for programming a virtual robot, designed to facilitate learning in coding concepts and robotics for students and educators.

Each slide will now appear as a 1000 pixel by 1000 pixel square.

Screenshot of VEXcode VR interface displaying a block-based coding environment, showcasing coding options and tools for programming a virtual robot, designed for educational purposes in STEM learning.

Now that the slides are set up, you can modify and create your own uploads for Art Canvas+. This example shows a unit circle, topographic map, and a word search that could all be uploaded to the Playground.

Watch this screen recording to see the above steps.


Downloading Images as .png Files from a Presentation

Screenshot of the VEXcode VR programming interface showing a block-based coding layout, designed for learning coding concepts through a virtual robot in educational settings.

To download an image from a Google Slides presentation, select the File menu and then hover over the "Download" option.

ALT text:

A menu will expand to show the various download options for the presentation. Select the "PNG Image (.png image, current slide)" option. 

Screenshot of VEXcode VR tutorial interface showing block-based coding options for programming a virtual robot, designed to support STEM education and coding concepts for students and educators.

This will download the slide you are currently viewing as a .png file to your device. The file will be named after the name of your presentation. 


Note: This image shows a download on Mac in a Chrome browser. The download location may be different depending on your device and chosen browser.

Note that you do NOT need edit access to a presentation in order to download a slide as a .png file. The option will still appear in a View only document as shown in the video here.

To learn more about how to upload an image to the Art Canvas +, see this article.

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: