Working with Images in eLearning (part 2)
In my last post, I covered some terminology associated with images and different image file types. For part 2, I’m going to share 10 tips when using images in Articulate Storyline and for some you’ll need to click on the image and go to the Format tab under Picture Tools.
Break the text-on-one-side-and-image-on-the-other habit! Go full screen with your images and overlay the text. There’s lots of way to do this, here’s some ideas that I wrote in another post along with links to even more ideas.
When you want to resize an image (larger or smaller), drag it from the corner to keep it in proportion. Dragging from a mid-point can make the image look stretched.
Remove parts of the image you don’t need by using the Crop tool which is on the right-hand side of the Format ribbon. Unlike Storyline, you can crop an image to a shape in PowerPoint (it could then be saved and inserted into your Storyline project).
If you have a few images on a slide, you create even spacing between them. Select all the images and click on Align. There’s a few options but I generally use Distribute Vertically or Distribute Horizontally. This also works for other objects such as shapes or buttons.
You can move images around on your slides using the arrows on the keyboard. If you want to move your image 1 pixel at a time, hold down the Ctrl key while you press the arrow keys. Again, this works for other objects too.
If you want to have different images in the same positon across a few slides, start by placing the first image where you want it to be. Then you’ll need to find out its position on the slide, so right-click and select Size and Position. Next, click on the Position tab and take note of the horizontal and vertical position. Go to each of your other images, follow the same steps and when you get to the Position tab, type in the position information from your first image.
If you insert a picture but then decide you want to change rather than deleting it and reinserting another, there’s an option on the left-hand side of the Format ribbon called Change Picture. When clicked on you’ll be able to choose another image and it will replace the current one.
Some people use Ctrl C (to copy) and Ctrl V (to paste) but I still use the mouse! If you want to maintain the alignment of images when you copy and paste, hold down the Shift key and Control key and then move your mouse to the edge of the image. When you see a + sign and dotted rectangle, left-click and drag your mouse. This also works for other objects on the slide.
Sometimes you don’t want your images to sit squarely on the slide and while you can rotate them manually, the Format tab has some built-in options in Rotate. I find the Flip Vertical and Flip Horizontal options useful to create a mirror reverse of the original image and if you click on More Rotation Options and the Size tab, you can set the degree of rotation.
Storyline does have some basic image editing options on the left-hand side of the Format ribbon. You can adjust the brightness, contrast and recolour. I’ve also used these options when creating additional image states to make the new states look different to the original.
So, there’s a few tips for working with images in Storyline that will help improve the look of your eLearning modules. If you have any other tips, please share them in the comments area.
I’ve also created a short video that demonstrates how to do many of the above tips, click on the image below to watch.