클리핑마스크 그라데이션 - keullipingmaseukeu geuladeisyeon

저는 일러스트레이터 CC버전을 사용하고 있습니다.

아주 기본적인 텍스트 깨기와 그라데이션 적용, 클리핑마스크에 대해서 알아보겠습니다.

결과물을 보면 3가지 마다 각각 다른 차이점이 있습니다!!

그럼 자세하게 알아보겠습니다

1. 먼저 텍스트를 입력해 줍니다.

2. 밑으로 복사한 후 위에 글자를 깨줍니다.

깨는 방법은 두가지가 있습니다.

1. 글자를 클릭 후 - object - Eapand (칠, 선 모두 체크)

2. 글자를 클릭 후 단축키(Ctrl + Shift + O )

3. 그라데이션 넣을 네모박스를 만듭니다.

4. 깨진 글자에 그라데이션 적용을 합니다.

이때 깨진 글자를 클릭 후 왼쪽에 스포이드 보이시나요?

그걸 누른 후 네모박스를 눌러 주시면, 네모박스에 적용된 그라데이션 값이

그대로 깨진 텍스트에 적용이 됩니다.

5. 텍스트 한자한자에 적용된 그라데이션을 통으로 묶어 효과를 줍니다.

한글자 한글자도 이쁘지만, 통으로 하나로 이어지게끔 보이고 싶을 때!

글자를 클릭 후 스포이드 이에있는 그라데이션을 눌러줍니다.

그리고 시작점을 클릭하면 위에 그림과 같이 막대바가 표시됩니다.

끝지점을 찍어주면, 시작과 끝점으로 되서 그라데이션이 하나로 연결 됩니다.

이런 그림처럼 하나로 연결 됩니다.

객체마다 연결된게 이쁘시면 그렇게 사용하셔도 됩니다^^

6.글자를 깨지않고 그라데이션을 적용하고 싶다면 클리핑 마스크를 해줍니다.

이때, 클리핑 마스크는 글자 개체보다 뒤에 있어야 합니다.

이럴경우 정렬 순서가 필요하겠죠?

그라데이션 박스를 클릭 후 단축키 (Ctrl + Shift + [ )눌러주시면, 순서가 제~일 뒤로 됩니다.

그 후 글자와 박스 선택 한 다음 마우스 오른쪽 클릭 하면 클리핑마스크 만들기가 뜹니다.

클릭하면?

아래와 같이 적용이 됩니다.

결과물은 같지만 작업할때 어느쪽이 더 편한지는 개인선택에 따라 좌우되는거 같습니다.

기본 내용이지만, 도움이 될까 몇자 적어봅니다!

오늘은 레이어 3개를 작업해보았다.

1. 그라데이션 레이어

이것은 진짜 쉽다. 텍스트에 그라데이션을 주면 된다

제일 왼쪽은 보라, 중간은 분홍, 제일 오른쪽은 주황

이렇게 해서 하면 되고 

영어에 살짝 회색 느낌나는건 색을 그렇게 한개 아니고 불투명도로 조절 해서 한것이다.

카드는 구글에서 저작권 없고 수정 가능한 이미지로 가지고 와서 아웃그로우 효괄르 준거다. 

2. 클리핑마스크 레이어

이건 이미지다 다했다.

SALE의 이미지는 https://unsplash.com/ 에서 가지고 왔고 

우선 두꺼운 영어글씨체로 SALE을 한글자씩 쓴다음에

클리핑마스크로 입혀서 만들었다.

3. 네온사인 레이어

이거 할 때 제일 시간이 많이 걸렸다 ㅠㅠ 네온 느낌을 좀 더 내보려고 하다가

동그라미랑 밑줄 그어져 있는 네온은 https://www.freepik.com/에서 가지고 온거고

그 外는 내가 했는데 그냥 동그라미랑 밑줄 네온도 내가 했어도 가능했을 것 같다! 

어짜피 방법은 똑같은데 처음에는 아래 느낌처럼 할려고 한게 아니여서 소스를 가지고 온건데

하다 보니 아래 느낌처럼 된거라서 ㅋㅋㅋ 쨋든 뭔가 심심한거 같아서 다른거를 막 찾아보다가 다른 것 대비 시간을 좀 더 썻다! 그런데 네온은 그냥 네온 그대로 심플하게 가는게 더 나을 것 같아서 냅뒀당!

원래는 더 디테일 하게 되면 뒤에 전깃줄 같은것도 해야하는데 그 부분은 그냥 패스패스 ㅋㅋㅋ 

영상 만들때는 전깃줄도 하긴 했는데 ㅋㅋ! 그러면 더 완성도 있는 레이어가 될 것 같긴 하다! 

디지털그래픽디자인 일러스트 수업일지 - 2020년 12월 18일​

​

​

view - outline : 오브젝트의 외곽선만 보이게 됨. ctrl + i

→ 이 상태에서 direct selection tool로 이동하면 기존 내가 만들고 싶은 오브젝트 모양에 맞출 수 있음

→ 다시 돌아가려면 view - preview (ctrl + i)

​

​

그라디언트

3) 그라디언트 바 : 글릭앤 드래그 하면서 그라디언트 모양 변화 줄 수 있음

5) 그라디언트 그림자효과를 주고 싶을 떄는 색상을 검정색 흰색으로 바꾸는 게 아니라 색상을 모두 검정색으로 한 다음에 opacity를 0%로 해야 함. 그래야 배경에도 자연스럽게 사라지는 것처럼 표현됨

7) 채도 색조 변경 창 : 5)에서 색깔 창을 누르고 6) 클릭 후 CMYK 선택

​

​

window - stroke - round snap - window - expand : 오브젝트 양 옆이 둥글어짐. → 그라데이션 효과도 주면 둥근 봉을 만들 수 있음

​

​

블랜드 툴(blend tool)

블랜드 툴로 애니메이션 만들기(with 포토샵)

블랜드툴 사용 - object - expand - object - unlock(2번) → 개체가 하나씩 분리됨

포토샵에 개체 하나하나를 복사 → 포토샵 timeline(window - timeline - create animation frame)에서 작업하면 gif로 만들 수 있음

​

​

클리핑 마스크

최종적으로 아래에 오는 개체가 특정 영역 안에만 오게 하는 기능

object - clipping mask - make

​

​

포토샵 마스크 기능으로 그림자 효과 주기

개체 복사(reflect tool - horizontal로 개체가 상하대칭이 되게) - 사각형도구 툴로 그라디언트 활용 - window - transparency - show options - make mask

→ 정도를 심하게 하고 싶으면 mask 부분 클릭 - gradient 창에서 가운데 마름모를 밝은 부분으로 드래그 하면 그림자 효과도 됨

→ 본 오브젝트 opacity도 조절해주면 더더 그림자가 됨

​

​

색상 변경하기 전에 file - document color mode - CMYK color로 바꿔주기!

오브젝트 바탕화면 줄이기(이미지 자르기 기능) : artboard tool (shift + o)

​

​

​

​

메시툴(mesh tool) : 클릭한 점 기준으로 상하좌우에 그라데이션 효과가 들어가는 툴

mesh tool 클릭 후 오브젝트 클릭하면 파란 선 생김. 중앙점 기준으로 색이 상하좌우로 그라데이션

color - CMYK color 모드로 색상, 채도 변경 가능

​

​

​

​

​

오늘 배운 기능들로 만들어본 것들! 크리스마스 종 만들때가 제일 헬이었당..!

​

​

​

​

수업일지 끝

​

​

​

수업 느낀 점 : 익숙해진건가... 포토샵보다는 확실히 다루기 쉬운 것 같다! 물론 틀만 있다면... 혼자 연습해보다가 모르겠는 거 있으면 강사님이 주신 강의 녹화본 봐야겠다!

​

​