[일러스트] 캐슬 타워 장면 만들기

1. 새 문서 및 설정

1단계

Ctrl + N을 눌러 새 문서를 만듭니다. 단위를 픽셀 단위로 구성하고 800x800픽셀의 캔버스를 설정하십시오. 나중에 고급 설정에서 RGB, 화면 (72ppi)을 선택하십시오. 환경 설정 (Ctrl + K)으로 이동하여 키보드 증가 값을 1 px로 지정하십시오. 히트 좋아. 

정보 패널 (윈도우> 정보)을 열어 모양의 크기와 위치를 미리 볼 수 있습니다. 편집> 환경 설정> 단위에서 측정 단위를 픽셀로 구성해야 합니다. 이렇게 하면 작업 속도가 빨라집니다.

New Document and Set Up

Step 1

Press Ctrl + N to create a new document. Configure the units in pixels, and set a canvas of 800x800 px. Later, in Advanced Settings, select RGB, Screen (72 ppi). Go to Preferences (Ctrl + K) and give Keyboard Increment a value of 1 px. Hit Ok. 

You can open the Info panel (Window > Info) to get a preview of the size and position of your shapes. Remember to configure the units of measurement to pixels in Edit > Preferences > Units. This will increase your work speed.

2. 배경 만들기 방법

1단계

먼저 Artboard의 아래쪽에 Rectangle Tool (M) 을 사용하여 직사각형을 그리고 # FBC78F 색상을 느낌으로 사용하십시오. 나중에 # FFEBD9로 대지를 완성하는 또 다른 그림을 채우기로 그립니다.

How to Create the Background

Step 1

Start by drawing the rectangle at the bottom of the Artboard with the Rectangle Tool (M) and use the #FBC78F color as a feeling. Later draw another one completing the Artboard with #FFEBD9 as a filling.

2 단계

# F0DBAB을 채색으로 사용하여 도시 교외에 펜 도구 (P) 를 그립니다.

Step 2

With the Pen Tool (P) draw in the suburbs of the town using the #F0DBAB as a color filling.

3. 캐슬 타워를 만드는 법

1단계

수직으로 직사각형 툴 (M) 을 사용하여 타워 (# FBB03B)의 사각형을 그립니다. 다음으로 다른 사각형을 다른 사각형과 똑같이 그립니다. 나중에 Pen Tool (P)을 사용하여 아래 그림에서 볼 수 있는 것처럼 두 직사각형 사이의 공간을 보완합니다. Appearance 패널에서 Unite를 사용하여 전체 타워를 융합하십시오.

How to Create the Castle Tower

Step 1

Draw the rectangle of the tower (#FBB03B) with the Rectangle Tool (M) proportionately vertical. Next, draw another rectangle, seperate from the other one for the top. Later, with the Pen Tool (P), complement the space between both rectangles as we can see in the figure below. Fuse the whole tower using Unite in the Appearance panel.

2 단계

나중에 Rectangle Tool (M) 을 사용하여 두 개의 직사각형을 그려서 타워 방어를 만듭니다. [모양] 패널에서 양쪽 직사각형에 [빼기 앞 (Minus Front)]을 사용합니다.

Step 2

Later with the Rectangle Tool (M) draw two rectangles to create the defence for towers. Use Minus Front on both rectangles, in the Appearance panel.

3 단계

이제 타워를 복사하고 (Ctrl + C> Ctrl + F) 채우기 색 # F7931E를 변경하십시오. 그들을 다시 보내고 (Ctrl + []) 직접 선택 도구 (A) 를 사용하여 오른쪽에 있는 노드를 선택하고 타워의 오른쪽으로 이동하십시오.

나중에 Rectangle Tool (M)을 사용하여 오른쪽에 방어 구를 만들고 타워에 그 모양을 빼십시오.

Step 3

Now make a copy the tower (Ctrl + C > Ctrl + F) and change the fill color #F7931E. Send them back (Ctrl+[) and with the Direct Selection Tool (A) select the nodes on the right side and move them to the right of the tower.

Later create the defence on the right side with the Rectangle Tool (M) and minus that shape on the tower.

4 단계

앞면에 두 개의 직사각형 (# 1B1441)으로 된 창 그림을 만들고 타워의 오른쪽 (# 1B1464)에 다른 창을 만듭니다. 또한, 앞면 (# F7931E)과 오른쪽 (# EB7D14)의 직사각형을 사용하여 창의 발코니를 그립니다. 나중에 직접 선택 도구 (A)를 사용하여 라이브 코너를 사용하여 창의 상단 꼭짓점을 둥글게 만듭니다.

Step 4

Create the windows drawing in two rectangles (#1B1441) on the front, and another on the right side (#1B1464) of the tower. Also, draw in the balcony of the window using rectangles, on the front (#F7931E) and on the right side (#EB7D14). Later with the Direct Selection Tool (A) round the top vertexes of the windows using Live Corners.

5 단계

창문을 깊이 있게 만들어 봅시다. 이를 위해 윈도우 자체에 두 개의 복사본을 만들고 (Ctrl + C> Ctrl + F) 오른쪽으로 약간 이동한 후 (Minus Front를 사용하여) 한 번 빼고 채우기 색상 # 1B1464를 적용하십시오. 다른 창에서 똑같은 일을 하고 왼쪽으로 옮기고 채우기 색상 # 1B1441을 사용하십시오.

Step 5

Let's create give some depth to the windows. For this make two copies of the windows in the windows themselves (Ctrl  + C > Ctrl + F) and move them slightly to the right, minus the one before (using Minus Front) and apply the fill color #1B1464. Do the same thing on the other window, but move it to the left and use the fill color #1B1441.

6 단계

우리는 타워의 방어벽으로 넘어갈 것입니다. 직사각형 도구 (M) 를 사용하고 정면의면을 그립니다 (# F7931E). 나중에 채우기 색상 # FBB03B를 사용하여 오른쪽면에서 동일한 작업을 수행하십시오.

Step 6

We'll move on to the sides of the tower's defences. Use the Rectangle Tool (M) and draw the sides on the front (#F7931E), later do the same thing on the right side using the fill color #FBB03B.

7 단계

앞면 (# F15A24)을 바라보는 사각형을 그린 상층 집을 만들고, 2D 효과를 얻기 위해 폭을 조금 줄인 면 (# C74413)을 한 면을 만듭니다. 앞면과 옆면에 창을 복사하여 집에 두십시오.

타워 뒤의 모양을 가져오는 것을 잊지 마십시오. (Ctrl + []).

Step 7

Create the top house drawing a rectangle looking to the front (#F15A24), and one looking to the side (#C74413) with a little less width to acheive a 2D effect. Duplicate the windows on the front and on the side a put them on the house.

Remember to take the shapes behind the tower (Ctrl + [)

8 단계

정면 (# FBB03B)과 측면 (# F7931E)의 두 개의 직사각형을 사용하여 성의 가장자리를 그립니다. 그런 다음 지붕 꼭대기에 다른 직사각형을 만듭니다. (# 7D44A0).

Step 8

Draw the edges of the castle using two rectangles, for the front (#FBB03B) and the side (#F7931E). Then create another rectangle on top for the roof (#7D44A0).

9 단계

나중에 Live Corner를 사용하여 지붕의 상단 노드에 경사가 있는 모서리를 만듭니다. 펜 도구 (P) 로 지붕 (# 662D91)의 측면을 그립니다.

Step 9

Later, using Live Corner, create corners with a bevel in the top nodes of the roof. With the Pen Tool (P) draw the side of the roof (#662D91).

10 단계

이제 직사각형 (# F7931E)으로 국기 극을 그리고 정사각형 (# 7D44A0)으로 꼭대기 부분을 그립니다. 펜 도구 (P) 를 사용하여 깃발 (# F15A24)을 그립니다.

Step 10

Now draw the flag pole with a rectangle (#F7931E) and the top part with a square rectangle (#7D44A0). Draw the flag (#F15A24) using the Pen Tool (P).

11 단계

이제 우리는 성의 입구를 그릴 것이고, 이렇게하기 위해 타워의 바닥에 양쪽의 1/3을 차지하는 직사각형 (# F15A24)을 만듭니다. 나중에 대칭 도구 (M) 를 사용하여 블렌드 도구를 사용하여 작은 사각형을 만들고 그사이에 6개의 복사본을 만들어 대칭적으로 분리하십시오.

나중에 패스파인더 (Pathfinder) 패널에서 마이너스 프런트 (Minus Front)를 사용하여 마이너스합니다.

Step 11

Now we'll draw the entrance to the castle, to do this, create a rectangle (#F15A24) at the bottom of the tower that takes up a third of both sides. Later, create some small squares with the Rectangle Tool (M) using the Blend Tool with six copies between them to seperate them symmetrically.

Later minus them using Minus Front in the Pathfinder panel.

12 단계

첫 번째 창문과 같은 방법으로 입구와 창문을 그립니다. 이 작업을 수행하려면 채우기 색상 # 1B1464를 사용하십시오.

나중에 하단 가장자리 (# CE4100)를 만들고 문 주위로 이동하십시오. 문을 복제하려면 (Ctrl + C> Ctrl + F) 4px의 위치 변경 (효과> 경로> 오프셋 경로)을 적용한 다음 다시 보내기 (Ctrl + []). Shape Builder 도구 (Shift + M)를 사용하여 나머지를 제거하십시오.

Step 12

Draw the door and windows at the entrance in the same way we did with the first windows. Use the fill color #1B1464 to do this.

Later create the bottom edge (#CE4100) and make it go around the door. To make the door duplicate it (Ctrl+C > Ctrl+F) and apply a displacement of 4 px (Effect > Path > Offset Path) and send it back (Ctrl+[). Eliminate the rest using the Shape Builder Tool (Shift + M).

13 단계

작은 직사각형을 사용하여 벽에 벽돌을 만듭니다. (# CE4100). 창 아래에 작은 발코니를 추가하십시오. (# FBB03B). 전체 타워를 배치하고 배경에 그룹화합니다. (Ctrl + G).

Step 13

Create the bricks on the wall using small rectangles (#CE4100). And add in little balconies under the windows (#FBB03B). Position the whole tower, grouping it (Ctrl + G) on the background.

14 단계

마지막으로 펜 도구 (P) 로 입구 (# FBAF5D)를 그립니다. 직접 선택 도구 (A) 로 라이브 코너를 사용하여 꼭짓점을 반올림합니다.

Step 14

Lastly, draw a road (#FBAF5D) to the entrance with the Pen Tool (P) and round off the vertexes using Live Corners with the Direct Selection Tool (A).

4. 환상적! 끝났어!

보시다시피, 정말 간단한 튜토리얼이었지만 여전히 실용적이고 쉬운 설명입니다. 나는 이 그림이 마음에 들었고, 이제는 상상력이 급상승하여 비슷한 것을 만들었으면 좋겠습니다.

Fantastic! You're done!

As you can see, it was a really simple tutorial, but it's still a really illustrative and easy to do! I hope you liked this illustration and that, now, you let your imagination soar to make some similar stuff!