Adobe XD CC에서 몇 개의 간단한 모양을 결합하여 앱 또는 웹 디자인에 사용할 아이콘을 만들 수 있습니다.
mobile-menu-icon_1000x560

이 예제에서는 메모장과 연필 아이콘을 만들어 봅니다. 따라 하려면 실습용 샘플 파일을 다운로드하거나 나만의 개성 있는 아이콘을 디자인해 보십시오. 메모장의 기본 모양은 안에 선 하나가 있는 정사각형이고 연필은 직사각형으로 시작합니다.

mobile-menu-icon_step1

디자인 시 메모장의 선과 같은 요소를 복제할 수 있습니다. 반복 그리드를 사용하면 선 간격을 균일하게 만들 수 있습니다.

mobile-menu-icon_step2

지우개 끝과 같이 둥근 모서리를 추가하여 모양을 세밀하게 조정할 수 있습니다. 모양을 두 번 클릭하여 패스로 변환한 다음 지우개 모양 만들기와 마찬가지로 포인트를 추가하여 쉽게 디자인을 바꿀 수 있습니다. 연필에 디테일을 살리기 위해 선을 추가합니다. 요소를 그룹으로 지정하면 디자인 안에서 오브젝트를 간편하게 움직일 수 있습니다.

mobile-menu-icon_step3

모든 요소를 원하는 위치에 배치하여 마무리합니다. 연필을 회전시키고 메모장 위에 배치하여 연필이 메모장 앞에 오도록 스택 순서를 지정합니다. 마지막으로 테두리에 흰색을, 채우기에 녹색을 적용하여 원하는 룩을 만듭니다.

mobile-menu-icon_step4

새 아이콘이 앱 디자인과 어울리는지 확인합니다.

mobile-menu-icon_step_5

여러분도 이러한 기법을 함께 사용하여 앱 및 웹 다자인에 사용할 다양한 아이콘을 만들어 보시기 바랍니다.

11/06/2018

콘텐츠 제공: Serge Vasil

Adobe Stock 콘텐츠 제공: Leonid

이 페이지가 도움이 되었습니까?