장바구니 버튼 디자인 방법

오늘의 자습서에서는 Adobe Illustrator를 사용하여 간단한 평면 장바구니 버튼 을 만드는 방법을 배우게 됩니다. 동일한 장바구니 버튼을 사용하여 다른 쇼핑 또는 전자 상거래 버튼 을 여러 개 만들 수 있습니다 .

시작하기 

1 단계

파일 메뉴에서 새 문서를 클릭하여 Adobe Illustrator에서 문서를 설정하십시오. 크기면에서 가로 방향으로 A4를 사용합니다.

2 단계

드라이브에 cart-button.ai로 문서를 저장하십시오. 필자는 문서를 만든 직후에 저장하고 중간에 문서를 저장하여 우리가 설계하고 설계 한 것을 잃지 않도록하는 것이 더 좋습니다.

장바구니 버튼 만들기 

1 단계

먼저 도구에서 펜 도구를 선택하거나 P를 클릭하여 펜 도구를 활성화합니다. 전경 또는 채우기 속성을 없음으로 변경하고 획 속성을 없음으로 변경하십시오.

2 단계

펜 도구를 사용하여 장바구니 버튼의 기본 모양을 그립니다. 직선을 만들려면 그림을 그릴 때 Shift 키를 누릅니다. 카트 모양에 만족하면 채우기 상자를 클릭하고 카트 모양을 채울 색상을 선택하고 확인을 클릭하십시오.

3 단계

장바구니 버튼 바퀴를 그리려면 타원 도구 (키보드 L의 바로 가기)를 사용합니다. Shift 키를 누른 상태에서 도구를 사용하여 원을 드래그하여 변환하지 않고 정확한 크기로 만듭니다. 동일한 휠을 복사하여 붙여넣고 첫 번째 휠에서 수평 방향으로 조금 드래그하여 서로 평행하게 만듭니다.

4 단계

이제 우리는 바구니 손잡이 근처의 펜 도구를 사용하여 바구니를 같은 방법으로 디자인 할 것입니다. 그러나 시작하기 전에 채우기 속성을 None으로 다시 설정합니다.

장바구니의 곡선을 만들려면 점을 찍은 다음 커서를 클릭하지 않은 상태에서 오른쪽을 위로 드래그하여 아래쪽으로 곡선을 만듭니다. 곡선이 좋다고 느낄 때 커서를 놓아 둡니다. Alt 키를 누른 채로 고정 점 근처를 클릭 한 다음 나머지 카트를 계속 디자인합니다. 디자인 된 부분을 나머지 카트와 같은 색으로 채 웁니다.

5 단계

장바구니 위의 더하기 기호 만들기는 두 단계로 구성됩니다. 먼저 우리는 Ellipse 도구를 사용하여 간단한 원을 만들 것입니다. 이전에했던 것처럼 이번에는 바구니의 영역에 맞게 더 크게 만듭니다. 서클을 만들 때 키보드의 스페이스 바를 눌러 서클을 드래그하여 장바구니에 정렬 할 수 있습니다.

6 단계

더하기 기호를 만들려면 사각형 도구 (M)를 사용합니다. 채우기 색상의 경우 흰색을 사용합니다 (#ffffff). 직사각형을 그린 후 선택 도구를 사용하여 사각형을 선택하고 더 큰 원 위에 드래그하여 중앙에 놓습니다. 동일한 직사각형을 복사하여 붙여넣고 직사각형을 마우스 오른쪽 버튼으로 클릭하고 변형을 선택한 다음 회전을 선택하여 회전합니다. 이제 각도를 90º로 설정하고 확인을 클릭하십시오. 이제 사각형이 수평이됩니다. 동그라미 위로 드래그하여 정렬하고 가운데에 배치하고 더하기 기호를 만듭니다.

마지막 단계

파일을 다시 저장하십시오. 또한 파일을 PNG로 내 보내서 웹 사이트 이미지를 만들 수도 있습니다.

따라서 프로젝트의 장바구니 버튼을 쉽게 만들 수 있습니다 . 세로 직사각형을 숨겨서 위의 디자인 된 장바구니 버튼에서 빼기 기호를 만들거나 장바구니 버튼을 제거 할 수 있습니다.