Please help- shadow problems

[dixiembeau]

Ok, so I downloaded an image to help me create a logo. When I first edited it in Photoshop I got ugly pixelation because I had to rasterize it. I entered the world of Illustrator so I'm a total newb. I managed to create the graphic I wanted but now I have a problem and I don't have enough knowledge yet to fix it. There are shapes/objects that act as shadows in the image. They open up fine when I open the image up in Photoshop, but when I export is as a png/jpeg with or without a background, when I put it on another location (Facebook for example) the shadows reaappear as solid shapes. This didn't happen when I first created the log in Photoshop alone, I just had some higher pixelated areas, but since doing it in Illustrator, I'm having the problem. Can someone please tell me how to fix this please?

Original image

see the light shadows under the roof?

Shadows correct in Photoshop with no background

Shadows as solid objects with a white background

How it looks in Illustrator

[Monika Gause]

A JPEG cannot be transparent, so just forget it.

A PNG can be transparent, but I'm not aware that Facebook respects the transparency.

Did you check the PNG in Photoshop after exporting? If it's transparent, then all is OK.

[dixiembeau]

That's the strange part. The shadow worked on Facebook when I had only modified the graphic using Photoshop. You can see it on the live Facebook page now if you look it up. But then, I think I downloaded it as a jpeg initially and not a vector, and that's what I modified. When I went back and used a vector and converted it, that's when I ran into a problem. Should I just decrease the opacity of the shapes in photoshop? 

[dixiembeau]

And yes, the png in Photoshop is the corret transparency, but it doesn't have a background. When I put a solid layer under it, the shapes show up again.

[Monika Gause]

I don't think I understand what you are doing there jumping back between Photoshop and Illustrator.