▣宇山 웹디자인/포토샵

투명이미지 만드는 법

woosanje 2013. 2. 6. 11:20

투명이미지 만들기 상세 - 영상아트 질의응답용

 

분도님의 설이미지를 보고 아래와 같이 나름대로 설명해봅니다

이미지를 보니까 두가지 고심한 흔적이 보입니다

하나는 배경부분을 잘라내야 하는데 대충 선을 그어 잘라내었군요

또 하나는 투명이미지(png 또는 gif)로 저장을 했는데 투명하게 되지 았네요

 

 

 

1. 먼저 분도님이 올려주신 파일을 열어봅니다

설이미지를 열기 한 다음, 아래 <그림1>처럼 레이어의 '배경이미지'(파란색)를 더블클릭합니다

<그림1>

 

 

 

ㅇ 팝업창이 뜨면 <그림2>처럼 그냥~ 확인을 눌러줍니다 (이 그림 작업을 위해서)

<그림2>

 

 

 

 

2. 원본 복사해 놓기

ㅇ 다음 ctrl + j (콘트롤키와 알파벳 J)키를 동시에 누르면 <그림3>처럼

레이어가 하나 복사된답니다 (원본 보호차원-작업하다 실수하면 다시 해야하니까...)

1)아래 원본 레이어의 눈과 자물쇠를 클릭하여 보이지 않게 하고, 편집 못하도록 잠가준후,

2) 선택툴로 위 레이어를 클릭해서 파란상태에서 작업하세요

<그림3>

 

 

 

 

3. 배경이미지 선택하여 잘라내기

포토샵에서 자르기하는 방법이 무수히 많지만 여기서는 자동선택도구로 해봅니다

(왜냐면 이 그림에서 하늘부분을 선택하기에 효율적이니까요)

먼저 자동선택도구를 클릭하신후 아래처럼 해보세요

<그림4>에 자세히 설명합니다

 

 

 

 

여기서 마법사툴(자동선택도구) 허용치 기본이 32로 셋팅되어 있습니다

이 수치를 8로 내리는 이유는 이 설 이미지의 색상이 비슷비슷해서 허용치를 낮춰야 필요한 부분만 선택됩니다

어떤 이미지에서나 이 허용치를 올리고 낮추고 하면서 적정값을 찾으면 됩니다

 

4. 투명이미지 만들기

 쨘, 아래 이미지처럼 투명이미지가 되었습니다

(아래 레이어의 눈이 꺼져 있어야 위 이미지의 투명부분이 보입니다)

<그림5>

 

***나머지 미흡한 부분은 지우개 툴로 조금씩 확실하게 지워서 깔끔하게 처리하면 됩니다.(지우개/선명한 원)

다만, 경계부분이 모호한 부분은 지우개 옵션을 가장자리가 부드러운 원(아래 그림)으로 선택하면 좋습니다 

-지우개 선택/하위메뉴 열기 (검은 역삼각형 클릭) /부드러운원 선택

<그림6>

 

 

5.투명이미지 저장법

ㅇ파일(F) / 웹및장치용으로저장(F) / 나오는 팝업창에서

확장자는 png24로하고, '투명도' 박스에 체크를 해주고 저장하면 투명이미지가 됩니다

<그림7>

 

 

6. 여러가지 선택 및 자르기 방법

포토샵에서 필요한 부분 자르기 할때는 위에서 사용한 마법사(자동선택도구 2가지있음)툴과

바로 옆에 있는 올가미 도구를 사용합니다<그림6>

-세밀하게 선택하려면 이 올가미 도구나 펜툴을 이용한답니다

그외에도 필요한 부분 선택해서 잘라내는 방법이 많습니다

<그림8>

 

7. 투명이미지 활용하기

이렇게 만든 투명이미지 밑에 다른 그림을 두면 그 투명부분을 통해

밑에 위치한 그림이 보이게 되지요

*주로 스위시, 플래시 등 영상제작을 하거나 포토샵 등에서 이미지 작업을 할 때 씁니다

 

먼저, 투명이미지를 활용한 예제 보기

<그림9>

 

<그림10>

 

 

다음, 투명이미지를 수없이 활용한 스위시 영상 예제

.
대전블루스-항아 라이브

 

 

 

이렇게 작업하시려던 의도가 아니었는지요?

이상 투명이미지 만들기에 대한 내용입니다.

이왕 답변 드리는 길에 자세히 보완 했습니다. - 영상아트/宇山