1주차

TO-DO.

도구 살펴보기

실습하며, 이해도 높이기

Figma 활용 목적 확인

디자인

협업

0. Background

•

New design file : 디자인 작업할 때

•

New Figjam file : 아이데이션할 때

•

Import file

Foundation

Quiz, 다음 중 프로젝트 시작시 선택해야 하는 도구는? 

정답 공개

Frame

크기 / 세로형-가로형/위치/라운드값 등…

도화지의 형태를 설정할 수 있음

Frame 을 클릭하면, Figma에서 미리 제공하는 다양한 규격 값을 쉽게 찾고 시작할 수 있음

Quiz, Frame의 이름바꾸려면-?

정답

•

그럼, 파일명을 바꾸려면?

ㄴ 정답 : 중앙 이름을 더블클릭하여, 이름 변경

잠깐 이렇게 배우니까 재미없죠 ( ?_? )
직접 만들어 볼까요 ( ?_? )

피그마 실습 파일 바로가기 >

•

레퍼런스

•

해야 할 일 : 

정사각형 Frame 만들기

그리드 만들기

네모 그리기

하트 그리기 (불러온 이미지로 대체)

하트/네모에 패턴 그리기

색상 넣기

노이즈 넣기

숫자/텍스트 입력하기

정사각형 Frame 만들기

: Frame 크기 설정

그리드 만들기

: 좌측 Ruler에서 꺼내오기

네모 그리기

하트 그리기 (불러온 이미지로 대체)

•

같은 모양 복사 & 같은 높이로 복사 

: 1번 도형 + Alt&Shift누르고 끌어서 옮기기

•

간격 확인 

: 기준점 선택 후, Alt누르고 → 사이값을 알고 싶은 다른 도형에 마우스 대기

하트/네모에 패턴 그리기

1) 패턴이 될 도형과 형태가 될 도형 만든 후,

2) 패턴이 될 도형이 복수일 경우 그룹만들기

: Command + G → 그룹화

(또는 오른쪽 마우스 → Group Selection)

•

3) 형태가 될 도형을 패턴이 될 도형 위로 올리기

: Command + Option + ] → 위로 올리기

(* Command + Option + [ → 아래로 내리기)

4) 패턴이 될 도형 + 형태가 될 도형 동시 선택

: Shift 누르고 두개 한개씩 선택

5) **이제 패턴만듭니다 ** → MASK 기능

색상 넣기

노이즈 넣기

숫자/텍스트 입력하기

추출하기