일러스트 그림 따라 그리기 - illeoseuteu geulim ttala geuligi

일러스트

일러스트 강좌 #6 :) 이미지 불러와서 그림 그리기

오늘 강좌에서는 배우는거 아니고 그간 공부했던 것을 복습하는 시간을 가져보도록 하려해요. 그냥 아무것도 없는 것 위에 그림을 그리면 좋겠지만 제가 원체 마우스 컨트롤 능력이 꽝인지라 (저 태블릿 없이 마우스로만 포토, 일러하는 여자랍니다) 밑그림을 그려놓고 스캔이나 사진을 찍어 불러와 작업을 하는 편인데요 오늘 사용할 그림은 화백 백서리님께서 그리신 초상화를 가지고 진행을 하려해요.

대부분의 사람들은 일러스트나 포토샵으로 사진을 불러올 때 file - open 을 사용하여 불러오지만 전 이것저것 작업하는 데 해당 폴더를 열어놓고 쓰는걸 즐기므로 이렇게 폴더에서 사진을 끌어다 썼답니다. 둘 중 하나를 선택하셔도 무관하답니다.

짜잔, 이것이 바로 원본이구요 사본은 제 다이어리에 있답니다. 당일날 10분동안 총 두장을 그리신 화백 백서리님. 사본은 제 비범한 일상을 적어놓는 그 곳에 있을 예정이랍니다. 이제 이렇게 사진이 불러와졌으면 그림을 고정시켜주세요. 이미지가 움직이면 행여나 잘못 툴을 선택하여 실수를 했을 때 그림 그려놓은거랑 뒤틀릴 경우도 있으니.. 나중에 그거 맞춰주려면 은근 고생이기 때문에 꼭 고정을 시켜줘야해요. 제가 코렐 사용할 때 종종 그래서 참 피곤했다는;

이미지 고정 시키시는 방법은 일단 선택툴을 선택해 주신 상태에서 불러오신 이미지를 클릭해 주세요. 그 후에 object - Lock - Selection 순서로 선택을 해주시면 이미지를 아무리 움직여도 절대 움직이지 않는 현상이 나타난답니다. 이 상태가 바로 고정이 되어버린 상태인거죠.

이제 레이어를 추가시켜주어야 한답니다. 이유는 이미지 위에 그림을 그리면 나중에 이미지를 지울 때 애써 그린 그림이 함께 지워져버리는 아찔한 상황이 연출된답니다. 따라서 레이어를 입혀주어 나중에 이미지를 지웠을 때에도 일러스트로 그린 그림은 지워지지 않도록 해 주는 것이지요.

제가 핑크로 네모박스 쳐 놓은 것이 바로 일러스트에서 레이어를 담당하고 있는 섹션이랍니다. 이제 여기서 하단 종이모양 아이콘을 누르면 이렇게 새로운 레이어가 추가가 되요. 그럼 모든 준비 완료^^ 이제 서론이 끝난 것입니다. (참, 원본 이미지에는 눈 옆에 있는 빈칸 버튼을 눌러 잠금표시를 해 주어야 한답니다!)

그림을 그릴 모든 준비가 되었으면 이제는 지난 시간에 배웠던 펜툴과 자유선택툴을 가지고 본격적으로 그림을 그려야겠죠? 헉, 엄청난 곡선이 존재하기 때문에 상당한 시련이 예상되긴 하는데요, 그래도 열심히 그려보렵니다. 그림을 그리는 방법은 일단 펜툴로 직선 시작.

이런식으로 직접 펜툴을 가지고 그림을 그리시면 되는데 위 오른쪽 사진을 보시면 이렇게 하얀색으로 나오던가하는 때가 있답니다. 이럴때 막막해 하지 마시고 오른쪽 팔레트를 보세요.

요 오른쪽 팔레트에 보시면 좀 전에 레이어를 추가해주던 곳 위에 이렇게 appearance (모습 모양) 이라 하는 부분 아래에 stroke (획) fill (채우기) 라는 것이 있답니다. 빨간색으로 대각선이 그어져있는 것은 이러한 선들이 보이지 않는 것이고 그렇지 않은 것은 선이나 면에 색을 채워줄 수 있는 거예요.

이런식으로 색상이 있는 부분을 선택을 하면 화살표 내리는게 나오는 데 화살표를 누르면 색상을 선택할 지 말지 고를 수 있고 이를 고른 후에 스왓치 등에서 색상을 골라주시면 된답니다.

저장을 위해 일단 처음에 이미지 고정시켜놓은걸 풀어주도록 할게요. 다시 object - unlockall 을 눌러주시면 고정되어 있던 것이 풀린답니다.

삭제 전 비교를 위해 서비스 컷, 언락해놓았더니 옆으로 옮겨지네요. 이렇게 옮겨놓으니 어떻게, 비슷한가요? 두 그림이? 그럼 이제 원본 이미지를 지워주세요. 클릭 후 딜리트 누르셔도 되구요 레이어 팔레트 하단의 휴지통으로 끌어주셔도 된답니다. 그럼 이렇게 남죠? 이 상태에서 file - save as 후 원하는 확장명으로 저장. .ai 로 저장하시면 버전에 따라 저장하는 것이 다르니 이 점 기억하고 저장해 주셔야해요~!  

오늘 강좌는 아쉽게도 동영상이 없어요. 색칠을 위해선 닫힌 해스로 그려주어야 하는데 일단 저는 선으로만 해 놓았답니다. 이제 색칠하기 들어가면 그 때 다시한번 보여드리도록 할게요! 참, 저 사람은 저랍니다. 어떻게, 비슷한가요?ㅎㅎ

일러스트레이터 연습 ①

손그림 위로 따라그리기

"선인장 화분"

포토샵 기초에 대해서 어느정도 정리를 하고있고, 일러스트레이터도 얼마전부터 공부를 시작했어요. 아직은 초보 단계이기 때문에 인터넷에서 연습용 선그림을 많이 다운받아서 펜툴로 따라 그려보는 방법을 선택했습니다.

​

#일러스트레이터 #일러스트레이터기초 #손그림그리기 #화분그림 #화분그리기 일러스트레이터 그림 따라그리기

​

첫번째 연습으로 선인장 화분을 하나 그리고, 이 그림을 일러스트레이터에 고정해서 따라그리기 연습을 해 봤어요.

​

일러스트레이터로 손그림을 따라그리기 위해서 먼저 손그림이 있어야 하는데요. 간단하지만 일러스트레이터로 옮겼을 때 느낌이 예쁠 것 같은 선인장을 선택했어요. 연습할 때 라라랜드 님 블로그의 손그림 그리기 강좌가 많은 도움이 되었습니다.

​

​

​

제가 손으로 그린 선인장 화분 그림이예요. 최대한 단순하게 그렸어요. 색은 적당히 칠해두고, 이제 손그림을 일러스트레이터로 가져가서 밑그림으로 고정합니다. 밑그림 고정은 일러스트레이터에서 이미지 파일을 열고, Ctrl + 2 해주면 됩니다.

​

일러스트레이터 그림 따라그리기

일러스트레이터에서 손그림 파일을 열고, 밑그림을 따라서 열심히 열심히 선을 따기 시작합니다. 테두리를 먼저 따고 따로 복사해서 테두리를 저장해 뒀구요.

​

패스 선을 모두 딴 후에는 각각의 영역을 선택 해서 면과 선을 바꾸기를 합니다. (Shft + X) 선인장과 화분에 어울리는 색으로 각각의 색을 바꿔줍니다.

​

​

​

정신없이 선을 따느라고 중간과정 샷이 하나도 없네요. ㅎㅎㅎ;;;

​

​

​

화분그림

테두리가 있음으로 인해서 일러스트의 완성도가 확 차이가 나는 것 같더라구요. 여기까지 오는데만 2시간 이상 걸린 것 같습니다. 제가 손이 좀 느리기도 하구요.

​

펜툴로 패스 선 따는거 정말... 많은 시간이 필요하거든요. 엄청 오래걸려요. 물론 연습이 이어지면서 경험이 쌓인 뒤에는 시간이 줄어들겠죠?

선인장 화분 그리기

1박2일에 걸쳐 완성된 최종 이미지 입니다. 색은 조금씩 바꿔보고, 텍스트도 넣어보고 그랬어요. 조금씩 완성되어가는 모습을 남겨두니 더 재미있네요.

​

​

​

일러스트레이터 그림 따라그리기 선인장 화분

​

요약하면,

(1) 손그림을 종이에 펜과 색연필을 이용해서 그린다. (2) 투명도를 적당히 주고 일러스트레이터에서 밑그림으로 사용 한다. (3) 펜툴로 전체적인 선을 따주고 면을 채워준다. (4) 테두리를 넣어 마무리한다.(최초에 따준 선을 복사해서 남겼다가 마지막 테두리로 활용해도 됨)

​

이런 순서로 일러스트레이터 그림 따라그리기 해봤어요.

​

​

​

마지막에 png 파일로 저장해 두었습니다. png 파일로 저장하면 만들어진 저 선인장 이미지만 저장되거든요. 바탕은 투명인 상태예요.

​

나중에 다른 이미지 위에 올려볼 수도 있을 거예요. 간단하게 예를 들자면, 이런 식인거죠.

​

​