Forum Discussion
You space themed infographic - queries
Laura,
Thank you for such a quick response. It's amazing to talk to the team behind this brilliance. You input is super helpful. I had one last question: You know how your gifs sit on a beautiful background? Did you place the gifs on the bg and then safe the wholle file as one? Can you delineate that process?
The above, besides helping me with designing a gif icon, will also help me understand the issue I'm facing with a simple full screen banner image I'm trying to render with good quality in a course I'm designing. Attached is a screenshot from Articulate Rise showing such a blurry rendition of the photoshop image I created. It's nowhere near as stunningly clear as your banners. What could I be doing wrong?
1. banner centred image dimensions: 1553 x 721 - Created in photoshop
2. course image: 500 x 334 - Created in photoshop
Arathi,
For our gif - for instance the labeled graphic ones. I animated the planets and put them on the same color background that we set as the background color for the block. That way, it looks like they are just sitting right on the page. That's also why the little twinkling stars are only behind the planets because they are only part of the gif. Also notice we've set that block to have no padding at the top and bottom, since the padding is kinda naturally built into the gif so that there is enough room to include those little twinkling stars.
Here's the original gif for the planets if that helps it make more sense. This is what we uploaded as our image into the labeled graphic block.
I also made a little post on ELH a while back talking more about using gifs in Rise 360.
As for your blurry images: If you'd like an image to keep its specific file format and not undergo compression, you can opt-out of image optimization on a case-by-case basis. Just add _NOPROCESS_ to the name of your image file. It'll upload and display exactly as you saved it. Keep in mind that file size limits still apply. If that doesn't work for you, could you email me the photoshop file and the actual png you saved it as out of photoshop and I'll check it out? lhawk@articulate.com. It also could be helpful for you to share your course with me where those images appear. I can't promise any answers but I'll try!
Hi Laura,
Please could you clarify this a little more? For example, in the below block, you created a red BG in photoshop, added the illustrator files here and animated them in photoshop. You then chose an interactive hotspot block, and uploaded this file there? Sorry. It’ll help me break down the process better with some more clarity. Thanks in advance for your efforts.
[cid:image002.jpg@01D58DAA.FE387FD0]