이미지 합성

................................................................................................

합성작품 만들기: 일반이미지.gif. 플레쉬 오버랩

 

배경 이미지소스

 https://t1.daumcdn.net/cfile/cafe/207336404E0EE69402

삽입 이미지 소스

 https://t1.daumcdn.net/blogfile/fs11/12_blog_2008_05_11_00_30_4825bf688f4f7?x-content-disposition=inline&filename=Dancegirl3.gif

 

상단의 이미지 오버랩은 아래의 소스와 같읍니다

 

<CENTER><TABLE border=0 cellSpacing=0 cellPadding=0 width=550 align=center>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">

<P style="TEXT-ALIGN: center">배경이미지: 일반 이미지. gif. 플레쉬 넣는곳</P>
<DIV style="POSITION: relative; TOP: -400px; LEFT: -406px">

<DIV style="Z-INDEX: 2; POSITION: absolute; WIDTH: 550px; HEIGHT: 240px; TOP: 295px; LEFT: 406px" id=item1>
<P style="TEXT-ALIGN: center">삽입이미지: 필히 바탕이 없는gif 이미지만 넣을것.</P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

※ 참고사항; 오버랩 하실때 적정한 위치변동은 ;

DIV style="POSITION 1. 2의 TOP. LEFT 의 픽셀을 조절한다. ※

삽입 이미지 폭(width)은 배경 폭보다 적게해야 좋음. 폭의 크기에 따라 픽셀의 변동도 생김 

상단의 배경 이미지 1

 

상단의 삽입 이미지 2

 

※위의 합성은 gif 끼리합성 한것임 그리고 일반이미지와 gif및 플레쉬도 가능※

 

일반이미지에 gif 이미지 합성 예제.