Adobe Illustrator에서 MacBook 설정을 만드는 방법

문서 준비

1 단계

Ctrl + N을 눌러 새 문서를 만듭니다. 단위를 픽셀로 설정하고 800x600 픽셀로 만듭니다. 고급 옵션에서 RGB 색상 모드와 Raster Effects to Screen (72 ppi)을 선택하십시오. 픽셀 그리드에 새 객체 정렬을 선택한 다음 확인을 클릭하십시오.

보기> 그리드에 표시로 이동하여보기> 그리드에 스냅으로 다시 이동하여 그리드를 활성화하십시오. 10 픽셀마다 그리드가 필요하므로 Ctrl + K를 누르고 환경 설정으로 이동하십시오. Guides & Grid에서 Gridline을 Every로 1 px로 설정하고 Subdivision을 1로 설정합니다. 그리드가 작업을 쉽게하고 Ctrl을 눌러 활성화 또는 비활성화 할 수 있습니다.

창> 정보로 이동하여 정보 패널을 활성화 할 수 있습니다. 여기에서 도형의 크기와 위치를 미리 볼 수 있습니다. [편집]> [환경 설정]> [단위]에서 측정 단위를 픽셀로 설정해야합니다. 이렇게하면 작업 속도가 빨라집니다.

MacBook 만들기

MacBook을 그리기 시작합니다.

1 단계

먼저 MacBook의 밑면에있는 사각형 도구 (M)로 196x136px 직사각형을 만듭니다. 이 녹색 색으로 채우십시오 : # 97B61F 및 스트로크를 제거하십시오. [변형] 패널에서 [반경 반지름]을 20 픽셀로 설정합니다.

2 단계

이제 이전 직사각형 (Ctrl + C> Ctrl + F)을 복사하고 채우기를 # CFDB5E로 변경하십시오. 키보드로 직사각형을 10 픽셀 위로 이동하십시오.

채우기 색상이 같은 다른 사각형 30x60 픽셀을 만듭니다. 변형 패널에서 모서리 반경을 4px로 설정합니다. 기본 직사각형의 아래쪽 중앙으로 이동합니다. 두 직사각형을 모두 선택하는 동안 Pathfinder 패널에서 Unite를 선택합니다.

3 단계

우리는 82x52 픽셀의 사각형으로 트랙 패드를 그리고이 색상을 사용합니다 : # 97B61F. 반지름이 4px 인 모서리를 둥글게 만듭니다. 아래 그림과 같이 위치 시키십시오.

이제 키보드를위한 12 x 10 x 10 픽셀의 사각형을 만들고 모서리 2 픽셀을 둥글게 만듭니다. 이 직사각형을 서로 4 픽셀 씩 분리하고 그룹화합니다 (Ctrl + G). 그런 다음이 그룹을 복사 (Ctrl + C> Ctrl + F)하고 다시 4 픽셀 간격으로 분리하십시오.

그룹을 두 번 클릭하고 왼쪽의 첫 번째 사각형을 삭제하십시오. 그런 다음 선택 도구 (V)를 사용하여 왼쪽과 오른쪽에있는 사각형의 크기를 변경하여 큰 키를 만듭니다. 마지막으로 Esc 키를 눌러 두 그룹을 모두 복사하여 키보드를 완성합니다. 

4 단계

이제 MacBook의 경첩에 152x8 px (색상 : # 97b61f)를 만듭니다. 그런 다음 모니터에 196x136 픽셀의 직사각형 (색상 : # CFDB5E)을 다시 만듭니다. [변형] 패널에서 [반경 반지름]을 20 픽셀로 설정합니다.

화면에 168x96 픽셀의 직사각형을 추가하고이 색상을 지정하십시오 (# 304400).

5 단계

이제 타원형 도구 (L)가있는 8x8 px 타원 (# 97B61F)을 사용하여 로고를 추가하십시오. 그런 다음 모니터 상단에 웹캠 용 4x4 px 타원을 추가하십시오.

그런 다음 폭이 다양하고 길이가 200 픽셀 인 직사각형을 세 개 만듭니다. 그들에게이 색을주게 : #FFFFFF. 회전 도구 (R)로 45º 회전하고 Shift 키를 누릅니다. 그것들을 모니터에 놓고 모니터 직사각형을 선택하고 Shape Builder 도구 (Shift + M)로 여분의 비트를 삭제하십시오. 그런 다음 세 직사각형의 불투명도를 50 %로 설정하십시오. 

스피커 만들기

이제 우리는 스피커를 MacBook의 양면으로 갈 것입니다.

1 단계

변형 패널에서 54x54 px 사각형 (색상 : (# 97B61F))으로 모서리 반경을 8 px로 설정하고 직사각형을 복사 한 후 (Ctrl + C> Ctrl + F) 색상을 # CFDB5E로 변경하십시오 .

그런 다음 24x24 픽셀 (# 7E9A13)의 또 다른 38x38 픽셀 타원 (색상 : # 97B61F)을 만들고 마지막으로 8x8 픽셀 (색상 : # 304400)의 타원을 만듭니다.

2 단계

또 다른 4x4 px 타원 (색상 : # 7E9A13)을 만들어 스피커의 상단에 놓습니다. 다른 6x6 픽셀 타원 (색상 : # 97B61F)을 추가하고 복사 (Ctrl + C> Ctrl + F) 한 다음 2 픽셀 아래로 이동하십시오. 채우기 색을 # 97B61F로 변경하십시오. 모든 항목과 그룹 (Ctrl + G)을 선택하십시오.

3 단계

이제 스피커를 복제하고 MacBook의 양쪽에 놓습니다. 그런 다음 오른쪽 하단 스피커에서 작은 타원을 삭제하십시오. 

iPhone 만들기

이제 스피커를 마쳤으니 iPhone을 계속 사용 해보자. 아주 쉬운 과정.

1 단계

52x98 픽셀의 직사각형 (색상 : # 97B61F)을 사용하여 iPhone 본체를 만듭니다. 변형 패널에서 모서리 반경을 6px로 설정합니다. 그런 다음 복사 (Ctrl + C> Ctrl + F)하고 5 픽셀 위로 이동하여 채우기 색상을 # CFDB5E로 변경합니다.

iPhone 화면 (색상 : # 304400)에 42x74 픽셀의 직사각형을 추가하십시오. 홈 버튼 (color : # 97B61F)에 6x6px 타원을 추가하고 Front 카메라 (# 97B61F)에 다른 3x3px 타원을 추가하십시오.

2 단계

이제 전화기 하단의 장치 포트를 확인하십시오. 오디오 입력에 3x3 px 타원 (색상 : # 7D951D)을 추가하십시오. 그런 다음 서로 2 픽셀 씩 분리 된 두 개의 2x2 픽셀 타원 (color : # 7D951D)을 만듭니다.

마지막으로 번개 포트에 대해 12x2 픽셀 크기의 사각형 (color : # 7D951D)을 만듭니다. 그리고 모서리를 둥글게.

3 단계

우리는 110px 길이의 3 개의 직사각형 (색상 : #FFFFFF)을 사용하여 화면에 반사를 추가 한 iPhone을 완성하고 회전 도구 (R)를 사용하여 회전합니다. 그런 다음이 직사각형과 화면 인 사각형을 선택하고 Shape Builder 도구 (Shift + M)를 사용하여 초과 비트를 삭제하십시오.

마지막으로이 직사각형의 불투명도를 50 %로 설정합니다. 모든 항목과 그룹 (Ctrl + G)을 선택하십시오.

책 만들기

MacBook 설정의 마지막 요소는 책입니다.

1 단계

책 바닥에 72x20 픽셀 크기의 직사각형 (색상 : # 97B61F)을 만듭니다. 그런 다음 직접 선택 도구 (A)를 사용하여 왼쪽 모서리를 둥글게 만듭니다. 그런 다음 (Ctrl + C> Ctrl + F) 복사하여 효과> 경로> 오프셋 경로 및 오프셋 -4px로 이동하십시오. Object> Expand Appearance로 이동하여 Expand를 확장 한 다음 OK를 클릭한다. 채우기 색을 (# D5E1C2)로 변경하십시오.

또 다른 4x12 픽셀 크기의 사각형 (color : # C1D03A)을 추가하고 책의 오른쪽에 놓습니다.

2 단계

이제 72x75 px 직사각형 (color : # CFDB5E)을 사용하여 책 슬리브를 만들고 밑면에 놓습니다 (오른쪽 클릭> 정렬> 맨 뒤로 보내기). 그런 다음 [변형] 패널에서 왼쪽 위 모퉁이의 모서리 반지름을 10 픽셀로 설정합니다. 모든 항목과 그룹 (Ctrl + G)을 선택하십시오.

연결 케이블 만들기

이제 우리는 iPhone과 스피커 및 MacBook을 연결하는 케이블을 만들 것입니다.

1 단계

Lightning 커넥터를 6x11 px 직사각형 (색상 : # D5E1C2)으로 만들고 모서리를 반경 1x로 만듭니다. 그런 다음 또 다른 3x4 px 직사각형을 추가하십시오 (색상 : # 7A8E7B).

이제 2x12 px 직사각형 (색상 : # D5E1C2)으로 헤드폰 커넥터를 만들고 직접 선택 도구 (A)를 사용하여 라이브 코너로 모서리를 둥글게 만듭니다.

2 단계

이제 펜 도구 (P)를 잡고 2 px 스트로크 (색상 : # 97B61F)로 Lightning과 MacBook 사이에 연결 케이블을 그리고 다른 하나는 오디오 입력에서 왼쪽 스피커로 연결하십시오. 그런 다음 한 스피커에서 다른 스피커로 다른 연결 케이블을 연결하여 뒤쪽으로 보내십시오 (Object> Arrange> Send to Back).

마지막으로 라이브 코너를 사용하여 직접 선택 도구 (A)로 획의 모서리를 둥글게 만듭니다.

배경 만들기

우리의 디자인을 끝내기 위해 배경에 대한 몇 가지 세부 사항을 만들 것입니다.

1 단계

펜 도구 (P)를 사용하고 4 픽셀 스트로크 (색상 : # CFDB5E)로 직선을 14 픽셀 길게 만들고 [획] 패널에서 라운드 캡을 설정하십시오. 그런 다음 스트로크 (Ctrl + C> Ctrl + F)를 복사하고 90º 회전하십시오. 마지막으로, 그룹 (Ctrl + G).

이제 같은 과정을 반복하되 이번에는 8 px 직선을 사용하고 획 색상을 # 97B61F로 변경하십시오. 그룹 (Ctrl + G). 아래의 그림과 같이이 세부 사항을 배치하십시오.

2 단계

이제 배경색을 800x600 픽셀로 설정하십시오 (색상 : # 254F3D). 직사각형을 그림의 나머지 부분 아래에 놓으십시오 (오른쪽 클릭> 정렬> 맨 뒤로 보내기).

치하! 우리는 끝났어!

그게 다야! 우리는 MacBook 설정에 대한 멋진 모습을 보여주었습니다. 보시다시피,이 디자인의 요소를 만드는 것은 그렇게 어렵지 않았습니다. 간단한 모양으로 우리는이 매끄러운 디자인을 달성하는 다양한 도구를 만들었습니다.

언제나처럼이 튜토리얼이 유용하고 자신이 배운 것을 자신의 프로젝트에 적용했기를 바랍니다. 나는 네가 무엇을 생각하는지보고 싶다.