본문 바로가기

피그마 펜툴 사용법

 (1)
피그마 2일차 - 에디터를 활용한 카드 UI 만들어보기 안녕하세요 시란입니다. 이번시간에는 앞서 배운 에디터를 이용해서 카드UI를 만들어보겠습니다. 우리가 직장에서 일하다보면 카드뉴스라던지 카드콘텐츠들을 많이 보거나 받아보셨을꺼에요 이번시간에는 에디터를 활용해서 웹사이트에서 볼법한 콘텐츠 카드를 한번 만들어보겠습니다. 먼저 pixabay를 통해서 무료사진을 하나 가져왔습니다. 이 사진을 가져올 프레임을 먼저 만들어야겠죠? 프레임 크기는 240 x 400으로 만들어줍니다. 오른쪽에 W와 H값을 변경하면 240x 400 사이즈로 제작 가능하겠죠? 카드의 배경이 될 프레임의 색상은 FFFFFF로 고정합니다. 오른쪽 메뉴중 FILL부분을 수정하면 되겠죠? 그리고 카드 이미지의 모서리를 둥글게 만들어주겠습니다. 마찬가지로 오른쪽 메뉴에서 아래와 같이 라운드 입력란을 ..

티스토리툴바