Views
433
Replies
6
Status
Closed
Hello. I have searched and searched for an answer to my question and have tried many given solutions to no avail. My problem is the famous white line around my Gif image. I run a website for moms and women in general basically. I am making glitter graphics with my members children’s names. I guess for assistance I will need to explain how I made it so I will do so now…
First I made my basic design. I made it on a transparent background. It included a small pink text line with a 2pt stroke in white. Underneath that I made the name text line. It consist of a patterned stoke. To the left of all that was an image.. edited, no special effects.
I then, satisfied, duplicated it 3 times. I added a different pattern overlay to all 3 saved them as PNGs and closed them. I them reopened them and placed all 3 together as layers and put that through the animation feature. I saved it as "Save for Web and Devices" as a GIF. Now it looks absolutely beautiful on a white background. Just as I wanted. Some of you may not think much of it but it is exactly what a wanted. UNTIL I saw it on a page with a dark background… and there it was! The dreaded yet famous white line.
Here is a link to the image from my photobucket.. < http://i215.photobucket.com/albums/cc155/MommyTalkmoms/freja test.gif>
If anyone has a solution or perhaps an idea of how to fix it I am up to it. I posted the idea of making glitter name graphics on my website and immediately got 50 request. It has been a week and I still cant get it right.
Note- before anyone gives me this solution, I was told that it was showing a white outline because I was using a patterned stroke and that the border needed to be solid. SO now there is actually a stroke around that too. I also added a stroke to the crown, both still have a white line.
Thanks in advance!
First I made my basic design. I made it on a transparent background. It included a small pink text line with a 2pt stroke in white. Underneath that I made the name text line. It consist of a patterned stoke. To the left of all that was an image.. edited, no special effects.
I then, satisfied, duplicated it 3 times. I added a different pattern overlay to all 3 saved them as PNGs and closed them. I them reopened them and placed all 3 together as layers and put that through the animation feature. I saved it as "Save for Web and Devices" as a GIF. Now it looks absolutely beautiful on a white background. Just as I wanted. Some of you may not think much of it but it is exactly what a wanted. UNTIL I saw it on a page with a dark background… and there it was! The dreaded yet famous white line.
Here is a link to the image from my photobucket.. < http://i215.photobucket.com/albums/cc155/MommyTalkmoms/freja test.gif>
If anyone has a solution or perhaps an idea of how to fix it I am up to it. I posted the idea of making glitter name graphics on my website and immediately got 50 request. It has been a week and I still cant get it right.
Note- before anyone gives me this solution, I was told that it was showing a white outline because I was using a patterned stroke and that the border needed to be solid. SO now there is actually a stroke around that too. I also added a stroke to the crown, both still have a white line.
Thanks in advance!
Must-have mockup pack for every graphic designer 🔥🔥🔥
Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.
