작업 퀄리티 높혀주는 Figma 초 간단 세가지 고급 꿀팁

안녕하세요 오늘은 작업물의 퀄리티를 확 높혀주는

피그마의 세가지 꿀팁에 대해 알려드릴게요!

 

---

 

1. 그라디언트로 포인트 효과 주기

 

그라디언트 만드는 방법 먼저 알려드릴게요

먼저, 큰 원을 하나 그려주세요!

 

그리고 왼쪽 패널에서 Layer blur를 선택해 줍니다.

 

Layer blur를 다시 선택해서

Blur값으 500까지 올려줍니다!

그러면 만들었던 원이 퍼지는 것을 볼 수 있죠.

 

 

이것을 어디에 이용하느냐!

이런식으로 제품의 배경화면에 이요할 수 있어요.

은은하지만 제품을 돋보이는 포인트가 되죠.

 

---

 

2. 플러그인 - 플래티콘

피그마에 없는 기능을 추가할 수 있는

플러그인이라는 기능이 있어요.

 

어디에 있느냐..!

 

바로 바닥 패널에 있습니다..!

(아직 업그레이드가 되지 않은 피그마는

요 플러그인 이모티콘을 찾으세용!)

 

제가 제일 애용하는 플러그인은

Flaticon by Freepik이예요!

 

 

설치하면 이런 창을 볼 수 있는데요!

이 플러그인의 장점은 저~~~ㅇ말 이모티콘이 많다는 것!

그리고 단점은.. png로만 사용해야한다는 점이예요..

 

하지만 잘 사용하는 이유가

png로 들어와도 색을 입힐 수 있는건데요!

하트를 하나 추가하겠습니다

 

 

이 하트에 주황색을 입혀볼게요!

먼저 하트 위에 적당한 크기의 사각형을 생성하고

원하는 색을 골라주세요!

 

완전히 겹치게 덮어준 다음

mask를 씌워주세요!

 

그러면 이렇게!

 

색이 입혀진 하트를 만들 수 있답니다!

이모티콘 사용할 일 정말 많은데

이렇게 색 입혀서 사용해보세요ㅎㅎ

 

---

 

3. 두께 없는 폰트에 두껍게 사용하기

 

마지막으로 스트로크를 사용해

폰트 종류가 별로 없을 때도

폰트를 두껍게 사용 할 수 있는 꿀팁 알려드릴게요!!

 

 

제가 자주 사용하는 부크크 폰트예요!

그런데 레귤러, 세미볼드밖에 없죠

제일 두껍게! 세미볼드보다 더 볼드체로 사용하고 싶을땐?

바로 스트로크를 추가하면 된답니다!

 

 

엄청 두꺼워졌죠?!

여기서 stroke값만 잘 조정하면 됩니다~

 

 

스트로크를 0.3정도로 줄였어요

위에있는 글은 제일 굵은 세미볼드체구요

이렇게 더 강한 볼드를 주고 싶을 땐

스트로크를 잘 활용하시면 됩니다ㅎㅎ

 

 

---

디자인 작업이 필요하신가요?

피그마, 일러스트, 웹, 모바일 화면부터

포스팅, 메뉴판, 썸네일, 상세페이지까지!

디자인과 출신 3년차 디자이너가

다 만들어 드릴 수 있어요 :)

 

요기로 연락주세요!

twolove2232@naver.com

 

포트폴리오

RangRang_artwork | Notion