본문 바로가기
  • 개 내 (Gaenea)
블로그 상식및 저작권법관계

배경사진에다 비오는 이미지 만들기

by joolychoi 2011. 4. 22.

 

 

 

 

             

 

             배경사진에다 비오는 이미지 만들기

 

 
 
http://move1220.com.ne.kr/fwf/bab.swf :  이것이 비오는 이미지 소스 입니다
 
만드는 방법
 
<DIV align=center>
<TABLE width=500 background=http://pds15.egloos.com/pds/200905/03/27/a0113727_49fcd6f89789d.jpg align=center name="zb_target_resize"><BR>
<TBODY>
<TR>
<TD height=380 width=500>
<P align=center><EMBED height=380 type=application/x-shockwave-flash width=500 src=http://move1220.com.ne.kr/fwf/bab.swf wmode="transparent"></P></EMBED></TD></TR></TBODY></TABLE></DIV>
<P align=center></P>
 
   
 

 

비오는 이미지 간단하게 만들기

 

- 정상 화면 - 


일반적으로 사진 올리기를 한 화면입니다.

  

(위의 정상화면 소스) 

<IMG src="http://cyber.pk19.com/addimage/yoonflower.jpg" align=justify>

  

위와 같은 화면을 아래와 같이 비가 오는 화면으로

간단하게 바꾸기 위해서는 화면소스중 몇군데를

이래와 같이 바꿔줍니다.

붉은 글씨로 표시된 부분을 참조하세요.

  

<IMG height=320 src="http://cyber.pk19.com/addimage/yoonflower.jpg

" width=485 align=justify>

 

여기서 주의 할 점은 일반적으로 사진을 올리면 사진의 싸이즈를

알수 없다는 점인데, 이때 사진에 마우스를 놓고 조금만 움직여 주어서

사진의 싸이즈(height=세로 와 width=가로의 싸이즈)가 자동으로

표시될 때 알아내든가 혹은 속성보기로 알아내면 되죠.

 

또한, 이때 반드시 소스의 align=justify를 align=right

바꿔줘야 합니다.

여기에 아래의 비오는 swf 화면 소스를 덮어주면 됩니다.

 

비오는 소스 1

<embed align="right"

src="http://www.urikr.com/tage_material/flash/04_rain2.swf" width="485"

height="320" type="application/x-shockwave-flash" wmode="transparent">  

 

비오는 소스 2

<EMBED align=right

src=http://javatwo.com.ne.kr/swf/rain1.swf width=485

height=320 type=application/octet-stream wmode="transparent" >

 

비오는 소스 3

<EMBED align=right

src=http://cafe.joins.com/cafefile/l/o/love3752/비와빗방울

[0424](0).swf width=485 height=320 type=application/x-shockwave-flash

wmode="transparent">

 

이때 주의 할 점은 사진과 비오는 소스의 싸이즈를 같게 해야

화면이 보기좋게 균형을 이룬다는 점입니다.

  

마지막으로 테이블 화면을 만들어 줍니다.

테이블 화면을 만들어 주는 이유는 고정된 위치를

잡아 주기 위함입니다.

 

<table border=0>

<tbody>

<tr>

<td>

 사진 소스 + 비오는 소스

</td></tr></tbody></table>

 

그러면 아래와 같은 화면으로 간단하게 바뀌어

비가 오는 멋진 화면으로 만들 수 있습니다.

  

(완성된 화면 입니다)

 

 

<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="http://cyber.pk19.com/addimage/yoonflower.jpg" align=right>

<EMBED align=right src=http://www.urikr.com/tage_material/flash/04_rain2.swf

width=485 height=320 type=application/x-shockwave-

flash wmode="transparent"></TD></TR></TBODY></TABLE>

 

 

<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src=
http://cyber.pk19.com/addimage/yoonflower.jpg

align=right><EMBED align=right src=http://javatwo.com.ne.kr/swf/rain1.swf

width=485 height=320 type=application/octet-stream

wmode="transparent"></TD></TR></TBODY></TABLE>

  

 

<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src=
http://cyber.pk19.com/addimage/yoonflower.jpg

align=right><EMBED align=right src=http://cafe.joins.com/cafefile/l/o/love3752/

비와빗방울[0424](0).swf width=485 height=320 type=application/x-shockwave-

flash wmode="transparent"></TD></TR></TBODY></TABLE>

  

정말로 아주 간단합니다 

tool swf소스만 있으면 flash 화면보다 간단하고 편리하며,

사이즈를 다양하게 즉석에서 만들어 낼수 있다는 장점이 있습니다.

비 오는 화면外에 다른 화면도 이런 방법으로 간단히 만들수 있습니다.

 

흥미있는 분 따라서 만들어 보시기 바랍니다.

 

 이미지를 클릭하면 원본을 보실 수 있습니다.