Happymum (gayong19)
프로필     
전체 글보기(4362)
I, Me, Myself
오픈다이어리
Happy mum
Living in England
잡동사니 그리고 책 구경
My mp3 & music lesson
영화,연극,드리마 & TV
Lazy Traveller
Likes 그리고 전시회
Interior(공간의 미학)
Homesick Restaurant & Foods
I Love Seoul
할머니,할아버지 보세요
Good Grief(Snoopy)
견물생심 & made by happymum
스크랩 그리고 자료실
from 중고품점 & 벼룩시장, e-bay
교정일기
개설일 : 2003/10/27
 

[스크랩] 배경이 투명한 그림 만들기

2004.01.19 09:47 | 스크랩 그리고 자료실 | Happymum

http://kr.blog.yahoo.com/gayong19/110578 주소복사

☞(구독자 전용):: 인터넷에서 사용할수 있는 배경이나 테두리가 투명한 그림파일을 만드는 법을 간단히 정리해 보았습니다..
이 블로그 첫페이지로..이 블로그 구성설명야후계정 로그인 없이도 질문/답변 코멘트하실때..방명록 및 문답실독자와의 대화방
공지사항블로그 노하우트랙백 토론실컴맹탈출 팁구독자 전용실최근 답글(코멘트)내 블로그 링크블로그 HTML 관리아직 기능없슴

[이글에 대한 코멘트/답글은 폴더 G. 구독자전용실쪽에..]


▣ 배경이 투명한 그림만들기



블로그를 꾸미거나(=블로깅), 인터넷 까페를 운영하거나, 또는 홈페이지를 만들거나, 인터넷 관련 작업을 하다보면, 그림이나 사진 즉 IMAGE 를 다루어야 할일이 종종 생기게 됩니다. 이미지 이러면, 흔히들 "아도브포토샵" 을 떠올리는데, 아도브포토샵, 아도브일러스트레이터 는 본디 애플매킨토시에서 사용되던 DTP 즉, 전자출판용 소프트웨어로 컴퓨터는 하나도 할줄 몰라도, 인쇄 하나는 기가차게 하는 사람들이 즐겨쓰던 프로그램입니다. 정확히 말하면, IT 쪽 계열이라기 보다는 , 인쇄/광고 골목용 계열이라고 보는게 나을듯..

시작 -> 실행 -> mspaint
어찌되었거나, 포토샵은 구입비용도 만만찮을뿐더러, 프로그램 작동환경도 큰 하드디스크,큰 메모리, 빠른 CPU 등 보통의 PC 로는 시도해보기 만만찮은 강적입니다. 꼭 필요하다면 써야하겠지만, 見蚊拔劍 (견문발검) 이라고 조그만 그림 한장 만드는데 꼭 포토샵을 떠올려야 할 이유는 없습니다. 굳이 불법복제 소프트웨어 사용자가 되지 않고도, 윈도우즈에 기본 장착된 그림판( mspaint , pbrush ) 도 있고, 아주 작고 빠른 공개용 무료 소프트웨어를 활용할 수도 있습니다. 시작 -> 실행 -> mspaint -> 확인(엔터) 를 하거나, 보조프로그램 에서 그림판을 쉽게 찾으실수 있을겁니다. 


▣ GIF , JPG , BMP ...
이렇게 그림판을 이용하여 그림을 만들거나, 또는 어디에서 구해온걸 붙여넣거나 한뒤, 내컴퓨터에 저장할때, 저장하는 타입종류가 중요합니다. 같은 그림이라도 이 종류에 따라 가능해지는것이 있고 불가능한것이 결정되기 때문입니다. 움직이는 그림은 - GIF 타입이어야 합니다. 그림주위 외곽이나 배경이 투명한것도 반드시 GIF 타입에서 가능한것입니다. JPG - 는 저장용량을 아주 작게 만들어야 할때 씁니다.그러면 JPG 와 GIF 어느것이 좋으냐 ? 우열이 없습니다. 용도가 다르기 때문입니다. JPG 타입은 저장공간 압축률이 높기때문에, 파일용량은 아주 작아지지만, 인터넷으로 보는 순간, 자동 압축해제해서 보여지기 때문에 속도는 오히려 느립니다. BMP - 타입은 단순무식해서, 아무곳에서나 사용될수 있어좋지만, 압축이 0 입니다.


▣ GIF - 투명하거나 움직이는 그림.
갑자기 생각난것이지만 - 그림을 투명하게 만들면 용량이 줄어들거나, 보여지는 크기를 작게하면 용량이 줄어든다고 알고 있는 웹디자이너들이 많습니다. 오만 내지는 편견 이라 할수 있겠죠 ^^. 그림배경을 투명하게 만들어도, 인터넷에서 보는 크기를 줄여도 그림파일 싸이즈는 전혀 줄지않고 오히려 더 늘 소지가 많습니다 .아무커나 투명한 이미지는 아래 그림을 보면 무슨 뜻인지 정확히 알수 있습니다. 이렇게 투명한 이미지를 만들기 위해서 사용될수 있는 소프트웨어가 많은데, 저는 GifConstruction Set 32 라는 프로그램을 씁니다. 그것보다 더 좋은게 있다고 우기지 마십시오. 저는 아무거나 막 씁니다.^^ 3DMax 나 마야를 써야한다고 우기면 믿으시겠습니까 ?, 사소한 일에 목숨걸지 마시길 ^^ 사용법은 간단합니다.




▣ Gif Consturction Set 32 를 사용하여 투명그림 만들기
그림판 등에서 기초그림을 만들때, 투명하게 되어야 할 영역을 미리 별난색으로 칠해놓고, 저장할때 , GIF 종류로 지정합니다. 물론 어디서 구해온 GIF 파일이 있으면 그대로 불러오기 해도 됩니다. 이 프로그램을 작동시키고 미리 칠해두었던 그 별난색만 투명하게 처리해라 라고 지정한뒤 저장하면 끝입니다. 그파일을 블로그나 게시판등에 첨부하면 그 파일이 보일때는 투명하게 보여지게 됩니다.


(불투명그림이 투명그림으로 변경되는 과정을 비교 )





이러한 작업을 하는 과정을 간단히 스냅샷으로 , 아니 정확히는 스크린 샷으로 잡은 화면은 아래 그림들입니다. 너무 상세하게 설명하면 지루해 하실거니까, 대충 생략하면서 요지만 설명합니다.
1. 불러오기해서 투명기능 삽입



2. 투명기능 설정하고 스포이드 아이콘으로 투명하게 처리할 색을 지정합니다.


3. 저장하기로 내컴퓨터에 완성된 GIF 파일을 저장하면 끝 그 파일을 나중에 블로그나 게시판등에 첨부하면 투명처리된 이미지로 보여지게 됩니다.

이러한 과정은 어떤 프로그램을 쓰더라도 개념은 비슷비슷하기 마련이고, 이 GifConstruction 32 프로그램도 꾸준히 업그레이드 되어 최신판의 화면은 이 예와 조금 다를것입니다. 하지만, 이내용을 이해하고 해보면 크게 다를것도 없을 것입니다. "흩어지는 흙으로는 흙담을 지을수 없다" 고 했습니다. 모든 일은 힘들게 노력하고, 도전하면서 이루어져 가기 마련이죠. 무조건 어디 하늘에서 굴러떨어지길 바라시는 분들은 종종 이렇게 말씀하시죠. 헉, 머리가 지끈지끈, 말만하면 되는거 없나 ? 있습니다. 단, 그걸 구매할 경제적 능력이 되신다면... ^^

GifConsturuction 32 다운로드 :
[한미르 자료실에서 찾은결과]
[마이폴더에서 찾은 결과(다른버전)]










▣ 보너스^^(편법탈출구)
이러한 투명그림 만들기가 아무래도 힘든경우, 이미 누가 만들어 놓은 투명그림을 활용하여, 간단히 마치 투명그림인것 처럼 활용하는 테크닉을 소개합니다. 표그리기 배경그림으로 투명그림을 사용하고 그 안에다 자신의 그림파일을 위치시켜, HTML 태그만을 이용하여 마치 하나의 투명그림을 만든것 처럼 효과를 주는 것이죠. ▷여기서부터
이위치에

이그림을 복사해 넣으면 ☞

◁여기까지 중 원하는 부분을 마우스로 범위지정하여 복사해서,
자신의 글을 작성하실때 야후블로그 편집기화면에 붙여넣기 해 보십시오
◁ ( 오만과 편견의 탈출구 자체편집기로 소스보기 )

ː
- 마스크ed로그

http://kr.blog.yahoo.com/gayong19/trackback/28801/110578

댓글쓰기

댓글쓰기 입력폼