배경 디자인 방법

잘 모를 수도 있지만 배경을 그리는 것은 캐릭터 일러스트레이션에서 가장 중요한 부분 중 하나입니다.

캐릭터가 흰색 배경에 떠 있으면 안 됩니다. 그들은 캐릭터를 그리는 시점까지 캐릭터가 진화하는 방식을 정의한 고유한 세계에 속합니다.

이 튜토리얼 기사에서는 아티스트 Maddy Zoli가 배경을 만드는 방법을 살펴보겠습니다. Vectornator를 따라하면서 스스로 하는 방법을 배우십시오!

캐릭터 디자인

캐릭터 디자인에 대한 첫 번째 강의를 읽었다면 캐릭터의 배경 이야기를 알 것입니다. 당신이 그리는 모든 선의 중추입니다.

눈에 보이는 것보다 더 깊은 이야기에 캐릭터를 배치해야 합니다. 태어난 때부터 사는 곳, 직업, 좋아하는 음식까지. 과잉으로 들리나요? 우리에게는 더 재미있을 것 같습니다!

깊은 토끼 굴에 빠지지 않고 캐릭터의 과거, 현재, 미래에 대한 이러한 모든 세부 사항을 생각하고 주변 환경에 표현하십시오. 즉, 머릿속에 있는 이야기를 캐릭터의 배경에 투사하는 것입니다. 이와 같은 시각적 스토리텔링을 사용하면 캐릭터와 세계가 훨씬 더 풍부하고 사실적으로 느껴질 것입니다.

아티스트

이 튜토리얼은 놀라운 Maddy Zoli와 공동으로 제작되었습니다. 우리는 YouTube 채널에서 전체 캐릭터 시리즈를 함께 만들고 있으며 그녀는작게 시작하여 점차 커지는 모양을 만들기 위해 캔버스에 가하는 압력으로 도구를 사용하고 놀아보세요. 압력을 변경하면 한 번의 스트로크로 선이 매우 가는 선에서 매우 두툼한 선으로 바뀔 수 있습니다. 이 효과를 얻기 위해 Maddy는 압력 감도를 켠 상태에서 사전 설정의 네 번째 브러시를 사용합니다.

구름을 그린 후 노드 도구를 사용하여 모양을 조정합니다.

구름이 석양 빛을 자연스럽게 반사하여 주황색(F92CEE, 왼쪽)에서 연한 분홍색(F9DCEE, 오른쪽)으로 그라데이션을 줍니다.

달의 경우 두 개의 원을 만들고 빼기 완벽한 반초승달을 자르기 위한 불리언 함수. 종횡비를 유지하려면 캔버스 위에 한 손가락을 대고 있는 것을 잊지 마세요.

마지막으로 모양 도구로 별을 추가합니다. Maddy는 12점 별을 결정합니다. 왼쪽에 있는 슬라이더를 통해 점 수를 편집할 수 있으며 캔버스에서 연필을 드래그하는 동안 한 손가락을 누른 상태에서 모양을 변경할 수 있습니다.

멋진 세부 정보 추가

당신도 마지막을 위해 최선을 다하는 사람입니까? 마지막이자 가장 멋진 그래픽 요소 중 하나를 이 작품에 추가할 시간입니다.

Iconator 기능으로 최소한의 노력으로 우주 왕복선을 만드세요. Inspector의 마지막 탭을 탭하여 Iconator에 액세스하고 검색 표시줄을 사용하여 필요한 항목을 찾으십시오.

Maddy가그녀가 가장 좋아하는 우주 왕복선의 크기를 조정하고 흰색으로 칠한 다음 표지판 중앙에 배치합니다. 간단합니다!

조명 효과 추가

마지막으로 빛의 원을 추가하여 멀리 떨어진 도시의 반짝이는 효과를 줍니다. 물론 원에 모양 도구를 사용한 다음 스타일 탭에서 그래디언트 기능을 사용하여 더 좋은 효과를 줍니다.

Maddy는 왼쪽에 분홍색(F9A3D8)이 있는 선형 그래디언트를 사용하고 오른쪽은 왼쪽이 100% 투명합니다.

그런 다음 혼합 모드로 이동하여 오버레이를 선택합니다.

움직임 추가

만들기 일러스트레이션 모드 동적, 장면을 교차하는 입자 조명의 최종 레이어를 추가합니다. 이를 위해 Maddy는 이전과 동일한 브러시(사전 설정에서 네 번째)를 유지하여 15단계와 동일한 그래디언트로 채워진 매우 미세한 획을 만듭니다. 그런 다음 혼합 모드를 다시 오버레이로 설정합니다.

우리가 '기다려왔습니다: 이 모든 단계가 끝나면 이제 일러스트레이션이 완성됩니다!

그림 배경이 중요한 이유

그림의 배경이 무엇이든 , 좋든 나쁘든 최종 작품에 큰 영향을 미칩니다!

물체와 캐릭터를 역동적인 포즈로 그리는 법을 배웠다면 배경은모든 것을 하나로 모으는 퍼즐.

배경은 캐릭터의 양과 음의 역할을 합니다. 둥근 모양을 사용하여 캐릭터를 만든 경우 각진 모양을 사용하여 배경을 나타내야 합니다. 캐릭터가 어두우면 밝은 배경색 등을 사용하십시오. 핵심은 캐릭터가 돋보이도록 캐릭터와 대조하는 것입니다.

배경은 기술 및 개념적 수준에서 캐릭터와 스토리를 강조해야 합니다. 따라서 배경 디자인이 중요한지 스스로에게 묻는다면 실제로는 중요하다고 생각합니다.

이 튜토리얼이 도움이 되었기를 바랍니다. 아직 다운로드하지 않은 경우 Vectornator를 다운로드하여 Maddy가 만든 것과 같은 멋진 배경을 직접 디자인할 수 있습니다.

Google 도구를 처음 사용하는 경우 학습 허브 또는 YouTube 채널을 확인하세요. 그래픽 디자인 튜토리얼 및 신선한 영감을 위해; 미리 만들어진 템플릿을 선택하여 몇 분 안에 디자인을 만드세요.

소셜 미디어에 항상 태그를 달아 작업을 다시 게시할 수 있도록 하세요!

이 튜토리얼에서 언급하는 각 단계는 가장 세부적인 부분까지 들어가지 않는다는 것을 알게 될 것입니다. 새 레이어를 만들거나 새 모양을 그릴 때마다 단계를 언급하지 않는다는 의미입니다. 대신 디자인 프로세스에 대한 각 구조적 추가 사항을 하나의 중요한 단계로 압축합니다.

• iPad

• Apple Pencil

• Procreate(또는 기타 스케치 소프트웨어)

• Vectornator 최신 버전 학습 내용:

• 스케치 방법

• 캔버스 및 배경 준비 방법

• 레이어 추가 및 관리 방법

• 펜, 연필, 브러시 도구 고급 사용 , 노드 및 모양 도구

• 색상 선택기 및 그라데이션 편집기 고급 사용

• 빛, 그림자 및 움직임 추가 방법

• 복제 사용 방법 작업량을 덜어주는 기능

• 손글씨 레터링 만드는 방법

• 복잡한 도형 만드는 방법

실습과 이론을 겸비했으니 힘내세요!

올바른 레퍼런스 확보

이 단계는 디자인하려는 배경 유형에 대한 올바른 영감을 찾는 단계입니다.

매디의 레퍼런스가 어디에서 왔는지 추측할 수 있나요? 에서? 그녀의 영감은 80년대와 90년대의 네온 불빛이 있는 파스텔 도시 풍경입니다.Sailor Moon 및 Cardcaptor Sakura와 같은 애니메이션. 그녀는 그들의 미학을 배경 디자인에 통합할 것입니다.

이미 흥미로운 조명, 동작 및 좋은 구성을 갖도록 설정되어 있습니다. 하지만 그냥 밖에 나가 주변에서 보는 풍경이나 도시 풍경을 그릴 수도 있습니다.

여기서 가장 중요한 것은 모든 것에 의미를 부여하는 것입니다. 캐릭터와 배경을 별개의 것으로 생각하지 말고 하나의 단위로 생각해야 합니다. 단순히 캐릭터의 배경을 그리는 것이 아니라 그 안에 캐릭터가 있는 장면을 그리는 것입니다.

기본 모양 스케치

인기 있는 스케치 스타일은 주요 값을 간단히 차단하는 참고 자료에서 몇 개의 작은 5분 "제스처" 연구를 수행하는 것입니다.

그런 다음 하나 또는 두 개의 연구를 선택하여 더 많은 것으로 발전시킵니다. 매디가 프로크리에이트에서 완성한 스케치처럼 약 30분을 들여 만드는 상세한 스케치.

이런 식으로 생각하면 모든 요소를 ​​더 좋고 흥미로운 방식으로 통합하는 데 도움이 됩니다. 당신의 시청자는 단지 장식적인 배경일 때보다 환경에 더 많은 관심을 갖게 하기 때문입니다.

이 경우 우리는 이미 Jocasta가 10대라는 것을 알고 있습니다.초능력을 가진 소녀. 하지만 제작자인 Maddy가 알고 있는 것은 그녀가 집으로 돌아가기 위해 매일 저녁 대중 교통을 기다려야 하는 바쁜 도시의 미래에 살고 있다는 것입니다.

이 작은 눈길을 끄는 요소로 알 수 있습니다. —버스 정류장 표지판은 실제로 우주 왕복선입니다.

스케치를 Vectornator에 업로드

Procreate에서 스케치를 jpeg/png로 내보내고 가져오기만 하면 됩니다. Vectornator에. 갤러리 탭에서 끌어서 놓기로 할 수 있습니다.

캐릭터 배치

Maddy는 3분의 1 규칙에 따라 Jocasta를 장면에 배치했습니다.

여러 가지 방법이 있습니다. 균형 잡힌 미학을 달성하는 데 도움이 되는 다양한 검증된 규칙(예: 3분할 규칙)을 사용하여 훌륭한 구성을 만듭니다. 이에 대해 자세히 알아보려면 또 다른 놀라운 일러스트레이터인 Soodabeh Damavandi가 촬영한 멋진 구성을 만드는 방법에 대한 비디오 자습서를 확인하십시오.

레이어 구성

레이어를 깔끔하고 정돈된 상태로 유지하는 것이 중요합니다. 이 단계에서 추가 노력을 기울이면 일러스트레이션을 진행하는 데 열 배로 도움이 됩니다.

따라서 캐릭터를 배치한 후에는 캐릭터 레이어. 그런 다음 스케치 레이어를 내린 후 잠급니다.불투명도.

기법에 대해 이야기할 수 있는 좋은 기회이기도 합니다!

배경을 디자인하는 방법에는 원근법을 사용하거나 풍경을 레이어링하는 두 가지가 있습니다. 오늘 우리는 레이어링 기술에 중점을 둡니다. 다른 동영상에서 원근법을 다루고 싶다면 아래에 댓글을 달아주세요.

따라서 풍경을 세분화하면 총 5개의 레이어가 있습니다. 앞에서 뒤로, 즉 가장 가까운 곳에서 먼 곳으로 레이어는 다음과 같습니다.

• 조카스타와 유령
• 버스 정류장과 철도
• 첫 번째 줄의 건물.
• 두 번째 줄의 건물.
• 마지막으로 하늘, 달, 구름.

이제부터는 간단히 기억하세요. 예를 들어 버스 정류장은 별도의 레이어에 있고 건물의 두 번째 행과 달과 별도 마찬가지입니다. 알겠습니다.

색상으로 이야기하기

색상은 캐릭터의 이야기를 더 많이 말할 수 있는 또 다른 매우 중요한 측면입니다.

요컨대 이 세계는 미래에 있으며 마법으로 가득 차 있으며 세일러 문에서 영감을 받았습니다. Maddy가 네온, 파스텔, 핑크, 그린과 같은 대담한 색상을 선택한 것은 놀라운 일이 아닙니다. 지루하지 않은 모든 것!

매디의 조각을 재현하기 위해 필요한 모든 16진수 코드는 다음과 같습니다.

어두운 보라색 - 7125D0

오렌지 - EFB09F

미디엄 블루 - 869FEF

진한 파란색 - 3E6AED

진한 파란색 - 4265D2

틸 - 2885C7

옐로우 - FEF66F

핑크 - F9A3D8

라이트 핑크 - F9DCEE

궁극적으로 색상 조합을 사용했는지 확인해야 합니다. 충분히 대조적이지만 동시에 캐릭터와 조화를 이룹니다. 이것이 바로 Maddy가 Jocasta에 사용한 것과 매우 유사한 색상을 선택한 이유입니다.

Maddy가 선택한 색상이 그녀의 구성 전반에 걸쳐 다양한 디자인 요소에 사용되고 재사용될 것임을 알 수 있습니다. 다양하지만 제한된 색상 팔레트를 선택하면 창작 과정에 도움이 될 뿐만 아니라 아트워크를 더욱 응집력 있고 식별 가능하게 만들 수 있습니다.

시간에 따라 분위기 설정

단단한 배경색을 피하고 시간을 분위기를 설정하는 방법으로 사용하십시오. 이 장면에서 Maddy는 이른 저녁을 선택했습니다.

Jocasta와 그녀의 유령 친구가 지금 느끼는 것과 일치합니다. Jocasta는 이미 끝난 것처럼 보이지만 밤에 유령이 나타나기 때문에 이제 막 하루를 시작하려고 합니다!

이 모양을 구현하기 위해 Maddy는 전체 캔버스를 채우는 보라색 사각형을 만듭니다(C18FF0). 그런 다음 오른쪽 상단부터 진한 파란색(3E6AED) 선형 그래디언트를 적용합니다.corner.

Maddy는 사각형을 복제하고 그래디언트가 반대쪽 모서리에 오도록 회전한 다음 그래디언트 색상을 아름다운 주황색(EFB09F)으로 변경합니다. 일몰 분위기라고 했나?

건물의 두 번째 행 만들기

두 번째로 먼 개체 레이어부터 시작하겠습니다(가장 먼 하늘).

이 특정 순서는 그다지 중요하지 않습니다. 그러나 건물, 기차역 등과 같이 서로 겹치는 레이어 클러스터가 있는 경우 개체를 전경에 배치하는 방법, 얼마나 많은 음수 공간이 있는지 이해할 수 있도록 가장 먼 것부터 시작하는 것이 가장 좋습니다. 어떤 색상이 가장 대비가 잘 되는지 살펴봅니다.

Maddy는 모양 도구를 선택하고 기하학적 모양을 만들기 시작하여 건물의 정면도를 정의합니다. 그녀가 사용하는 파란색 음영은 869FEF입니다.

원근법 그리기

그리고 측면을 그리기 위해 더 어두운 음영인 957AE1을 선택합니다.

그뿐만 아니라 그녀는 구성의 소실점과 정렬되도록 사각형의 윗면 각도를 변경하기 위해 노드 도구도 사용합니다.

세부 정보 추가

Maddy는 보는 사람의 관점에 더 가까운 건물에 배너를 추가합니다.

이 건물은 기술적으로는 여전히 두 번째 행에 있지만 가장 먼 건물 중 가장 가까운 건물. 그래서 추가세부 사항은 보다 현실적인 설정을 생성할 뿐입니다.

건물의 첫 번째 행 그리기

이전과 동일하게 모양 도구를 선택하고 그립니다. 도시를 채우는 직사각형. Maddy는 다시 957AE1을 선택했고 측면에는 4265D2를 선택했습니다.

분위기 만들기

배경에 깊이를 더하려면 도시 안개.

모양 도구로 사각형을 그린 다음 아래에서 위로 희미해지는 재미있는 선형 그래디언트를 적용하세요. 왼쪽 색상(이 경우 하단 색상)은 아름다운 청록색(2885C7)이고 왼쪽 색상(이 경우 상단)은 불투명도가 0인 흰색(FFFFFF)입니다. A 채널을 0으로 가져오면 이를 달성할 수 있습니다.

세부 정보 추가

가까이 갈수록 어두워지고 개체가 더 자세히 표시됩니다. 건물의 이전 행은 창문이 거의 없는 최소한의 직사각형과 단단한 블록의 클러스터로 남게 될 것입니다.

따라서 캐릭터에 가장 가까운 건물에 다음과 같은 모든 종류의 세부 사항을 추가해야 합니다. 창문, 조명 또는 광고판. Maddy가 브러시 선택 창의 두 번째 사전 설정을 사용하여 자유형 브러시 스트로크로 만드는 이 "Coola" 기호처럼.

전경에 있는 건물에 여러 창을 추가하는 팁은 선택 도구로 여러 개체를 선택하고 순서대로 복사하세요.

그림을 그립니다.버스 정류장

사각형 도구를 사용하여 버스 정류장을 구성하는 모든 주요 모양을 추적합니다.

이전과 마찬가지로 노드 도구를 사용하여 필요한 각도를 변경합니다. 관점의 소실점으로 이어집니다. 여기에서 그녀는 울타리에 보라색(7125D0), 덮개에 흰색(FFFFF) 및 노란색(FEF66F)을 사용하고 표지판에 추가 음영의 파란색(957AE1)을 사용합니다.

더 추가 Dimension

버스 정류장의 요소도 일몰 장면의 일부입니다.

그것을 불러일으키기 위해 이러한 단색에 대해 무언가를 할 것입니다. 따라서 울타리를 만드는 데 사용한 상단 사각형을 복제하고 더 좁게 만든 다음 맨 위에 놓고 반사된 일몰 빛을 보여주는 그라데이션을 지정합니다.

Maddy는 선형 그라데이션을 사용합니다(그림의 그라데이션은 중앙) 오른쪽과 왼쪽 색상을 모두 밝은 주황색(EFB09F)으로 변경합니다. 그런 다음 A 채널을 0으로 변경하여 왼쪽 색상을 완전히 투명하게 만듭니다.

각 개별 레일에 동일한 효과를 동일한 방식으로 적용합니다.

하늘에 요소 추가

마지막으로 구름, 별, 달을 추가할 하늘의 세부 사항입니다.

구름의 경우 브러시를 선택합니다.