728x90
반응형

일러스트 과외 1화

- 까만 마우스와 하얀 마우스의 정체 -

selection tool and direct selection tool

* 버전은 cs6입니다

 

 

영상 디자이너로 살아가면서 정말 많이 쓰는 프로그램 중 하나다

어도비 일러스트레이터(adobe illustrator)

 

아무래도 나는 사진을 가지고 작업하는 것보다는

그래픽을 가지고 작업하는 게 더 많다 보니

포토샵보다 일러스트를 훨씬 많이 쓰게 된다

 

일단 일러스트레이터라는 프로그램을 포토샵과 비교하자면

포토샵은 그림을 그리는 프로그램이지만

일러스트는 그림을 만드는 프로그램이라고 할 수 있다

 

브러쉬를 가지고 작업을 하는 포토샵에 비해

도형이나 펜 툴로 무언가를 만들어내는데 적합한 프로그램이다

(물론 포토샵으로도 이런 작업을 할 수 있다

일러스트로도 브러쉬를 사용할 수 있고)

 

많은 사람들이 포토샵은 쉽게 접하는데 비해

일러스트는 어렵게 느끼는데

사실 나는 개인적으로 포토샵보다 일러스트가 훨씬 쉽다

 

 

 

 

 

첫번째 일러스트 강좌

일러스트에서 가장 중요하고 가장 기본적인 툴중

까만 마우스하얀 마우스에 대해서 알아보려고 한다

 

 

 

 

 

일단 일러스트를 처음 켰을 때의 모습이다

 

포토샵을 많이 써본 사람은 익숙한 그림이지만

아무래도 일러스트는 또 다른 프로그램이다 보니

익숙하지 않을 수도 있다

 

왼쪽 상단의 여러 그림들 중

검정 마우스와 그 옆의 하얀 마우스에 대한 강좌이다

 

 

 

 

 

대부분의 프로그램이 그런 것처럼

파일 - 새로 만들기를 시작으로

일러스트의 세계가 열린다

 

누르면 새로운 창이 뜨는데

여기의 옵션들은 그렇게 중요하지 않다

나중에 충분히 바꿀 수 있는 옵션이고

오늘 강의에서도 필요 없는 기능이다

 

크기의 경우는 누르면 여러 프리셋이 나오는데

거기에서 선택을 해도 되고 임의로 지정해도 된다

 

 

 

 

 

그렇게 확인을 누르면 화면 중간에 하얀 박스가 생긴다

이곳을 아트보드 혹은 대지라고 한다

 

아트보드가 있다고 해서 꼭 여기에서만 작업을 할 필요는 없다

포토샵의 경우 작업하는 공간을 캔버스라고 하는데

이 캔버스를 벗어날 수 없다

 

하지만 일러스트는 아트보드 이외의 장소에서도 작업이 가능하다

다만 이미지로 저장을 할 땐 아트보드 안에 있는 내용만 저장된다

 

 

 

 

 

설정에 따라 다르지만

보통 왼쪽 상단에 보면 사용 할 수 있는 툴이 있다

그 툴중 제일위의 2개 툴이 오늘 알아볼 툴이다

그림에서 보는 것 처럼 왼쪽이 까만 마우스(선택 도구)

오른쪽이 하얀 마우스(직접 선택 도구)

 

아직은 감이 안온다

 

 

 

 

 

이런 프로그램은 일단 그냥 막 해보는게 제일 좋다

 

여러 툴 중에서 사각형 그림이 그려진 툴을 선택하고

아트보드 아무곳에나 그려 넣는다

그냥 마우스 클릭 드래그 하면 그릴 수 있다

이때 쉬프트(shift)를 누르고 그리면

정사각형으로 그릴 수 있고

알트(alt)를 누르고 그리면 마우스를 중심으로 사각형이 퍼저나간다

 

쉬프트와 알트를 동시에 누르고 그리면 마우스를 중심으로

정사각형이 그려진다

 

 

 

 

 

그리고 이제 까만 마우스로 바꾸고

그려 넣은 사각형을 클릭해보자

그럼 사각형 주위로 파란 라인이 생기는 것을 볼 수 있다

 

라인이 생겼다는 것은 그 오브젝트가 선택 됐다는 것이다

그 상태로 다시한번 클릭하고 드래그를 해보자

 

그럼 파란 테두리만 이동하는 것을 볼 수 있는데

마우스를 떼면 그곳으로 오브젝트가 이동한다

 

우리가 자주 이용하는 일반 마우스랑 똑같은 기능이다

폴더를 이동할 때랑 똑같다

 

여기서 한가지 더 배우자면

보통 복사, 붙여넣기를 하기 위해서는

ctrl+C, ctrl+V를 하는데

물론 이 기능도 먹힌다 일러스트에서

 

원하는 곳에 붙여넣기 하려면

까만 마우스를 이용해서 오브젝트를 선택하고

alt를 누른 상태에서 이동을 한다

원본 오브젝트는 그 자리에 있고 새로운 오브젝트가 생긴 것을 볼 수 있다

 

 

 

 

 

하얀 마우스의 경우엔

오브젝트를 선택 했을 때부터 다르다

아깐 파란 라인이 생겼었는데

이번에는 끝부분에 점이 생겼다

 

이 점이 사각형을 만드는데 필요한 요소이다

처음 설명했듯이 일러스트는 그림을 만들어내는 프로그램이다

 

사각형은 그려진 게 아니라 점과 점이 연결되면서 만들어진 것이다

 

저런 점을 이용해서 디테일 한 작업을 할 수 있는데 그런 작업을 하는 툴이

하얀 마우스이다

 

 

 

 

 

하얀 마우스는 그 점들을 하나하나 선택할 수 있다

선택하는 방법은 그 점을 클릭하거나

주변을 드래그하여 선택할 수 있다

 

선택을 하면 점이 파란색으로 채워지고

나머지 선택되지 않은 점은 하얗게 된다

 

 

 

 

 

그 선택된 점을 잡고 끌어보면

저런 식으로 사각형의 모양이 바뀐다

 

점과 점이 연결돼서 만들어진 것이 사각형이기 때문에

하나의 점을 움직이면 저런 식으로 모양이 바뀌게 된다

 

 

 

 

 

하얀 마우스를 이용하면 기본 도형을 여러 형태로 변형 시킬 수 있다

 

사각형툴을 눌러보면 여러 가지 다른 도형을 그릴 수 있는 툴이 생긴다

원형을 그릴 수 있는 툴을 선택하고

아트보드에 원을 그려 넣는다

 

하얀 마우스로 원을 클릭해보면 역시 4개의 점이 보이는데

사각형은 직선으로 연결이 된 것이고

원은 곡선으로 연결이 된 것이다

 

점은 여러 개를 선택할 수도 있는데

드래그해서 선택하거나 쉬프트를 누르고 선택하면 된다

 

선택된 점은 마우스로 움직일 수 있고 키보드 방향키로도 가능하다

 

이런 점을 이동 이동하다 보면

원이 아주 훌륭한 달걀이 되어있는 것을 볼 수 있다

 

이제 당신도 그래픽 디자이너!

 

 

아무래도 빠른 작업을 하기 위해서는

마우스로 왔다 갔다 하면서 툴 선택하는 것보다

단축키를 이용해서 작업하는 게 제일 편하다

 

까만 마우스의 단축키는 v

하얀 마우스의 단축키는 a

 

쉽게 외울 수 있는 방법? 그런 거 없다

그냥 하다 보면 손가락이 알아서 기억한다

728x90
반응형
  1. Cieneyes 2016.03.27 17:59 신고

    달걀그리기 성공했습니다 ㅋㅋ

    • 히읗(hieut) 2016.03.27 19:15 신고

      ㅋㅋㅋㅋㅋ 어렵지 않은 내용이라 쉽게 따라하실 수 있을 거에요

+ Recent posts