사진으로 포스터 만들기

(1)

4. 사진으로 포스터 만들기

4-1 학습목표

Camera raw 파일을 자신의 의도대로 가공하여 포스터 이미지로 제작할 수 있다.

Camera raw 프로그램과 마스킹, 블렌드 모드를 학습한다.

4-2 실습

본 강에서는 camera raw 프로그램과 마스킹, 블렌딩 모드를 이용하여 아래와 같은 복 잡한 포스터를 만드는 방법을 배워보도록 하겠습니다.

A. Camera raw 파일 편집하기

① 첨부된 폴더에 있는 IMG_5730.CR2파일을 더블클릭 합니다.

(2)

② Camera Raw 프로그램이 열리며 이미지를 편집할 수 있게 된 것을 확인하 실 수 있습니다.

③ Tip) raw 파일이란 이미지가 특정 방식에 의해 압축된 jpeg, bmp와 달리 촬 영 당시의 모든 정보가 그대로 살아있는 파일을 말합니다. raw파일을 얻기 위해서는 촬영 당시 카메라를 설정을 통해야 하고, 브랜드에 따라 그 확장 자가 달라질 수 있습니다. 제가 사용한 Canon사의 카메라 경우, cr2확장자를 사용하고 있습니다. raw파일은 일반적인 프로그램으로는 편집할 수 없고, raw파일을 다룰 수 있는 별도의 프로그램이 필요합니다. 프로그램 Camera Raw는 포토샵에 내장된 프로그램으로서 별도의 설치 없이 raw파일을 편집 할 수 있도록 돕고 있습니다. raw파일은 이미지를 jpeg와 같은 압축방식을 거친 것 보다 고화질 그대로 손상 없이 사용하기 위해 사용 됩니다.

(3)

④ saturation 값을 -100으로 설정하여 이미지를 흑백으로 만듭니다.

⑤ black 10, exposure +0.50, fill light 10, clarity +100의 값을 설정하여 기존의 이미지를 의도대로 변형합니다.

⑥ 좌측 하단의 save image..를 눌러 작업한 파일을 저장합니다. 파일이 저장될 폴더를 지정한 후, format은 jpeg, quality는 3으로 설정합니다.

Tip) 강의를 위하여 낮을 quality를 설정하였습니다. 실제 작업의 경우에는 컴퓨터가 견딜 수 있는 최대 quality를 사용하시기 바랍니다. Quality가 높아 질수록 파일의 크기가 커져 작업속도가 늦어질 수 있습니다

(4)

⑦ 저장이 끝난 후, 우측 하단의 done을 눌러 camera raw 프로그램을 닫아줍 니다.

B. 작업 창 설정

① 포토샵 메뉴의 File→New를 누릅니다.

② 설정 창이 뜨면

*preset을 international paper로 설정한 후, size는 a4, resolution은 100, Color Mode는 CMYK Color 16bit, Background Contents는 Transparent 설정하고 OK를 눌러 작업 창을 열어줍니다.

(5)

C. Camera raw로 작업한 파일 불러오기

① [file]-[place]를 이용하여 이전에 설정하였던 폴더에서 jpeg파일을 불러옵니 다. 이름을 따로 지정하지 않았다면 raw파일의 이름과 같은 IMG_5730.jpeg 의 이름으로 파일이 추출되어 있습니다.

② 엔터 혹은 우측 상단의 체크를 눌러 이미지를 불러온 후, smart object를 원 활한 작업을 위해 rasterize해줍니다. Rasterize는 [layers] 팔레트의 레이어를 우클릭 후 [rasterize layer]를 통해 작업할 수 있습니다.

(6)

Tip) smart object란 포토샵에서 place를 통해 기존에 있는 이미지를 불러왔 을 때, 작업으로 인해 원본이 변화되지 않도록 하기 위한 기능입니다. 하지 만 smart object 상태에서는 작업의 많은 부분에서 제약이 따르기 때문에 작업하시기 전 rasterize를 통해 이미지를 편집할 수 있는 상태로 변환하여 줍니다.

D. sources 그룹 만들기

① [layers] 팔레트 하단의 폴더 모양을 클릭하여 새로운 그룹 생성 후 이름을 sources로 지정하여 줍니다.

② 기존의 IMG_5730 레이어를 선택 후, ctrl+j를 눌러 레이어를 복사합니다. 새 롭게 생성된 레이어를 드래그하여 sources 그룹에 넣어줍니다.

(7)

Tip) sources 폴더를 만드는 것은 작업 중, 원본이 필요할 수 있기 때문에 레 이어를 그대로 복사하여 따로 저장하여 두는 것입니다.

③ sources 그룹 앞의 눈표시를 클릭하여 없애줍니다.

Tip) layer의 눈표시는 현재 화면에서 layer의 모습이 보이도록 혹은 보이지 않도록 하는 기능을 가지고 있습니다. Sources 그룹은 작업을 위한 것이 아 닌 원본 보존을 위한 것이기 때문에 눈표시를 해제하여 줍니다.

E. Path와 mask이용하여 부분편집

① P를 눌러 pen툴을 설정 후 모니터의 외곽선을 따라 path를 만들어 줍니다.

(8)

Tip) pen툴을 이용할 경우 특정한 점을 클릭 후, 클릭을 떼지 않은 상태에서 움직이면 핸들을 변형할 수 있습니다. 핸들을 이용하여 곡선의 모습을 변형 할 수 있습니다. 핸들을 이용할 때, 클릭을 떼지 않은 상태에서 alt를 누를 경우, 한쪽 핸들만 따로 변형할 수 있습니다. 이를 이용하여 원래 이미지 라 인과 가장 유사한 path를 만들어 줍니다.

Tip) 포토샵 작업 중, 스페이스바를 누르면 스크롤바를 이용하지 않고 화면 을 이동하실 수 있습니다. 작업 중 화면 이동이 필요할 경우 사용하시기 바 랍니다. 또한 z를 누를 경우 돋보기 툴을 이용하여 화면의 배율을 조정할 수 있습니다. 돋보기 툴 선택 상태에서 클릭을 할 경우, 클릭한 부분이 확대 되고 alt를 누르고 클릭할 경우 축소됩니다.

② 시작점과 마지막 점을 이어 패스를 완성하여 줍니다. [paths]팔레트를 보시면 방금 작업한 path가 work path로 등록되어 있는 것을 확인할 수 있습니다.

F. Work path를 더블클릭하여 이름을 monitor로 저장합니다. Path모양 그대로 선택 영역으로 불러오기 위하여 [paths] 팔레트 하단 중앙의 [load path as a selection]

을 눌러줍니다. Path의 외곽선이 점선으로 바뀌어 선택영역으로 변환된 것을 확

(9)

인할 수 있습니다.

G. [layers]팔레트로 돌아와 IMG_5730 레이어를 create a new layer로 드래그하여 복사하여 줍니다. 선택영역이 유지되어 있고 새롭게 생성된 레이어가 선택된 상 태에서 [layers] 팔레드 하단의 [add layer mask]를 눌러줍니다. 선택영역이 지정 된 상태에서 마스크를 씌울 경우, 선택영역만 흰색으로 남고 나머지 부분은 검 은색으로 칠해진 마스크가 만들어집니다.

Tip) 마스크는 기존의 이미지가 남아있는 상태에서 특정 부분만을 보이도록 하기 위해 사용됩니다. 마스크에서 흰색으로 칠해진 부분은 보이게 되고, 검 은색 부분으로 칠해진 부분은 보이지 않게 됩니다. 회색으로 칠해진 부분은 그 회색의 정도에 따라 투명도가 적용되게 됩니다.

H. gradient map 이용하여 명암 조정

① 마스크가 씌워지지 않은 IMG_5730레이어가 선택된 상태에서 [layers] 팔레

(10)

트 하단의 [create new fill of adjustment layer]를 클릭 후, [gradient map]을 눌러줍니다.

② 흑백 gradient를 선택 후, 커서의 위치를 조정하여 이미지의 흑백 대비가 강 해지도록 설정합니다. [ok]를 눌러 효과가 적용되도록 합니다.

I. Level을 이용하여 명암 조정

① 마스크가 씌워진 레이어를 선택 후, ctrl+L을 눌러 level창을 열어줍니다. 상 단 메뉴의 [image]-[adjustments]-[levels]를 통하여 들어가실 수도 있습니다.

(11)

② 검은색, 흰색, 회색 커서를 드래그하여 이미지의 명암을 조정하여 줍니다.(검 은색 32, 회색 0.91, 흰색 230)

J. 작업된 레이어 이름 부여

① 마스크가 씌워진 모니터 레이어의 이름부분을 더블클릭하여 monitor로 이름 을 변경하여 줍니다.

② 나머지 레이어도 background, back-gradient로 이름을 부여한 후 shift를 이 용하여 두 레이어를 함께 선택 후, 아래 폴더모양으로 드래그하여 그룹을 만들어줍니다.

③ 그룹이 만들어지면 그룹의 이름 부분을 더블클릭하여 background로 만들어 줍니다.

(12)

K. 텍스트 작성 후 변형하기

① T를 눌러 텍스트 툴을 선택 후, 아무 곳이나 클릭하여 텍스트 레이어를 만 들고 원하는 텍스트를 입력하여 줍니다.

② ‘달빛요정역전만루홈런, 추억전시회, 상명갤러리, 1019-1026’라고 입력하신 후, 우측 상단의 체크 버튼을 눌러 적용하여 줍니다.

L. [character] 팔레트를 활성화한 후, 첨부파일로 드린 YDIYGO140 폰트를 선택합 니다. 폰트 크기 44.83pt, 행간 45.66으로 설정하여 줍니다. (파일로 드린 폰트를 설치하기 위해서는 C:\WINDOWS\Fonts에 폰트파일을 복사해 넣으시기 바랍니 다.)

(13)

M. [layers] 팔레트에서 ctrl을 누른 상태에서 타이포의 T모양을 클릭하여 선택영역 을 불러옵니다. 점선으로 타이포 모양대로의 선택영역이 만들어진 것을 확인할 수 있습니다.

N. 타이포 레이어는 드래그하여 sources그룹으로 옮기고, [layers] 팔레트의 하단의 [create a new layer]를 클릭하여 새 레이어를 만들어 줍니다. 후경색이 흰색으로 되어 있는 상태에서 ctrl+Delete를 눌러 흰색으로 선택영역을 칠해줍니다.

Ctrl+D 혹은 [select]-[deselect]를 눌러 선택영역을 취소하여 줍니다.

(14)

O. 새로운 레이어가 선택된 상태에서 Ctrl+t를 눌러 자유변형 툴을 활성화하여 줍 니다. [edit]-[free transform path]로도 활성화 할 수 있습니다. Ctrl을 누른 상태에 서 점을 이동하여 원하는 모양대로 레이어를 변형하여 줍니다. 엔터 혹은 우측 상단의 체크를 눌러 변형이 적용되도록 합니다.

P. 블랜딩 모드를 이용하여 이미지 합성

① 텍스트 레이어가 선택된 상태에서 [layers] 팔레트 좌측 상단의 블렌딩 모드 를 overlay로 바꾸어 줍니다.

(15)

② overlay효과를 극대화하기 위하여 ctrl+j를 두 번 눌러 레이어를 두개 복사하 여 줍니다. 세번째 레이어의 효과를 약화시키기 위하여 레이어의 opacity를 50%로 낮추어 줍니다.

Tip) 이전 background 작업 중 gradient map 설정 값에 따라 블렌딩 모드 값이 같다 하더라도 다른 모습의 결과물이 만들어질 수 있습니다. 복사한 레이어의 수와 블렌딩 모드의 종류, opacity를 이용하여 가장 적절한 모습을 작업화면을 보시며 만드시기 바랍니다.

③ Shift를 이용하여 방금 작업한 텍스트 레이어들을 모두 선택한 후 [layers]팔 레트의 폴더로 드래그하여 그룹으로 만들어 주고, 이름을 text2로 부여합니 다.

(16)

Q. 마스크를 이용하여 원근감 부여

① Text2 그룹이 선택된 상태에서 [add layer mask]를 선택하여 마스크를 만들 어 줍니다.

② text2의 마스크가 선택된 상태에서 g를 눌러 gradient 툴을 활성화하고 검은 색-흰색을 선택하여 흰색에서 점점 멀리 갈수록 검은색이 되도록 gradient 를 만들어 줍니다.

(17)

R. Pen 툴을 이용하여 객체 만들기

① p를 눌러 pen툴을 활성화시키고 화살표 모양의 path를 만들어 줍니다.

[paths] 판넬에서 work path를 더블 클릭하여 arrow로 path를 저장하여 줍 니다. [paths]판넬 아래 쪽의 [load path as a selection]을 눌러 path를 선택영 역으로 불러옵니다.

② 후경색을 바꿔주기 위하여 후경색을 클릭한 후 개나리색을 선택하여 줍니 다.(R:255, G:230, B:0)

(18)

③ Ctrl+Delete를 눌러 후경색을 선택영역에 적용합니다. Ctrl+D 혹은 [select]- [deselect]를 눌러 선택영역을 해제합니다.

④ 배경 텍스쳐와 어울리도록 하기 위하여 블랜딩모드를 multiply로 변환하고 opacity를 90%로 낮춥니다.

S. 이미지 불러와 변형하기

(19)

① [file]-[place]를 이용하여 not sad 파일을 불러옵니다.

② Ctrl을 누른 상태에서 [layers] 판넬의 스마트 오브젝트를 선택하여 선택영역 을 불러 온 후, 원본은 sources 그룹으로 드래그하여 줍니다.

③ [layers]판넬의 [create a new layer]를 클릭하여 새로운 레이어를 만들어 줍니 다.

(20)

④ Ctrl+Delete를 눌러 후경색인 개나리색을 선택영역에 칠해줍니다. Ctrl+D 혹 은 [select]-[deselect]를 눌러 선택영역을 해제해 줍니다.

T. 이미지 복제 후 편집

① Ctrl+J를 눌러 레이어를 복제하여 줍니다.

② L을 눌러 Lasso 툴을 활성화 하여 이야기 부분을 선택하여 줍니다.

(21)

③ Delete를 눌러 이야기 부분을 없앤 후, Ctrl+D로 deselect하고, layer 이름을 not sad로 바꿔 줍니다.

④ 아래 레이어는 반대로 슬프지 않은 부분을 Lasso툴로 사용하여 선택한 후 Delete를 눌러 삭제하여 줍니다. Ctrl+D 혹은 [select]-[deselect]를 눌러 선택 영역을 해제합니다.

⑤ 레이어의 이름을 story로 바꿉니다.

(22)

⑥ not sad 레이어를 선택 후, Ctrl+T 혹은 [edit]-[free transform path]를 이용하 여 이미지를 변형하여 줍니다.

⑦ 레이어의 블렌딩모드를 multiply로 바꿔줍니다.

⑧ not sad 레이어를 Ctrl+J 이용, 복사 후, 블렌딩모드를 overlay로 바꿔줍니다.

(23)

⑨ 화살표와 텍스트 간의 이질감을 줄여주기 위하여 overlay를 적용한 레이어 에 마스크를 만들어 준 후, g를 눌러 그라디언트를 적용하여줍니다.

⑩ story 레이어 역시 Ctrl+T를 이용하여 이미지를 변형하여 줍니다.

⑪ 앞에서 작업한 것 처럼 블렌딩모드를 multiply로 바꿔준 후, 레이어를 복사 하여 overlay로 합성된 레이어를 겹쳐줍니다.

(24)

⑫ overlay로 겹쳐져 어색한 부분을 역시 마스크를 씌워 그라디언트를 적용해 줍니다.

⑬ arrow부터 not sad까지 방금 작업한 모든 레이어를 함께 그룹으로 묶어 줍 니다.

⑭ 그룹의 이름을 text1로 바꾸신 후, 원근감을 주기 위하여 text1 그룹에 마스 크를 씌워줍니다.

(25)

⑮ 골목으로 갈수록 검은색이 되도록 그라디언트를 적용하여 줍니다.

U. 완성작

(26)