메타코드-Figma 입문

[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "9. 면과 선, 도형 불리언 그룹 이해하기"

하양 :) 2024. 2. 16. 00:21
반응형

 

 

https://mcode.co.kr 

 

메타코드M

빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다.

mcode.co.kr

 

안녕하세요~ 하양입니다. 🤗

 

지난 시간에는 설정 메뉴 및 도구 메뉴에 대해 알아보았다면 이번 시간에는 면/선/도형의 속성에 대해 이해하는 시간이 될 것 같습니다.

 

 

1.  면과 선의 속성 이해하기

 

 

피그마는 벡터 기반의 프로그램입니다. 확대하면 도트형태로 깨지는 비트맵과 달리 벡터는 사이즈에 영향을 받지 않고 매끄러운 형태를 유지합니다. 그 이유는 비트맵은 픽셀로 이루어져있지만, 벡터는 방정식 형태로 이루어져있기 때문입니다.

 

이런 벡터 기반의 피그마에서 '면'의 특징은 다음과 같습니다. 하나의 도형 개체로 인식이 되기 때문에 모서리 라운드값을 설정할 수 있으며 크기를 변경할 때 자동 비율이 적용되게 됩니다. 선으로 변경은 불가능합니다.

 

피그마에서 '선'의 특징은 다음과 같습니다. 스타일 속성으로 인식되어 모서리 스타일값을 적용 가능합니다. 크기 조절시에 기존 두께를 우선적으로 유지하게 되며 (선으로 변경할 수 없었던 면과 달리) 면으로 변경이 가능합니다.

 

왼쪽이 면, 오른쪽이 선이어서 크기 조절을 할 경우 선은 일단 두께가 유지되며 길이만 길어지게 됩니다. 선은 스타일 속성에서 끝점의 모양을 변형해서 다양한 도형 모양을 갖게 만들 수도 있습니다. 선은 끝점 모양을 변경할 수 있지만, 면의 경우는 끝점 속성을 변경할 수 없습니다. 선의 끝점을 변경해서 도형 형태로 만들었다면, 오른쪽 마우스 옵션에서 '면화' 시켜서 도형으로 만들고 개발로 넘기는 것이 좋습니다.

 

이러한 차이점이 결국 면과 선의 기본적인 속성의 영향을 받기 때문입니다.

 

2. 도형 불리언 그룹 활용하기

 

 

불리언 그룹이라는 단어는 저에게 난생 처음 듣는 생소한 개념이었습니다. 불리언 그룹이란 2개 이상의 선택 도형을 수정할 수 있는 4가지 기능을 모은 것입니다. 

 

4가지 경우는 결합, 빼기, 교차, 제외입니다. 2개 이상의 도형을 서로 결합하거나, 아래 도형을 기준으로 겹쳐지지 않은 부분을 없애거나, 아래 도형 기준으로 겹친 부분의 모양만을 가져오거나, 서로 겹친 부분만 없애는 방법을 말합니다.  

 

 

 

피그마 입문 강의 :

 

https://mcode.co.kr/video/list2?viewMode=view&idx=78 

 

메타코드M

빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다.

mcode.co.kr

 

#피그마사용법 #피그마유료 #피그마다운로드 #피그마자격증 #피그마무료 #피그마 #피그마강의 #피그마사이트 #피그마다운 #메타코드엠 #메타코드 

반응형