(포토샵 CS6 응용편) 귀여운 고양이 얼굴을 폴리곤 아트로 만드는 방법-1편

안녕하세요 우타냥입니다

오늘은 귀여운 고양이 이미지를 이용해서 폴리곤 아트를 만드는 방법에 관해서 알려드릴까 합니다

폴리곤 아트는 일러스트를 이용해서 만들 수도 있는데요... 포토샵으로 만드는 방법에 비해서 훨씬 더 간단하게 만드는게 가능해요!ㅎㅎ

일러스트에 비하면 포토샵으로 작업하는 건 조금 귀찮고 시간이 오래걸리는 작업이 될 수도 있겠네요...ㅎ

그래서 내용도 길어 질거 같아서 1편, 2편에 나눠서 설명을 해보고자 합니다

요 이미지를 이용할까 하는데요 웬만해선 사진 찍게 잘 안해줘서 찍으면 항상 뒷태만 나오는데... 잠자는 틈을 타서 겨우 찍은거라 눈 뜬 모습이 없어요 ㅜㅜ

까탈스러운 아이이죠.....ㅎㅎ

우선 이 이미지를 포토샵 프로그램에서 열어주도록 할게요

포토샵에서 파일을 연 후 반드시 원본은 한장 놔두고 작업이 가능하도록 복사를 해줍니다

늘 강조하는 거지만 작업할 때는 항상 원본 이미지 놔두고 중간중간 틈틈이 저장해놓는 습관이 중요하답니다

 

원본 이미지 복사했다면 단축키 Ctrl + R 눌러서 줄자를 꺼내주시구요 고양이 얼굴의 코나 입을 기준으로 하여 중심을 잡아주세요

저는 이번에 얼굴만 딸 예정이라서 이렇게 하지만 몸통까지 전체를 다 아트작업 하실거라면 굳이 이렇게 안하셔도 되세요^^

얼굴에 중심을 맞춘 뒤 펜툴로 얼굴 한쪽만 따주세요 저는 오른쪽이 마음에 들어서 오른쪽을 따줬어요 마음에 드는 쪽 얼굴 한쪽면을 골라서 따주시면 되세요ㅎㅎ

이렇게 하는 이유는 얼굴 한쪽만 폴리곤 아트로 만들어 준뒤 복사해서 반전시켜서 붙여주면 되니깐 굳이 힘들게 얼굴 전체를 다 작업 안해도 되겠죠?ㅎㅎ

펜툴로 얼굴을 다 따줬다면 새 레이어를 만들어 새 레이어가 선택이 된 상태에서 Ctrl + Enter 를 눌러서 선택영역을 잡아주시구요 전경색을 더블클릭하여 아무 색이나 선택한 뒤에 Alt + Delete를 눌러서 선택영역안에 색을 채워주세요

그 다음 Ctrl + D를 눌러서 선택영역을 해제해 주세요

그 다음 고양이 이미지를 제일 위로 올려 위치를 바꾼 다음에 아래에 있는 색 채워준 레이어에 귀속 시켜주세요

귀속 시켜줄 때는 Alt를 누른 상태에서 레이어와 레이어 사이에 마우스를 가져다 놓고 클릭을 하시면 아래 레이어에 이미지가 들어갑니다

이제 작업하기 조금 편하게 고양이 얼굴만 보이도록 새 레이어를 만들어서 색을 넣어주세요

새 레이어를 만든 뒤 Ctrl + A를 눌러주시면 아트보드 전체가 전부 선택이 됩니다 이 상태에서 색상을 선택한 뒤에 단축키를 눌러서 색을 넣어주고 선택영역 해제한 뒤 레이어 위치를 아래로 옮겨주면 얼굴만 보여지겠죠?

이제 Crop Tool을 이용하여 사이즈를 얼굴에 맞추어 조금 조절을 해 줄게요ㅎㅎ 왼쪽 툴바에 보시면 세번째 줄에 클릭이 되어있는 아이콘이 보이시죠? 저게 Crop Tool 아이콘입니다 사이즈를 줄였다 늘렸다 하는게 가능하죠

이건 굳이 안해주셔도 되는데 얼굴 이미지에 비해서 아트보드의 크기가 너무 커서 저는 조절을 해 주었어요ㅎ

사이즈 조절 한 뒤 Enter를 누르면 아트보드의 사이즈가 조절된 사이즈로 확정 된 것을 확인 가능하답니당

이제 폴리곤 아트로 작업하기 위한 기본 셋팅이 완료되었으니 본격적인 작업을 시작해 볼까요?

Filter -> Blur -> Average 경로를 따라 들어가 클릭해 주세요

그다음 왼쪽 툴바에서 Polygonal Lasso Tool을 선택해 주세요 

폴리곤 아트 작업시에는 눈이 매우 피로해 지므로 이미지를 크게 확대하여 작업을 해주세요^^

세모, 네모, 오각형... 같은 다각형으로 모양을 잡아주시면 되는데요 사각형은 그다지 사용하지 않는게 좋다는 의견도 있고...ㅎ 본인이 편하신대로 하시면 되요

저는 귀에서 부터 작업을 시작해줄거에요

끝에서 부터 삼각형으로 영역을 잡아주는데요 영역을 잡을 때에는 이미지에 굳이 딱 맞출 필요 없이 조금 넉넉하게 잡아주시면 되요 그리고 영역을 잡은 뒤에 Ctrl + F를 눌러주세요

단축키를 눌렀더니 선택영역 안에 색이 변한게 보이시나요?ㅎ

단, 레이어 선택은 제일 위에 있는 고양이 이미지가 선택이 되어 있어야만 합니다 그래야지만 단축키를 눌렀을 때 적용이 되요

이제는 이것을 반복해 주기만 하면 되는 작업이랍니다

Polygonal Lasso Tool로 영역을 다각형 모양으로 잡아주고 Ctrl + F -> Ctrl + D -> 영역 잡기 -> Ctrl + F -> Ctrl + D...

쭉 이 작업의 반복이에요

단, 영역을 잡을 때에는 경계선에 딱 맞추는게 아니라 조금씩 안으로 잡아주셔야 되요 위에 이미지에도 보면 약간 안쪽으로 해서 영역이 잡힌 게 보이실 텐데요

무슨 뜻이냐면요...

알기 쉽게 도형으로 설명을 드려보자면 사각형과 원형에 걸쳐서 조금 안쪽으로 같이 잡아준다...라고 말하면 알기 쉬우실까요? 경계선에 너무 딱 맞춰서 선택영역을 잡는다고는 해도 제대로 잡혔다는 보장도 없고 또 확대해서 보면 조금은 떨어진 부분도 있을 수 있기에 이렇게 작업을 해주는 거에요

저는 영역을 조금 작게해서 잡아주는데 작게 하는 만큼 디테일? 면에서는 세세하게 표현이 가능하기 때문인데 큼직큼직하게 영역을 잡아서 만들어 주셔도 되요

다음 나머지는 2편에서 설명을 드릴게요