#6 Figma 시작하기 - 원형툴

김지현·2023년 8월 22일
0

피그마

목록 보기
6/6

원형 만들기

원 도형은 상단의 도형툴에서 Ellipse 를 선택하여 생성할 수 있다.

이때, 그냥 Drag하여 생성하면 타원형이 만들어지니 우리가 아는 동그라미를 만들기 위해서는 Shift키를 눌러 만들면 된다.


1. 예제) 원자력발전소 아이콘 모양 만들기

먼저 프레임을 만들어주고, 100x250의 원형을 중앙에 생성해준다.

그리고 나서, 오렌지 컬러의 10px 테두리를 넣고 면색을 없애준다.
면색을 없애는 방법은 투명도를 0으로 하는 방법도 있지만 '-' 를 눌러도 없어진다.

원형을 하나 더 만들어주는데, 이번엔 30x30의 원형을 만들어준다. 색상은 아까 만들었던 원형의 테두리와 같은 색을 사용해준다.
그리고 위치를 아래와 같이 지정해주고 처음에 만들었던 원형과 그룹화를 시켜준다. (Ctrl+G)

그룹화가 되었는지 확인하는 방법은 - 레이어 쪽에서 Group 이라고 되었는지 확인하거나

Design 에서 Group이라고 되어있는지 확인하면 된다.

이때 복제(Ctrl+D)를 한 번 더 한 다음

회전을 120도 처리해준다.

이걸 다시 한번 복제한 다음 회전을 240도 처리해준다.

여태껏 한 걸 모두 그룹화 시킨 다음, 회전률 한 30도를 넣으면 아래와 같은 원자력 발전소 모양의 아이콘이 생성된다.

여기에 가운데 Fill 없고 Stroke만 동일하게 만든 50x50의 원을 하나 더 만들어보자.
짠.... (이게 원자력 발전소 아이콘이 맞나...)


✨ 이 게시글은 유튜브 '오쌤의 니가스터디' 영상을 보고 배운 점을 정리한 개인적인 정리 블로그입니다.

profile
개발자 지현의 개발일기

0개의 댓글