16단원 Channel과 FilterⅠ

1. 채널 팔레트 이해하기

이번 학습은 금속재질을 표현하는 로고를 만드는 과정입니다.

텍스트에 작업을 하시거나 또는 아래 설명을 다른 마크나 도안에 적용시켜도 좋습니다.

시작해 보겠습니다.

1. 먼저 작업이 시작될 새로운 도큐멘트를 꺼내기 위해 상단 메뉴 바에서 File 에 New를 클릭 합니다.

2. New 메뉴 박스에서 Width 란에 500 pixels 로 지정합니다.

Height란에 200 pixels로 지정합니다.

Ok 버튼을 클릭 합니다.

3. 스와치 팔레트에서 색상을 고릅니다. 지시하는 색상을 클릭 하세요.

전경색에 골라져 있죠?

4. Edit 메뉴에서 Fill을 선택합니다.

5. Fill 대화상자에서 Use란에  Forground 설정하고 OK버튼을 클릭 하세요.

전체 도큐멘트 바탕색이 전경색으로 칠해졌죠?

6. 이제 채널을 만들어 작업을 하여야 합니다. 채널팔레트를 선택합니다.

지시하는 곳을 클릭 하세요.

7. 채널이란 각각의 독립적인 컬러 값을 의미합니다. 물론 지금은 도큐멘트가 색상이 없는 흰색이라 채널팔레트에서 색상 값이 보이지는 않지만 어쨌든 여러 층의 컬러 값이 표기되어 있는 것이 보이죠? 지금의 팔레트를 보시면 우리가 작업하는 색상모드는 RGB이므로 Red채널과 Green채널, Blue채널이라는 색상들로 구성되어진다는 것을 보여줍니다. 여기에서 이 세 개의 색상이 모여서 다양한 컬러가 만들어지므로 우리는 여러 가지 색톤을 가진 이미지를 볼 수가 있는 것이죠. 그렇다면 CMYK 라는 컬러모드는 몇 개의 채널을 구성하고 있을까요? 그렇습니다. Cyan, Magenta, Yellow, Black 이라는 네 가지의 컬러를 기본 색으로 하기 때문에 채널을 네 개로 구성되어집니다. 이렇게 기본 색상의 채널 중에 하나라도 빠지게 된다면 우린 제대로 된 컬러를 볼 수가 없습니다.

그렇다면 채널을 어떤 목적으로 쓰는 것일까요? 우리는 기존의 모드 값을 형성하는 기본 컬러 값의 채널은 놔두고 새롭게 알파채널을 추가하여 만들어 쓰는 것입니다.

채널의 첫 번째 목적은 선택영역 즉 Selection을 저장 보관하는 기능을 하는 것입니다. 두 번째는 그렇게 보관되어지는 알파채널이 보이지 않는 곳에서 작업 도큐멘트로 저장되기 때문에 컬러가 쓰이지 않는 것을 제외하면 다양하게 일반 이미지 편집 도큐멘트처럼 여러 가지 필터와 편집효과를 추가해서 Selection을 변형해 올 수 있기 때문입니다.

포토샵에서 이미지의 효과로 주로 사용하는 이유는 바로 이 두 가지 기능 때문입니다.

지금까지 채널팔레트의 기본적인 구성에 관하여 알아보았습니다.

다음 학습에 이어 알파채널을 사용하면서 크롬문자를 만들어 보도록 하겠습니다.

2. 알파채널에 크롬문자 만들기

크롬 문자 만들기 두 번째 단계로 알파 채널에 대하여 자세히 알아보겠습니다..

8. 채널 팔레트에서 새로운 알파 채널을 만드는 Create New Channel 버튼을 클릭 합니다. 지시하는 곳을 클릭하세요

채널팔레트에 새로운 검정색의 알파 채널이 형성된 것이 보입니까?

앞으로 작업될 채널에선 지금처럼 검정색이 아무 것도 없는 영역을 의미하고 흰색이 선택으로 불러들일 수 있는 영역을 의미합니다.

9. 전경색을 흰색으로 설정합니다.

10. T툴을 선택하여 지시하는 곳에 마우스를 클릭하세요.

11. 영문으로 Time 이라고 입력합니다.

12. 입력한 텍스트를 클릭드래그 하여 선택합니다.

13. 텍스트 폰트는 Time 체 Bold 로 지정합니다. 폰트 사이즈는 160 으로 지정합니다.

14. 사각선택툴을 선택합니다.

15. 알파채널 1에 흰색의 문자가 입력되었습니다. 화면에서 깜박이는 선택표시를 해제합니다. 선택 툴을 화면 아무대서나 클릭하면 되지만 메뉴로 한번 해볼까요?

Select 메뉴를 선택합니다.  Select 메뉴는 선택영역을 편집하기 위한 메뉴들입니다.  Deselect를 선택합니다.

선택이 해제되었습니까?

16. alpha 1 채널을 복사하여 alpha 2 채널을 형성을 만듭니다.

원본의 글씨는 다음에 뚜렷한 글씨를 선택으로 불러들이기 위해 놔두고 복사본에 여러 가지 필터를 적용하여 편집할 것입니다. alpha 1 채널을 선택하여 새롭게 만드는 New Channel 아이콘으로 드래그 하여 복사본을 만듭니다.

지시하는 방향으로 마우스를 드래그 합니다.

17. alpha2 채널을 선택해 놓고 filter 메뉴를 클릭 합니다.

blur를 선택합니다. Gaussian Blur를 선택합니다.

수치 입력 란에 5 라고 입력합니다.

OK 버튼을 클릭 합니다.

이는 입체감을 표현할 문자에 경계부분을 부드럽게 입체감이 부드럽게 올라오게 하기 위함입니다.

18. Gaussian Blur 로 인해 외곽이 부드럽게 처리된 alpha2 채널에 문자를 제외한 바깥쪽 외곽을 정리하기 위해 alpha1 채널을 Load  Selection 하여 선택영역으로 불러옵니다.

alpha 1을 화면에서 지시하는 방향으로 드래그 하세요.

블러가 들어간 알파채널 2에 알파채널 1의 선택영역이 나타났습니다.

이 선택을 이용하여 바로 작업해도 괜찮지만 좀더 입체감을 넓게 보기 위해 선택영역을 확장시키겠습니다. Select 메뉴를 선택합니다.

Modify 메뉴를 선택합니다.

Modify 메뉴는 선택영역을 변형하여 편집하는 곳입니다.

Border 는 선택영역을 두께로 만드는 것이고, Smooth는 선택영역의 모서리에 라운드 값을 주는 것이고, Expand 는 선택영역을 확장시키는 것이고 Contract는 선택영역을 축소하는 것입니다. 참고로 Expand 와 Contract 채널과 더불어 많이 쓰입니다.

문자의 두께를 좀더 넓게 할 것이므로,

Expand(익스펜드)를 선택합니다. 수치 입력 란에 4 pixel 이라고 입력합니다.

OK 버튼을 클릭 합니다.

19. 넓혀진 선택영역 보이죠? 이 넓혀진 영역이 이제 문자의 사이즈입니다. 하지만 넓혀진 문자 선택영역을 제외한 바깥쪽은 아직도 blur(블러)값에 의해 뭉개진 픽셀이 있을 수 있으므로 깨끗하게 정리해야 합니다.

select메뉴를 선택합니다.

inverse(인버스)를 선택하여 선택을 반전시킵니다.

20. Edit 메뉴에서 Fill을 선택합니다.

21. Fill 대화상자에서 Use 란에  Black을 설정하고 OK 합니다.

전체 도큐멘트 바탕색이 전경색으로 칠해졌죠?

22. 문자의 바깥쪽을 정리했으므로 다시 문자를 선택하여 작업을 계속 해야 합니다.

select메뉴를 선택합니다.

inverse를 선택하여 선택을 반전시킵니다.다시 문자가 선택되어졌습니까?

23. 선택이 활성화되고 있는 문자에 입체감을 주기 위해 필터를 적용합니다.

24. Filter를 선택합니다.

25. Stylize(스타일라이즈)의 Emboss(엠보스)를 선택합니다.

엠보스 수치입력박스에서 Angle값은 -45 로 입력하고 Height값은 13 으로 입력하고

Amount(어마운트) 값은 110으로 입력합니다.

OK 버튼을 클릭 합니다.

문자가 엠보스 필터에 의해 입체적으로 처리되었습니다.

26. 입체적으로 만들어진 문자에 크롬질감을 만들기 위해 강한 빛과 그림자 결을 표현하기 위해 음영톤 조절을 할 것입니다.

Image메뉴를 선택합니다.

Adjust(어드져스트)메뉴에서 Curves(커브스)선택합니다.

나타난 Curves 조절 박스에서 양끝의 기본 하이라이트와 섀도우 톤은 설정값을 건들지 않고 중간의 회색 톤을 조절하기 위해 커브 직선에 조절 점들을 추가하여 변형합니다.

지시하는 곳을 클릭 하세요  조절점이 생겼죠?

그 조절점을 화면에서 지시하는 곳으로 드래그 합니다.

지시하는 곳을 클릭 하세요

조절점을 화면에서 지시하는 곳으로 드래그 합니다.

다양한 조절점에 문자의 입체감 톤이 밝고 어두운 톤의 대비 값으로 다양하게 변화되는 것이 보이죠?

지시하는 곳을 클릭 하세요

조절점을 화면에서 지시하는 곳으로 드래그 합니다.

OK버튼을 클릭 합니다.

27. Curves 조절로 입체 문자에 크롬재질이 부여되었습니다.

만들어진 문자는 밝게 색 보정을 할 부분과 어둡게 색 보정 할 영역 두 개의 선택영역이 필요합니다.

선택을 풀지 말고, alpha 2 채널을 복사하여 alpha 3을 만듭니다.

alpha 2 채널을 선택하여 지시하는 곳으로 마우스를 드래그 합니다.

28. 복사된 alpha 3 채널을 선택하고 Image 메뉴를 클릭 합니다.

29. Image 메뉴의 Adjust의 Invert(인버트)를 선택합니다.

30. Select 메뉴를 선택합니다.

31. Deselect(디셀렉트)를 선택합니다.

지금까지 크롬질감을 만들기 위한 알파채널 작업이 끝났습니다.

다음 학습에서는 제작된 알파채널을 이용하여 입체감을 표현하도록 합니다.

3 .크롬질감의 음영대비 만들기

이전 학습에서 알파채널 작업이 완료되었습니다. 이번에는 제작된 알파채널을 이용하여 크롬질감의 움영대비를 만들어 보도록 하겠습니다.

32. 채널 팔레트를 보고 이제 지금까지 만든 채널들을 불러들여 효과를 보기 위해 RGB모드를 선택합니다.

33. 이제 저장되어 있는 작업한 알파채널들을 각각 선택으로 불러들여 크롬문자의 입체감이 표현되도록 합니다.

먼저 알파채널 두 번째를 선택하여 선택영역으로 만드는 Load Channel as Selection 아이콘으로 드래그 하여 선택영역으로 불러들입니다. 지시하는 곳으로 두 번째 채널을 드래그 하세요.

34. Image 메뉴를 클릭 합니다.

35. Adjust메뉴에서 Curves선택합니다.

36. 제시된 Curves 조절 상자에서 우선 밝은 영역을 만들기 위해 조절점을 드래그 합니다.

지시하는 곳을 마우스로 드래그 하세요

OK버튼을 클릭 합니다.

37. 다음은 어두운 영역을 만들기 위해 알파채널 세 번째를 선택하여 선택영역으로 만드는 Load Channel as Selection 아이콘으로 드래그 하여 선택영역으로 불러들입니다. 지시하는 곳으로 두 번째 채널을 드래그 하세요.

38. Image 메뉴를 클릭합니다.

39. Adjust메뉴에서 Curves선택합니다.

40. 제시된 Curves 조절 상자에서 이번엔 어두운 영역을 만들기 위해 조절점을 드래그 합니다.

지시하는 곳을 마우스로 드래그 하세요

지시하는 곳에 조절점을 찍습니다.

지시하는 곳으로 마우스를 드래그 합니다.

OK버튼을 클릭 합니다.

41. 선택 툴을 선택하여 화면에서 클릭 합니다.

42. 다 완성이 되었습니다. 여기에 그림자를 첨부하기 위해 완성된 문자에 선택영역을 잡습니다. 왜냐하면 이펙트 효과를 적용시키려면 레이어가 되어 있어야 하기 때문입니다.

채널팔레트에서 alpha 1 채널을 불러들여 선택영역으로 잡습니다.

지시하는 곳으로 마우스를 드래그 하세요.

하지만 지금의 선택영역은 문자를 다 잡지 못합니다. 우리는 아까 문자를 좀더 두껍게 작업하기 위해 선택영역을 확장 시켰었죠? 그러므로 지금도 다시 선택을 확장시켜서 문자를 잡아야 합니다.

앞서 했던 과정을 다시 반복하여 Select 메뉴의 Modify(모디프)의 Expand(익스펜드)로 확장 똑같이 확장시킵니다.

43. 만들어진 선택영역을 설정해 둔 상태에서 Layer 메뉴를 클릭합니다.

New 로 들어가서  Layer Via copy를 선택합니다.

44. 레이어 팔레트를 클릭합니다.

Layer Via copy는 선택한 영역을 복사하여 레이어로 만들어 주는 것입니다.

그러므로 우리가 선택한 문자가 Layer Via copy에 의해 새로운 레이어 층으로 올려진 것이 보이죠?

45. 레이어 팔레트에서 이펙트 아이콘을 클릭 하여 Drop Shadow(드롭 쉐도우)를 설정합니다.

Opacity를 50, Distance는 10, Size도 10으로 맞춥니다.

OK 버튼을 클릭합니다.

그림자까지 첨부되어 모든 것이 마무리되었습니다. 채널에서 다양하게 필터들을 적용시켜서 음영 대비 값을 커브에서 조절하여 입체감에 재질까지 부여하였습니다. 다른 텍스트와 문자 외에도 마크도안들에 적용시켜 다양하게 연습해 보세요.

이상으로 크롬문자 학습을 마칩니다.