Adobe XD CC에서 간단한 모양으로 아이콘을 그린 다음 심볼로 만들어 디자인 전체에서 간편하게 업데이트할 수 있습니다.
create-map-pin-icon_1000x560

두 개의 동심원으로 지도 핀을 그리고 불린 연산자를 사용하여 매력적인 효과를 만듭니다. Ctrl(또는 Command)를 누른 상태에서 바깥쪽 원을 클릭하여 모양을 패스로 변환합니다. 그런 다음 두 번 클릭하여 고정점을 확인합니다. 아래 고정점을 아래로 드래그하고 두 번 클릭하여 곡선 패스에서 각진 패스로 변환합니다. 마지막으로 아이콘에 채우기 색상과 음영을 적용합니다.

create-map-pin-icon_step1

지도 핀을 심볼로 변환하여 디자인 전체에서 사용합니다. 아이콘을 클릭한 다음 에셋 패널에서 심볼 옆에 있는 +를 클릭합니다. 레이블을 두 번 클릭하고 나중에 찾기 쉬운 이름으로 변경합니다. 디자인 전체에서 새 아이콘을 필요한 만큼 배치합니다.

create-map-pin-icon_step2

아이콘을 심볼로 만들었다면 다양한 색상과 스타일을 적용해 봅니다. 한 심볼의 모양을 변경하고 디자인 전체에 어떻게 적용되는지 확인합니다.

create-map-pin-icon_step3

다음은 이 앱 디자인에 맞게 만든 지도 핀 스타일입니다.

create-map-pin-icon_step4

여러분도 몇 개의 간단한 모양과 심볼을 사용하여 앱 아이콘을 만들어 보시기 바랍니다.

11/06/2018

Adobe Stock 콘텐츠 제공: ty

 

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