새싹 (피그마 콘텐츠 제작 1, 한세진 강사님)

1. 피그마를 써야하는 이유?

-실시간 협업

-클라우드 기반(저장 안해도 자동저장해줌)

-버전관리: 변경사항 추적 및 복구 용이

-프로토 타이핑

-플러그인 지원

-가벼운 설치

-
2.RGB 와 CMYK 의 구분

-rgb: 디지털 디스플레이에서 사용, 색이 더해질수록 화이트가 됨

-cmyk:인쇄에서 사용. 색이 더해질수록 블랙.

3.PNG 와 JPG/JPEG

-PNG: 무손실 압축(이미품질 유지, 압축해도 품질 손실이 없음) / 투명,반투명 지원/ 파일크기:상대적으로 큰 크기/웹그래픽, 로고, 아이콘,이미지 편집시

-JPG/JPEG: 손실압축(압축하면 품질저함. 압축률에따라 다르긴함)/ 사진, 웹이미지, 용량이 중요한경우

-왜 차이나냐면요, 레스터와 벡터의 차이 입니다.(벡터 그래픽은 수학적 방정식으로 정의된 이미지, 그래서 품질 손실없이 무한히 확대와 축소가능)

-

4. 피그마는 벡터를 사용합니다!

-레이어:이미지 편집 소프트웨어에서 개별적으로 작업할수 있는 투명한 시트

-

5. 단축키 요거 4개만 외워봅시다.

-ctrl+c 복사하기

-ctrl+v 붙여넣기

-ctrl+g 그룹화

-ctrl+z 실행취소

6. opacity

-레이어를 올릴때 불투명한 정도.

-50%시트에 50%시트를 올리면 색이 짙어짐.(셀로판지 개념으로 생각해주오)

7.fill

-채우기

8.stroke

-테두리

9. 하단의 프레임 버튼을 누르면

10. 도형만들기

11. 컬러는 헥사코드

12. 도형을 만들어 그 안에 이미지를 채워보기 fill

13. 컴포넌트 기능

-유니온: 합치기/subtract 차집합 빼기(마지막에 넣은 도형)/intersect 교집합만남기기/exclude 교집합만 빼기

-하나의그룹으로 합쳐도... 도형을 따로 선택할수있다. 신기하죠

14. 자석기능

-자동으로 줄 맞춤선 보여줌. 

15. 실습

-파랑: 3개 만들어서 유니온

-별 만들어서  차집합

-원의 교집합 만들어서 교집합만 남기기

16.  특정부분만 보여주기

-이때 보여줄 사진이 도형보다 위로올라와야함.

-use as mask 눌러주기

17. 타이포그래피에서는 판독성과 가독성을 중요하게 봅니다.

-행간과 자간의 중요성

-딱딱한 글씨체:돋움, 고딕체(모바일환경서 선호)

-삐침 글씨체: 명조(인쇄물서 선호)

-프리텐다드 추천!!!!

 

18.그레디언트

-투명도!

19. 얼라인

-중복선택한 것들을 가로로 동일한 간격을 줌

-중복선택한 것들을 세로로 동일한 간격을 줌

20. 내보내기

21. 개발자 에게 줄때 확장자 svg 포폴만들때 확장자 pdf

22. 커뮤니티를 사용해서 좋은것들을 가져와 써보자.

23. ㄱ

-uiGradients

-ios 

-unsplash

-figmoji
-noise(유료)

24. 폰트 추천

-눈누 https://noonnu.cc/index

-다폰트(영문) https://www.dafont.com/

 

25. 사진추천

-언스플레쉬 https://unsplash.com/ko

-벡터 이미지 https://www.freepik.com/

-픽토그램(영상에서 많이 쓰지요) https://www.flaticon.com/kr/

 

26. 저장하면 따로따로 이미지가 되는데 이걸 합쳐봅시다.

-pdf로이미지 합쳐줍니다. https://smallpdf.com/

27. ai 추천

-미드저니

-

28. 카드뉴스는

-가독성 젤중요. 타이포그래피.