Results 1 to 13 of 13

Thread: transparencies

  1. #1
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Newark, New Jersey, USA
    Posts
    999
    Thanks
    0
    Thanked 0 Times in 0 Posts

    transparencies

    I'm gonna re-post this. Its been a while...

    I'm having a hard time with transparencies in a web page. Here's two examples. If you look at /test, you can see the white around the graphics. If you watch the flash presentation, no white, but that graphics has a black background.

    http://www.irvingtonknights.com/test

    http://www.irvingtonknights.com/flash

    How can I get rid of the white outline without going in and anually deleting it. Its a real pain in the <img src=/w3timages/censored.gif alt=censored border=0>

    TIA

    Wolfman
    Mike Wolfman
    Jack of all, Master of none
    Bow before me, for I am root.
    <IMG SRC=http://www.wopr.com/w3tfiles/112673-wolfsig.jpg>

  2. #2
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    Hi Mike,

    It's all about the graphics! The gif image was apparently created on a white canvas then turned transparent. The true white color is transparent, but there are always other blended colors that are between white and the reddish color of the letters.

    To make the gif look better, I would suggest remaking the image using the same background color that will be used in its final state - black, in this case. That way, the blended colors will be between black and red rather than white and red.

    Also, the reason that Flash doesn't show the background is that it uses original vector-based images, not transparent gifs.

    Hope this helps!

  3. #3
    Super Moderator
    Join Date
    Dec 2000
    Location
    Renton, Washington, USA
    Posts
    12,560
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Re: transparencies

    I did a screen capture for this one
    Attached Images Attached Images

    Now running HP Pavilion a6528p, with Win7 64 Bit OS.

  4. #4
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Newark, New Jersey, USA
    Posts
    999
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    ok, this is what happened.... my graphic artist gave me the logo on a black background. I want to pu a sword thru the back of the letters. Right now, it disappears behind the black background, so, first, I took out the background and saved it as a gif. Thats when I got the white lines around the letters. Then, I took out the letters and put it on a trans background. Still white lines. <shrug> Normally, I'd use photoshop or fireworks and just delete the white around the object, but it sux. There got to be a way to make this transparent and not get the lines. The pic DaveA has (above) was the original from my GA.
    Mike Wolfman
    Jack of all, Master of none
    Bow before me, for I am root.
    <IMG SRC=http://www.wopr.com/w3tfiles/112673-wolfsig.jpg>

  5. #5
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    You'll need a graphics application that supports layers - Photoshop and Fireworks will both work.

    I'm not completely sure of the effect you're going for here, so I'll offer the closest suggestion based on what I think you're going for.

    Start with the sword on the bottom layer. Duplicate it so that it is copied to a second layer. Lock the upper layer (for now). Hide the upper layer also, or at least reduce the transparency so you can see through it (probably 25% or so). Put a copy of the original image from your graphic artist on a new layer between the two sword layers.

    Use the eraser tool to erase the parts of the text layer where you want the sword to show. This will show you the sword in places where it needs to appear BELOW the text. When this is done, lock the bottom two layers and unlock the top layer (sword). Then erase the parts of the top layer to reveal the text. This will provide the sword in places where you need it to show up ABOVE the text.

    It will probably take a bit of work, but this is the general way to approach it - assuming you don't have the original vector image to start with.

    Bottom line - stay away from the GIF format until the rest of the manipulation is complete.

    Hope this helps!

  6. #6
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Newark, New Jersey, USA
    Posts
    999
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    heheh sorry Mark, ok, in the flash anim. I want to put the sword behind the letters, like it comes in from the side and slides right behind the letters, thats why I need it to be transparent....
    Mike Wolfman
    Jack of all, Master of none
    Bow before me, for I am root.
    <IMG SRC=http://www.wopr.com/w3tfiles/112673-wolfsig.jpg>

  7. #7
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    If you're going for a decent image quality you'll have to avoid using GIF unless you have the original vector source of the text image.

    Just out of curiosity, what format is the source that your graphic artist delivered? If it's a flat format (such as JPG or BMP) I'm sure he/she can also provide the object-based source.

    The text will automatically be transparent in the native source file.

  8. #8
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Newark, New Jersey, USA
    Posts
    999
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    ahhhhhhh so if I'm understanding correctly, I can use a psd file in Flash?? That would make life alot easier... as long as the size stays down.
    Mike Wolfman
    Jack of all, Master of none
    Bow before me, for I am root.
    <IMG SRC=http://www.wopr.com/w3tfiles/112673-wolfsig.jpg>

  9. #9
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    I don't recall whether you can use a PSD file directly in Flash, but the worst case is that you can open it in Fireworks, save as PNG, then import into Flash.

    By default Flash compresses all of its object and images before generating a SWF file, so you shouldn't have to worry about a huge PSD-sized Flash output file.

  10. #10
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Newark, New Jersey, USA
    Posts
    999
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    Thank you sir, you are a gentleman. BTW, i don't think I officially congratulated you... SO.. congrats on the wedding. Tell your new bride I send my love.
    Mike Wolfman
    Jack of all, Master of none
    Bow before me, for I am root.
    <IMG SRC=http://www.wopr.com/w3tfiles/112673-wolfsig.jpg>

  11. #11
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: transparencies

    Thanks, Mike! That's very kind of you. <img src=/S/thankyou.gif border=0 alt=thankyou width=40 height=15> I'll pass along your kind words <img src=/S/starstruck.gif border=0 alt=starstruck width=15 height=15> <img src=/S/smile.gif border=0 alt=smile width=15 height=15>

    Did the last suggestion work for the graphic question? Please post back the finished product - I'm very interested to see it!

  12. #12
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Newark, New Jersey, USA
    Posts
    999
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thanx a bunch

    Mark, you were 100% correct. I used fireworks and the .png file and made the transparency perfectly. Alas, we decided not tp put the sword in. But, noe I'll remember for next time. Here's the finished intro:

    http://www.irvingtonknights.com

    (make sure your sound is working.)
    Mike Wolfman
    Jack of all, Master of none
    Bow before me, for I am root.
    <IMG SRC=http://www.wopr.com/w3tfiles/112673-wolfsig.jpg>

  13. #13
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Thanx a bunch

    Nice job! I like the sound too - it's very.... Wolfman-ish! <img src=/S/laugh.gif border=0 alt=laugh width=15 height=15>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •