animated gifs as bullets in Rise

Hi Julie! I made that course with the gifs as bullet points and here's how I did that!  I played around with a couple of different options but ended up using Quote Block D and swapping out the image for the animated gif, and putting my text in the author name as opposed to the actual quote section.  Let me know if you have questions!

Thank you! I'll give that a try!

Elizabeth, very helpful video, thank you! 

Hi Elizabeth,

I am having problems with image sizing when adding a static image.  Can you share how you captured the static image and what size you created?  I saved as 1x1 and it is still too large.

Any help you can provide would be very appreciated!

Hi Michelle!

Are you using Quote D block? If so, can you please share a screenshot of what the block looks like when you insert the static image? 

Hi Alyssa,

Yes, I did use Quote D.  Can you share how you saved a static image? I used SnagIt and edited the sizing in Photoshop.

I appreciate any help you can provide!

Hi Michelle! I used a free tool called ScreenToGif, deleted all the frames of the gif I didn't want, then saved the remaining frame as a .png, but I didn't resize the image when I brought it into Rise 360 because the size of those quote D images really does not change.  But, I did have to up the font sizing on the text in the author name where I input my text so that it worked well with the icon!  I hope that helps.

Thank you Elizabeth!  I will give this a try.

Hi Elizabeth, your example looks great! I have a question about the animated gif used at the top. How were you able to have the text so close to it? When I bring in a gif, there seems to be a large white space around it, so the text is not close. Thanks!

Hi Christine,

Does the GIF have lots of extra white space around the edges? Can you share a screenshot of what it looks like after importing it into your Rise 360 lesson?

If you can also share the GIF file itself, that would be helpful, too!

Sure thing! Thanks!

Hi Christine!

Check out this 2-minute video I recorded for you. It demonstrates how to recreate Elizabeth's animated GIF bullet using your lightbulb GIF.

I hope that helps! 

Hi, thanks for the video. I'm actually not looking to create bullets, but rather have the gif at the top of screen and text close below. See Elizabeth's sample where she has the document and text close below. My gif has a lot of white space so I'm not certain how to remove that. Thanks!

Thanks for clarifying, Christine!

I think I was able to achieve what you're looking to do:

• Insert an image centered block. Set the top and bottom padding to no padding.
• Import the cropped GIF file I attached below.
• Insert a Statement B block below the image block. Set the top and bottom padding to no padding.

Thanks Alyssa! It looks great. Which tool do you use to crop gif files? I have a hunch that is my issue.

You're welcome, Christine! I used this tool I found after Googling GIF cropper: https://ezgif.com/crop 

Thanks! I'll take a look at that one.