[본 콘텐츠는 대학생 기자단이 작성하였습니다]


안녕하세요! KT 대학생 기자단콘텐츠 크리에이터입니다.

오늘은 일러스트 프로그램으로 3D 오브젝트를 만들어 보려고 합니다. ‘3D’라고 하면 막연히 아주 전문적인 기술이라는 생각을 가진 분들이 많을 텐데요. 일러스트 프로그램을 활용하면 생각보다 쉽게 3D를 구현할 수 있답니다.^^ 3D 구현방법은 일전에 알려드린 타이포에도 유용하게 쓰이는데요. 오늘 강좌로 3D를 배운 다음, 입체감 있는 멋진 타이포를 한 번 만들어보세요. 그럼 지금부터 3D 구현 방법에 대해 알아보겠습니다.



먼저 작업 창에 필요한 오브젝트를 생성해줍니다. 저는 빨간색 원을 하나 불러왔습니다. 그런 다음, 작업 창 상단의 메뉴 중 ‘Effect > 3D > Extrude&Bevel’을 선택해주세요.



그럼 위의 사진과 같이 작업 창에 3D Extrude&Bevel 옵션상자가 뜹니다. 이제부터 이 옵션상자 안의 효과로 3D 작업을 해볼 텐데요. 그 전에 먼저 옵션상자 왼쪽 하단의 ‘Preview’ 박스를 체크해줍니다. 3D 작업이 오브젝트에 어떻게 적용되는지 볼 수 있도록 미리보기를 설정하는 것인데요. 3D를 구현 할 때 항상 미리보기로 확인하면서 진행하면 더 빠르고 편리한 진행이 가능해진답니다.^^



이제 본격적으로 3D 작업에 들어가볼까요? Extrude&Bevel 옵션상자 가운데에 위치한 ‘Cap’은 오브젝트의 상단부를 덮을 것(Cap on)인지, 열 것(Cap off)인지를 결정합니다. 위의 사진에서는 Cap이 열려있는 상태입니다. 아까와 달리 빨간색 원 뚜껑이 열린 듯 보이는 사진이 보이시나요?



위 사진에서 빨간 박스 안의 Bevel 옵션 목록은 오브젝트의 단면부 형태를 결정하는 옵션들입니다. 이렇듯 Bevel 옵션에서 단면부의 모양을 다양하게 결정할 수 있습니다.



3D 2D와 달리 앞///아래에서 모양을 확인할 수 있는 입체감이 특징이죠? 메뉴상자 상단부의 Position 메뉴를 클릭하면 다양한 뷰에서 오브젝트의 입체 면을 확인할 수 있습니다. 위의 사진은 ‘Top’ View, 위에서 오브젝트를 내려다 본 모습이랍니다.



뿐만 아니라 마우스로 회전을 통해서 다양한 단면도를 확인할 수 있는데, 아까 ‘Preview’ 박스에 체크했다면 미리보기로 어떤 모습인지 바로 확인이 가능합니다.



위 사진에 빨간색 박스로 표시한 ‘Extrude Depth’의 숫자는 3D 오브젝트의 돌출 정도를 조절해줍니다. 숫자가 클수록 오브젝트의 양감이 도드라지겠죠?




다시 작업 창 상단 메뉴로 돌아가 ‘Effect > 3D > Revolve’ 메뉴를 클릭해줍니다. Revolve 옵션에서는 오브젝트의 축을 중심으로 돌린 채 구현되는 3D 형식을 작업할 수 있습니다. 제가 불러온 오브젝트는 원형 개체이기 때문에, 도넛 형태의 3D로 구현이 진행되고 있네요.




Revolve 옵션에서도 회전을 통해 다양한 뷰로 오브젝트의 3D가 어떻게 구현되고 있는지 미리보기가 가능합니다.



이 때 옵션상자 중간에 있는 앵글 메뉴를 통해 회전축의 회전 각도를 설정할 수 있는데요. 360도인 경우는 전부 돌아간 형태, 180도인 경우에는 반만 돌아간 형태 등으로 앵글 조절이 가능합니다.



오늘 알려드린 3D 구현 팁을 활용하면 위의 사진처럼 오브젝트를 다양한 3D 형태로 구현해볼 수 있습니다. 회전축을 돌려 도넛이나 사과 같은 구형 3D 오브젝트를 만들 수 있고, 조금 더 익숙해지면 귀여운 3D 캐릭터들도 만들 수 있답니다. 그림뿐만 아니라 타이포에도 적용 가능하니 유용하게 활용해보시기 바랍니다.^^

 

누구나 쉽게 따라하는 일러스트 기초 #4. 타이포그래피 효과 내기


지금까지 일러스트를 활용하여 3D 구현하는 방법을 알아보았는데요. 이로써 포토샵 실전 8편과 일러스트 실전 8편으로 이루어진 그래픽 프로그램 초급 강의가 모두 끝이 났습니다. 그동안 우리 블로그 강의를 따라오시면서 포토샵이나 일러스트 프로그램에 조금이나마 익숙해지셨기를 바랍니다. 아직 눈 감고는 못하겠지만, 이제 눈 뜨고는 손쉽게 프로그램을 다룰 수 있게 되셨죠?^^ 16편의 포스팅 기간 동안 유용하다’, ‘잘 보고 있다등 많은 분들의 애정 어린 격려 메시지 덕분에 얼마나 보람있고 행복했는지 모른답니다. 다들 열심히 따라와주셔서 감사합니다.^^ 다음에 더 유용한 콘텐츠로 다시 만나 뵐 수 있기를 바라며, 그럼 지금까지 KT 대학생 기자단 손혜리였습니다.



저작자 표시
신고
Posted by hjhjhjkt

[본 콘텐츠는 대학생 기자단이 작성하였습니다]


안녕하세요! KT 대학생 기자단콘텐츠 크리에이터입니다.

오늘 누구나 쉽게 따라하는 일러스트 기초 7편에서는, 일러스트를 활용하여 캐릭터 만드는 방법에 대해 배워보겠습니다. 그래픽 프로그램으로 직접 캐릭터를 만들어 볼 수 있다니 왠지 전문가가 된 듯한 이 기분! 벌써부터 두근거리지 않으신가요?^^

제가 만들어 볼 캐릭터는 KT의 대표캐릭터인 아이오아이티인데요, 오늘 사용할 메인 도구는 바로 도형 툴과 오브젝트를 병합 또는 뺄 수 있도록 만들어주는 패스파인더 툴입니다. 이 도구를 활용하여 귀여운 아이오아이티를 만들어보겠습니다.^^

 


우선 일러스트 프로그램을 열고 Window-Pathfinder’로 탭을 열어주세요. 이게 바로 우리가 오늘 주로 사용할 패스파인더(pathfinder) 이랍니다.



 

먼저 아이오의 얼굴부터 만들어 볼 텐데요. 왼쪽 작업 툴 모음에 있는 도형 툴펜 툴을 이용하여, 동그란 얼굴형를 쓱쓱 그려줍니다.



 

펜 툴로 딴 오브젝트를 하나 더 만들어 반전해주면, ~ 이렇게 똑같이 닮은 아이오의 양쪽 귀가 순식간에 생기죠?

 


아이오의 귀처럼 보이도록, 도형을 원하는 위치로 이동시켜줍니다.



 


병합할 레이어 전체를 지정해준 뒤, 패스파인더 툴의 첫 번째 탭을 누르면 위의 사진처럼 오브젝트들이 하나로 병합됩니다.




눈썹도 똑같은 방법으로 만들어 줄 건데요. 두 번째 사진과 마찬가지로, 모양에 맞춰 선택 영역 지정 툴을 마우스로 클릭하여 펜 툴의 점선을 이동시켜 주면 원하는 모양에 맞게 오브젝트가 변형됩니다.




마찬가지로 병합할 레이어를 전체 선택한 뒤, 패스파인더의 병합 탭을 선택하여 레이러를 병합해줍니다.





 

이제 얼핏 귀여운 얼굴이 보이는 것 같기도 하죠? 눈썹 위치를 캐릭터에 맞게 지정한 후, 이제 눈을 만들어 보겠습니다.

동그란 도형 툴을 사용해 눈의 위치를 맞추고 ‘Ctrl’‘[‘ 를 이용해 레이어의 위치를 눈썹 하단에 오게 이동시켜 줍니다.


*레이어 위치 변경 단축키: Ctrl + [ (밑으로) / Ctrl + ] (위로)




 

입을 만들 때는 패스파인더의 툴에서 빼기 툴을 사용하면 됩니다. 도형을 선택한 후, 전체 지정해주고 패스파인더 병합 툴의 오른쪽에 있는 두 번째 탭을 클릭해주세요. 그럼 지정된 오브젝트의 하단부가 잘려집니다. 지우개를 사용할 필요가 없겠죠? 알아두면 편리한 기능이니 꼭 기억해두세요.


 

이렇게 해서 귀여운 ‘아이오’의 얼굴이 완성되었습니다! 뭔가 뚱해 보이는 저 표정이 정말 매력적인 것 같아요~!^^




팔도 패스파인더 툴을 사용해 똑같이 만들어주면 됩니다.



이제 가장 중요한 몸통을 만들 시간입니다. 도형 툴사각형의 곡선 라운드를 지정해주세요.






같은 방법으로 계속해서 진행해주세요. 몸통이 완성되었으면 얼굴과 함께 병합해준 뒤, 가장 하단으로 레이어를 내려줘야겠죠? 그래야 애써 만든 얼굴이 드러난답니다.




아이티도 동일한 과정을 거치면 어렵지 않게 만들어 볼 수 있습니다. 포스팅 처음으로 다시 돌아가서 차근차근 따라해 보시기 바랍니다.^^

지금까지 도형 툴패스파인더 툴을 활용해 아이오아이티를 만들어 보았는데요. 오늘 배운 내용을 기본으로, ‘아이오’&’아이티말고도 여러분이 직접 창작한 다양한 그래픽 캐릭터를 만들 수 있답니다. 일러스트 프로그램의 기능은 정말 무궁무진하죠? 다음 8편에서도 깜짝 놀랄 만한 기능을 준비하고 있으니, 조금만 기다려주세요~! 지금까지 KT 대학생 기자단 손혜리였습니다.


저작자 표시
신고
Posted by hjhjhjkt


[본 콘텐츠는 대학생 기자단이 작성하였습니다]

 

안녕하세요! KT 대학생 기자단콘텐츠 크리에이터입니다.

'누구나 쉽게 따라하는 일러스트 기초' 여섯번째 시간인 오늘은 오브젝트를 변형 할 때 꼭 필요한 회전 툴(Rotate Tool)과 반전 툴(Reflect Tool) 사용법, 그리고 투시를 조절하는 쉐어 툴(Shear Tool)에 대해서 알아보겠습니다.

 

 

먼저 일러스트 프로그램을 열고 작업 창에 필요한 오브젝트 예시를 불러옵니다. 저는 KT 로고를 불러왔습니다. ^^

 

 

오브젝트의 모서리에 커서를 가져다 대면 곡선모양의 화살표 포인터가 생기는데요, 이 화살표 포인터로 오브젝트를 움직이면 포인터 방향을 따라 오브젝트가 회전하게 됩니다. 포토샵 유저라면 자유변형 툴을 활용한 회전을 알고 계실텐데요, 이와 유사한 방법이랍니다.

 

 

위의 방법처럼 포인터를 활용해 임의대로 오브젝트를 회전시킬 수도 있지만 정해진 대로 회전각도를 조절할 수도 있는데요, Shift를 누른 채 회전을 하면 한 번에 45도씩 각도가 조절되어 회전됩니다. 정해진 규격대로 회전 시켜야 할 때 유용하겠죠?


 

, 이제 회전 툴(Rotate Tool)을 이용해 오브젝트를 회전시켜보겠습니다. 우선 작업 창 왼편에 자리잡은 메뉴 탭 중간 부분에 위치 한 화살표가 동그랗게 말린 아이콘을 선택합니다.

 

 

회전 툴로 원하는 지점을 클릭하면 오브젝트 내부에 회전 중심부를 지정해 회전 시킬 수 있습니다. 설정한 중심부에 따라 드래그하면 오브젝트가 회전한답니다.

 

 

이번에는 오브젝트 반전을 위해 반전 툴(Reflect Tool)을 사용하는 방법을 소개하겠습니다. 위의 사진처럼 아까 본 회전 툴 아이콘을 오른쪽 클릭하면 반전 툴을 선택할 수 있습니다.  

  


 

회전과 마찬가지로 반전 툴로 반전 중심부를 지정한 후, 상하좌우로 반전이 가능합니다. 반전 툴을 사용하면 자유자재로 이미지를 변형 시킬 수 있겠죠? 

 

 

마지막으로 투시 조절에 대해 알려드리겠습니다. 작업 창 왼쪽의 메뉴 탭 중간 부분에 지우개 모양 아이콘 바로 아래 있는 것이 기울기 툴(Scale Tool) 아이콘인데요. 반전 툴처럼 기울기 툴을 오른쪽 클릭하면 쉐어 툴(Shear Tool)을 만날 수 있습니다. 쉐어 툴은 오브젝트의 기울기와 투시도를 조절해주는 도구입니다.

  


 

쉐어 툴로 오브젝트를 클릭한 후, 드래그를 통해 다양한 범위의 투시를 조절할 뿐만 아니라 오브젝트를 한 쪽으로 기울일 수도 있습니다. 쉐어 툴을 통해 오브젝트의 그림자를 만들 수도 있답니다. 정말 다재다능 한 만능 툴이네요!

 


지금까지 회전 · 반전 · 쉐어 툴을 활용해 오브젝트를 변형하는 방법에 대해 알아보았습니다. 모두 포스터나 팜플렛처럼 멋진 이미지 작업을 할 때 꼭 필요한 내용인데요, 오늘 배운 도구들을 이용해 다양한 형태로 변형된 오브젝트로 감각적인 일러스트를 만들어보시기 바랍니다. 지금까지 KT 대학생 기자단 손혜리였습니다.



 

저작자 표시
신고
Posted by hjhjhjkt

[본 콘텐츠는 대학생 기자단이 작성하였습니다]


안녕하세요! KT 대학생 기자단 ‘콘텐츠 크리에이터’입니다.

‘누구나 쉽게 따라하는 일러스트 기초’가 어느덧 5편까지 왔습니다! 1편부터 강좌를 보며 차근차근 따라하신 분들이라면, 그래도 처음보다는 일러스트에 많이 익숙해지셨죠?^^ 오늘은 일러스트 프로그램을 사용하면서 꼭 쓰게 될 기초적인 방법에 대해 소개해드리려고 합니다. 프로그램을 사용하다 보면 쓰고 있는 ‘아트보드’, 일명 ‘대지’가 부족할 때가 있는데요. 새로운 아트보드를 생성하고, 이동하고, 변형하는 방법을 지금부터 알려드리겠습니다. 



먼저 아트보드 생성하는 법을 배워보겠습니다. 일러스트 프로그램 창을 연 후, 상단 메뉴 중 ‘Window > Artboard’를 누르면 새로운 아트보드를 생성할 수 있습니다. 



이미 사용하고 있는 대지가 가득 채워졌다면? 걱정하지 마세요. 아트보드 탭 하단, 오른쪽에서 두 번째에 위치한 버튼을 눌러주면 아트보드를 추가 생성할 수 있으니까요. 포토샵 유저라면 눈치채셨겠지만, 아이콘이 마치 포토샵 레이어 생성 버튼처럼 생겼는데요. 일러스트 프로그램에서는 아트보드를 생성해준답니다. 




추가 버튼을 누르면 ‘Artboard 2’라는 이름으로 기존 아트보드 옆에 추가 생성된 아트보드 창이 생깁니다. 위 이미지에 빨간색 점선 테두리로 표시한 새 아트보드 창이 뜨면 성공!




아트보드의 이름 변경이 필요하다면 탭에서 해당 아트보드 이름을 더블 클릭하세요. 입력 창이 활성화되어 쉽게 수정할 수 있습니다. 여러 개의 아트보드 창을 띄울 때 헷갈리지 않고 작업할 수 있겠죠?^^




필요 없는 아트보드가 있다면, 아트보드 탭 하단, 맨 왼쪽에 위치한 휴지통 모양의 버튼을 클릭하여 삭제해주세요. 참 간단하죠?



이제는 아트보드 툴을 활용해 아트보드를 이동시키고 변형시켜 볼건데요. 우선 툴을 모아놓은 메뉴 중•하단부에 있는 ‘Artboard Tool’을 클릭해주세요. 왼쪽 열에서 맨 아래 손바닥 아이콘 바로 위에 있는 아이콘인데요. 아직은 조금 복잡해 보일지라도, 반복적으로 사용하다 보면 각 아이콘의 모양과 기능은 자연스럽게 익숙해질 겁니다. 

‘Artboard Tool’ 버튼을 클릭하면 전체 페이지의 아트보드들이 선택 가능한 상태로 변경되는데요, 이 때 이동이나 변형이 필요한 아트보드를 선택하면 됩니다.



 

필요한 아트보드를 클릭한 뒤, 모서리 부분 화살표를 움직여 크기를 조절하거나 마우스 드래그를 통해 전체 작업 창에서 원하는 위치로 아트보드를 이동시킬 수 있습니다.




작업을 끝낸 아트보드들은 jpg나 png 파일 등으로 개별 저장이 가능한데요, 상단메뉴 중 ‘File > Export’를 클릭한 후, 원하는 파일 확장자를 선택하고 ‘Use Artboard’ 칸을 체크해줍니다. 이 때, 아트보드의 순서를 지정해 원하는 대지만 저장하는 것도 가능하답니다. 별도로 태그를 지정할 수 도 있으니 적절하게 활용해보면 좋겠죠?


지금까지 아트보드를 만들고 이동, 변형하는 방법에 대해 알아보았는데요. 이번 5편 강좌는 기초 중의 기초지만 일러스트를 사용할 때 반드시 필요한 기본 사항이기 때문에 잊지 말고 꼭 기억해두시면 좋겠습니다. 그럼 지금까지 KT 대학생 기자단 손혜리였습니다.

 

 



저작자 표시
신고
Posted by hjhjhjkt
맨 위로