With so many new Rise updates, I wanted to create a course showcasing what this awesome tool can do, using fluffy puppies and wagging tails. Dog puns/jokes are welcome in the comments section, even if they’re a little ruff. 😊
Hey Natalie. Isn't this such a cool (and cute) Rise example?
Sarah did two things here. First, when she uploaded her cover image (the blue gif with the dog and cat), she unchecked the box next to "show in sidebar." This makes that cover image fade away as the course is started to reveal the red accent color.
She chose that red accent color for her course under Settings > Theme > Font & Color Customization.
Does anyone have a solution to creating a GIF with a transparent background? I make the animation in Storyline, but when I export the image as a video to convert to a GIF, the background becomes white. I need some way to make it transparent as a video. Help is much appreciated!
You need to use a gif maker and then each frame has to be transparent. I use ScreentoGif which is free.
Depending on the type of animation, I'd build it in PowerPoint and treat each slide as a frame. Then create the animation that way. Right click on the objects and save as image (PNG).
Then you need to import the individual frames into the gif app and save as .gif.
I know this is an older post, but we're working on a project where we'd like to have an animated image in the cover photo (where you have the dog pushing down the cat). We're having some difficulty figuring out what the size of the animated piece should be. We're creating an animation in SL 360 and converting it to a GIF. No matter what size we try to publish the video to in SL or convert to in the tool, everything is too big. We've even tried making the actual objects on the slide smaller - nothing works.
What was the size of your original animations in SL? What were the settings used in the GIF converter to ensure proper sizing? (We're using EZGIF.com.) The image is also pixelated, which we think is related to size but don't know for sure. Can you share some additional detail about how you created the animated dog/cat in the cover photo?
Hi Sarah, I'm late to the game here, but I love your example. We often republish new versions of courses, so my question is do you have to go back into the code and update it again every time you republish the course?
Hi Stan! When you republish a course, you'll do it right from the copy you have in your Rise 360 dashboard. If you made any changes in the published output, then yes, you'll need to make them again in the new version.
That does answer my question. Makes it a little cumbersome if you have multiple courses that are getting republished on a regular basis. It would be nice to have the option to hide the header area by default within Rise directly.
38 Replies
Hey Laura,
Looks like Sarah shared her tip here and our community team did a write up on gifs as cover photos too:
How to Use GIFs as Cover Photos in Rise (with Free GIFs!)
How did you get the corner title to change to red when the user begins the course?
Hey Natalie. Isn't this such a cool (and cute) Rise example?
Sarah did two things here. First, when she uploaded her cover image (the blue gif with the dog and cat), she unchecked the box next to "show in sidebar." This makes that cover image fade away as the course is started to reveal the red accent color.
She chose that red accent color for her course under Settings > Theme > Font & Color Customization.
I hope this helped!
Yes, super helpful, thank you!
Thank you, Trina! You are spot on! Nice visuals to explain it. :)
Glad I could lend a hand! I absolutely adore this course and all your work, Sarah. Thanks for sharing with the community so generously!
Does anyone have a solution to creating a GIF with a transparent background? I make the animation in Storyline, but when I export the image as a video to convert to a GIF, the background becomes white. I need some way to make it transparent as a video. Help is much appreciated!
You need to use a gif maker and then each frame has to be transparent. I use ScreentoGif which is free.
Depending on the type of animation, I'd build it in PowerPoint and treat each slide as a frame. Then create the animation that way. Right click on the objects and save as image (PNG).
Then you need to import the individual frames into the gif app and save as .gif.
The YouTUbe video isn't helpful... how do you save the new CSS file to a RISE course?
HI Sarah -
I know this is an older post, but we're working on a project where we'd like to have an animated image in the cover photo (where you have the dog pushing down the cat). We're having some difficulty figuring out what the size of the animated piece should be. We're creating an animation in SL 360 and converting it to a GIF. No matter what size we try to publish the video to in SL or convert to in the tool, everything is too big. We've even tried making the actual objects on the slide smaller - nothing works.
What was the size of your original animations in SL? What were the settings used in the GIF converter to ensure proper sizing? (We're using EZGIF.com.) The image is also pixelated, which we think is related to size but don't know for sure. Can you share some additional detail about how you created the animated dog/cat in the cover photo?
Thank you!!
Hi Sarah, I'm late to the game here, but I love your example. We often republish new versions of courses, so my question is do you have to go back into the code and update it again every time you republish the course?
Hi Stan! When you republish a course, you'll do it right from the copy you have in your Rise 360 dashboard. If you made any changes in the published output, then yes, you'll need to make them again in the new version.
Does that answer cover what you're asking?
That does answer my question. Makes it a little cumbersome if you have multiple courses that are getting republished on a regular basis. It would be nice to have the option to hide the header area by default within Rise directly.
Thanks,
Stan
it would be lovely to be ableto use this as a template :)