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

[일러스트] 비치 가드 타워 만드는 방법

by 코코리★ 2018. 9. 11.
728x90


최종 제품 이미지
당신은 무엇을 창조 할 것인가?

오늘의 튜토리얼에서는 Adobe Illustrator의 해변에서 외로운 비치 가드 타워를 만드는 동안 여름의 분위기에 빠지게 될 것입니다. 우리는 간단한 도구와 기술을 사용할 것입니다.

늘 그렇듯이, 결과  를 GraphicRiver의 Summer Seaside 컬렉션 의 일부로 구입할 수 있습니다 .

그래픽 해변의 여름 해변 컬렉션

먼저 다음 설정으로  새 문서  ( 파일> 새로 만들기  또는  제어 / 명령 -N )를 설정합니다.

  • 대작의 수 :  1
  • 너비 :  1200
  • 신장 :  1200
  • 단위 :  픽셀

로부터  고급  탭 :

  • 색상 모드 :  RGB
  • 래스터 효과 :  화면
  • 미리보기 모드 :  기본값
  • 픽셀 그리드에 새 객체 정렬을 선택 취소하십시오. 
새 문서 만들기

127 x 127 픽셀의 직사각형을 만들고 채우는 것으로 시작해 보겠습니다 #98D2BE.

테이크 직접 선택 도구 (A)을 그리고 사각형의 양쪽 상단 앵커를 선택합니다. Enter  를  눌러  이동  창을여십시오. 설정  수평  으로 값을  -32 픽셀  과  수직  에 값  0 픽셀  눌러  OK , 왼쪽으로 우리의 앵커를 이동.

이 각진 직사각형은 주요 전면 벽으로 작동합니다.

직사각형 만들기

Control-C를  사용하여 모양을 선택하고  복사 하십시오   Control-F를  두 번 클릭 하여 직사각형 상단에 두 개의 사본을 가져오고 상단 사본을 오른쪽으로 약 60 픽셀 이동하십시오 .

두 번째 사본을 선택 항목에 추가하고 패스 파인더 (Pathfinder)  패널 의 마이너스 앞 (Minus Front)  옵션을  사용하십시오  .

사각형 복사 및 빼기 앞쪽 옵션 사용

선택 도구 (V)로 결과 모양을 선택 하고 경계 상자 파란색 영역 의 위쪽 모서리 중 하나를 가운데 로 Shift 키를 드래그 하여 크기를 줄 입니다.

모양의 색상을 설정하고 #48A987벽의 중간 부분에 모양을 배치합니다. 출입구 역할을합니다.

출입구 형성

출입구를 복사 (Control-C) 한 다음 Control-F를 두 번 눌러 앞면에 사본 두 개를 붙여 넣으십시오 .

상단 모양을 약간 오른쪽으로 이동하고 선택 항목에 두 번째 복사본을 추가 하고 패스 파인더 패널 에서 교차단추를 누릅니다 새 모양의 색을 변경하여 입구의 내부 그림자 부분을 형성합니다.#225443

출입구의 암부 구성

이제 입구 벽에 그림자를 추가 할 것입니다. 두 개의 사본 ( Control-C )을 만들어 모양 앞에 붙이십시오 ( Control-F를 두 번). 그리고 상단 복사본을 왼쪽과 아래쪽으로 이동하십시오.

각진 모양 의 패스 파인더 의 마이너스 앞쪽 옵션을  사용하여 선택 물에 두 번째 모양을 추가하십시오 .

그림자로 작동하므로 혼합 모드  를  곱하기로 변경하고   투명도  패널 에서 불투명도  를 40 %  로  낮 춥니 다  .

그림자 만들기

벽의 오른쪽 부분에 강조 표시를 추가합시다.

벽의 전면 사본 두 개를 다시 만들고 상단 복사본을 오른쪽으로 옮깁니다. 패스 파인더 의 마이너스 프론트옵션  을 사용하면서 선택 물에 다른 사본을 추가 하고 결과 모양의 색상을 흰색으로 변경하십시오 ( ).#FFFFFF

하이라이트 만들기

도형에 외곽선을 추가 할 시간입니다.

기본 사각형을 선택하고 복사하십시오. 그런 다음 그림자 출입구 부분을 한 번 클릭하고 Control-F를 눌러 출입구 앞 벽을 복사하십시오.

복사본 의 채우기 를 None , Stroke color를 to #3d342dWeight 를 6 px로 설정하십시오 .

부여  6 PX (두께 윤곽을 #3d342d출입구 부분).

외곽선 추가하기

빌드 152 X 127 픽셀의 직사각형 ( #6ebea2전벽의 오른쪽 위에 앵커 뒤에 좌상 앵커를 배치하고, 이전 섹션 뒤에 숨어 측벽을위한).

이전 벽과 마찬가지로 두 개의 전면 복사본을 만들어 상단 복사본을 왼쪽과 아래로 이동 하고 두 모양 의 패스 파인더 의 마이너스 프런트 옵션 을 사용하여 블렌딩 을 변경하여 현재의 그림자 부분을 제공하십시오  모드 얻어진 형상의 제품에    하강하면서  불투명도  를  40 %. 

옆면 벽 만들기

같은 방법으로 벽에 그림자를 하나 더 추가하십시오.

측벽에 외곽선을 추가합시다. 옆면을 복사 (Control-C) 한 다음 상단 그림자를 클릭하고 Control-F를 사용 하여 그 앞에 모양을 붙여 넣습니다 제거 채우기를 , 설정하면서  스트로크  에 색상  #3d342d 과  무게  에  6 픽셀을 .

측벽에 그림자 추가하기

측벽의 상단에 210x16.5px 직사각형 ( #6ebea2)을 추가 하고 모양의 중심에 맞 춥니 다.

이전 섹션에서했던 것처럼 현재 사각형에 두 개의 그림자와 6 px  두께의 윤곽선 ( #3d342d)을 지정하십시오.

옆면에 사각형 만들기

폼 129 X 165 픽셀의  직사각형 ( #98d2be이전에 생성 된 도형의 외주 좌측 참조).

동일한 방법을 사용하여 왼쪽 부분에 강조 표시를 만들고 스트라이프의 오른쪽에 그림자를두고 6 px 너비의 윤곽선 ( #3d342d)을 그립니다.

모든 부분을 함께 그룹화 (Control-G) 하십시오.

상단 사각형 만들기

지붕의 오른쪽 가장자리에 맞춰 상단 섹션 아래에 290 x 16.5 픽셀의 직사각형 ( #48a987을 형성하여 타워의 하단부를 작업 해 보겠습니다 .

첫 번째 아래에 같은 색상의 230.5 x 16.5 픽셀 스트라이프를 한 개 더 만듭니다 .

에 의해 사각형 회전 30 개도 에 의한 Alt 키 클릭을 와 왼쪽 하단 앵커에 회전 도구 (R) , 설정, 각도  를 30 개도 .

수평 사각형의 왼쪽 상단에 앵커를 배치하여 각진 모양을 부착합니다.

맨 아래 사각형에 건물 만들기

각진 사각형을 선택하고 Enter 키 를 눌러 이동 옵션 창 을 엽니 다 설정 수평 가치 -100 픽셀  과  수직 에 값 0 (PX) 를 눌러 복사를 왼쪽에 중복을 받고.

테이크 직접 선택 도구 (A)를 원래 각진 모양의 상단 점에 중복의 오른쪽 하단 앵커을 끕니다.

그런 다음 왼쪽 된 각진 모양의 왼쪽 하단 앵커를 선택하고 원래 사각형의 왼쪽 상단 앵커에 배치합니다.

결과 모양의 색을로 설정하십시오 #98d2be.

각진 모양 만들기

직사각형 도구 (M)를 가져 와서 #48a987큰 각진 모양의 아래쪽 아래에 작은 직사각형 ( )을 추가 하고 오른쪽 가장자리가있는 줄무늬의 아래쪽 앵커와 같은 높이에 아래쪽 모서리를 놓습니다.

직접 선택 도구 (A)로 생성 된 그림의 아래쪽 가장자리를 선택 하고 오른쪽으로 드래그하여 인접한 각진 스트라이프의 왼쪽 가장자리에 오른쪽을 놓습니다.

각진 모양의 측면 파트 작성

이제 하이라이트를 작업 해 보겠습니다.

측면 사각형의 큰 복사본을 만듭니다. 원래 모양과 수평 직사각형과 함께 선택하고 모양 작성 도구 (Shift-M)로 Alt 키를 누른 채로 미해결 부분을 잘라냅니다 결과 모양의 색상을 흰색 ( )으로 변경하십시오 .#ffffff

패스 파인더 (Pathfinder) 방법을 사용하여 이전과 마찬가지로 기울기에 두 번째 강조 표시를 추가합니다.

하이라이트 추가하기

수평 띠와 경사면에 그림자를주십시오.

각진 사각형과 수평 스트라이프를 선택하고 Pathfinder 의  Unite Shape Mode를 사용 하여이 두 가지를 하나의 큰 모양으로 결합하십시오  .

모든 하단 부분에 라운드 조인 과 함께 6 px 두께의 외곽선 ( #3d342d)을 추가하십시오  .

하단 부품에 그림자 추가하기

포스트에 11.5 x 29 픽셀 크기의 직사각형 ( #6ebea2)을 만들어 펜스에 작업을 시작한  다음 그림자에 이어  4 픽셀 두께의 윤곽선 ( #3d342d)을 지정합니다. 모든 부분을 함께 그룹화 (Control-G) 하고 기울기 꼭대기에 우편물 한 권을 배치하십시오. 

작은 사각형 만들기

원래 게시물을 선택하고 이동 옵션 창 ( Enter )을 열고 수평 값을 65 픽셀로 설정하십시오 복사를 클릭  하여 오른쪽의 게시물 사본 을 가져옵니다. 복제본을 선택한 채로 두 번 더 Ctrl-D를 두 번 눌러 사본을 두 장 더 가져 옵니다 .

네 개의 모든 포스트를 함께 그룹화 (Control-G) 하고 회전 도구 (R)를 사용하여 그룹을 30도 회전시킵니다 .

사후 그룹을 사면의 왼쪽 가장자리에 붙입니다.

담장 선반 작업

이제 게시물 위에 레일이 있어야합니다.

경사면의 검정색 외곽선을 복사하여 게시물의 측면 행으로 끌어다 놓고 왼쪽 가장자리가 아래 그림과 같이 상단에 오도록 만듭니다.

 윤곽선의 오른쪽 및 아래쪽 가장자리를 삭제 합니다.

직접 선택 도구 (A) 로 끝점을 드래그 하여 하나를 오두막의 왼쪽 가장자리에 배치하고 다른 하나는 왼쪽 포스트의 왼쪽 상단 앵커에 배치합니다. 레일에 라운드 캡 을 설정하십시오  .

크로스바 형성

동일한 조작, 포스트와 레일 복사 및 드래그는 타워 오른쪽에 다른 울타리를 만듭니다.

울타리 끝내기

우리 오두막을지지하는 베어링 파일을 만들어 봅시다.

빌드 14 X 113 픽셀의 직사각형 ( #48a987운전실 아래의 우측 참조). 그림자 뒤에 6 px 두께의 외곽선 ( #3d342d)을 붙이십시오 .

모든 부분을 함께 그룹화 (Control-G) 하고 왼쪽에 복제물을 만듭니다.

보조 말뚝 만들기

하나의 더미에서 다른 더미로가는 두 개의 6 px 두께의 수평선을 그려서 #3d342d왼쪽 끝점을 왼쪽 포스트와 약간 겹치게 만듭니다.

베어링 파일 건설을 그룹화 (Control-G) 하고 복사를 만들고, 그것을 왼쪽으로 옮기고 타워 뒤쪽에 숨기며, 어두운 색을 만듭니다.

빌딩 베어링 그룹

우리의 해변 탑 지붕에 흐르는 바람막이를 추가합시다.

형태 62 X 24 픽셀의 직사각형 ( #d65428주 Windsock입니다 형상을위한).

그런 다음 앵커 포인트 추가 도구  ( + ) 를 사용하여 오른쪽 가장자리 중간에 앵커 포인트 하나를  추가하십시오 . 다이렉트 선택 도구 (A)  를 사용하여 라이브 코너  표시기를 가운데로 당겨서 상단 및 하단 앵커를 삭제하고 삼각형을 가져오고 오른쪽 모서리를 둥글게 만듭니다 .

삼각형의 왼쪽 부분에 15.5 x 24 픽셀 타원 ( #a8411f)을 추가하십시오 .

빨간 원뿔 만들기

타원을 선택하고  Object> Path> Offset Path로 이동하십시오. 오프셋  값 필드에  10 px  를 입력 하고 확인을눌러 윤곽선을 가져 옵니다  .

바깥 쪽 타원을 선택된 상태로 유지하면서 오프셋 패스를 다시 사용 하여 오프셋 값을 5 픽셀로 설정합니다 .

두 외형을 선택하고  Object> Path> Offset Path로 다시 이동하십시오. 오프셋 을 20 px로 설정하여 외곽선을 두 개 더 만듭니다.

원뿔 모양을 선택하고 전면에서 복사본 하나를 가져온 다음 패스 파인더 패널 의 분할 옵션을 사용하여 네 개의 외부 타원과 함께 복사본을 선택합니다 .

두 줄무늬를 제외한 모든 조각을 삭제하고 색상을 바꿉니다 #fbf8f1.

원추형 줄무늬

방금 만든 하이라이트 모양 에 라운드 조인 을 사용하여  4 픽셀  두께의 윤곽선 ( #3d342d)을 지정  하십시오 . 타원에 같은 외곽선을 추가하십시오.

우리의 윈드 삭을 폴에 연결하는 두 개의 로프를 만듭니다. 로프 에는 두 개의 4 px 두꺼운 선을 사용  하고 기둥 에는  6 px 두꺼운 선을 사용하십시오.

모든 양말 부품을 함께 그룹화 (Control-G) 하고 타워의 지붕에 배치하십시오.

레드 윈드 끄 마무리

우리는 거의 해변 가드 타워로 끝났습니다.

개요의 일부를 열어서 우리 타워에 더 재미 있고 세련된 느낌을줍니다. 그것을 위해 바로 사용 앵커 포인트 도구 (+)를 추가 윤곽선에 추가 앵커를 추가 한 다음에 삭제 집합에 확인하고,이 앵커 사이의 경로를   나머지 윤곽선  에  라운드를  내에서  스트로크  패널.

시간을 들여 작업을 마치면 일러스트레이션 가장자리 근처에 추가로 4 px 두께의 선을 추가하십시오 .

지상을 위해 아래 몇 줄을 추가하여 타워를 완성하십시오.

윤곽선 열기

배경에 해변 풍경을 만들어 열대 낙원에 비치 가드 타워를 놓으십시오.

양식 1200 x 1200 픽셀의 사각형 ( #fb9f31배경에 대한 우리의 건물 뒤에를).

물 표면을 모방하기 위해 타워 아래에 약간의 6 px 두께의 #f8cc6b색 선을 추가하십시오 대시 및 크기를 변경하여 더 재미 있고 활기찬 분위기로 만드십시오.

배경 만들기와 서핑

석양 에는 300 x 300 픽셀의 동그라미 ( #f37f10)를, 태양의 빛에는 두 개의 바깥 원을 추가합니다. 광선에 대해 30 % 불투명도의 흰색 및 화면 혼합 모드 를 사용하십시오 .

지우개 도구 (Shift-E) 를 사용하여 돌출부 위를 Alt- 드래그 하여 바깥 쪽 원  의 나머지 부분을 선택하여 삭제합니다.

태양 만들기

작곡을 끝내기 위해서는 몇 가지 추가 요소가 필요합니다.

몇 개의 잎과 직사각형 트렁크로 만든 간단한 손바닥을 만듭니다. 패스 파인더 (Pathfinder) 패널 의 교차 옵션 ( Intersect) 을 사용하여 두 개의 겹침 타원에 잎을 얻을 수 있습니다 그런 다음 트렁크에 직사각형을 부착하고 나뭇잎을 복사하고 이동하여 크라운을 형성하십시오. 색상에 사용하십시오 .#f37f10

그런 다음 겹치는 원과 둥근 직사각형으로 구성된 구름을 만듭니다. Shape Builder Tool (Shift-M)을 사용하여 원하지 않는 조각을 제거하고 Pathfinder 의 Unite 옵션  으로 모든 모양을 하나로 병합 한 다음 색상을로 설정하십시오 . #fbe2aa

장면 위에 손바닥과 구름을 펼쳐 균형 잡힌 구성을 만듭니다.

더 작은 세부 사항 추가하기

축하해! 플랫 스타일의 Baywatch 하우스 장면이 완성되었습니다.

나는 배경에 두 개의 갈매기 실루엣을 추가하여 해변 일몰의 분위기를 개선하기로 결정했습니다. 열대 해안에서 여름 산들 바람과 바다 서핑이 튀는 것을 느낄 수 있습니까? 우리의 수업은 여기서 끝나고 새로운 모험이 시작됩니다.

당신이 그 과정을 즐겁게하고 길을 따라 새롭고 도움이되는 어떤 것을 발견했기를 바랍니다.

이 해변 가드 타워의 그림은 단지 내의 일부입니다  여름 해변 수집 및 내에서 훨씬 더 많은 여행과 모험 그림이 있습니다  포트폴리오  에  GraphicRiver은 .

그래픽 사이드의 Sea Side Collection


728x90

댓글