Interactive Coloring Books in E-Learning #323: Challenge | Recap
Interactive coloring books may not be your go-to interaction for most e-learning projects, but they are a fun way to get lea...
Published 4 years ago
Version 1.0
Blog Post
Hey so i notice a lot of these challenges have individual, small pics which make up the larger collective image. How did people achieve that? I've tried minute cropping and freeform snipping but with no luck. Any tips or advice would be much appreciated. I'm trying to do somethign for my son like PJ Masks or Pokemon.
- I used Photoshop and cut each part of the picture out and then made the background of each transparent. Then I put the original intact picture in the back and stacked all the others on top if it.
- I found an SVG image and then ungrouped it. Once ungrouped, the image is basically made up as shapes that you can format as you please!
- I used the freeform shape tool in PPT to trace around image I liked and then used regular shapes that worked for things like the candle, hearts, and flame. I also used PPT word art for the text.
- Joel,
When I started building courses years ago, I used PowerPoint for a lot of my media creation. My Photoshop and Illustrator skills are a little better now, but I still use an online tool that I discovered when I was trying to create scalable vector graphics (.svg’s) early on.
Check this out: https://image.online-convert.com/convert-to-svg
This tool does a pretty good job of turning any image into an .svg. I used it for my submission to this challenge. As long as you have a strong contrast between image and background, (or, better yet, have a transparent .png), you can pull down an image that will import into PowerPoint as a graphic. Once in PowerPoint, you can right click on the .svg and convert it to a shape. This will split the image into many different individual items. Open the selection pane (Home > Arrange > Selection Pane OR Shape Format > Selection Pane). You’ll see a group with several different items. You can then bulk color all the individual items the same color on the slide. Duplicate the slide and then change the color of all the items. Repeat this process for each color in your project. Then, click on each item and ‘save as picture.’
To maintain my sanity, I usually adopt a naming convention like: item_01_blue, item_01_green, etc. Then you’ll have a pixel-perfect version of individual items in each color when you import them into SL. You will probably have to do some freeform hotspot drawing for curved or irregular shapes, but the images that users see will always align perfectly.
Just my two cents. Good luck!- Awesome thanks for that!
Joel Colley Learning & Development Consultant Department of Communities P 08 6167 8226 W communities.wa.gov.au
- Hi Joel, For mine I started with the finished drawing then used the Freeform shape tool in PowerPoint to approximate each section. I think most of us probably did that. Ron
