세상을 아름답게 만드는 디자인

안녕하세요 우타냥입니다ㅎ

왠지 오랜만에 포스팅하는 기분이 드네요...ㅎ

컴퓨터그래픽스운용기능사 실기시험 날짜가 다가오다보니 공부한다고 좀 뜸했네요...ㅎ

오늘은 일러스트를 이용해서 태극기 그려보는 걸 해볼려고 합니다

포토샵을 이용해 만드는것도 가능은 하겠지만 대부분의 로고나 캐릭터디자인은 일러스트에서 효과주고 하는 것은 포토샵에서 작업을 한답니다ㅎㅎ

자! 그럼 본격적인 태극기 만들기 들어가 볼까요?

우선 일러스트 켜주시구요 새로운 도큐멘트를 하나 불러와 줍니다

저는 A4사이즈 가로로 열어줬어요

선은 없고 면만 있게 해준 뒤 도형툴을 이용해서 원을 하나 그려줍니다

원을 그릴때는 Shift를 눌러서 정원으로 만들어주세요ㅎ

정원으로 만든 빨간색 큰 원을 선택한 후 Ctrl + C , Ctrl + F 를 눌러서 복사한 뒤 그자리에 붙이기 해줍니다

그리고 복사한 원을 선택하여 왼쪽이나 오른쪽의 포인터를 하나 잡고 Shift를 누른 상태에서 옆으로 줄여주세요

큰 원의 반지름에 맞춰서 작은 원을 하나 만들어주시면 된답니다

그리고 작은 원을 한번 더 Ctrl + C , Ctrl + F 를 눌러주어 복사해서 그자리에 붙이기 해준 후 Shift를 누른 상태에서 반대쪽 옆으로 옮겨주세요ㅎ

자! 여기서 궁금증이 하나 생기죠?ㅎ 원을 줄여서 반원을 만들때 어떻게 정확하게 중심에 맞춰서 줄여주느냐겠죠?

상단의 메뉴바 View -> Smart Guides 를 클릭해주세요 단축키는 Ctrl + U

이 Smart Guides가 켜져있는 상태에서 원을 줄이게되면 큰원의 중심인 Center라는 문자가 뜹니다 그러면 정확하게 반원을 만들어 주는게 가능하죠ㅎ

이제 태극문양이 되도록 도형이 이어지게 만들어 주는 작업을 해야겠죠?

Pathfinder를 이용하는 방법도 있겠지만 조금 더 간단하게 도형을 이어주는 방법이 있답니다

왼쪽의 툴바에서 Shape Builder Tool을 이용하면 더 간편하고 빠르고 쉽게 도형끼리 이어주는게 가능하답니다

전체 도형을 드래그하고는 Shape Builder Tool을 클릭해주세요

마우스를 가져다 대는 걸로 도형이 각각 선택이 되는걸 눈으로 확인하실수 있으실 거에요

여기서 연결하고 싶은 도형끼리 서로 이어주기만 하면 된답니다

우선 원 하나를 마우스로 클릭하고 (여기서 마우스에서 손 떼시면 안되용 마우스 클릭한 상태 유지해 주세요) 위로 그대로 마우스를 옮기면 위에 도형까지 같이 선택이 되는걸 확인가능한데 이때 마우스를 떼주세요

 도형끼리 연결이 되면서 위에 부분의 태극문양이 만들어 진 모습이 보이시죠?

클릭을 해 보면 이제 하나의 도형으로 인식이 되는 걸 확인이 가능하답니다ㅎ

이런식으로 나머지 하나 밑에 도형도 이어줍니다

정말 간단하게 태극기의 원부분이 완성이 되었습니다ㅎ

만들기 참 쉽죵?

이제 면 색을 검은색으로 바꿔준 뒤 네모도형 툴을 선택한 후 직사각형 하나를 만들어 주세요

지금은 사이즈는 신경쓰지 않고 만들어 줄게요ㅎ 태극기 만드는 데 있어 최고의 황금비율이 있겠지만 지금은 그저 어떻게 만드는지 방법만 보여드리기 위한 거니 비율과 사이즈는 신경쓰지 않고 만들어 보도록 할게요

직사각형을 클릭해서 선택이 된 상태에서 상단의 메뉴에서 Object -> Path -> Split Into Grid 의 경로로 들어가서 클릭을 해주세요

창이 하나 뜨죠? 여기서 도형을 잘라주는게 가능하답니다 가로, 세로 각각 자르고 싶은 수만큼 Number의 수치를 조절해주고 Gutter에서 간격을 주고 싶은 사이즈만큼 설정을 하는데 이 때, 반드시 Preview를 클릭해 주셔야지만 간격을 보면서 조절하는게 가능하답니다

우선은 만들 때 저랑 똑같이 6개로 나뉘어지게 만들어 주세요

그다음 전체 선택해 Alt를 눌러 옆으로 하나를 복사 해 준 뒤 Ctrl + D 를 눌러서 4개를 복사해주세요ㅎ

그 다음 모양을 만들어 주시면 되는데요 각각 선택해서 선택이동툴로 도형을 늘려주기만 하면 됩니다

여기서 도형을 늘려주기만 했기 때문에 연결이 되어 있지 않아 하나의 도형으로 인식이 되지 않아요

드래그를 해 보면 이렇게... 도형끼리 연결이 되어 있지 않은 것을 확인 가능하답니다

상단의 메뉴에서 Window -> Pathfinder의 경로로 들어가서 클릭해 주세요

연결해 줘야할 도형들을 드래그한 뒤 Pathfinder에서 Unite을 눌러서 하나의 도형으로 만들어 주세요

처음 원의 문양을 만들어 줄 때에는 Shape Builder Tool을 이용했잖아요?ㅎ 하지만 이렇게 연결해 줄 도형이 많을 경우에는 Pathfinder에서 Unite을 이용하는 편이 한번에 연결이 가능해서 더 간편하게 도형을 연결하는게 가능합니다

이 때 전체 드래그를 해서 Unite을 해 주었기 때문에 세개 묶음의 도형이 하나의 그룹으로 만들어 졌을 거에요

선택하면 다 같이 선택이 되기 때문에 각각 선택하는 것이 불가능하니 그룹해제를 해줍니다

그룹으로 만들어진 도형을 클릭해서 오른쪽 마우스를 눌러 Ungroup을 눌러서 그룹해제를 해준 뒤 다시 한 묶음씩 각각 그룹을 만들어 주세요 그룹을 만들 때의 단축 키는 Ctrl + G

선택하기 편하게 만들기 위해서 하나의 묶음으로 만들어 주시는 거에요

그 다음 각각 도형의 묶음을 선택해 Shift를 누른 상태에서 회전을 시켜 주세요

회전 시킬 때는 도형을 클릭한 상태에서 마우스를 모서리 부분에 가져다 대면 회전이 가능하다는 표시로 뜨니 그때 클릭해서 돌려주시면 됩니다

Shift를 누르지 않으면 각도가 제각각이지만 누른 상태에서 도형을 회전시켜주면 45º, 90º....로 정확하게 비틀어 주는게 가능하답니다

이제 회전시킨 다음 각각 위치에 맞게 옮겨주면 태극기 완성!

태극기 국기 만들기 참 쉽죠?ㅎ