본문 바로가기
디자인/무료 디자인 자습서

일러스트 : 재미있는 웰컴 배너를 만드는 방법

by 코코리★ 2018. 4. 19.
728x90

새 문서 만들기

새 문서를 만듭니다. 너비를 1000 픽셀 로, 높이를 300 픽셀로 설정하십시오 . 이것은 대부분의 배너에 적합한 와이드 포맷입니다.


스케치 만들기

이번에는 스케치를 추적하지 않지만 여전히 스케치를 갖는 것은 매우 중요한 단계입니다. 만들려는 디자인 아이디어가 필요합니다. Welcome 배너를 들고있는 두 명의 귀여운 괴물 스케치를 만들었습니다.

색상 표 만들기

때로는 색상이 그림보다 더 크게 말할 수 있으므로 어두운 파란색 배경 위에 행복하고 생생한 색상을 선택합니다. 빨간색, 주황색, 노란색, 파란색 및 청록색으로 갈 수 있습니다.

문자 만들기 시작

문자를 만들기 위해 Ellipse Tool (L) , Rectangle Tool (M) , Rounded Rectangle Tool 등 의 기본 도구를 주로 사용합니다 .

1 단계

둥근 사각형 도구를 선택하고 작업 영역의 아무 곳이나 클릭하십시오. 대화 상자 에서 너비를 148 px , 높이를 260 px및 모서리 반경을 116 px 로 입력합니다 확인을 클릭하십시오. 이 둥근 모양은 첫 번째 문자의 본문이됩니다. 노란색으로 색상을 지정하십시오 ( # FFC10E ).

2 단계

은 Using 직접 선택 도구 (A)를 , 낮은 앵커 포인트를 선택하고 삭제합니다. 또한 낮은 앵커 포인트를 위쪽의 앵커 포인트에 조금 더 가까이 가져 가면 몸 모양을 짧게 할 수 있습니다.

3 단계

노란색 바디 객체를 복사하여 옆에 붙여 넣습니다. 180도 (거꾸로) 회전 하고 4 배가되도록 곱하십시오. 오렌지색으로 색칠 하고 # F15A24 ) 신체의 바닥 부분에 두십시오. 몸 뒤에 배치하십시오.

4 단계

자, 몸에 얼굴을 추가합시다. 둥근 사각형 도구를 선택하고 작업 영역을 클릭하십시오. 대화 상자에서 폭 값으로 115 px, 높이 값으로 70 px 및 31 px의 모서리 반경을 입력하십시오. 색상은 흰색입니다.

5 단계

몸체에 얼굴 모양을 추가하십시오. 두 개의 작은 원을 눈으로, 하나의 반원을 입으로 추가하십시오. 어두운 파란색 (# 0D2637) 색상.

6 단계

우리는 우리의 성격에 약간의 머리카락을 추가해야합니다. 둥근 사각형 도구를 사용하여 하나의 긴 모양을 그립니다. 회전 도구 (R)를 사용하여 45 ° 회전합니다 (왼쪽 대각선).

7 단계

캐릭터의 이마에 긴 모양을 배치하십시오. 곱하고 4 개의 도형을 만듭니다. 서로 나란히 배치하십시오.

8 단계

첫 번째 긴 모양과 얼굴 모양을 복사하십시오. 앞에 붙이십시오 ( Ctrl + F ). 패스 파인더의 패널 에서 교차 명령을 사용하십시오 얼굴과 머리카락 모양이 교차하는 새로운 모양이 생깁니다. 길고 둥근 사각형의 나머지 부분에 대해이를 반복합니다. 청록색 ( # FFC10E) 으로 색상을 지정하고 더 어두운 그늘에서 색을 지정하여 서로 조금씩 다르게 보입니다.

9 단계

이제 우리는 발을 만들어야합니다. 원을 하나 만드십시오. 그런 다음 직접 선택 도구 (A) 를 사용하여 가장 낮은 앵커 포인트를 삭제합니다. 이렇게하면 반원을 얻을 수 있습니다. 그것을 노란색으로 색칠하고 수평 주황색 사각형을 추가하십시오. 이제 신발이 있습니다.

10 단계

발에 다리를 추가합시다. 간단히 직사각형을 그리고 빨간색으로 채 웁니다. 발의 오른쪽에 위치 시키십시오. 복사하여 붙여 넣으십시오. 다리를 대칭 짓기 위해서는 Object> Transform> Reflect 로 이동 하여 Vertical axis를 선택하십시오 양쪽 다리를 몸체 밑에 놓습니다.

11 단계

이제 우리는 손이 필요합니다. 왼쪽부터 시작합시다. 선 색상에 오렌지색을 사용하는 둥근 사각형을 만듭니다. 스트로크 무게를 18pt (1)로 만듭니다. 그런 다음 직접 선택 도구 (A)를 사용하여 오른쪽 상단 앵커 포인트를 선택하고 삭제합니다 (2). 끝을 더 짧게 만듭니다 (3).

12 단계

4 개의 작은 둥근 사각형 (1)을 만듭니다. 그런 다음 손바닥을 닮은 방식으로 정렬하십시오 (2). 손바닥 위에 손바닥을 얹습니다 (3).

13 단계

손을 복제하고 복제물을 대칭으로 만듭니다. 두 손을 캐릭터 위에 올려 놓습니다.

마지막으로 캐릭터 몸에 빨간 원을 추가하십시오. 우리는 그의 녀석과 함께 끝났습니다. 또 하나 만들어 봅시다.

14 단계

우리는 첫 번째 문자의 본문을 두 번째 문자의 기본 문자로 사용합니다. 이렇게하면 시간을 절약 할 수 있고 비슷한 문자 2 개가 생깁니다. 시체를 (얼굴과 오른손은 제외하고) 복사 하여 붙여 넣고 색을 변경하십시오. 시체는 빨강, 둥근 디테일은 노란색, 다리는 오렌지색, 신발은 빨간색을 사용하십시오.

15 단계

얼굴을 만들어 봅시다. 둥근 사각형을 만들고 직접 선택 도구 (A) 를 사용하여 상단 앵커 포인트를 선택하고 삭제합니다. 두 개의 원을 눈으로, 하나의 반원을 입으로 추가하십시오. 어두운 파란색 ( # 0D2637 ) 색상 .

16 단계

둥근 사각형 도구를 사용하여 하나의 긴 모양을 그립니다. 진한 파란색으로 색칠하고 (# 0D2637) (1), 회전 도구 (R)를사용하여 45 ° 회전시킵니다 (2). 패스 파인더 패널 의 Unite 명령을 사용하여 8 배로 곱하고 하나의 오브젝트에 병합 하십시오 .

17 단계

병합 된 둥근 직사각형을면 위에 배치합니다 (1). 병합 된 그룹 앞에 얼굴을 복사하여 붙여 넣습니다 (2). 패스 파인더의 패널 에서 교차 명령을 사용하십시오 얼굴과 머리카락 모양이 교차하는 새로운 모양이 생깁니다 (3).

18 단계

얼굴을 신체 위에 배치하고 흰색으로 채 웁니다. 우리는 여전히 몇 가지 세부 사항이 필요하므로 몸에 3 개의 가로 직사각형을 추가하십시오. 밝은 회색으로 표시하고 혼합 모드를 여러 배로 설정하십시오 .

19 단계

우리는 한 손을 놓치고 있습니다. 그래서 손을 만드십시오. 둥근 사각형 도구를 선택하고 작업 영역의 아무 곳이나 클릭하십시오. 대화 상자에서 다음 값을 입력 : 50 픽셀 에 대한  , 45 픽셀 에 높이 와 20 픽셀 에 대한 모서리 반경을 . 확인 (1)을 클릭하십시오. 채우기를 비우고 15pt를 획 폭 (2)으로 추가합니다. 손가락이 될 3 개의 작은 둥근 직사각형을 추가하십시오.

20 단계

문자 뒤에 둥근 윤곽선이있는 도형을 중간에 놓습니다 (2). 손가락을 추가하십시오. (삼)

21 단계

캐릭터를 좀더 생기있게 만들고 싶다면 몇 가지 추가 정보가 필요할 수 있습니다. 나는 그에게 한 쌍의 뿔을 추가하기로 결정했다. 캐릭터의 몸체보다 약간 큰 둥근 사각형을 만듭니다. 한 번 곱한 다음 조금 위로 움직이십시오 (1). 양쪽을 선택하고 패스 파인더의 패널 (2) 에서 마이너스 프론트 명령을 사용하십시오 끝이 캐릭터의 뿔이 될 새로운 모양을 얻게됩니다 (3).

22 단계

캐릭터의 머리 뒤에 뿔을 추가하십시오. 두 개의 작은 밝은 노란색 직사각형을 만들고이를 경적 위에 추가하십시오.

23 단계

다시 아트 보드로 돌아가겠습니다. 사용 사각형 도구 (L)을 아트 보드 (만큼 큰 사각형을 만들 수 1,000 픽셀 폭 300 픽셀의 높은).

24 단계

사각형의 양쪽에 두 문자를 놓습니다.

25 단계

빈 사각형을 만듭니다. 캐릭터의 손을 모두 만질만큼 넓게하십시오. 효과> 왜곡으로 이동 하고 아치 스타일을 선택하십시오. -7 %를 굽힘 값 으로 입력 하고 확인을 클릭하십시오. 배너가 조금 아래쪽으로 구부러 질 것입니다.

26 단계

배너 위에 대문자로 대문자를 입력하십시오. 이동 효과> 랩> 아치 . -7 %를 굽힘 값 으로 입력 하고 확인을 클릭하십시오. 텍스트는 배너가 구부러지는 것과 같은 방식으로 구부러집니다. 나는 이미이 단어를 쓸 때 베바 폰트를 사용했다 .

27 단계

노란색 문자의 오른손을 선택하고 그것을 수평으로 반영하십시오. 그것을 배너 위에 올려 놓으십시오.

28 단계

빨간색 캐릭터의 왼손으로 같은 일을하십시오. 두 손을 환영 배너 위에 올려 놓습니다.

29 단계

우리는 거의 끝났어! 그러나 마지막 단계로 스트라이프 패턴을 배경에 추가합니다.

얇은 직사각형 하나를 만들고 45 ° 회전시킵니다 배경을 충당하기 위해 필요한만큼 곱하십시오. 복사본간에 동일한 공간을 유지하십시오. 모든 것을 선택하고 복합 경로 ( 오브젝트> 복합 경로> 작성)를 작성하여 하나의 오브젝트로 병합하십시오 .

30 단계

배경을 복사하여 아트 보드 앞면에 붙여 넣으십시오.

줄무늬를 진한 파란색 직사각형 위에 놓고 두 객체를 모두 선택 하고 패스 파인더의 패널 에서 교차 명령을 사용합니다 .

31 단계

배경에 완벽하게 정렬 된 줄무늬 그룹이 새로 생깁니다. 약간 어두운 푸른 색으로 색을 칠하십시오.

32 단계

모든 것이 괜찮은지 다시 한번 확인하십시오. 두 인물이 행복하게 귀하의 페이지에 오신 것을 환영합니다.

결론

축하해, 끝났어! 이 튜토리얼에서는 Adobe Illustrator가 제공해야하는 기본 모양과 도구만을 사용하여 재미있는 환영 배너를 만드는 방법을 배웠습니다. 우리는 또한 몇 가지 간단한 단계를 거쳐 2 명의 귀여운 캐릭터를 디자인했으며 패스 파인더의 능력을 숙달했습니다. 이 배너는 인쇄하여 환영 파티의 소품으로 사용할 수 있습니다! 그러니 계속 누군가를 환영하십시오.


728x90

댓글