어도비(Adobe)제품군에 있는 포토샵(PhotoShop)과 일러스트레이터(illustrator)에는 

대표적인 기능인 펜툴이 있습니다.

솔직히 일러스트는 펜툴만 잘 사용해도 반 이상은 먹고 들어가서

이 펜툴 연습이 정말 중요한데요 ~

펜툴 연습하기 좋은 사이트 하나 알려드리려고 합니다.

method.ac 

라는 홈페이지입니다

일러스트레이터 연습하기 굉장히 좋은 사이트입니다

사이트에 들어가시면 위의 이미지처럼

검은 배경에 영어가 쓰여진 홈페이지입니다

사진에 빨간색 박스로 표시된 클립처럼 생긴

공간을 클릭하면 펜툴을 연습할 수 있는 페이지로 넘어갑니다 

일러스트레이터와 포토샵과 같은 펜툴의 속성을 가지고 있습니다

그래서 여기에 있는 펜툴 연습이 잘 된다면 무난하게 펜툴을 사용할 수 있습니다

직선긋기부터 원그리기, 복잡한 도형그리기까지 다양한 예제가 나오니

연습에 굉장히 도움됩니다.

만약 가이드 라인에 지키지 않고 일러스트를 그린다면

오류가 나서 다시 그리라고 하니 제대로 그려야만 합니다.

계속 연습할 수 있는 펜툴 예제가 나오니

재미있게 연습할 수 있습니다.

더불어서 이 사이트에는 패스파인더 연습하기에도 편한 페이지도 있고

컬러매칭 연습도 있으니 참고하시기 바래요

감사합니다

일러스트레이터를 사용하다보면

아래의 사진과 같이 회색선이 생길 때가 있습니다.

글이나 편집작업할 땐 도움이 되는 기능이지만, 실상 일러스트를 그릴때는

방해되는 기능이기 때문에 끄는 게 작업하기 편합니다.

작업하다보면 위 사진처럼 저런 라인이 생깁니다

환경설정에서 없앨 수 있습니다

경로는 Edit -> preferences -> General 입니다

단축키는 Ctrl + K 입니다

환경설정창에 들어오셨다면 사진에서처럼

Smart Guides 에 갑니다

스마트 가이드 탭안에 있는

Measurement Labels 를 체크해제하면 더이상

회색선이 생기지 않습니다.

주로 일러스트를 처음 설치하면 생기는 문제입니다

일러스트를 설치하자마자 환경설정창에서 저 부분을 체크해제하고

작업하는걸 권해드려요 ~ 

감사합니다

일러스트레이터 기능 3가지를 이 포스팅으로 다 정리하겠습니다.

지우개툴, 가위툴, 칼툴(나이프툴)입니다.

지우개툴은 면을 지우거나 선을 지울때 사용됩니다

지우개툴 크기 조정은 [, ] <---요녀석입니다

대괄호 표시죠

다음은 칼툴입니다

칼툴은 면을 잘라낼 때 많이 사용됩니다

실제 커터칼로 색종이 자른다는 느낌으로

면에다가 드래그하시면 잘라집니다. 간단하죠?

다음으로 가위툴입니다. 단축키로는 C 버튼이 되겠습니다

가위툴은 선(path)를 자를 때 사용됩니다

위의 사진처럼 정확히 선을 클릭하지 않는다면 선을 클릭하라고

오류메세지가 나타납니다. 정확히! 선을! 클릭해야 잘립니다.

사진에 화살표 표시한것처럼 가위툴을 선택하고

선에다가 클릭하면 그 부분은 가위로 잘른것처럼 끊어지게 됩니다.

3가지 툴이 하나의 카테고리 안에 묶여있기 때문에

한번에 정리했습니다. 자주 쓰이는 기능이니 잘 사용하셨으면 좋겠습니다

감사합니다 ^~^

안녕하세요!

이번 포스팅은 어도비(Adobe)사의 일러스트레이터 기능중에 정말 중요한

클리핑 마스크(Clipping Mask)기능에 대해서 알아보겠습니다.

포토샵이나 에프터이펙트에도 클리핑 마스크란 기능이 있습니다.

그만큼 그래픽스 툴에 마스크(Mask)라는 개념은 상당히 중요한 개념인데요 ~

기능 위치는 Object -> Clipping Mask 입니다

단축키는 Ctrl + 7 입니다

정말 정말 많이 사용되는 기능이기 때문에 꼭! 기억하시길 바랍니다

자세한 사용법을 간단한 도형을 이용해서 알아보겠습니다

먼저 붉은색 동그라미 하나와 초록색 사각형 하나 그려줍니다

클리핑 마스크는 아래에 있는 그림이 위에 있는 그림으로 들어간다고 생각하면 편합니다

그림을 그렸다면, 두개의 도형을 전체 드래그해서 Ctrl + 7 누르면 클리핑마스크 됩니다

클리핑 마스크가 완성되었습니다

자세히 보시면 동그라미보다 아래에 깔려있던(?) 초록색 사각형이 

동그라미 영역 안으로 클립(Clip)되어서 마스킹된게 보이실 겁니다

즉! 클리핑 마스크는 포토샵도 마찬가지인 것처럼

어떤 영역안에 다른 그림이 들어오는 겁니다

에프터 이펙트란 프로그램에는 트랙메트란 개념으로 활용되고

포토샵도 클리핑 마스크, 레이어 마스크란 기능으로 쓰여지고 있습니다

감사합니다

어도비(Adobe)사의 일러스트레이터(illustrator)란 프로그램을 사용하면서 이 프로그램에

어느정도 익숙해질 즈음에

Compound Path라는 기능을 보게됩니다.

위치는 Object -> Compound Path 입니다

단축키는 Ctrl + 8 입니다.

아직 아무것도 그린 일러스트가 없기 때문에, 비활성화 되어 있습니다.

바로 사용방법을 익혀보겠습니다

Compound Path라는 기능은 구멍이 뚫려있는 그림을 미리 그려놓을 때 상당히 편리합니다

아래 사진을 참고하겠습니다

면색깔은 없고, 선색깔만 있는 동그라미 하나를 그렸습니다

그 다음에, 또 작은 동그라미 하나를 안에 그립니다

큰 동그라미 안에 작은 동그라미가 그려진 상태입니다

즉! 동그라미 2개가 있는 상태입니다.

이 동그라미 2개를 드래그해서 전부 선택한다음에 컴파운드패스(compound path)를 하겠습니다

단축키 Ctrl +8 을 누르겠습니다

그럼 원래 2개였던 동그라미가 하나로 묶여진 상태가 됩니다

현재 동그라미는 선색깔만 있고, 면색깔은 없는 상태입니다

면색깔과 선색깔을 바꾸는 단축키인 (Shift + X)를 눌르면 구멍이 뚫려있는 

즉! 컴파운드 패스가 적용된 구멍뚫린 동그라미가 완성됩니다

이렇게 완성된 모습입니다.

기존에 저런 구멍을 뚫을려면 패스파인더를 활용하거나 쉐입빌더란 기능을 활용해야 합니다

물론 그 기능을 사용해도 되지만, 일러스트를 그릴때 구멍이 많이 뚫려있는 일러스트를 그려야할때

미리미리 컴파운드 패스화 해놓으시면 작업이 한결 편해집니다.

이상 컴파운드 패스 설명이었습니다.

다음 포스팅에 또 일러스트 기능에 대해 설명 드리겠습니다

감사합니다

일러스트레이터 툴에서 사진을 가지고 와서,

벡터이미지로 바꾸는 방법을 알아보겠습니다.

이런 일러스트레이터 이미지를 알게 모르게 많이 봤을겁니다

이런 이미지나, 파워포인트에서 사용할 멋진 일러스트파일도

사진을 변경하면 멋지게 만들어 낼수가 있습니다.

우선! 일러스트레이터를 켜서 사진을 가져오도록 하겠습니다

1. File - Place 를 눌러서 사진을 일러스트레이터로 가지고 옵니다

2. 사진을 선택하고, Image Trace -> Default 를 눌러서 변경합니다

Image Trace를 사용해서 Default로 바꿔주면 검정과 흰색으로 바뀌게 됩니다

3. 위 사진처럼 흰색과 검정으로 바뀌게 되면 

   Quick Action 에 있는 Expand 버튼을 눌러서 완료해 줍니다

간단하죠? 일러스트레이터에서 위와 같이 사진을 간단히 벡터이미지로 바꿀 수가 있습니다.

멋진 사진을 일러스트 느낌을 내게 하고 싶을 때 자주 쓰이는 기능입니다.

여기서 한가지만 더 진행해 보겠습니다

단축키 Y(스포이드 툴)를 눌러서, 흰색부분을 클릭하고 Del키로 지워주면 아래와 같이 됩니다

사진을 벡터이미지로 바꿔준 것밖에 없는데 굉장히 멋진 일러스트 그림이 완성됐습니다

이렇게 Image Trace를 이용하면 되겠습니다

이상! 일러스트레이터 [사진이미지를 벡터이미지로 바꾸기!] 였습니다

다음 포스팅에도 좀더 유익한 내용으로 찾아오겠습니다

감사합니다

포토샵이나 에프터이펙트, 일러스트레이터, 프리미어 등 어도비 회사 제품군을 이용하거나

어떤 작업을 할 때 영상에 필요한 소스들이 있을겁니다.

별모양일수도 있고, 네모, 세모 등등 ~~ 여러 이미지 소스들이 필요할 수가 있죠!

그래서 저는 개인적으로 일러스트레이터에서 이 소스들을 만들어서 Asset화(개인 자산화) 해놓습니다.

필요할 때마다 재깍재깍 꺼내쓸수 있기 때문입니다

일러스트레이터에서 사진에 보이듯이 동그란 조약돌 모양을 만들었습니다.

이 오브젝트를 만들어놓고, 저는 두고두고 필요할 때마다 이미지로 쓰려고 합니다.

1. 필요한 소스를 만듭니다. (예 : 별모양, 동그라미, 네모 등등)

2. Window -> Asset Export 를 누른다.

3. 일러스트레이터 오른쪽 화면에 Asset Export 창이 나타납니다.

4. 그려놓은 소스를 드래그 앤 드롭으로 Asset Export창으로 옮깁니다.

5. 필요할 때마다 등록해놓은 Asset 을 Asset Export창에 있는 Export 버튼을 이용해서 사용합니다.

사실 굉장히 편리한 기능입니다.

매번 구글링을 해서 이미지 찾기도 힘들기도 하고,

내가 자주 쓰는 이미지 소스들이 있다면, 일러스트에서 미리 미리 어셋화 시켜서

필요할 때마다 꺼내쓰면 되는겁니다 ~ 

이 기능은 일러스트레이터 CC 2018 버젼 이상에서만 지원하니

참고하시면 되겠습니다 ~ 

현재 일러스트레이터 CC 2020버젼까지 나와있는데

점점 일러스트레이터 기능이 좋아지네요 ~ ^~^

이번 포스팅은 일러스트레이터 기능 중에

Make Guide 라는 기능을 이용해 보겠습니다

말 그대로 가이드 라인을 그려주는 기능을 해서

그림을 좀 더 깔끔하게 그릴 수 있습니다. 

또, 가이드가 필요한 그림일 경우에 유용하게 사용이 가능합니다

방법은 아래와 같습니다

저는 공장 그림에 창문을 그려줄 겁니다

비율을 맞춰서, 깨끗하게 그리고 싶습니다

Rectangular Grid Tool 로 그려줍니다

(꼭 Rectangular Grid Tool 에 한정적이지 않아도 됩니다. 다른 툴로 그린 것도

가이드가 될 수 있습니다.)

Rectangular Grid Tool을 마우스로 클릭하고 드래그할 때,

방향키를 위, 아래, 좌, 우로 눌러주면 네모 칸 개수가 바뀝니다

원하는 개수가 나올 때까지 본인이 계산해서 넣으면 되겠습니다

그런 다음, View -> Guides -> Make Guides 를 눌러줍니다

단축키는 Ctrl + 5 입니다

가이드 해제는 바로 아래 있는 Release Guides 입니다

자주 쓰이는 기능이므로 단축키는 외우도록 합니다

Make Guides 기능을 이용해서 방금 전에 그린 네모칸들이

초록색깔로 좀 더 밝아졌습니다

이 네모칸들이 가이드 역할을 할겁니다

가이드가 있었기 때문에, 도형툴을 이용해서 깨끗하게 그림을 그릴 수가 있었습니다

가이드는 가이드일 뿐이므로, 작업이 완료된 후에는 아까전 가이드가 되었던

초록색 네모칸 오브젝트를 클릭해서 지워줍니다.

펜툴을 이용한 오브젝트도 가이드로 만들수 있고, 모든 오브젝트가 가이드가 가능합니다

그렇게 때문에, 작업에 상당히 많이 쓰이며, 유용합니다. 감사합니다