9단원 Layer 팔레트와 색상조정Ⅰ

1. 죽순 이미지 합성하기

이번 학습은 총 다섯 단계로 구분되어 실습학습 통해 북커버 이미지를 완성합니다. 한 단계씩 차례대로 완성해 나가면서 학습을 진행하겠습니다.

이번 학습은 포토샵의 편집기능을 익히기 위한 기초적인 학습입니다.

레이어 팔레트의 활용과 색상 보정 메뉴들을 익히면서 포토샵의 다양한 이미지 편집 기능을 익히도록 합니다.

완성된 샘플은 화면에 띄워놓고 보면서 표현된 이미지를 따라 하면서 다양한 메뉴를 찾아보도록 하겠습니다.  하지만 완성된 샘플이 커서 두 이미지를 비교하기가 힘드니 화면의 비율을 축소하여 왼쪽에 배치하도록 하겠습니다.

1. 툴박스에서 돋보기 툴을 이용하여 작업하는 이미지들의 화면을 확대하거나 Alt 키를 누르면서 돋보기 툴로 축소 할 수도 있지만 상단의 메뉴에서 View 메뉴를 선택합니다.

View 메뉴는 보기 메뉴로서 작업하는 화면의 비율이나 측정을 가능하게 하는 자 환경과  안내선과 그리드 라는 환경을 설정하여 작업 상태를 능률적으로 관리할 수 있는 설정들의 메뉴들이 있습니다.

2. Zoom out을 선택합니다.

Zoom in 은 도큐멘트 화면의 비율을 확대합니다.  Zoom out은 비율을 축소합니다.

더불어 Fit on screen 은 화면에 꺼내진 창의 크기에 이미지를 맞추는 것이고,

Actual pixels 은 픽셀 사이즈에 맞추어 100%로 보여주는 것이고 Print size 는 출력사이즈에 맞추어 이미지를 화면에서 나타내는 메뉴들입니다.

나머지 하단은 자와 안내선 그리드를 설정하는 메뉴들입니다.

3. Zoon in 에 의해 화면의 이미지가 비율이 작아 졌습니다.

넓혀져 있는 이미지 윈도우의 창을 조절하여 작게 맞춥니다.

4. 작업을 시작할 새로운 도큐멘트를 꺼내야 합니다.

완성된 이미지와 똑같은 크기의 도큐멘트를 꺼내어 작업을 할 것인데 지금 우리는 완성된 샘플의 이미지의 사이즈가 얼마인지 해상도가 얼마인질 알 수가 없습니다.

그러므로 데이터의 크기를 알아보겠습니다.

5. Image 메뉴의 Image Size를 선택합니다.

6. Image Size 대화 상자가 나타났습니다.

7. Image Size 는 선택된 도큐멘트의 사이즈에 대한 정보를 제시해주면서 이미지 크기를 재조정 할 수 있도록 하는 메뉴입니다. 지금은 사이즈를 조정하는 게 아니라 정보만 제공받습니다. 이 대화상자에서 제시된 이미지의 크기를 보고 이 수치 값을 신규 설정하는 곳에 그대로 입력하면 제시된 화면의 완성 이미지와 도큐멘트 크기를 똑같이 맞추어 꺼낼 수 있습니다.

하지만 이런 방법보다 더 간편하게 하실 수 있는 방법이 있습니다.

Cancel 버튼을 눌러 최소하여 창을 닫습니다.

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

9. All을 선택합니다.

10. 도화지가 선체 선택되었습니다.

11. Edit 메뉴의 Copy를 선택합니다.

12. File 메뉴의 New를 선택합니다.

선택영역을 만든 후 복사하여 File에서 New를 선택하면 방금 전에 복사한 크기 값이 신규 사이즈 란에 들어가 있습니다.

그러므로 New의 대화상자의 모든 설정을 그대로 맞추어 놓은 상태로 OK 버튼을 클릭 합니다.

13. 화면에 신규로 설정한 새로운 도큐멘트가 생성되었습니다.

14. 작업을 시작하여 편집할 소스 이미지를 꺼내어야 합니다.

15. File 메뉴를 선택합니다.

16. Open을 선택합니다.

17. aspg.jpg 파일을 선택한 후 열기를 클릭 합니다.

18. 화면에 도큐멘트가 열렸습니다.

19. 사각 선택 툴을 선택하여 화면에 제시된 죽순이미지에서 작업영역으로 쓰실 적당한 사각형을 선택합니다.

지시하는 곳을 클릭 하여 드래그 하세요

20. 선택영역이 잡혔습니다. 이동 툴을 선택합니다.

21. 화면에 잡힌 사각선택영역을 이동 툴로 클릭 드래그 하여 옆의 새로 꺼낸 도큐멘트로 이동합니다. 지시하는 방향으로 드래그 하세요.

새로운 도큐멘트에 이미지가 복사되어 왔습니다.

더불어 레이어 팔레트를 보시면 복사되어 올려지면서 독립적인 레이어층이 되었습니다.

22. 크기를 조정하기 위해 Edit 메뉴를 선택합니다.

23. Free Transform을 선택합니다.

이미지 외곽 틀에 보이는 조절점을 이동하여 이미지의 크기를 좀더 크게 넓게 합니다.

특히 중심을 고정시키면서 사이즈 변경을 하시려면 키보드에서 Alt 키를 누르면서 드래그 합니다.

Shift 키는 이미지의 가로와 세로비율을 고정시키면서 조절하게 하고, Alt 키는 이미지의 중심을 고정시키면서 중심부터 바깥쪽으로 형태를 조절합니다.

오른손은 마우스를 쥐고 있으니 왼손으로 키보드에서 Alt 키를 누르고 마우스를 지시하는 방향으로 드래그 하세요

24. 조절이 되어서 원하는 사이즈가 되었으면 OK 하기 위해 이미지 안에서 마우스를 두 번 더블 클릭 합니다.

25. 옆의 완성된 이미지가 안보이니 죽순이미지를 선택하여 잠시 화면 아래쪽으로 최소화시킵니다.

26. 이미지의 컬러를 조정하여 완성된 샘플과 같이 맞추어 보겠습니다.

Image 메뉴를 선택합니다.

27. Adjust 메뉴를 선택합니다.

28. Hue/Saturation 메뉴를 선택합니다.

29. Hue/Saturation 의 대화상자가 열렸습니다.

30. 단색으로 처리하기 위해 오른쪽 하단의 Colorize 칸을 체크합니다.

31. Hue 란을 50 으로 입력하고 Saturation 란을 80 으로 입력합니다.

OK버튼을 클릭합니다.

32. 화면의 이미지가 색상 톤이 단색으로 바뀌었습니다.

33. 이미지에 조금 거친 듯한 처리를 위해 필터효과를 추가합니다.

Filter 메뉴의 Noise를 선택합니다.

Add Noise를 선택합니다.

Noise 라는 필터는 이미지의 픽셀을 먼지같이 흩트려줍니다.

Amount값을 10 이라고 입력합니다. 하단의 Monocromatic을 체크하여 단색으로 잡티를 만듭니다. OK 버튼을 클릭합니다.

34. 이미지가 거칠게 처리되었습니다.

지금까지 포토샵의 편집기능을 익히기 위한 기초적인 학습을 실습으로 진행하면서 죽순 이미지까지 편집을 완료하였습니다. 다음 학습에 이어 지금까지 제작한 죽순이미지에 접시, 야채, 물고기이미지 등을 합성하여 북커버를 완성하겠습니다.

2.  접시 이미지 합성하기

이전학습에서 제작한 죽순이미지에 이어 접시이미지를 합성하면서 포토샵의 기초적인 편집기능을 익혀 보겠습니다.

35. File 메뉴의 Open을 선택합니다.

36. Plate.jpg 파일을 선택한 후 열기 버튼을 클릭합니다.

37. 화면에 접시 이미지가 꺼내졌습니다.

38. Plate 도큐멘트에서 접시이미지만 선택하여 작업하는 새로운 도큐멘트로 옮겨야 합니다. 방법은 Path 로 외곽을 그려서 선택으로 전환하는 방법이 있고, 또다른 처리는 매직 툴을 이용하는 것입니다. Magic Wand Tool을 선택합니다.

39. 매직 툴의 상단 옵션바에서 Tolerance 란에 80 이라고 입력합니다.

매직 툴은 선택 툴의 종류로서 클릭하게 되는 지점의 픽셀의 유사음영톤의 컬러를 선택영역으로 만드는 선택도구입니다. 그 유사음영톤의 컬러 범위 값을 지정하는 게 바로 Tolerance입니다. 적으면 범위가 축소되고 수치가 크면 범위가 확장됩니다.

매직 툴을 가지고 접시 이미지에서 접시 말고 접시의 바깥쪽 바탕을 클릭합니다.

그러면 화면에 유사한 음영톤의 바탕이 선택되어졌습니다.

하지만 우리가 필요하여 복사할 이미지는 바탕이 아니라 접시 이미지입니다.

40. Select 메뉴의 Inverse를 선택하세요. Inverse는 선택영역을 반전시켜서 선택한 영역을 제외한 나머지를 선택하도록 바꾸어 줍니다.

41. 선택영역이 바뀌어서 접시가 선택되어졌습니다.

42. 이 접시 이미지를 작업중인 오른쪽의 새로운 도큐멘트로 복사합니다.

하지만 단순히 옮겨 놓으면 안되고 오른쪽에 작업되어 있는 사각의 죽순 이미지 안쪽으로 넣어야 합니다. 왼쪽의 완성된 이미지를 보시면서 비교하세요.

Edit 메뉴의 copy를 선택합니다.

복사하여 옮길 작업중인 새로운 도큐멘트를 선택합니다.

43. Select 메뉴의 Load Selection을 선택하세요.

대화상자가 열렸습니다.

Load Selection 으로 레이어의 투명한 곳은 빼고 이미지의 외곽만 선택영역으로 잡을 수 있습니다. OK 버튼을 클릭합니다.

44. 화면에 사각형의 선택영역이 생겼습니다.

이 선택영역을 잡은 이유는 앞서 선택한 접시 이미지를 새로운 도큐멘트의 이 사각 이미지 안으로 넣기 위해 Paste into 라는 명령을 사용할 것인데 Paste into 라는 명령은 선택영역이 있어야 쓸 수 있습니다. 왜냐하면 복사한 이미지를 선택영역 안으로 넣어주기 때문입니다.

그래서 이 사각선택영역을 잡은 것입니다.

앞서 복사한 접시 이미지가 복사되어 인식되고 있으니 이제 작업중인 현재의 새로운 도큐멘트에서 Edit 메뉴를 선택합니다.

45. Paste into를 선택합니다.

46. 화면의 사각 죽순 이미지 안에 선택하여 복사한 접시 이미지가 들어왔습니다.

접시 이미지는 실제로 다 온 것이지만 Paste into 라는 메뉴에 의해 화면에서는 선택한 선택영역 안에서만 보이고 있습니다. 레이어 팔레트를 보시면 지금의 설정에 대해 쉽게 아실 수 있습니다.

47. 보이는 접시 이미지가 너무 크므로 크기를 조절합니다.

Edit 메뉴의 Free Transform을 선택합니다.

왼쪽 상단의 조절점을 잡고 가로 세로 비율을 맞추기 위해 왼손으로 키보드에서 Shift 키를 누르고 마우스를 드래그 하여 적당한 크기를 맞춥니다.

48. 이미지 안에서 두 번 더블 클릭 하여 OK 합니다.

49. 이동 툴을 선택합니다.

50. 접시를 선택하여 적당한 위치로 맞춥니다.

51. 레이어 팔레트를 보니 두 개의 레이어가 생성되어 있습니다. 도큐멘트에서 도큐멘트로 복사하여 넘기면 자동적으로 올려지는 이미지가 레이어가 생기기 때문입니다.

두 개를 따로 분리할 필요가 없고 더불어 두 개의 이미지에 동시에 Stroke를 넣어야 하므로 두 개의 레이어를 합치겠습니다.

레이어 팔레트 오른쪽의 메뉴 버튼을 클릭 합니다.

Merge down을 선택합니다.  Merge down은 선택한 레이어를 바로 아래 레이어와 한 장으로 합쳐 줍니다.

이미지가 합쳐졌습니다.

52. Edit 메뉴를 선택합니다.

53. 전경색을 검정색으로 골라 놓고 Stroke 메뉴를 선택합니다.

54. Stroke 대화 상자가 열렸습니다.

두께 설정 란에 3 이라고 입력하고 OK 버튼을 클릭합니다.

55. 사각이미지 외곽에 검정색 라인이 둘러졌습니다.

56. Filter 메뉴의 Distort를 선택합니다.

Ripple을 선택합니다.

대화 상자에 100 이라고 입력하고 OK 버튼을 클릭 합니다.

57. Ripple 이라는 필터에 의해 이미지가 자잘한 파장을 가지며 변형되었습니다.

58. 왼쪽에 꺼내져 있는 접시 이미지를 끕니다.

지금까지 Paste into 명령과 다른 툴과 옵션 등을 사용하여 접시이미지를 합성하였습니다.

다음학습에 이어 야채이미지를 합성하겠습니다.

3. 야채 이미지 합성하기

이전 학습까지 작업된 단계에 이어 포토샵을 편집 기능을 익히며 야채이미지를 합성해 보겠습니다.

59. File 메뉴의 Open을 선택합니다.  Open을 위한 창이 띄워졌습니다.

veg.jpg 라고 이름지어져 있는 파일을 선택합니다.

OK를 클릭합니다.

화면에 야채이미지 도큐멘트가 열렸습니다.

60. Magic Wand Tool을 선택합니다.

61. 매직 툴이 유사 색으로 잡아주는 점을 이용하여 Path 로 일일이 선택하기 어려운 야채형태를 바탕을 이용하여 선택합니다.

상단의 옵션바에서 Tolerance 란에 30 이라고 입력한 후 매직 툴로 토마토 도큐멘트 이미지의 바탕을 클릭 합니다.

바탕이 선택되었습니다.

하지만 자세히 보면 야채 이미지 안쪽으로 있는 바탕의 색상들은 자세히 선택되지 못했습니다.

다시 매직 툴을 이용하여 나머지를 계속 선택합니다.

선택을 계속 확장 시켜 나가려면 왼손으로 키보드에서 Shift 키를 누릅니다.

Shift 키는 다중선택의 보조키로 사용됩니다.

62. Select 메뉴의 Inverse를 선택하세요.

63. 선택영역이 바탕에서 반전되어 야채를 선택하게 되었습니다.

64. Edit 메뉴를 Copy 명령을 선택합니다.

갖다놓을 영역을 복사하였으니 창을 닫습니다. 이미지 창의 닫기 버튼을 클릭 합니다.

65. 작업하는 새로운 도큐멘트에서 Edit 메뉴를 선택하세요.

66. Paste를 선택합니다.

67. 야채이미지가 화면에 복사되어 왔습니다.

68. 토마토 이미지는 두 개만 사용 할 것이므로 하나를 선택하여 지웁니다.

레이어로 따로 있으니 선택하여 지우기만 해도 다른 이미지는 영향받지 않습니다.

Lasso Tool을 선택합니다.

화면에서 지정하는 곳에서 토마토 하나를 포함시키는 선택영역을 만듭니다.

선택 된 토마토를 지웁니다. 키보드에서 Delete 키를 누릅니다.

화면의 선택 영역 안의 이미지가 지워졌습니다.

화면에서 클릭 하여 선택을 해제합니다.

69. Edit 메뉴의 Free Transform을 선택합니다.

사이즈 조절 안내 선과 조절점이 이미지 외곽으로 둘러졌습니다.

지시하는 방향으로 드래그 하여 이미지의 크기를 조절합니다.

Shift 키를 누르면서 드래그 하여 가로세로 비율을 맞게 조절합니다.

70. 사이즈가 조절된 이미지 안쪽으로 마우스를 두 번 더블 클릭 하여 OK 설정을 합니다.

71. Lasso Tool을 선택하여 나머지 야채이미지를 선택합니다.

지시하는 곳을 포함하는 선택영역을 만드세요.

72. 이동 툴을 선택합니다.

73. 선택된 이미지를 이동 툴로 이동하여 위치를 잡습니다.

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

74. 사각 선택 툴로 이번엔 토마토를 선택합니다.

75. 이동 툴을 선택하여 토마토의 위치를 이동합니다.

76. 사각 선택 툴을 이용하여 화면에 클릭 하여 선택을 해제합니다.

77. Image 메뉴에서 Adjust를 선택합니다.

78. Brightness/Contrast를 선택하세요.

79. 대화상자에서 Brightness 20, Contrast 20 으로 입력하고 OK 버튼을 클릭 합니다.

80. 화면의 야채 이미지가 밝고 선명한 색상으로 보정 되었습니다.

지금까지 야채이미지를 합성하여 편집하고 색상을 보정하여 보았습니다.

다음학습에 이어 죽순이미지를 복사하고 편집하겠습니다.