[새싹x코딩온] 웹 퍼블리싱 과정 6주차 - 3 | 포토샵 - 펜툴, 피그마 입문

펜툴

펜툴은 패스를 생성하는 툴이다.

색상이 비슷하거나 이미지의 품질이 낮은 경우 패스를 직접 만들고 그 만들어진 패스를 영역으로 바꿔다가 사용한다.

 

사용 방법

펜툴 도구를 선택하고 처음 시작점을 찍는다 - 다음 점을 찍으면 이전 점과 연결된 선이 그어진다. - 마지막에는 처음점과 이어지게 점을 찍는다.

둥글게 선을 긋고 싶으면 다음점 찍을 때 드래그해서 원하는 선이 나오게 한다.

선의 방향이 이상하면 alt를 누르면서 방향점을 조정한다.

곡률 펜 도구를 사용하면 드래그하지 않아도 곡선으로 그어진다.

펜툴로 그린 미니언즈

 

피그마

피그마란?

어도비 산하의 웹 기반 UI/UX 디자인 및 프로토타이핑, 협업툴이다.

2021년 UX tools에서 실시한 UI툴 랭킹에서 UI 디자인, 핸드오프, 디자인 시스템 등 거의 모든 항목에서 1위를 차지했다.

 

피그마의 특징

웹 기반 툴

설치를 하지 않아도 브라우저에서 바로 사용이나 편집이 가능하다.

어떤 운영체제나 어떤 기기에도 대응이 되며, 앱 역시 지원하고 있다.

 

저장이 없음

다른 프로그램들은 저장을 해야 하는데 피그마는 항상 최신버전이라 저장할 필요가 없다.

 

협업 특화 툴

간단하게 링크만 공유해서 여러 명이 아트보드를 보거나, 동시에 편집이 가능하다.

동시에 온라인으로 실시간 작업을 진행할 수 있다.

 

소통에 강하다.

비주얼스튜디오코드에 피그마에서 작성한 디자인 파일을 가져올 수 있다.

비주얼스튜디오코드 사이드바에 디자인 파일을 표시하고 실시간으로 디자이너와 협업할 수 있다.

페이지 내 원하는 곳에 핀을 설정하여 피드백 및 소통을 진행할 수 있다.