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

어도비 일러스트 레이터에서 칠레 아침 식사를 만드는 방법

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

새 문서 및 설정

1 단계

Ctrl + N을 눌러 새 문서를 만듭니다. 단위를 픽셀로 구성하고 800 x 800픽셀의 대지를 만듭니다. 나중에 기타 설정에서 RGB, 화면 (72ppi)을 선택하십시오. 환경 설정 (Ctrl + K)으로 이동하여 키보드 증가분에 1px 값을 추가하십시오. 확인을 누릅니다.

정보 패널 (Windows> 정보)을 활성화하여 모양의 크기와 위치를 미리 볼 수 있습니다. 편집> 환경 설정> 단위에서 측정 단위를 구성할 수 있다는 것을 기억하십시오. 이렇게 하면 더 빨리 작업 할 수 있습니다. 

New Document and Set Up

Step 1

Press Ctrl + N to create a New Document. Configure the Units to Pixels, and create an artboard of 800x800 px. Later in More Settings, select RGB, Screen (72 ppi). Go to preferences (Ctrl + K) and add in a value of 1 px in Keyboard Increment. Press Ok.

You can activate the Info Panel (Windows > Info) to get a preview of the size and position of your shapes. Remember you can configure the measurement units in Edit > Preferences > Units. This will allow you to work faster. 

배경을 만드는 법

1 단계

대지의 중앙에 있는 사각형 도구 (M)를 사용하여 800x800 px (# FBD262)의 사각형을 만듭니다. 나중에 두 개의 직사각형 (# FBC635)을 그리면 그리드가 생기고 19개의 분리 단계로 블렌드 (Alt + Ctrl + B)를 사용합니다. 

How to create the background

Step 1

Create a rectangle of 800x800 px (#FBD262) with the Rectangle Tool (M) in the centre of the artboard. Later draw in two verticle rectangles (#FBC635) in the ends to create a grid, use Blend (Alt + Ctrl + B) with 19 seperation steps. 

음식 요소를 만드는 방법

1 단계

Polygon Tool로 커피 메이커를 그리기 시작하고, 육각형 (# E6E6E6)을 만들고 Pen Tool (P)로 가장자리를 완성하십시오.

How to create the food elements

Step 1

Start drawing the coffee maker with the Polygon Tool, create a hexagon (#E6E6E6) and complete edges with the Pen Tool (P).

2 단계

타원형 도구 (L)로 두 개의 작은 타원을 커피 메이커 중앙에 그립니다. 동시에 커피 메이커의 손잡이에 직사각형 (# 4D4D4D)을 그립니다. 원근감 있는 자유 변형 도구 (E)를 사용하여 직사각형의 왼쪽 모서리를 수정하고 뒤에 (Ctrl + []) 배치하십시오.

Step 2

Draw two small ellipses with the Ellipse Tool (L) in the centre of the coffee maker. At the same time, draw a rectangle (#4D4D4D) for the handle of the coffee maker. Use the Free Transform Tool (E) with the perspective to modify the left edges of the rectangle and place at the back (Ctrl + [).

3 단계

이 직사각형을 복사하고 (Ctrl + C> Ctrl + F) 반전하고 채우기 색상 # 999999로 크게 만듭니다. 직접 선택 도구 (A)로 라이브 코너를 사용하여 정점을 라운딩합니다.

나중에 스파우트 근처에 작은 타원 (# 4D4D4D)을 추가하고 직접 선택 도구 (A)를 사용하여 오른쪽 노드를 타원 내부로 이동하십시오. 그런 다음 커피 메이커를 그룹화하십시오. (Ctrl + G)

Step 3

Copy this rectangle (Ctrl + C > Ctrl + F) and invert it, make it bigger with the fill color #999999. Round the vertexes using Live Corners with the Direct Selection Tool (A).

Later add a small ellipse (#4D4D4D) close to the spout and with the Direct Selection Tool (A) move the right node to the inside of the ellipse. Group the coffee maker (Ctrl + G).

4 단계

이제 우리는 아보카도를 만들 것입니다. 이렇게 하려면 중간 크기의 타원 (# 006837)을 그린 다음 ( 나중에 최종 비율을 조정합니다. ) 직접 선택 도구 (A)를 사용하여 아래쪽 노드를 아래쪽으로 이동합니다. 나중에 복제 (Ctrl + C> Ctrl + F)하고 -7 px의 이동을 적용한 다음 (효과> 패스> 오프셋 패스> 확인) 모양을 확장합니다. (객체> 모양 확장)

마지막 도형을 사용하여 과정을 반복하고 -18픽셀의 움직임을 적용합니다.

Step 4

Now we'll make the avocado. To do this draw an medium sized ellipse (#006837) (we'll adjust the final proportions later) and with the Direct Selection Tool (A) move the bottom node downward. Later duplicate (Ctrl + C > Ctrl + F) and apply a movement of -7 px (Effect > Path > Offset Path > OK) and expand the appearance (Object > Expand Appearance).

Repeat the process with the last shape and apply a movement of -18 px.

5 단계

아보카도 중간에 작은 타원을 만들고 (# A67C52) 나중에 두 장을 (Ctrl + C> Ctrl + F) 만들고 마지막 하나를 약간 이동한 다음 패스파인더 (Pathfinder) 패널에서 빼기 앞 (Minus Front)을 사용하기 전에 빼내십시오.

Step 5

Create a small ellipse in the middle of the avocado (#A67C52), later make two copies (Ctrl + C > Ctrl + F) and move the last one slightly, and minus it with the one before using Minus Front from the Pathfinder panel.

6 단계

이제 우유 카톤을 만들 것입니다. 사각형 (# D2F3F7)을 사용하고 펜 도구 (P)로 두 모서리 (# 66B1BA)를 그립니다. 나중에 모서리에 내부 그림자를 그립니다. (# 3F8C96).

마지막으로, 상자를 분할하는 직사각형과 상자의 뚜껑을 만들기 위해서 타원을 그립니다.

Step 6

Now we're going to create the milk carton. Use a rectangle (#D2F3F7) and draw two edges (#66B1BA) with the Pen Tool (P). Later continue drawing the internal shadows in the edges (#3F8C96).

Finally, finish drawing a rectangle that divides the carton and an ellipse for the carton's lid.


7 단계

이제 샌드위치로 플레이트를 만듭니다. 플레이트를 만들기 위해 두 개의 타원 (# E6E6E6)과 (F2F2F2)를 만듭니다. 나중에 직사각형 도구 (M)를 사용하여 정사각형 사각형을 그립니다. 채우기 # FBE2BC와 6px (# C69C6D) 줄을 사용하십시오.

사각형에 거칠기 효과를 적용하고 (효과> 왜곡 및 변형> 거칠기) 모양을 확장합니다. (객체> 모양 확장) 브러쉬 도구 (B)를 사용하여 빵에 몇 가지 씨앗을 추가하십시오.

Step 7

Now let's create the plate with the sandwich. To make the plate, create two ellipses (#E6E6E6) and (#F2F2F2). Later with the Rectangle Tool (M) draw a square rectangle, use the fill #FBE2BC and a line of 6 px (#C69C6D).

Apply a Roughen effect to the rectangle (Effect > Distort & Transform > Roughen) and expand the appearance (Object > Expand Appearance). With the Brush Tool (B) add in some seeds on the bread.

8 단계

나중에 샌드위치의 나뭇잎과 치즈에 대해 직사각형 (# 22B573)과 (# FFE222)를 만들고 Roughen 효과 (효과> 왜곡 및 변형> 거칠기)를 적용하여 가장자리를 돌출시키고 빵 아래에 놓습니다.

Step 8

Later create a rectangle (#22B573) and (#FFE222) for the leaves and cheese in the sandwich, extrude the edges applying the Roughen effect (Effect > Distort & Transform > Roughen) and place them under the bread.

9 단계

토마토가 다른 타원형보다 작은 두 개의 타원을 그리고 중앙에 나중에 타원을 그리고 전에 사용했던 Roughten 효과로 밀어냅니다. 

빵과 함께 토마토를 놓고, 마지막으로 빵의 마지막 층을 복사하여 모든 곳에 놓고 Rotation Tool (R)로 회전하십시오.

Step 9

For the tomatoes draw two ellipses, one smaller than the other, and later draw some ellipses in the center and extrude them with the Roughten effect that we used before. 

Place the tomatoes with the bread, later duplicate the last layer of bread and place it under everything and rotate them with the Rotation Tool (R).


104.jpg


10 단계

다음 부분은 아주 간단합니다, mayonaise의 항아리를 그립니다. 크기가 다른 타원을 작성하면 됩니다. 

Step 10

The next part is quite simple, draw the jar of mayonaise. We just have to create ellipses of different sizes and there you have it. 

113.jpg


11 단계

머그잔을 들고 두 타원을 만들고 나중에 손잡이에 둥근 사각형을 만들어 머그컵 뒤에 가져갑니다. 마지막으로, hangle (Ctrl + C> Ctrl + F)의 사본 두 개를 만들고 마지막 하나를 위쪽으로 이동하고 패스파인더에서 Minus Front를 사용하여 마지막 것부터 빼냅니다. 

그런다음 찻잔을 그룹화하십시오. (Ctrl + G)

Step 11

Let's get on with the mug, create two ellipses and later, for the handle, create a rectangle rounding it and taking it behind the mug. Lastly, make two copies of the hangle (Ctrl + C > Ctrl + F) and move the last one upwards and minus it from the last one using Minus Front from the Pathfinder. 

Group the mug (Ctrl + G).

12 단계

이제 살리 셰이커를 만들어 봅니다. 타원 도구 (L)를 사용하고 두 개의 타원을 만듭니다. 두 줄의 타원과 타원의 두 줄을 만들어 가장자리의 그림자를 만듭니다. 마지막으로, 브러쉬 도구 (B)를 사용하여 소금 쉐이커의 뚜껑에 있는 구멍에 3개의 점을 그립니다. 

Step 12

Now let's do the saly shaker. Use the Ellipse Tool (L) and create two ellipses. Create two copies of both ellipses and minus the last one from each to create the shadows on the edges. Lastly, with the Brush Tool (B) draw three spots for the holes on the lid of the salt shaker. 

13 단계

우리는 버터가 든 접시를 만들 것입니다. 

샌드위치 판을 복사하고 선택 도구 (V)로 작게 만드십시오. 나중에 사각형 (# FBD35C)을 그리고 오른쪽 가장자리를 반올림하여 두 개의 복사본을 만들고 마지막으로 음영 처리된 가장자리 (# FBC421)를 만듭니다.

나중에 버터에 작은 사각형을 그리고 Roughen (효과> 왜곡 및 변형> 거칠기)을 사용하여 가장자리를 돌출시킵니다.

Step 13

We're going to create a plate with butter. 

Copy the sandwich's plate and make it smaller with the Selection Tool (V). Later draw a rectangle (#FBD35C) and round off the edges on the right side, create two copies and minus the last one creating a shadowed edge (#FBC421).

Later draw small rectangles in the butter and extrude its edges using Roughen (Effects > Distort & Transform > Roughen).

14 단계

버터의 측면에 작은 직사각형을 그리고 Roughen을 사용하여 모서리를 돌출시킵니다. 나중에 버터의 비트를 복사하고 측면에 그 조각에 일부를 놓으십시오. 

Step 14

Draw a small rectangle at the side of the butter, extrude the edges using Roughen. Later copy the bits of butter and place some on that piece on the side. 

15 단계

이제 우리는 칼을 보급해야 합니다. 손잡이 직사각형과 나이프 직사각형을 그립니다. 핸들의 꼭짓점을 둥글게 하고, 핸들 끝에 회색 타원을 만듭니다. (# 8C6239 , # E6E6E6)

나중에 펜 도구 (P)를 사용하여 공간 중간에 노드를 추가하고 이 세그먼트에서 곡선을 만든 다음 직접 선택 도구 (A)로 라이브 코너를 사용하여 정점을 반올림합니다. 마지막으로 손잡이와 칼에 두 개의 사본을 만들고 그림자에 가장자리를 만들어 색상을 강하게 만듭니다. 

Step 15

Now we have to make the knife to spread with. Draw a verticle rectangle (#8C6239~) and another for the metal (#E6E6E6). Round of the vertexed of the handle, and create, at the end of the handle, a grey ellipse.

Later on the knife, with the Pen Tool (P) add in a node in the middle of the space, create a curve on this segment and later round off the vertexes using Live Corners with the Direct Selection Tool (A). Lastly, create two copies both on the handle and on the knife and create edges on the shadows changing the colors to stronger ones. 

16 단계

마지막으로 우리는 차 숟가락을 만들어야 합니다. 숟가락은 칼과 매우 비슷한 단계로 진행하면 됩니다.

두 개의 사각형을 만듭니다. 하나는 핸들 용이고 다른 하나는 금속용 사각형입니다. 숟가락의 끝부분에 타원도 그려서 패스파인더 패널의 Unite를 사용하여 금속에 연결하십시오. 타원 중간의 꼭짓점과 숟가락의 연장선을 반올림합니다.

Step 16

Lastly we have to make the tea spoon, they're very similar steps to the knife.

Create two rectangles, one for the handle and another for the metal. Draw an ellipse as well on the end for the spoon and join it to the metal using Unite on the Pathfinder panel. Round off the vertexes of the middle of the ellipse and the extension of the spoon.

17 단계

먼저 숟가락 사본을 만들고 -3px의 움직임을 적용합니다. (효과> 경로> 오프셋 경로). 모양을 확장하고 (Object> Expand Appearance) 두 개의 사본을 만들고 (Ctrl + C> Ctrl + F) 마지막 뺀 것을 빼고 숟가락의 안쪽 모서리를 남겨 둡니다. 이렇게 하면 깊이를 줄 수 있는 내부 그림자가 생깁니다. 

모양을 제거한 후 초과 된 모양을 지웁니다. 차 스푼을 그룹화하십시오. (Ctrl + G)

Step 17

In the tea spoon, create a copy and apply a movement of -3 px (Effect > Path > Offset Path). Expand the appearance (Object > Expand Appearance) and create two copies (Ctrl + C > Ctrl + F) and minus the last one, leaving an internal edge on the spoon. This way we'll get an internal shadow that will give it some depth. 

Erase any excess shapes after minusing the shape. Group up the tea spoon (Ctrl + G).

18 단계

우리가 만든 모든 요소를 ​​그룹화하고 처음에 만든 배경에 아트 보드에 배치하십시오. 

Step 18

Group up all of the elements we've made and place on the artboard in the background we initially created. 

20 단계

이 단계는 매우 중요하므로 주의하십시오! 우리는 각 요소에 그림자를 생성할 것입니다. 

요소 (Ctrl + C> Ctrl + F)를 복제하고 패스파인더 패널에서 결합하는 것만큼 쉽습니다. 나중에 혼합 모드에서 채우기 (# E6E6E6) 광고를 변경하고 모양 패널에서 곱하기를 사용하고 각 요소 뒤의 각 그림자를 가져옵니다. 

Step 20

This step is quite important, so pay attention! We're going to create the shadows on each of the elements. 

It's as easy as duplicating the elements (Ctrl + C > Ctrl + F) and join them (Unite from the Pathfinder panel). Later change the fill (#E6E6E6) ad in the blend modes, use Multiply, from the Appearance panel, and take each of the shadow behind each of the elements. 

좋은! 끝났어!

보시다시피, 튜토리얼을 따라 하기는 꽤 쉬웠지만, 여전히 설명하기 쉽고 쉽게 할 수 있습니다. 이 그림이 마음에 들었고 이제는 상상력이 비슷해져 비슷한 장면을 만들 수 있기를 바랍니다. 

Nice! You're done!

As you can see, that was a pretty easy to follow tutorial, but it's still illustrative and easy to do. I hope you've liked this illustration, and you now let your imagination go wild to make similar scenes. 


728x90

댓글