피그마4 ,프로토타이핑

Yeeun·2025년 6월 5일
0

웹 개발 프로젝트

목록 보기
5/16

fontawesome

똑같은 크기 박스만들기

그리고 겹치기

사진넣는방법

1.마스크사용
2.사각형에다 색상을안넣고 필에 이미지를선택해서 츄즈 이미지로 불러옴. => 이리하면 마스크가 없음.
방금 사각형 색상입힌걸 2번이 아니라 1번을햇으면 햇으면 도형의 오파시티값을 낮추면되고, 아니면 도형을 하나 더 그려서 겹쳐도됨. (버튼이 투명해서 잘보이게하기위해)

라인위에 사각형이 올라가니 순서바꾸기

도형만들어서 간격조절

위치 바꾸고싶으면 플립 호리존탈

무엇을 기준으로 무엇을 정렬하고 싶다 , 싶으면
기준으로하고싶은애 먼저 클릭하고 시프트로 추가클릭해서 정렬하기

마스크는
이미지가위에오게 해야함

도형하나 그리고


이미지 불러오고

도형이 원래 뒤로가야하지만, 일단 위치가늠을 위해 레이어 위로 올려서 보고 레이어 뒤로 하고

마스크 씌우기

필에는svg파일못넣음, 도형제외한부분이 투명하니까.
드래그앤드롭이나 인서트나 이런식으로 넣어야

저작권표시

컨스트레인 constraint 는 프레임이 있어야 가능함

어느방향으로 늘어나게 할건가? > 레프트앤라이트

프로토타입

1번프레임 선택

이거 누르면


1프레임에서 2프레임으로 넘어가게 할거임

드래그하면됨

양방향으로 되게

지울땐 선택하고 딜리트누르면됨

기능 추가는 Interactions + 에서도 눌러도 됨

슬라이드 실행


둘다 눌러도 가능

사진삽입했는데 머나먼곳으로 갔을때

내가 근처에 두고싶은곳 좌표 파악하고 좌표찍으면 그곳으로 감

사진에서 원하는색 뽑기


도형 > 필에서 스포이드 선택

퍼블리싱

사이트맵할때 폴더,레이더,버튼이름을 대충 어떤식으로 할지 규칙을 만들어놓으면 편함.

작업한거 히스토리

30일넘어가면 앞에꺼가 삭제되긴하지만, 앞에 작업한게 더 낫다 싶으면 저거클릭해보 가면됨.

0개의 댓글