본문 바로가기
강좌 모음/파이어웍스 강좌

3.25. 배경 투명하게 처리하기

by 리치샘 2015. 8. 20.
제3장 웹 그래픽 기능 익히기 > 3.25. 배경 투명하게 처리하기

배경색을 투명하게 처리하여 이미지를 만드는 방법을 알아봅니다.
GIF와 PNG 두 가지 파일 형식으로 만들 수 있습니다.
투명 처리하는 방법은 대동소이합니다.


3.25.1. 이미지 배경 투명하게 처리하기

     연습용 그림

    1) 작업창의 [미리보기]나 [2등분] 혹은 [4등분]을 선택합니다.


    2) [최적화] 패널의 아래쪽이 있는 투명 유형 선택 팝업 메뉴
    (기본값은 '투명도 없음')에서 '인텍스 투명도'를 선택합니다.
    그러면 아래와 같이 색상표가 그림에 사용된 색상들만 남은 단순한 것으로 바뀌면서
    배경색이 투명하게 처리됩니다.


    3) 단순한 색상의 그림일 일 경우 [인덱스 투명도] 혹은 [알파 투명도]를 선택하면 배경이 뚫리게 됩니다.


    4) 하지만 복잡한 색상을 가진 그림의 경우는 제대로 처리가 되지 않을 수 있는데, 
    이 경우에는 투명도 3가지 모드 중 하나를 선택하고, 아래의 투명 처리 단추를 이용합니다.


     : 투명 처리할 색상을 추가합니다.
     : 투명 처리한 색상을 원 상태로 복구합니다.
     : 투명 처리한 색을 제외한 나머지 색을 선택합니다.


※ 참고

    ① PNG의 Alpha Transparency는 인터넷 익스플로러 4.0 이상, 넷스케이프 네비게이터 4.04 이상에서 지원됩니다.

    ② 같은 파일을 GIF와 PNG, JPG 등 웹브라우저에서 지원하는 파일로 내보내기 하면 어느 것이 파일 용량이 작을까요? 
    답은 이렇습니다. 
    그림의 내용(색상수 등)에 따라 다릅니다. 
    그리고 같은 형식이라도 자체 압축률에 따라 달라집니다.