상세 컨텐츠

본문 제목

워치페이스 스튜디오(WFS) 설치 하기

워치 앱 만들기 클래스

by May the force be with you 2021. 9. 22. 23:24

본문

워치페이스는 스마트 시계에서 자신을 표현할 수 있는 방법 중 하나입니다. Watch Face Studio(WFS)는 삼성에서 만든 시계 모드 디자인 도구로 코딩 없이 나만의 시계 모드를 만들고 배포할 수 있습니다. WFS에는 워치페이스를 쉽게 디자인할 수 있는 그래픽 도구가 포함되어 있습니다. 개인용 워치페이스를 만들거나 Google Play Console에 업로드하여 판매할 수 있습니다.

장치호환성

WFS를 사용하여 만든 워치페이스는 장치가 Wear 2.0(API 레벨 28) 이상을 대상으로 하는 한 제조업체에 관계없이 모든 Wear OS 시계 장치에 다운로드하여 설치할 수 있습니다.

워치페이스스튜디오(WFS) 설치 방법

워치3에서는 갤럭시워치스튜디오를 사용해 워치페이스를 디자인해서 적용할수 있었으나, 워치4에서는 워치페이스스튜디오를 사용하도록 바뀌었습니다. 따라서 워치4에 자신만의 워치페이스를 만드려면 워치페이스스튜디오(WFS)를 설치해야 합니다. 다음 과정을 통해 워치페이스스튜디오를 설치해보겠습니다.
먼저 Samsung Developers의 워치페이스스튜디오 다운로드 페이지에서 다운로드합니다.
https://developer.samsung.com/watch-face-studio/download.html

Window와 masOS를 지원합니다. 자신의 컴퓨터에 맞게 다운받으시면 됩니다. 저는 Windows버전을 다운받겠습니다. 'Watch Face Studio for Win 1.0.0'을 누르면 라이센스 동의 창이 나옵니다. 내용에 동의하면 'I AGREE AND DOWNLOAD'를 눌러 진행합니다.

그럼 저장위치 선택창이 나옵니다. 저장할 위치를 설정한 후 '저장'을 누릅니다. 아래에 알림창이 나오면 '^'버튼을 눌러 '열기'를 선택해 다운로드를 실행합니다.

사용권 계약 내용이 나옵니다. 사용권계약 내용을 살펴보고 동의하면 '동의함'을 누릅니다.

다음으로 이 소프트웨어를 모든 사용자가 사용가능하도록 할건지 아니면 나 자신만 사용가능하게 하고 싶은지 선택하는 화면이 나옵니다. 저는 'Only for me'를 선택 후 다음을 누르겠습니다.

이제 설치위치 선택 창이 나옵니다. WatchFaceStudio를 설치할 폴더를 선택한 후 '설치' 버튼을 누릅니다. 기본 설정된 설치위치가 아닌 다른위치에 설치하고 싶으시면 '찾아보기...'버튼을 눌러 다른 폴더를 선택할 수 있습니다.

그러면 아래처럼 설치하는 동안 잠시 기다려 달라는 화면이 나옵니다. 저는 20초 정도 걸린것 같습니다. 생각보다 금방 설치되네요.

설치가 완료되면 아래의 화면이 나옵니다. 설치프로그램을 마치려면 '마침'버튼을 누르면 됩니다. WatchFaceStudio 실행하기에 체크되어 있으므로 설치를 마치고나서 바로 WFS가 실행될 것입니다.

워치페이스스튜디오(WFS) 살펴보기

'마침'버튼을 누르자 마자 WFS가 실행되었습니다. My Worksapace 설정창이 나옵니다. 설정후 'OK'를 누릅니다.

새 프로젝트를 만들기 위해 'Create'를 누릅니다. 워치4의 해상도가 450*450라서 해상도는 고정되어 있습니다.

다음으로 프로젝트 이름을 입력하는 화면이 나옵니다. 테스트 중이므로 test라고 입력해보았습니다. 원하시는 이름을 입력한 후 'Create'를 누릅니다.

그러면 까맣고 동그란 시계화면이 가운데에 있고 주변에는 메뉴들이 보입니다. 먼저 상단에 있는 메뉴를 차례로 알아볼까요?

*Add Component : 워치페이스에 추가할 수 있는 구성 요소 목록을 엽니다.
*Forword/Backward : 선택한 컴포넌트를 앞이나 뒤로 이동합니다.
*Group/Ungroup : 여러 구성 요소를 그룹화 하여 하나의 구성 요소로 제어합니다.
*Build : 빌드 대화 상자를 엽니다.
*Run on Device : 기기에서 워치페이스를 미리 볼 수 있는 대화상자를 엽니다.

Add Component를 누르면 아래로 메뉴가 나옵니다. 이 메뉴를 통해 워치페이스에 원하는 구성요소를 추가할 수 있습니다. 사용자 정의된 디자인을 사용할 수도 있습니다. 예를 들어 텍스트로 심박수 또는 걸음 수 데이터를 표시하거나 사용자 지정 이미지를 추가하여 특정 앱을 실행할 수 있습니다. 메뉴를 차례로 살펴 보겠습니다.
*Text : 텍스트는 기본적으로 일반 텍스트입니다. 일반 텍스트는 정적이며 변경되지 않습니다. 텍스트 필드의 속성 창에서 텍스트 필드를 일반 텍스트에서 데이터 텍스트로 변경할 수 있습니다.
*image : WFS는 사용자 지정 이미지 가져오기를 지원합니다.
*Shape : 타원 및 직사각형을 비롯한 다양한 모양을 추가합니다.
*Animation : 애니메이션용 이미지 시퀀스를 가져옵니다. 다음 단계에 설명된 대로 애니메이션을 추가합니다.
1.Adobe Flash 또는 Adobe Premiere와 같은 디자인 프로그램을 사용하여 나만의 애니메이션 시퀀스를 만듭니다.
2.Add Component > Animation을 클릭 하여 워치페이스에 애니메이션 파일을 추가합니다.
3.파일 브라우저에서 일련의 이미지를 선택한 다음 업로드를 클릭 합니다.
4.각 이미지의 순서를 변경하거나 이미지를 제거하거나 이미지를 추가하여 애니메이션을 편집합니다.

*Analog Hands : 시, 분, 초에 아날로그 시계 바늘을 추가합니다. 파일 브라우저를 열어 각 손에 가져올 이미지 파일을 선택합니다.

*Digital Clock : 디지털 시계의 옵션에는 날짜와 시간이 있습니다. 날짜를 추가할 때 날짜 태그가 있는 텍스트 구성 요소를 추가합니다. 날짜의 기본 표시는 DAY_WEEK_S MON_S DAY_1_31_Z입니다. 시간을 추가할 때 디지털 시계 태그가 있는 텍스트 구성 요소를 추가합니다. 디지털 시간의 기본 표시는 HOUR_1_12_Z:MIN_Z:SEC_Z입니다.

*Complication : WFS에는 짧은 텍스트, 긴 텍스트, 범위 값, 아이콘, 작은 이미지 및 큰 이미지의 6가지 유형의 컴플리케이션을 추가할 수 있습니다.

WFS 왼쪽 위에 있는 버튼을 누르면 새로운 프로젝트를 만들거나 기존 프로젝트를 가져올 수 있습니다. 또한 저장,실행취소,잘라내기,복사,디바이스에서 실행, 업로드 등의 메뉴가 있습니다.

지금까지 워치페이스 스튜디오를 설치하고 메뉴와 기능들을 둘러보았습니다. 다음에는 WFS를 이용하여 워치페이스를 만들어보도록 하겠습니다.

관련글 더보기

댓글 영역