일러스트 투명도(opacity) 주기, 그림자효과 만들고 없애기! adobe illustrator

안녕하세요~! 여러분!

다시 찾아왔습니다.ㅎㅎ

 

오늘 제가 준비한 내용은 22번째 [투명도 주기, 그림자 주기] 편입니다.

 

오브젝트를 만드는 것에서 나아가, 오브젝트에 효과를 주는 등 더 디테일을 잡는 기능인데요.

투명도를 주거나, 그림자를 만들어주면 더 풍부한 시각효과를 줄 수 있답니다.

 

자, 먼저 투명도부터 알아볼까요?

불투명도(opacity) 알아보기!

1. 투명도 100% / 70% / 50% / 25% / 5% 퍼센트 주기

 

어떤 기능인지 알아보기 위해, 위와 같이 퍼센트를 적용해 볼 거예요~!

 

 

투명도 패널은 어디서 찾을 수 있을까요?

투명도 패널 켜기!

1. 상단 [윈도우] - [투명도]

2. 단축키 shift + ctrl + F10에서 열 수 있습니다.

 

 

불투명도란?

물질의 투명한 정도를 말합니다.

 

투명도 패널도 열었으니, 도형을 그려줄까요?

투명도를 잘 확인할 수 있게 검은색 사각형을 그렸습니다.

불투명도가 100%인 검은색 도형입니다. (투명하지 않죠~!)

이제 검은색 도형에 불투명도 70%를 줘볼게요.

사각형 도형 뒤에 글자를 써놓았어요. 지금은 100%여서 글자가 보이지 않아요. 

 

검은색 도형에 불투명도 70%를 적용했습니다.

검은색 도형이 투명해지면서, 뒤에 써놓았던 글자가 보이기 시작했습니다.

'사각형 도형 뒤에 있는 글자'라고 써놨어요.ㅎㅎ

 

이렇게 도형에 투명도를 주면, 도형이 투명해지며 뒷배경이 보이게 돼요.

 

100% / 70% / 50% / 25% / 5% 퍼센트를 줘볼까요?

영상으로도 확인해봅시다.

어떠신가요?

검은색 도형이 투명도 퍼센트에 따라서 색이 다 달라 보이지 않나요?

검은색, 진회색, 연회색처럼도 보이고요.

 

 

여기서 유의할 점!

검은색 도형 불투명도 25% vs 연회색 도형 불투명도 100%(투명도 없음)의 차이는 뭘까요?

겉으로 보기에는 똑같은 연회색인데 말이에요.

 

영상을 통해 차이를 확인해볼까요?

차이를 아시겠죠?

불투명도 100%(투명도 없음) 도형에서는 투명하지 않으니 뒤 글자가 보이지 않고,

불투명도 25% 도형에서만 뒤 글자가 보이는 것을 알 수 있습니다.

 

앗! 저는 도형에 분명히 불투명도 25%를 줬는데

도형을 클릭해서 보니 불투명도 100%라고 떠요. 왜 그런 건가요?

 

도형에 그룹이 묶여있을 거예요!

그룹을 해제해주시면 됩니다.

 

어려운 분들은 영상을 통해 확인해주세요.

투명도 패널에 불투명도 100%가 보이네요.

'글자 보이나요?'라고 써진 빨간 글자와 검정 도형을 그룹 해제 한 다음 투명도 패널의 불투명도를 확인해보면?

불투명도 25%라고 적혀있네요!!

궁금증 해결되셨나요?

 

더 나아가 투명도 병합(flatten transparency)에 대해서는 다음 시간에 알아보겠습니다.

투명도 병합은 인쇄 시 주의할 점으로 찾아뵐게요.

 

 

 

 

이제, 그림자 효과도 알아봅시다.

그림자(drop shadow) 알아보기!

1. 모드

2. 불투명도

3. X 옵셋 (좌우로 그림자 효과 주기)

4. Y 옵셋 (위아래로 그림자 효과 주기 )

5. 흐림 효과(그림자를 선명하게 흐리게 효과 주기)

 

그림자 효과 켜기!

1. 상단 [효과] - [스타일화] - 그림자 만들기 

 

그림자 효과를 넣어줄 글자를 먼저 써주겠습니다. 글씨 그림자 주기입니다.

전 '그림자'라고 썼어요~! 

그리고 '그림자'텍스트를 하나 더 복사해 만들어 주세요. (여기에 그림자 효과를 넣어줄 겁니다.)

 

영상으로 [그림자 만들기 패널]의 각 기능을 확인해보고 만들어보세요.

(효과 주기 전)         (효과 준 후)

1. 모드(곱하기) ---> 곱하기(그대로)

2. 불투명도(70%) ---> 30% 그림자 색상이 너무 진해서 연하게 조절해줍니다.

3. X 옵셋(-30px) --->15px ( - 마이너스면 왼쪽으로 그림자가 생기니 + 플러스 오른쪽으로 조절해줍니다.)

4. Y 옵셋(50px) ---> 5px (아래로 그림자가 생겨서 위로 그림자를 주기 위해 조절해줍니다. )

5. 흐림 효과 1px ---> 5px (그림자 선명도를 흐리게 조절해줍니다.)

 

위 이미지처럼 그림자 효과를 적용해보셨나요?

 

 

 

그림자 효과를 없애고 싶다면요?

 

그림자 효과 없애기!

1. 상단 [윈도우] - [모양] 

2. 단축키 shift + F6 

 

그림자 효과 없애기를 적용할 개체를 선택한 후 눈 모양을 클릭하여 안 보이게 하거나,

위에 보이는 그림자 만들기(fx)를 클릭 후 휴지통으로 드래그하면 됩니다.

 

이렇게 오늘 투명도와 그림자까지 알아봤습니다.

 

 

이제 점점 더 재밌어지지 않나요? ^^

다음 시간에는 더 재밌는 일러스트 기능 편으로 찾아오겠습니다~!

 

저는 이제 이만 가겠습니다~! ㅎㅎ

여러분 다음에도 만나요~!

 

 

지난 편 보러 가기

21편, 일러스트 그룹/그룹 해제(Group), 잠금/잠금해제(Lock) adobe illustrator

일러스트 그룹/그룹해제(Group), 잠금/잠금해제(Lock) adobe illustrator