오렌지빵은 못말려

하 제가 드디어 스티커를 만들어보고자 그림을 그렸는데..

발주맡길려는 곳들이 전부 일러스트레이터 프로그램을 사용해서 pdf파일을 만들어야하더라구요??

저는 클튜만 사용해도 칼선 딸 수 있겠지~ 했는데 프로그램 자체가 필요한거같아서ㅜㅜ

테스트용으로 만들어보고자 급하게 무료다운로드를 이용했습니다..!!

본격적으로 칼선을 따볼게요

1. 칼선을 만들기위한 파일 준비(클튜 기준 설명)

먼저 투명화 그림 파일과 클리핑 파일 2가지가 필요합니다.

간단하게 그린 그림으로 칼선을 따볼게요!!

아주 무해하게 생겼죠(?) 배경은 구분을 짓기위해 색을 넣어봤습니다.

1-1. 투명화 그림 파일

저는 가장 밑에 흰색레이어(용지)를 그대로 두고 그림을 그리는 편이어서 투명화때 가려주면 됩니당!

① 용지(흰 배경) off

② 저장하기

1-2. 클리핑 파일

다음으로 투명화 파일을 만들어보겠습니다.

투명화파일을 만들기위해서 기존파일을 합친파일을 하나 만들어줄게요

위의 사진 기준으로 레이어1, 레이어2를 복사해서 합쳐주면됩니당 (통합 파일)

그 다음에 통합파일 위로 레이어를 추가해서 검정페인트를 부어준다음에 클리핑을 해주겠습니다.

클리핑 레이어를 선택해주면 굉장히 무서운(?) 그림이 완성됩니다. 이렇게 용지와 클리핑 레이어를 살려서 파일을 저장해주시면 됩니다!!

이렇게 2가지 파일을 만들고 일러스트레이터에서 칼선을 만들어보겠습니당.

2. 파일 배치

일러스트레이터 프로그램을 열어서 1번에서 만들었던 파일을 배치할거에요.

먼저 제가 1번에서 만든 파일과 같은 크기의 레이어를 생성해주시면 됩니다.

무제-1이 새로 생성한 레이어, 옆의 파일은 각각 저장했던 파일들입니다.

이제 그림파일이 밑의 레이어로 가도록 배치하면 됩니다.

무제-1에서 테스트 투명화를 먼저 복붙해볼게요.

테스트 투명화 파일.png 에서 레이어1을 클릭해준상태로 복사해서 무제-1 레이어1에 붙여넣으면 됩니다!

무제-1 에서 레이어를 하나 더 추가해준뒤에 테스트 클리핑 파일을 복붙해오면 준비가 끝납니다.

3. 이미지 추적

본격적으로 칼선을 잡기 위해 클리핑으로 만들어놨던 파일을 확대시키는 과정을 진행할게요

레이어2(클리핑 파일)을 선택한다음 [윈도우 - 이미지 추적] 을 클릭해서 [윤곽]을 클릭해주시면 됩니당

사전 설정 - 윤곽, 이때 미리보기 해제 해주시면 이미지 추적이 가능해져요 추적 클릭!

다음으로 [오브젝트 - 이미지 추적 - 확대] 클릭해주시면 기존 클리핑 파일보다 커지면서 구역이 선택됩니다.

4. 패스 설정

이제 확대된 클리핑파일의 선을 추출해볼게요.

[오브젝트 - 패스 - 패스 이동] 을 클릭하면 원하는 길이만큼 확대이동을 시킬 수 있습니당!!

드디어 칼선을 딸 수 있는거에요 젠장!!

저는 1.5mm 늘려봤습니다.

확인버튼 누르면 바깥쪽에 칼선이 생긴것을 알 수 있습니당.

아니근데 웬걸 레이어2를 클릭해보니 기존의 선과 바깥 칼선 모두 선택되어있는것을 알 수 있습니다.

칼선이 목적이므로 바깥의 칼선만 남겨보도록 하겠습니다.

레이어2를 클릭한채로 위쪽의 패스파인더에서 첫번째 통합 버튼을 클릭해주겠습니다.

혹시 패스파인더가 보이지 않는다면 [윈도우-패스파인더]로 열어주시면 됩니다!

통합 버튼으로 바깥의 칼선만 남았습니다! 얼마남지않았네요 ㅎㅎ 이제 안쪽의 검은배경을 없애볼게요.

레이어 2를 클릭한 채로 왼쪽의 칠과 선 교체 화살표를 클릭해줍니다!!

하 드디어..

칼선이 바깥에 생긴것을 알 수 있습니다ㅜㅜ

저는 추가적으로 [오브젝트 - 패스 - 단순화]를 클릭해서 선을 좀더 깔끔하게 만들어줬습니다.

단순한 그림이라 큰 차이는 안나는거같네요. 복잡한 그림일수록 선이 좀더 둥글게 단순화작업이 들어가더라구요!!

칼선의 형태는 칼선레이어를 클릭하고 [모양]에서 변경할 수 있습니다.

저는 선색을 바꿔봤습니다.

레이어2 클릭하고 왼쪽에서 원래는 검정인 선색부분 클릭해서 원하는색상으로 바꿔주면 됩니다!

최종적으로 칼선이 생긴 모습을 확인할 수 있습니다.

사실 큰 작업이 들어가는건 아닌데 일러스트레이터 프로그램을 처음 써봐서;; 생각보다 헤매게 되더라구요.

발주넣는 사이트마다 요구사항이 다르더라구요 선은 얼마~ 선색은 어떤거~ 각 그림마다 0.3mm 의 여유가 필요하다 등등..

다들 꼭 기준 잘 체크해서 이쁜 굿즈 많이만드세요!!! 굳:)

안녕하세요 O_B입니다

다들 한번씩은 소재를 가져올때 배경과 선이 분리되지 않아서 불편했던 경험이 있지않을지싶어요!

저는 선만 따오는 방법을 익히지 못했을 때..

레이어 위로 직접 선을 그려본적도있고 흰배경만 아슬아슬하게 지워본적이있네요..ㅎㅎ

진짜 귀찮고 시간도 많이 뺏겼던 기억이 있습니다..ㅜㅜ

그래서 오늘은 그림에서 흰색 배경만 지우는 방법을 알아보겠습니다.

1. 파일가져오기

테스트를 위해 먼저 파일이 필요하겠죠!

검정 선을 따기 위해 저는 제가 그린 그림을 하나 들고오도록 하겠습니다.

파일 가져오는 방법은 3가지가 있죠!

1. 파일 - 열기 를 통해 가져오기

2. 폴더 아이콘을 클릭하여 파일을 가져오기

3. 그림을 클튜에 직접 넣기

이렇게 3가지입니다!

저는 직접넣는것보다는 파일을 통해 가져오는게 더 편해서 주로 1 2번의 방법을 사용합니다..ㅎㅎ

저는 제가그렸던 메이플 썬콜 그림을 가져왔습니다!

저장했던 그림 그대로 들고와서 파일은 png 형태로 되어있습니다.

2. 그림 투명화

그러면 가져온 그림에서 흰배경은 지우고 검정색 선만 따야겠죠!!

먼저 흰 배경과 선이 같이있는 것을 확인해볼게요.

현재 그림에서 "투명픽셀잠금" 을 하고 레이어 위로 선을 그어보겠습니다.

먼저 레이어 속성에서 투명픽셀잠금을 하고 레이어 위로 선을 그어봤습니다.

처참하네요

ㅜㅜ 현재 배경과 선이 한 선화에 전부 있는 것을 알 수 있습니다.

얼른 선을 구분지어줘야겠습니다.

레이어를 원래 상태로 돌려준뒤에(그었던 선을 지우고 투명픽셀을 풀어주세요)

투명도 변환을 위해 [편집 - 휘도를 투명도로 변환] 을 클릭해주시면 됩니다.

휘도를 투명도로 변환 을 클릭하게 되면

이렇게 흰 배경이 사라지고 검정배경만 남는 것을 확인할 수 있습니다!

원하는 선만 남길수있어서 굉장히 편합니다.

그렇다고 선만 남은 것을 다시 확인해주기 위해 테스트를 진행해볼게요

아까처럼 위로 선을 그어줄겁니다.

레이어 속성에서 검정선만 남은 레이어는 투명픽셀 잠금으로 해주시고 밑에는 알아보기 쉽게 흰색레이어를 깔았습니다.

픽셀잠금을 진행한 레이어에서 선을 그어주면

선화의 색만 변경된 것을 확인할수있습니다!!

테스트끝났다고 투명픽셀 풀어버려서 캡쳐본에는 같이 찍히지않았지만 투명픽셀 누르고 선 그어주셔야합니다!!

흰색 배경은 사라지고 검정선만 남은것을 제대로 확인해볼 수 있죠.

이렇게 편하게 배경을 지우고 선만 가져오는 작업을 할 수 있습니다.

+ 배경은 흰색이 아니어도 휘도를 투명화하면 선만 가져올수있습니다!!

안녕하세요 O_B입니다.

오늘은 타임랩스 기능을 이용해볼려고 합니다!

타임랩스란 움직임을 촬영하고 원래 속도보다 빠르게 보여주는? 기법이라고 할 수 있습니다.

클립스튜디오는 PRO / EX 이렇게 2가지의 버전이 있죠!

저는 현재 PRO 버전을 사용하고 있습니다. 애니메이션 그릴일은 없지 않을까.. 하구..ㅎㅎ(가격차이도 좀..)

PRO는 일반판, EX는 조금더 기능이 많은? 버전이라고 생각하면 편할거같아요.

타임랩스 기능을 이용하고 싶고 와콤 제품을 사용하고 있다면

와콤 드라이버를 최신 버전으로 업그레이드 해주셔야 기능이 정상적으로 작동합니다!

저는 아무리 찾아봐도 타임랩스 기능을 찾지 못해서 PRO는 타임랩스 기능을 이용하지 못하는 줄 알고

EX로 업그레이드 해야하나 고민을 많이 했었어요. 가벼운 낙서라도 타임랩스로 보면 더 재밌지 않을까..! 하는 마음에..

하지만! 와콤 드라이버 업데이트를 하지 않아 보이지 않는 거였더라구요ㅎㅎ

(클튜는 따로 업데이트 했던 기억이 없었어요! 최신 버전이라면 문제없이 동작할겁니다.)

제가 사용하고 있는 와콤 버전은 6.3.42-2 입니다. 업데이트가 또 생겼네요. 업데이트는 다음으로 미뤄야겠어요*^^*

(현재 와콤 드라이버의 버전은 '와콤 데스크탑 센터' 프로그램을 통해 알 수 있습니다.)

1. 타임랩스 기록하기

업데이트를 했다면 타임랩스 기능을 어렵지 않게 찾아볼 수 있습니다.

[파일] - [ 타임 랩스 ] - [ 타임 랩스 기록 ] 을 누르면 타임랩스 시작을 결정할 수 있습니다.

해당 이미지의 화면이 뜬다면 OK버튼을 눌러 타임랩스 기능을 활성화 시키면 됩니다.

2. 원하는 그림 그리기

타임랩스 기능을 활성화 시켰다면 원하는 그림을 자유롭게 그리면 됩니다!

저는 최근에 그리고 있던 캐릭터로 타임랩스를 만들어 볼려고 합니다.

최근에 '스도리카' 라는 모바일 게임을 다시 열심히 해볼까싶어.. 시즌3 좋아하는 캐릭터를 그려보고 있었습니다!

바로 스도리카 수현! 공수현!!

한국계를 모티브로 한 물계파라 스킬도 이쁘고 이름도 너무 예뻐요.

무엇보다 스알 일러가 넘 이쁘게 뽑혔어요.

수현 얻을려고 70연 넘게 돌렸던거같은데 못 뽑은거 생각하니 마음이 아파오네요..

3. 타임랩스 저장하기

그림을 완성했다면 타임 랩스 내보내기를 누르면 됩니다!

타임 랩스 기록을 누른 시점부터 그린 그림을 빠르게 영상으로 보여주는 거에요.

저도 끝까지 완성은 하지 않고 중간만 녹화를 해봤습니다!

그런데 웬걸 동영상 올리는데 오류가 나네요ㅜㅜ

아쉽게도 녹화한 영상은 보여드릴 수 없지만 영상 저장에는 문제가 없습니다!

[ 타임랩스 내보내기 ] 를 클릭하면 이런 화면이 보이게 됩니다.

저는 잠깐 녹화해서 비디오 길이가 0초로 나오네요!

오랜 시간동안 작업해도 실제로 제가 그린부분들만 녹화가되고 빠른 재생이 되어 영상 길이가 그렇게 길게 나오지 않을거에요ㅎㅎ

비디오 길이, 크기, 비율 원하는대로 설정해주시고 OK 버튼을 눌러 원하는 파일위치에 저장해주시면 됩니다.

영상을 한 번 저장했다고 타임 랩스가 바로 꺼지는 것이 아니기때문에

혹시나 원하는 크기 비율이 아니라면 다시 설정해서 저장버튼을 누르면 됩니다!

타임 랩스를 켜놓은채로 작업하고 파일을 끈 경우 다시 돌아와도 타임랩스는 꺼지지않고

유지 되기 때문에 한번에 작업해야한다는 압박감은 가지지 않으셔도 괜찮습니다.

제가 그렸던 과정을 빠르게 보면 되게 재밌더라구요. 타임 랩스 기능 이용해보는걸 추천드립니다!

안녕하세요 오렌지빵 O_B입니다.

오늘은 클립 스튜디오 움직이는 짤을 만들어보겠습니다.

보통의 일러스트와 크게 다르지 않아 어렵지 않게 만들어볼 수 있습니다!

1. 움직이는 일러스트 레이어 만들기

먼저 움직이는 짤을 만들기 위해 편리한 레이어를 만들어야 합니다.

보통의 레이어로 만들어도 가능할것이지만 '움직이는 일러스트 만들기'를 클릭하고 레이어를 만들면 훨씬 편하게 만들 수 있습니다!

레이어 추가 버튼을 클릭하여 기본적으로 만들려는 움짤의 크기를 폭과높이를 이용해 설정해주고

'움직이는 일러스트 만들기' 버튼을 클릭해주고 원하는 셀과 프레임을 선택하고 레이어를 만들어주면 됩니다.

레이어(파일)을 생성하고 난다면 애니메이션 폴더 안에 본인이 선택한 셀 수에 맞게 레이어가 생성된 것을 알 수 있습니다. 저는 셀 매수를 24로 선택하여 24번까지 있는 것을 알 수 있습니다!(사진이 잘렸지만 밑으로가면 1번까지 있습니다.)

2. 레이어 파일 채우기

레이어를 생성했으니 레이어를 채울 시간입니다!

본인이 원하는 움짤을 만들기위해 *1번 레이어* 부터 그림을 그려주시면 됩니다.

저는 캐릭터가 뒤를 보이는 상태에서 고개를 돌리는 모습으로 그려볼려고 합니다.

저의 클튜 화면입니다. 간단하게 뒤로 돌아있는 캐릭터를 그렸습니다.

선을 정리하지 않아 지저분하고 인체가 망가진 모습이 마음아프네요:)

가장 중요한 것은 제일 밑에 있는 *1번 레이어*에 그려줘야 하는 것입니다!!

3. 위의 레이어로 차례대로 올라가며 그리기

1번 레이어를 채웠다면 2번 레이어로 올라가면 됩니다.

2번 레이어를 클릭했을 때의 모습입니다. 1번 레이어에서 그렸던 선이 보라색으로 보이는 것을 알 수 있습니다.

즉 전에 그렸던 레이어를 보고 다음에 그릴 그림을 그리면 되는 것입니다!

일반 레이어로도 가능하지만 저는 따로 설정을 해주지 않아도 되는 것이 편리하게 생각되더라구여 :)

1번 레이어의 투명도를 42%로 조절하고(선이 너무 강하게 보여 살짝 줄였습니다! 본인의 가호에 맞게 조절하시면 됩니다.) 그 위에 올 그림을 그렸습니다. 이런식으로 위의 레이어로 올라가며 차례대로 그림을 그려가면 됩니다!!

그림이 더러워서 복잡해보이네요ㅎㅎ..

보라색으로 보이는 선은 이전의 레이어(3번 레이어), 초록색으로 보이는 선은 다음의 레이어(5번 레이어)를 보여주는 것입니다. 레이어의 투명도를 조절하여 보면 더 편리합니다!

이렇게 이전, 다음의 레이어를 확인하며 움짤을 그릴 수 있어 저는 편리했습니다.

4. 움짤 저장하기(.gif)
저는 의지가 약하여.. 6번레이어까지만 작성하고 움짤을 저장해볼까 합니다.

그림을 모두 그렸다면 마지막으로 저장만 해주면 됩니다.

움짤을 저장하는 방법은 어렵지 않습니다!

파일 - 애니메이션 내보내기 - 애니메이션 GIF 를 클릭해주면 됩니다.

다음 원하는 파일 위치를 선택하여 저장 버튼을 눌러주시면 됩니다.

저장버튼을 누르면 나오는 화면입니다.

애니메이션 gif 파일을 만들기 전 마지막 화면입니다!

출력하기 위한 애니메이션의 크기를 폭, 높이를 이용하여 조정해주시면 됩니다.

저는 6번 레이어까지 작성을 했고 약간의? 공백을 주고 싶어 7번 프레임(레이어)까지 4번 반복하게 설정했습니다.

모든 설정이 끝났다면 OK 버튼을 이용하여 움짤을 저장해주시면 됩니다.

제가 그린 움직이는 그림의 저장본입니다!

선을 정리하지않고 저장하여 깨끗하지 못하네요ㅎㅎ

저는 반복횟수를 4회로 지정했지만 무한반복도 가능합니다!

모두 간단하게 원하는 움짤 많이 만드셨으면 좋겠습니다!