제로의 마케팅 일지 - 피그마 시작하기 (1)

기본 틀은 어도비와 비슷하다

필자는 본업이 영상 편집이라 어도비와 비슷한 부분들은 생략한다

---

커뮤니티

= 사람들이 올려놓은 프로젝트를 쓸 수 있음, 정보를 얻을 수 있음

 

단축키

 

Ctrl + P 검색 기능

 

에디트 모드

 

왼쪽 : 선택 오브젝트를 컴포넌트로 만드는 기능

가운데 : 두 개 이상의 오브젝트를 특정 도형 안에 마스크로 만듦

오른쪽 : 두 개 이상의 오브젝트 선택 시 도형 분리 가능, 레이어 합치기 가능

 

 

체크하면 계속 쓰던 툴을 사용할 수 있다 (무브 툴로 바뀌지 않음)

 

단축키 확인법

한 방향만 각도를 바꾸고 싶다면 Alt + 드래그

 

 

원 안의 동그란 포인트를 잡고 움직이면 원의 각도를 변경할 수 있다

해당 포인트를 잡고 움직이면 원 안에서 각도가 움직인다

 

해당 상태로 안의 동그란 포인트를 잡고 움직이면 원 안에 공백을 만들 수 있다

 

 

해당 포인트로 각을 늘릴 수 있다

화살표는 우측 스트로크에서 설정하면 좋다

스트로크를 인사이드로 설정하는 게 제일 명확한 아이콘을 만들 수 있다

 

 

아웃사이드 스트로크는 조인 기능으로 테두리 각을 정할 수 있다

 

스트로크의 대쉬 기능

점선으로 만드는 기능이지만 갭과 캡을 바꿔서 다르게 만들 수 있다

선의 내부를 채워서 안을 잡고 움직일 수 있게 됨

 

Alt + 핸들러 + 한 쪽 각도만 바꿀 수 있음

 

Ctrl + 클릭 = 핸들러 생성

 

Union selection

 

더블클릭하면 원래 도형을 선택할 수 있다

 

subtract selection

intersect selection

Exclude selection

Ctrl + Shift + D = 그룹 해제

컬러 스타일 설정 - 원하는 색상을 원할 때 쓸 수 있음, 한 색상을 다같이 수정할 수 있음

그라디언트 만드는 법

 

좌 : 레이어 블러, 우 : 백그라운드 블러

백그라운드 블러

속성 복붙 방법

이미지 불러오기

도형 위에 이미지를 불러오고 클릭을 하면 도형 안에 이미지가 들어감

 

이미지 속성

도형 선택 후 숫자 누르면 투명도 조절 가능

 

플러그인 -  UI Faces, Unsplash 설치

UI Faces 실행 화면

UI Faces = 

Unsplash 실행 화면

---

이번 강의는 피그마 강의

 

피그마는 처음 접해보는데 기본 틀은 어도비랑 비슷했다

 

어도비보다 유용해 보이는 기능들도 있었다

스타일 설정 기능들인데

특히 컬러 스타일 설정이 그랬다

 

하나의 컬러를 설정해두고

그 컬러의 설정을 바꾸면

같은 색이 다 바뀌는..!

 

에펙은 그게 가능하지만

포토샵은 어려운 거 같던데

피그마는 쉽게 해놓은 거 같다

 

암튼

어도비랑 비슷해서

많이 어렵진 않을 거 같아서 일단은 안심이다!