Welcome to TalkGraphics.com
Results 1 to 9 of 9
  1. #1
    Join Date
    Sep 2006
    Posts
    4

    Default Adding Jpeg over animated Gif

    i have a gif and i want to place it in a border/frame.

    for example my gif is square and i want to place it in something like this
    http://www.xbox.com/NR/rdonlyres/9E4...boxskin001.jpg

    if i cut out the green, how can i put the square gif underneath the image i just used. so it looks like the gif is playing in the image

    hope this is understandable, its hard to explain really.

  2. #2
    Join Date
    Sep 2000
    Location
    London, UK
    Posts
    1,436

    Default Re: Adding Jpeg over animated Gif

    I'm not sure what you are trying to do - or more importantly where! If it is on a web page, then this code will give you one option. Each image is set in a layer, the z-index determining which is in the front. Does that help?!

    <html><head>
    <STYLE type="text/css">

    #Layer1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:5;
    left: 125px;
    top: 59px;
    }
    #Layer2 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
    }
    </STYLE>
    <script type="text/javascript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head>
    <body>

    <div id="Layer2"><img src="ilmxboxskin001.jpg" /></div>
    <div id="Layer1"><img src="fly.gif" width="175" height="143" /></div>


    </body>
    </html>
    Simon
    ------------------------------
    www.tlaconsultancy.co.uk
    www.bricksandbrass.co.uk

  3. #3
    Join Date
    Sep 2006
    Posts
    4

    Default Re: Adding Jpeg over animated Gif

    sorry i didnt mention its not for a website just a gif picture i want to make.

    basically i cut the green shape out of the image i posted, then add that over a normal gif with a software.

    i cant cut the gif to fit in the green shape i cut out. so its easier to place the jpeg over the animated gif. is there a software that can do this??

  4. #4
    Join Date
    Dec 2005
    Location
    Greenfield, WI USA
    Posts
    3,444

    Default Re: Adding Jpeg over animated Gif

    If you would like to do this in Xtreme, it's a snap.
    Paste the green bitmap pic into Xtreme and trace the outline of the green oval with the shape editor too, then Arrange/Combine/Subtract. This will leave you with the center completely cut out. [I first traced the entire pic to cut the shape of the whole thing out of the square with Arrange/Combine/Intersect.] Then, if you like the third pic below, you can add a green piece and add some transparency to it.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	_Image1.jpg 
Views:	287 
Size:	60.1 KB 
ID:	29962  
    -=Bob=-

  5. #5
    Join Date
    Dec 2005
    Location
    Greenfield, WI USA
    Posts
    3,444

    Default Re: Adding Jpeg over animated Gif

    Oops, you must have posted that you wanted an ANIMATED gif behind it while I posted the above. Still not a problem with Xtreme. I pasted my third pic into a new Xtreme animation and played with it there.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	_Image1.gif 
Views:	315 
Size:	15.9 KB 
ID:	29963  
    -=Bob=-

  6. #6
    Join Date
    Sep 2006
    Posts
    4

    Default Re: Adding Jpeg over animated Gif

    ooh very nice, i will give it a try tomorrow.

  7. #7
    Join Date
    Jul 2006
    Location
    U.K.
    Posts
    2,735

    Default Re: Adding Jpeg over animated Gif

    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	xbx.gif 
Views:	306 
Size:	48.0 KB 
ID:	29973  
    "Intbel" ... "Can't" is not an option.

    Compliance is futile. Resistance is futile. Just do your own thing an' ignore 'em.

  8. #8
    Join Date
    Sep 2006
    Posts
    4

    Default Re: Adding Jpeg over animated Gif

    i seem to have a problem, when tracing the green oval and then picking subtract image, i dont actually have a "subtract image" highlighted

    http://img247.imageshack.us/img247/9528/probzs0.jpg

  9. #9
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,659

    Default Re: Adding Jpeg over animated Gif

    You need to select both shapes before you can subtract one from the other..

 

 

Bookmarks

Posting Permissions

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