일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

Appearance panel의 Fill을 이용하여

일러스트레이터로 롱 쉐도우(Long Shadow)를

만들어 보겠습니다.

1. 원하는 글씨 쓰기

일러스트레이터에서 새 문서를 열어줍니다.

문서의 크기, 색상 모드(RGB/CMYK) 등은 자유롭게 선택해주세요.

원하는 폰트로 글씨를 씁니다.

대체적으로 조금 굵은 폰트가 잘 어울립니다.

2. Add New Fill

Appearance panel 보이지 않으면

window > Appearance를 체크 해 열어줍니다.

그림자를 만드려는 텍스트를 선택한 상태에서

Add New Fill 아이콘을 눌러

새로운 Fill 레이어를 2개 추가 해 줍니다.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja
Fill을 2개 만드는 이유
- 상단 Fill ->텍스트의 색상
- 하단 Fill ->그림자의 색상
일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja
Fill 2개 추가하기

3. 그림자 만들기

텍스트를 선택한 상태로

Distort & Transform > Transform를 눌러주세요.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja
Distort & Transform > Transform

옵션창이 나타나면 Move 항목과 Copies의 수치를 입력합니다.

원본 이미지에서 복사본을 여러개 만들어
수직/수평 방향으로 아주 조금씩 움직여
길게 이어지는 하나의 덩어리처럼 보이게 만드는 것이
이 효과의 원리입니다.

각각의 수치를 조금씩 조정해보면서

마음에 드는 각도를 찾아보세요.

참고로 Move 항목의 숫자가 작을수록(=적게 움직임)

Copies 수가 클수록(=복사본이 많아짐)

더 매끄러운 쉐도우가 나타납니다.

하지만, 카피의 숫자가 너무 많으면

일러스트레이터가 버벅거릴 수 있으니 주의하세요.

(오브젝트를 300,400개 만든다는 의미와 같습니다.

컴퓨터 사양이 아주 좋다면 괜찮겠지만 일반적으로

문서 안에 오브젝트가 많으면 일러스트레이터 및

컴퓨터가 뻑나거나 버벅일 수 밖에 없습니다.)

이 때 미리보기(Preview)를 켜두면 어떤 모양으로

그림자가 생기고 있는지 볼 수 있어 편합니다.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja
쉐도우(Shadow) 생성과 각도 조절

4. 마무리

만들어진 그림자는 그라디언트로도 채우는 것이 가능합니다.

Appearance panel에서 언제든 그림자와 텍스트의 색상

그림자의 갯수, 각도 등을 자유롭게 수정할 수 있습니다.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja
일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

하단에 원하는 배경색을 깔아주거나

텍스트를 클리핑 마스크 해서 더욱 깔끔하고 정돈된

이미지를 만들 수 있습니다.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja
일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

이렇게 아주 간단한 과정으로 illustrator에서

롱 쉐도우를 만들 수 있습니다.

일러스트레이터에서도 오브젝트에 그림자 효과를 줄 수 있다! 바로 appearance(모양) 기능이 그건데 각종 스타일을 입힐 수 있는 기능이다. 

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

먼저 사각형(Rectangle)툴로 사각형을 하나 그린다. 

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

Appearance(모양) 패널을 열기 위해 윈도우 메뉴에서 해당 메뉴를 체크한다. 

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

appearance(모양) 패널

그럼 오른쪽 윈도우 패널에서 appearance(모양) 패널을 확인할 수 있다. 

보면 현재 내가 그린 핑크색 사각형에 대한 속성 - 색상은 핑크, 테두리(Stroke)는 검정에

1.026pt의 두께를 가지는 사각형임을 확인할 수 있다.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

그럼 그림자를 주기 위해 사각형을 선택툴(단축키 V)로 선택한다. 그럼 파란색으로 활성화된다.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

그 다음 방금 appearance(모양)패널에서 f(x)라는 버튼을 클릭하고 Stylize -> Drop shadow를 클릭한다.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

그림자 값 설정

그러면 실제 그림자의 크기를 정할 수 있는데 Preview에 체크를 하면 미리보기가 가능하다.

Mode:  두개 이상의 오브젝트가 겹쳐져 있을 때 아래 오브젝트와 색상이 섞이는 방식, multiply(곱하기)을 흔하게 사용한다.  

Opacity: 투명한 정도로 0%면 완전 투명, 100%면 불투명이다.

X offset : 오른쪽으로 얼마나 떨어져서 그림자가 생기는지

X offset : 아래쪽으로 얼마나 떨어져서 그림자가 생기는지

그리고 수치는 위 이미지의 값으로 입력한 다음 OK버튼을 클릭하면 

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

위 이미지처럼 연한 그림자가 생기게 된다.

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

그림자 값 수정하기

수정할 때는 appearance(모양) 패널에서 Drop shadow 효과를 찾아서 클릭하면 값을 수정할 수 있다. 


더 자세한 강의를 보고 싶다면 아래 링크를 클릭하세요 :)

Illustrator CC - 일러스트레이터 입문부터 실전까지 한번에 마스터하기 - 인프런

강력한 디자인 툴인 Illustrator CC를 배우고 다양한 디자인 소스를 만들어봅니다. 웹이나 앱디자인에서 바로 활용할 수 있는 기능과 예제 중심으로 작업해보며 입문에서 활용까지 빠르게 익히실 수 있습니다. 입문 그래픽 디자인 일러스트레이터 온라인 강의 Illustrator CC

www.inflearn.com

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja

커피 한 잔 후원하기 ♡

일러스트레이터 글씨 그림자 - illeoseuteuleiteo geulssi geulimja