I edited a picture in Photoshop where I cut part of the picture out and gave it a transparent background. I then inserted it into my lesson, but the image in Storyline did not keep the transparent background. I have a nice image surrounded by a white "square". I'd like the lesson to have a colored background, so how do I remove the white "square" around my image? Here's what the screen looks like.
I'm not a graphics expert but it looks like you have saved the image out of Photoshop as a .jpeg? If you save it as a .png, this should retain the transparent background you applied.
Alternatively, if you select the image in SL and then select the 'Format' tab, under 'Adjust' (on the far left) is a 'Recolor' option. Click on the drop-down, select 'Set Transparent Color' and then select the part of your image you wish to remove i.e. the white background.
I don't have photoshop to check it, nor would I know what settings to look for - although I suspect there might be some folks in the community who do, so you could share the .PNG image here to see how it works for others.
Thanks Donna for the image. I tested this in Engage and saw the same thing, so I also took a look at it in Storyline (since I had no other way to see the transparency) and it was transparent there. I'm going to share this with our QA team since it seems specific to Engage. I'm unable to offer a timeframe for when I'll hear back from them, but once I have any information to share I'll update you here.
Perfect. Thanks Ashley. This particular project has many images that would benefit from the correction, esp. with the gradient in the background of Engage slides. I couldn't find a way the change the gradient background to white as an optional fix. Is there as way?
Engage doesn't have a setting to allow for a gradient background - so you'd have to set the entire background to white. All of this is controlled by the theme colors outlined here.
I erased the background of an image using SnagIt 9 with the eraser.
I saved it as a PNG file.
I inserted it into Articulate, but I still see the white background.
I use the Recolour tool to remove the background... But what happens is that some of the white in the image also gets removed ( i.e. becomes transparent)... Which is an issue because the background is not white and the white shirt that the lady is wearing also becomes transparent.
Any help would be appreciated. I don't know what I'm doing wrong.
19 Replies
did you save with an alpha channel? such as png looks like that has been saved as a jpg
Hi Jeff,
I'm not a graphics expert but it looks like you have saved the image out of Photoshop as a .jpeg? If you save it as a .png, this should retain the transparent background you applied.
Alternatively, if you select the image in SL and then select the 'Format' tab, under 'Adjust' (on the far left) is a 'Recolor' option. Click on the drop-down, select 'Set Transparent Color' and then select the part of your image you wish to remove i.e. the white background.
Antony
Thanks. I knew it was something simple.
Hi
A follow up question?
I'm going to shoot some people against a green screen.
Should I edit the green screen in Photoshop and save as a png or bring it into Storyline and use the recolor to create the transparency?
Which is better?
Thanks Greg
Photoshop will get you better quality.
Hi Gregory! Looks like Bill has popped in to assist you
Another way to do this in Photoshop is Magic Extractor.
Hi Gerry! Thanks for popping in to assist Gregory here as well
Is there any way to retain the transparent background of a PNG image in Engage?
Hi Donna,
Where was the PNG created? I know folks earlier in this thread talked about ensuring it was set up as such in Photoshop with the transparency.
Hi Ashley. Thanks for your response. It was created in photoshop. I'm wondering if I'm missing some setting.
Hi Donna,
I don't have photoshop to check it, nor would I know what settings to look for - although I suspect there might be some folks in the community who do, so you could share the .PNG image here to see how it works for others.
Thanks Ashley....Here it is.
Thanks Donna for the image. I tested this in Engage and saw the same thing, so I also took a look at it in Storyline (since I had no other way to see the transparency) and it was transparent there. I'm going to share this with our QA team since it seems specific to Engage. I'm unable to offer a timeframe for when I'll hear back from them, but once I have any information to share I'll update you here.
Perfect. Thanks Ashley. This particular project has many images that would benefit from the correction, esp. with the gradient in the background of Engage slides. I couldn't find a way the change the gradient background to white as an optional fix. Is there as way?
Hi Donna,
Engage doesn't have a setting to allow for a gradient background - so you'd have to set the entire background to white. All of this is controlled by the theme colors outlined here.
Hello,
Hoping you can help me as well.
I erased the background of an image using SnagIt 9 with the eraser.
I saved it as a PNG file.
I inserted it into Articulate, but I still see the white background.
I use the Recolour tool to remove the background... But what happens is that some of the white in the image also gets removed ( i.e. becomes transparent)... Which is an issue because the background is not white and the white shirt that the lady is wearing also becomes transparent.
Any help would be appreciated. I don't know what I'm doing wrong.
Hi Ann!
Transparent images are not something I'm familiar with, but I know others in this thread mentioned getting images from Photoshop to work.
Hopefully someone in the community will be able to pop in and help you out here.
Thanks Leslie.
I only use Fireworks and SnagIt. I don't have Photoshop.
This discussion is closed. You can start a new discussion or contact Articulate Support.