오늘의 튜토리얼에서는 Adobe Illustrator의 해변에서 외로운 비치 가드 타워를 만드는 동안 여름의 분위기에 빠지게 될 것입니다. 우리는 간단한 도구와 기술을 사용할 것입니다.
늘 그렇듯이, 결과 를 GraphicRiver의 Summer Seaside 컬렉션 의 일부로 구입할 수 있습니다 .
1. 새 문서를 만드는 방법
먼저 다음 설정으로 새 문서 ( 파일> 새로 만들기 또는 제어 / 명령 -N )를 설정합니다.
- 대작의 수 : 1
- 너비 : 1200
- 신장 : 1200
- 단위 : 픽셀
로부터 고급 탭 :
- 색상 모드 : RGB
- 래스터 효과 : 화면
- 미리보기 모드 : 기본값
- 픽셀 그리드에 새 객체 정렬을 선택 취소하십시오.
2. 타워 윗부분을 만드는 법
1 단계
127 x 127 픽셀의 직사각형을 만들고 채우는 것으로 시작해 보겠습니다 #98D2BE
.
테이크 직접 선택 도구 (A)을 그리고 사각형의 양쪽 상단 앵커를 선택합니다. Enter 를 눌러 이동 창을여십시오. 설정 수평 으로 값을 -32 픽셀 과 수직 에 값 0 픽셀 눌러 OK , 왼쪽으로 우리의 앵커를 이동.
이 각진 직사각형은 주요 전면 벽으로 작동합니다.
2 단계
Control-C를 사용하여 모양을 선택하고 복사 하십시오 . Control-F를 두 번 클릭 하여 직사각형 상단에 두 개의 사본을 가져오고 상단 사본을 오른쪽으로 약 60 픽셀 이동하십시오 .
두 번째 사본을 선택 항목에 추가하고 패스 파인더 (Pathfinder) 패널 의 마이너스 앞 (Minus Front) 옵션을 사용하십시오 .
3 단계
선택 도구 (V)로 결과 모양을 선택 하고 경계 상자 파란색 영역 의 위쪽 모서리 중 하나를 가운데 로 Shift 키를 드래그 하여 크기를 줄 입니다.
모양의 색상을 설정하고 #48A987
벽의 중간 부분에 모양을 배치합니다. 출입구 역할을합니다.
4 단계
출입구를 복사 (Control-C) 한 다음 Control-F를 두 번 눌러 앞면에 사본 두 개를 붙여 넣으십시오 .
상단 모양을 약간 오른쪽으로 이동하고 선택 항목에 두 번째 복사본을 추가 하고 패스 파인더 패널 에서 교차단추를 누릅니다 . 새 모양의 색을 변경하여 입구의 내부 그림자 부분을 형성합니다.#225443
5 단계
이제 입구 벽에 그림자를 추가 할 것입니다. 두 개의 사본 ( Control-C )을 만들어 모양 앞에 붙이십시오 ( Control-F를 두 번). 그리고 상단 복사본을 왼쪽과 아래쪽으로 이동하십시오.
각진 모양 의 패스 파인더 의 마이너스 앞쪽 옵션을 사용하여 선택 물에 두 번째 모양을 추가하십시오 .
그림자로 작동하므로 혼합 모드 를 곱하기로 변경하고 투명도 패널 에서 불투명도 를 40 % 로 낮 춥니 다 .
6 단계
벽의 오른쪽 부분에 강조 표시를 추가합시다.
벽의 전면 사본 두 개를 다시 만들고 상단 복사본을 오른쪽으로 옮깁니다. 패스 파인더 의 마이너스 프론트옵션 을 사용하면서 선택 물에 다른 사본을 추가 하고 결과 모양의 색상을 흰색으로 변경하십시오 ( ).#FFFFFF
7 단계
도형에 외곽선을 추가 할 시간입니다.
기본 사각형을 선택하고 복사하십시오. 그런 다음 그림자 출입구 부분을 한 번 클릭하고 Control-F를 눌러 출입구 앞 벽을 복사하십시오.
복사본 의 채우기 를 None , Stroke color를 to #3d342d
, Weight 를 6 px로 설정하십시오 .
부여 6 PX (두께 윤곽을 #3d342d
출입구 부분).
8 단계
빌드 152 X 127 픽셀의 직사각형 ( #6ebea2
전벽의 오른쪽 위에 앵커 뒤에 좌상 앵커를 배치하고, 이전 섹션 뒤에 숨어 측벽을위한).
이전 벽과 마찬가지로 두 개의 전면 복사본을 만들어 상단 복사본을 왼쪽과 아래로 이동 하고 두 모양 의 패스 파인더 의 마이너스 프런트 옵션 을 사용하여 블렌딩 을 변경하여 현재의 그림자 부분을 제공하십시오 모드 얻어진 형상의 제품에 곱 하강하면서 불투명도 를 40 %.
9 단계
같은 방법으로 벽에 그림자를 하나 더 추가하십시오.
측벽에 외곽선을 추가합시다. 옆면을 복사 (Control-C) 한 다음 상단 그림자를 클릭하고 Control-F를 사용 하여 그 앞에 모양을 붙여 넣습니다 . 제거 채우기를 , 설정하면서 스트로크 에 색상 #3d342d
과 무게 에 6 픽셀을 .
10 단계
측벽의 상단에 210x16.5px 직사각형 ( #6ebea2
)을 추가 하고 모양의 중심에 맞 춥니 다.
이전 섹션에서했던 것처럼 현재 사각형에 두 개의 그림자와 6 px 두께의 윤곽선 ( #3d342d
)을 지정하십시오.
11 단계
폼 129 X 165 픽셀의 직사각형 ( #98d2be
이전에 생성 된 도형의 외주 좌측 참조).
동일한 방법을 사용하여 왼쪽 부분에 강조 표시를 만들고 스트라이프의 오른쪽에 그림자를두고 6 px 너비의 윤곽선 ( #3d342d
)을 그립니다.
모든 부분을 함께 그룹화 (Control-G) 하십시오.
3. 타워의 맨 아래 부분을 만드는 법
1 단계
지붕의 오른쪽 가장자리에 맞춰 상단 섹션 아래에 290 x 16.5 픽셀의 직사각형 ( #48a987
) 을 형성하여 타워의 하단부를 작업 해 보겠습니다 .
첫 번째 아래에 같은 색상의 230.5 x 16.5 픽셀 스트라이프를 한 개 더 만듭니다 .
에 의해 사각형 회전 30 개도 에 의한 Alt 키 클릭을 와 왼쪽 하단 앵커에 회전 도구 (R) , 설정, 각도 를 30 개도 .
수평 사각형의 왼쪽 상단에 앵커를 배치하여 각진 모양을 부착합니다.
2 단계
각진 사각형을 선택하고 Enter 키 를 눌러 이동 옵션 창 을 엽니 다 . 설정 수평 가치 -100 픽셀 과 수직 에 값 0 (PX) 를 눌러 복사를 왼쪽에 중복을 받고.
테이크 직접 선택 도구 (A)를 원래 각진 모양의 상단 점에 중복의 오른쪽 하단 앵커을 끕니다.
그런 다음 왼쪽 된 각진 모양의 왼쪽 하단 앵커를 선택하고 원래 사각형의 왼쪽 상단 앵커에 배치합니다.
결과 모양의 색을로 설정하십시오 #98d2be
.
3 단계
직사각형 도구 (M)를 가져 와서 #48a987
큰 각진 모양의 아래쪽 아래에 작은 직사각형 ( )을 추가 하고 오른쪽 가장자리가있는 줄무늬의 아래쪽 앵커와 같은 높이에 아래쪽 모서리를 놓습니다.
직접 선택 도구 (A)로 생성 된 그림의 아래쪽 가장자리를 선택 하고 오른쪽으로 드래그하여 인접한 각진 스트라이프의 왼쪽 가장자리에 오른쪽을 놓습니다.
4 단계
이제 하이라이트를 작업 해 보겠습니다.
측면 사각형의 큰 복사본을 만듭니다. 원래 모양과 수평 직사각형과 함께 선택하고 모양 작성 도구 (Shift-M)로 Alt 키를 누른 채로 미해결 부분을 잘라냅니다 . 결과 모양의 색상을 흰색 ( )으로 변경하십시오 .#ffffff
패스 파인더 (Pathfinder) 방법을 사용하여 이전과 마찬가지로 기울기에 두 번째 강조 표시를 추가합니다.
5 단계
수평 띠와 경사면에 그림자를주십시오.
각진 사각형과 수평 스트라이프를 선택하고 Pathfinder 의 Unite Shape Mode를 사용 하여이 두 가지를 하나의 큰 모양으로 결합하십시오 .
모든 하단 부분에 라운드 조인 과 함께 6 px 두께의 외곽선 ( #3d342d
)을 추가하십시오 .
6 단계
포스트에 11.5 x 29 픽셀 크기의 직사각형 ( #6ebea2
)을 만들어 펜스에 작업을 시작한 다음 그림자에 이어 4 픽셀 두께의 윤곽선 ( #3d342d
)을 지정합니다. 모든 부분을 함께 그룹화 (Control-G) 하고 기울기 꼭대기에 우편물 한 권을 배치하십시오.
7 단계
원래 게시물을 선택하고 이동 옵션 창 ( Enter )을 열고 수평 값을 65 픽셀로 설정하십시오 . 복사를 클릭 하여 오른쪽의 게시물 사본 을 가져옵니다. 복제본을 선택한 채로 두 번 더 Ctrl-D를 두 번 눌러 사본을 두 장 더 가져 옵니다 .
네 개의 모든 포스트를 함께 그룹화 (Control-G) 하고 회전 도구 (R)를 사용하여 그룹을 30도 회전시킵니다 .
사후 그룹을 사면의 왼쪽 가장자리에 붙입니다.
8 단계
이제 게시물 위에 레일이 있어야합니다.
경사면의 검정색 외곽선을 복사하여 게시물의 측면 행으로 끌어다 놓고 왼쪽 가장자리가 아래 그림과 같이 상단에 오도록 만듭니다.
윤곽선의 오른쪽 및 아래쪽 가장자리를 삭제 합니다.
직접 선택 도구 (A) 로 끝점을 드래그 하여 하나를 오두막의 왼쪽 가장자리에 배치하고 다른 하나는 왼쪽 포스트의 왼쪽 상단 앵커에 배치합니다. 레일에 라운드 캡 을 설정하십시오 .
9 단계
동일한 조작, 포스트와 레일 복사 및 드래그는 타워 오른쪽에 다른 울타리를 만듭니다.
10 단계
우리 오두막을지지하는 베어링 파일을 만들어 봅시다.
빌드 14 X 113 픽셀의 직사각형 ( #48a987
운전실 아래의 우측 참조). 그림자 뒤에 6 px 두께의 외곽선 ( #3d342d
)을 붙이십시오 .
모든 부분을 함께 그룹화 (Control-G) 하고 왼쪽에 복제물을 만듭니다.
11 단계
하나의 더미에서 다른 더미로가는 두 개의 6 px 두께의 수평선을 그려서 #3d342d
왼쪽 끝점을 왼쪽 포스트와 약간 겹치게 만듭니다.
베어링 파일 건설을 그룹화 (Control-G) 하고 복사를 만들고, 그것을 왼쪽으로 옮기고 타워 뒤쪽에 숨기며, 어두운 색을 만듭니다.
4. 윈슬 록을 만들고 세부 사항을 추가하는 법
1 단계
우리의 해변 탑 지붕에 흐르는 바람막이를 추가합시다.
형태 62 X 24 픽셀의 직사각형 ( #d65428
주 Windsock입니다 형상을위한).
그런 다음 앵커 포인트 추가 도구 ( + ) 를 사용하여 오른쪽 가장자리 중간에 앵커 포인트 하나를 추가하십시오 . 다이렉트 선택 도구 (A) 를 사용하여 라이브 코너 표시기를 가운데로 당겨서 상단 및 하단 앵커를 삭제하고 삼각형을 가져오고 오른쪽 모서리를 둥글게 만듭니다 .
삼각형의 왼쪽 부분에 15.5 x 24 픽셀 타원 ( #a8411f
)을 추가하십시오 .
2 단계
타원을 선택하고 Object> Path> Offset Path로 이동하십시오. 오프셋 값 필드에 10 px 를 입력 하고 확인을눌러 윤곽선을 가져 옵니다 .
바깥 쪽 타원을 선택된 상태로 유지하면서 오프셋 패스를 다시 사용 하여 오프셋 값을 5 픽셀로 설정합니다 .
두 외형을 선택하고 Object> Path> Offset Path로 다시 이동하십시오. 오프셋 을 20 px로 설정하여 외곽선을 두 개 더 만듭니다.
원뿔 모양을 선택하고 전면에서 복사본 하나를 가져온 다음 패스 파인더 패널 의 분할 옵션을 사용하여 네 개의 외부 타원과 함께 복사본을 선택합니다 .
두 줄무늬를 제외한 모든 조각을 삭제하고 색상을 바꿉니다 #fbf8f1
.
3 단계
방금 만든 하이라이트 모양 에 라운드 조인 을 사용하여 4 픽셀 두께의 윤곽선 ( #3d342d
)을 지정 하십시오 . 타원에 같은 외곽선을 추가하십시오.
우리의 윈드 삭을 폴에 연결하는 두 개의 로프를 만듭니다. 로프 에는 두 개의 4 px 두꺼운 선을 사용 하고 기둥 에는 6 px 두꺼운 선을 사용하십시오.
모든 양말 부품을 함께 그룹화 (Control-G) 하고 타워의 지붕에 배치하십시오.
4 단계
우리는 거의 해변 가드 타워로 끝났습니다.
개요의 일부를 열어서 우리 타워에 더 재미 있고 세련된 느낌을줍니다. 그것을 위해 바로 사용 앵커 포인트 도구 (+)를 추가 윤곽선에 추가 앵커를 추가 한 다음에 삭제 집합에 확인하고,이 앵커 사이의 경로를 캡 나머지 윤곽선 에 라운드를 내에서 스트로크 패널.
시간을 들여 작업을 마치면 일러스트레이션 가장자리 근처에 추가로 4 px 두께의 선을 추가하십시오 .
지상을 위해 아래 몇 줄을 추가하여 타워를 완성하십시오.
5. 열대 해변 배경을 만드는 방법
배경에 해변 풍경을 만들어 열대 낙원에 비치 가드 타워를 놓으십시오.
1 단계
양식 1200 x 1200 픽셀의 사각형 ( #fb9f31
배경에 대한 우리의 건물 뒤에를).
물 표면을 모방하기 위해 타워 아래에 약간의 6 px 두께의 #f8cc6b
색 선을 추가하십시오 . 대시 및 크기를 변경하여 더 재미 있고 활기찬 분위기로 만드십시오.
2 단계
석양 에는 300 x 300 픽셀의 동그라미 ( #f37f10
)를, 태양의 빛에는 두 개의 바깥 원을 추가합니다. 광선에 대해 30 % 불투명도의 흰색 및 화면 혼합 모드 를 사용하십시오 .
지우개 도구 (Shift-E) 를 사용하여 돌출부 위를 Alt- 드래그 하여 바깥 쪽 원 의 나머지 부분을 선택하여 삭제합니다.
3 단계
작곡을 끝내기 위해서는 몇 가지 추가 요소가 필요합니다.
몇 개의 잎과 직사각형 트렁크로 만든 간단한 손바닥을 만듭니다. 패스 파인더 (Pathfinder) 패널 의 교차 옵션 ( Intersect) 을 사용하여 두 개의 겹침 타원에 잎을 얻을 수 있습니다 . 그런 다음 트렁크에 직사각형을 부착하고 나뭇잎을 복사하고 이동하여 크라운을 형성하십시오. 색상에 사용하십시오 .#f37f10
그런 다음 겹치는 원과 둥근 직사각형으로 구성된 구름을 만듭니다. Shape Builder Tool (Shift-M)을 사용하여 원하지 않는 조각을 제거하고 Pathfinder 의 Unite 옵션 으로 모든 모양을 하나로 병합 한 다음 색상을로 설정하십시오 . #fbe2aa
장면 위에 손바닥과 구름을 펼쳐 균형 잡힌 구성을 만듭니다.
그게 다야! 우리가 비치 가드 타워 일러스트 레이션 준비 됐어
축하해! 플랫 스타일의 Baywatch 하우스 장면이 완성되었습니다.
나는 배경에 두 개의 갈매기 실루엣을 추가하여 해변 일몰의 분위기를 개선하기로 결정했습니다. 열대 해안에서 여름 산들 바람과 바다 서핑이 튀는 것을 느낄 수 있습니까? 우리의 수업은 여기서 끝나고 새로운 모험이 시작됩니다.
당신이 그 과정을 즐겁게하고 길을 따라 새롭고 도움이되는 어떤 것을 발견했기를 바랍니다.
이 해변 가드 타워의 그림은 단지 내의 일부입니다 여름 해변 수집 및 내에서 훨씬 더 많은 여행과 모험 그림이 있습니다 포트폴리오 에 GraphicRiver은 .
'디자인 > 무료 디자인 자습서' 카테고리의 다른 글
[일러스트]할로윈 테마 아이콘 팩 만들기 (0) | 2019.01.08 |
---|---|
[일러스트] 보안 아이콘 세트 만들기 (0) | 2019.01.08 |
[일러스트] 레트로 텍스트 3D로 디자인 (0) | 2019.01.07 |
[일러스트] 동물 파티 장면 만들기 (0) | 2019.01.06 |
[일러스트] 귀여운 웰시코기 그리는 방법 (0) | 2018.09.11 |
[일러스트] 플랫 아이스크림 캐릭터 만드는 방법 (0) | 2018.09.11 |
[일러스트] 아이소메트릭 빌딩 만드는 방법 (0) | 2018.09.11 |
최고의 일러스트 자습서 60가지 (0) | 2018.09.04 |
댓글