투명이미지 만들기

<DIV>   <IMG style="FLOAT: none; CLEAR: none" id=A_115497174A1BE4FED1D094 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/115497174A1BE4FED1" width=650 actualwidth="650" id="A_115497174A1BE4FED1D094"/> 1. 1번의 회색바탕 더블 클릭하고 2번처럼 그림 불러오고 Ctrl+J눌러 3번처럼 하나 더 복사한다. 4번 누르면 뜨는 메뉴에서 5번 클릭하면 아래와 같은 창이 뜬다. <IMG style="FLOAT: none; CLEAR: none" id=A_125497174A1BE4FED21FE8 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/125497174A1BE4FED2" width=650 actualwidth="650" id="A_125497174A1BE4FED21FE8"/> 2. 1번 클릭하고 2번에 15인채로 3번에 체크하고 4번처럼 오려낼 그림 테두리를 칠해주되 잘못 칠해지면 5번 클릭하고 지워준후 다시 1번 클릭하고 칠해준다. 6번 클릭한후 7번처럼 선택안에 클릭하면 선택 부분이 파랗게 되고.. 9번눌러 닫는다. <IMG style="FLOAT: none; CLEAR: none" id=A_145497174A1BE4FFD372CE class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/145497174A1BE4FFD3" width=650 actualwidth="650" id="A_145497174A1BE4FFD372CE"/> 3. 1번 클릭하고 2번눌러 그림과 반대되는 색상으로 설정한후 Ctrl+Delete눌러 3번처럼 색을 채운다. 다시 4번 클릭하고 5번 꾸욱 누르면 뜨는 옵션에서 6번 클릭하고 7,8번처럼 더 지워줄 부분에 클릭하여 지워주되 지워줄 영역이 좁은곳에는 9번에 수치를 작게한후 대충 지우고.. 10번처럼 세밀하게 지워줄 부분은 11번 클릭한후 10번에 클릭하여 확대한후 다시 5번 꾸욱 누르면 뜨는 옵션에서 12번 클릭하고 지워준다. Ctrl누른채 4번 클릭하여 13번처럼 영역을 잡아주고 14번 누르면 뜨는 메뉴에서 Modify->Contract클릭하고 15번에 1로쓰고 16번눌러 닫고 다시 14번 누르면 뜨는 메뉴에서 Inverse클릭하여 17번처럼 영역을 반전 시킨후 Delete키 눌러 삭제하고 18번의 눈을끄고 gif로 저장한다. <TABLE style="FILTER: shadow(colol:black,direction:145,strength:20)" border=0 cellSpacing=17 cellPadding=5 align=center> <TBODY> <TR> <TD><IMG style="FLOAT: none; CLEAR: none" id=A_155497174A1BE4FFD42010 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/155497174A1BE4FFD4" width=650 actualwidth="700" id="A_155497174A1BE4FFD42010"/></TD></TR></TBODY></TABLE> *************************************************************************************************************************   투명 이미지를 만드는 방법은 여러가지가 있습니다.. 그중에서 이번 시간에는 펜툴로 원하는 이미지만을 추출해서 투명한 배경을 갖는 이미지를 만드는 작업을 해 보겠습니다... 투명 이미지는 스위시나 플래시등 동영상 제작 프로그램에서 자주 사용하게 되는데요, 같이 따라해 보시면 그리 어려운 작업이 아니니 꼭 해보시기 바랍니다.. <IMG style="FLOAT: none; CLEAR: none" id=A_18606E184B37666908F6E3 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/18606E184B37666908" width=437 actualwidth="437" id="A_18606E184B37666908F6E3"/> 먼저 필요한 이미지를 불러옵니다.   <IMG style="FLOAT: none; CLEAR: none" id=A_17606E184B37666A096E18 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/17606E184B37666A09" width=512 actualwidth="512" id="A_17606E184B37666A096E18"/> 돋보기 툴을 이용해서 확대를 해 주세요.. 좀더 정밀하게 작업을 하기 위해서 확대를 하는 겁니다..   <IMG style="FLOAT: none; CLEAR: none" id=A_15606E184B37666A0A06D7 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/15606E184B37666A0A" width=510 actualwidth="510" id="A_15606E184B37666A0A06D7"/> 그리고 펜툴을 이용해서 그림과 같이 원하는 부분을 계속 클릭을 해서 끝까지 그려 나갑니다..   <IMG style="FLOAT: none; CLEAR: none" id=A_16606E184B37666A0B1EA7 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/16606E184B37666A0B" width=436 actualwidth="436" id="A_16606E184B37666A0B1EA7"/> 마지막까지 작업을 하면 위 그림과 같이 그린 부분만이 선택이 됩니다.   <IMG style="FLOAT: none; CLEAR: none" id=A_17606E184B37666A0CCA73 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/17606E184B37666A0C" width=438 actualwidth="438" id="A_17606E184B37666A0CCA73"/> 그러면 키보드에서 Ctrl+Enter 키를 눌러주면 그림처럼 펜툴로 그렸던 부분이 선택이 됩니다. 여기서 Ctrl+C 키를 눌러 복사를 하고, Ctrl+N 키를 눌러 새창열기를 하면 아래와 같은 대화상자가 나옵니다..   <IMG style="FLOAT: none; CLEAR: none" id=A_19606E184B37666B0DF4B6 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/19606E184B37666B0D" width=539 actualwidth="539" id="A_19606E184B37666B0DF4B6"/> 여기서 위의 녹색부분이 중요합니다.. 반드시 투명(Transparent)를 선택해야 배경이 투명한 이미지가 만들어집니다.   <IMG style="FLOAT: none; CLEAR: none" id=A_20606E184B37666B0E309B class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/20606E184B37666B0E" width=275 actualwidth="275" id="A_20606E184B37666B0E309B"/> Ctrl+V를 눌러 붙이기를 하면 이렇게 배경이 투명한 이미지가 완성이 됩니다..   <IMG style="FLOAT: none; CLEAR: none" id=A_11606E184B37666B0F97FF class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/11606E184B37666B0F" width=519 actualwidth="519" id="A_11606E184B37666B0F97FF"/> 이제 저장을 해야 하는데요..그냥 Save As를 하면 안됩니다..그러면 배경이 다시 흰색으로 채워집니다. 반드시 위 그림처럼 Save for Web & Devices...를 선택해야 합니다..   <IMG style="FLOAT: none; CLEAR: none" id=A_11606E184B37666C10B430 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/11606E184B37666C10" width=597 actualwidth="597" id="A_11606E184B37666C10B430"/> 그러면 이렇게 대화상자가 뜨는데요, 위 그림에서 녹색으로 칠한 부분처럼 꼭 GIF를 선택하고 Save를 클릭해야 합니다.. 그리고 나서 스위시나 포토샵, 플래시등 그래픽 프로그램이나 한글, 워드, 엑셀등 문서작성 프로그램에서 불러오면 배경이 투명한 이미지를 얻을 수가 있습니다... <A class=tx-link href="http://cafe.daum.net/119rok" target=_blank><IMG style="WIDTH: 87px; FLOAT: none; HEIGHT: 99px; CLEAR: none" id=A_180D220B49CF06F906B083 class=tx-daum-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/180D220B49CF06F906" width=128 height=161 actualwidth="128" id="A_180D220B49CF06F906B083"/></A><A class=tx-link href="http://cafe.daum.net/119rok" target=_blank>마지막 왕의 후예들... <IMG class=txc-emo border=0 src="http://i1.daumcdn.net/deco/contents/emoticon/things_06.gif?rv=1.0.1"></A> <CENTER style="TEXT-ALIGN: left"> <MARQUEE style="WIDTH: 694px; HEIGHT: 59px; COLOR: rgb(31,52,37)">감사합니다! <IMG border=0 src="https://t1.daumcdn.net/cfile/cafe/2053553D4EB4FE4213" height=12><IMG style="WIDTH: 27px; HEIGHT: 31px" class=txc-emo border=0 src="http://i1.daumcdn.net/deco/contents/emoticon/etc_21.gif?rv=1.0.1" width=38 height=40>꼬리글..요 ~ 렇게됩니다...비천흑룡 <STYLE>body{background:url(http://cfile299.uf.daum.net/image/2133323A52099FCE19B992);background-attachment:fixed;background-repeat: no-repeat;background-position: bottom right;}table{ background-color:transparent; }td { background-color: transparent; }</STYLE>  <STYLE>TEXTAREA { BORDER-BOTTOM: 1px dotted; BORDER-LEFT: 1px dotted; BACKGROUND: url(http://mg1655.com.ne.kr/gyoun/g01.jpg); BORDER-TOP: 1px dotted; BORDER-RIGHT: 1px dotted } </STYLE>  <STYLE>.commentDiv {background-image:url(http://cfile259.uf.daum.net/image/2004C23C5035C6CC1AAAB7 ) ;background-repeat:repeat-y;background-position: top center ;font-family: 바탕체 ; color:indigo;}</STYLE> </MARQUEE></CENTER>  </DIV>