Picture Border Issue in Storyline2
Jan 22, 2016
Greetings All:
I am a relatively new user of Storyline 2, and I have come upon an odd issue. I have a project in which I am consistently using borders around graphics of people. Most of the time these borders look fine, but occasionally they do not display correctly when previewed, thought they look fine in when viewed in the work area. The settings of the graphics with the borders that look fine seem to be exactly the same as those that do not. Any ideas why, or how to prevent this?
35 Replies
Hi Wardell
Just an advice: You might have to look at the states of the pictures or the borders.
Ashraf:
I have looked at all the properties I can find of the pictures and borders. I assume I am missing something, but can't find a specific thing that is different from the ones that work and the ones that do not. By states do you mean something different from properties?
Thanks.
When you click on a picture, Click on a button below (near timeline), you will notice that the picture have different states i.e normal, visited etc.
I can look at your story file if you could share it here .
Hi Wardell!
Do you have an example .story file to share that we could take a look at?
Hi All:
I have attached an example project here (pulled from what I am working on) that shows the issue. You will note the graphic on the fist page displays correctly in design mode, but once it is in preview mode it does not. The second graphic looks good enough and has the same settings.
Hi Wardell!
Thanks for sharing your file for me to take a look at. Do you know what format the first image is?
I saved the image as a png and it works great, which is the same format as the image on the 2nd screen.
Good morning.
I'm having the same issue intermittently on both jpg and png files. I don't normally use shape outlines, but I needed to for this project. I thought it might have to do with cropping, but it's happening on files cropped or inserted and resized. It's not visible until I preview. I reduced the border size from 7 to 3 and still the same issue. Here's a screenshot in preview. Notice how for some reason that lower right is being cut off. I tried another picture and it's doing the same thing (and only visible in preview).
Thanks for any ideas.
Hi Cheryl!
I did not hear back from the user, so I do not have an update to provide. Do you have a .story file that we could take a look at?
Here you go. What I'm doing as a workaround is copying the original picture into PowerPoint, applying a border there, saving as a .png, and inserting that picture. That way I don't have to deal with the borders/outlines in Storyline. You should be able to see the disparity in the middle pictures and in the second from the left bottom picture. I tried png and jpgs, cropping inside of Storyline or outside, and it doesn't seem to matter.
I don't know if this makes a difference, but I believe it's happening both with picture borders and with shape outlines. The sample I sent is only with picture borders.
Thanks very much!
Hi Cheryl!
I appreciate you sharing the file so that I could take a look. I feel like I'm spinning my wheels and getting nowhere, so I've opened up a support case on your behalf for a support engineer to take a peek and better assist you. I will follow along as well.
Thank you so much, Leslie. I appreciate the follow up. The workaround using PowerPoint takes more time but it's working.
Glad to hear it is working, but hopefully we can get down to the understanding :)
fyi Karla gave me instructions for a workaround. I had to Save As and save the picture, delete my original picture, and insert the new one. I didn't test "change picture" figuring that may not work. I'm not sure. I was concerned that some of mine were objects with picture fill, but they all ended up being pictures. I think that made it easier.
Thanks for opening a ticket for me. Karla was super prompt, and my project is fixed. Have a great weekend!
Thanks for popping in with an update Cheryl :) Glad Karla was able to assist you. She must have the magic touch as I tried the same and it still didn't work well for me.
I'm wondering if anything ever came from the support ticket on this. I've noticed this problem popping up before, and it's reared it's head again on a current project. suuuuper inconvenient.
Hi Dan,
It wasn't something filed as a bug - as it seemed the behavior was easily reproduced nor was it consistent across folks in this discussion. Are you able to determine the repro steps that you could share with our team here?
I am now seeing this problem with all pictures I have added to my .story file (but not with other project). I am unable to share the file, but wondered if the bug was ever reported/addressed?
Hello Jacqueline - This looks to be something we could not reproduce and Cheryl is the only one that reached out to our team for assistance. You can see the results of that conversation above and I'll link it here.
If this is something you are able to reproduce, we would certainly want to take a look. Would you be able to share privately with our team here? An NDA can be signed if needed.
Hi Cheryl,
I’m sorry; my company does not allow me to share files. In any case, I was in a hurry, so I just removed the frames and used a shadow instead.
In case this helps, I was copy/pasting the images from a PowerPoint file into Storyline.
Thank you for reaching out to me.
Jacqueline
Thanks Jacqueline for the update and if you need to share privately, our Support Engineers are always available here.
This happens to me and my teammates all the time. It's extremely frustrating, it looks just like the examples shown here. All my images are .png files. The only solution we've come up with is add the borders outside of Storyline, but that is not practical when you are designing in SL and not sure how you want the slide to look. This adds time to development that we don't always have. My course has to go out as is, even though people are pointing this out to me since it looks bad. Is this fixed in SL 3? (I also cannot share files at my company).
Debbie,
I find this frequently occurs when flipping an image horizontally within Storyline. If you find this is the case, flip the image in Photoshop or other image editing tool prior to importing.
Steve, good point, the ones that look the worst are reversed. But it does happen when I don't flip them, and it even happens on callouts, and other shapes.
Hi Debbie,
Thanks for chiming in here. This isn't something we've been able to reproduce, but we definitely want to help you get it sorted out. Are you using Storyline 3?
I know you mentioned you cannot share your file, but if you can recreate the problem in a sample file, that would be really helpful. Thanks!
Hi, I have cropped out some examples. The pictures were imported in, then I added a border within Storyline 2.0. The shapes are standard shapes in Storyline, as you can see one is missing the border on the right, one is on the bottom. The pictures either have a small white gap on only a few sides, or the whole image looks like it's not centered around the image. This happens to my whole team very often.
This discussion is closed. You can start a new discussion or contact Articulate Support.