<div>요청 리플이 무려 2개!!!!!나 있어서, 기어S2 워치페이스 제작법을 대충이나마.. 알려드리겠습니다.</div> <div><br></div> <div>코딩은 전혀 모르셔도 됩니다.</div> <div><br></div> <div>단 컴퓨터에는 꽤나 친숙하셔야 합니다.</div> <div><br></div> <div>감내해야 할 것은 아직 워치페이스 디자인하는 프로그램이 베타라 좀 이상하게 동작하는 경우가 있다는 것 정도?</div> <div><br></div> <div>우선 필요한 게 몇 가지 있습니다. 기어 S2와 컴퓨터는 제외하고...</div> <div><br></div> <div>1. Tizen SDK 2.3.1</div> <div><br></div> <div>이건 본래는 개발용 프로그램인데, 우리는 이걸 가지고 오직 기어 S2를 컴퓨터와 연결시키는 데만 사용합니다.</div> <div><br></div> <div>더 높은 버전이 있어도 이걸 까시는 게 좋습니다.</div> <div><br></div> <div><a target="_blank" href="https://download.tizen.org/sdk/InstallManager/tizen-sdk-2.3.1-rev1/tizen-sdk_2.3.1_rev1_windows-32.exe" target="_blank">https://download.tizen.org/sdk/InstallManager/tizen-sdk-2.3.1-rev1/tizen-sdk_2.3.1_rev1_windows-32.exe</a></div> <div><br></div> <div><br></div> <div>2. Gear Watch Designer</div> <div><br></div> <div>가장 주력으로 쓰게 될 프로그램입니다. 실제 시계 화면을 만듭니다.</div> <div><br></div> <div><a target="_blank" href="http://developer.samsung.com/gear/gear-watch-designer#none" target="_blank">http://developer.samsung.com/gear/gear-watch-designer#none</a></div> <div><br></div> <div>3. JAVA </div> <div><br></div> <div>JAVA가 없을 경우 Tizen SDK 깔다 보면 중간에 경고가 나오므로 그냥 그 링크 따라가서 까시면 됩니다.</div> <div><br></div> <div>4. 삼성 계정</div> <div><br></div> <div>이건 매번 필요해서... 흑흑 뒤에 설명합니다.</div> <div><br></div> <div><br></div> <div>설치를 다 하셨으면 이제 덕질의 시간입니다. 헤헿.</div> <div><br></div> <div>우선 짤을 하나 준비합니다. 꼭 움짤일 필요는 없습니다. 덕질하기 좋은 이미지면 됩니다. 여기선 움짤을 기준으로 설명합니다.</div> <div><br></div> <div>움짤은 해상도가 높은 것이 (덕질하기에) 좋습니다 ^ㅅ^</div> <div><br></div> <div>우선 이 움짤은 각 장을 분리시켜야 합니다. 여기서 움짤이 아닐 경우 그냥 바로 올리시면 됩니다.</div> <div><br></div> <div>'나 이즈꼬야?' 를 사용해보도록 하겠습니다.</div> <div><br></div> <div><img src="https://www.googledrive.com/host/0B8bAaKxKoKDuTzhPaDRxbWlRY1E" alt=""><br></div> <div><br></div> <div>(출처 <a target="_blank" href="http://www.todayhumor.co.kr/board/view.php?table=humorbest&no=1177085&s_no=1177085&kind=search&search_table_name=humorbest&page=3&keyfield=subject&keyword=%EC%BC%80%EC%9D%B4" target="_blank">http://www.todayhumor.co.kr/board/view.php?table=humorbest&no=1177085&s_no=1177085&kind=search&search_table_name=humorbest&page=3&keyfield=subject&keyword=%EC%BC%80%EC%9D%B4</a>)</div> <div><br></div> <div>이 녀석을.. Animated GIF Frame Extractor라는 녀석으로 분해합니다.</div> <div><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452776802kRgtVIJJ4otgsH.png" width="546" height="276" alt="Cap 2016-01-14 21-53-44-418.png" style="border:none;"></div> <div><a target="_blank" href="http://www.softpedia.com/get/Multimedia/Graphic/Graphic-Others/Animated-Gif-Frame-Extractor.shtml" target="_blank">http://www.softpedia.com/get/Multimedia/Graphic/Graphic-Others/Animated-Gif-Frame-Extractor.shtml</a></div> <div><br></div> <div>그러면 다음과 같이 프레임으로 GIF를 분할할 수 있습니다 'ㅅ'!</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452776806q6aBArT7qHvNyhp1sCOhIkCy4ogf3zfl.jpg" width="604" height="553" alt="Cap 2016-01-14 21-54-22-223.jpg" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452776810edWoZkP7haEHdE7H8V1mwWWdjyGyRz.png" width="366" height="188" alt="Cap 2016-01-14 21-54-48-905.png" style="border:none;"></div><br></div> <div>이제 위의 프로그램이 다 설치되었다면, Gear Watch Designer를 실행합니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452776847PAyGENEZpoAVPX.png" width="800" height="640" alt="Cap 2016-01-14 21-55-27-373.png" class="chimg_photo" style="border:none;"></div><br></div> <div>짠</div> <div><br></div> <div>아 이 화면은 New Project를 선택한 화면입니다.</div> <div><br></div> <div>프로젝트 이름은 아무거나 해도 좋지만 기호와 한글은 넣지 마세요. 영어만 쓰세용.</div> <div><br></div> <div>이제 애니메이션을 추가해 보겠습니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452776886IVNV6E3drMkH3jiqWwCrWe.png" width="800" height="640" alt="Cap 2016-01-14 21-55-39-754.png" class="chimg_photo" style="border:none;"></div><br></div> <div>좌측 밑에서 두번째 Animation을 누르면 저 창이 뜹니다.</div> <div>Yes를 누르면..</div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452776929vRb7PBYuFYs6EPg.jpg" width="800" height="640" alt="Cap 2016-01-14 21-56-10-471.jpg" class="chimg_photo" style="border:none;"></div><br></div> <div>폴더를 찾아서 전부 선택 (Ctrl+A)한 뒤 열기를 누릅니다.</div> <div><br></div> <div>그러면</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452776953el78xonQP4pioiQPIn2.png" width="800" height="640" alt="Cap 2016-01-14 21-55-59-254.png" class="chimg_photo" style="border:none;"></div><br></div> <div>두둥 (캡쳐프로그램은 신경쓰지 맙시다)</div> <div><br></div> <div>이제 좌측의 외곽선 둥근 원이 시계가 실제로 보이는 곳이라 생각하고</div> <div>움짤 (또는 짤)의 위치와 크기를 적절하게 조절합니다.</div> <div><br></div> <div>어느 정도 조정이 되었으면 한번 프리뷰를 해봅시다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777033UFzmyOuu45pz8Efyxq.png" width="800" height="640" alt="Cap 2016-01-14 21-57-39-699.png" class="chimg_photo" style="border:none;"></div><br></div> <div>저 우측 상단 5개의 아이콘 중 'Run'을 눌러 봅시다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777054gXsexhc8xx9s1VcON.jpg" width="800" height="640" alt="Cap 2016-01-14 21-57-43-412.jpg" class="chimg_photo" style="border:none;"></div><br></div> <div>그러면 이런 애니메이션이 반겨 줍니다. 헤헿♥</div> <div><br></div> <div>1차적 준비는 끝났고, 일단은 시계니까 시계를 달아 봅시다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777107aOQjbkuZVzx1OobXM3Ej5tXu7ZsZrZJ.png" width="800" height="640" alt="Cap 2016-01-14 21-58-20-982.png" class="chimg_photo" style="border:none;"></div><br></div> <div>좌측에서 Digital Clock을 선택합니다. 그럼 시계가 나옵니다.</div> <div><br></div> <div>이걸 2개 넣어 줍니다. 왜 2개를 넣냐 하면.. 아직 폰트에서 그림자 등 효과가 미비하여 2개를 위치시키고 하나를 검정색으로 해서</div> <div><br></div> <div>마치 그림자인것처럼 보이게 하기 위함입니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777167Fc7atemW6iq.png" width="800" height="640" alt="Cap 2016-01-14 21-58-59-355.png" class="chimg_photo" style="border:none;"></div><br></div> <div>이렇게 2개를 만들고 (하나 이름을 Shadow로 바꾸면 보기 편합니다)</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777194qGd3wcpn7f4TI9If2dUpKYz.png" width="800" height="640" alt="Cap 2016-01-14 21-59-14-253.png" class="chimg_photo" style="border:none;"></div><br></div> <div>그림자 역할을 할 녀석을 원본보다 X/Y축 위치가 2픽셀씩 더 크게 위치하도록 합니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777226rUbi7eqEUT8298xMAFdVVpNzPSxxvQ.png" width="800" height="640" alt="Cap 2016-01-14 21-59-19-220.png" class="chimg_photo" style="border:none;"></div><br></div> <div>검정색으로 바꾸어 줍니다. 아 위치가 앞에 있군요. 포토샵에 익숙하신 분은 레이어처럼 생각하시면 됩니다. Shadow를 밑으로 내립니다. 왼쪽 아래에 Timeline 아래의 Shadow를 원본 아래쪽으로 드래그하시면 됩니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777267p9mOo6yG1MMESAuqbA5Ub6KgPapKkMtX.png" width="800" height="640" alt="Cap 2016-01-14 21-59-21-687.png" class="chimg_photo" style="border:none;"></div><br></div> <div>그리고 시계 2개의 폰트를 바꾸어 줍니다. 저는 저기 Sync to Device를 Rosemary가 들어가는 폰트로 바꾸어 주었습니다. 그 후의 프리뷰 화면입니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777356B4OkQno8xyanEjrVnIKL7I4kwK7C.jpg" width="800" height="640" alt="Cap 2016-01-14 21-59-44-674.jpg" class="chimg_photo" style="border:none;"></div><br></div> <div>자 이제 시계가 대충 완성되었군요. 그럼 이제 시계로 올릴 차례입니다.</div> <div><br></div> <div>아까 오른쪽 위의 5개의 아이콘 중 4번째가 Build입니다. 이걸 눌러 보도록 하죠.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777457Ah8WtbrCYzL.png" width="800" height="640" alt="Cap 2016-01-14 22-17-25-842.png" class="chimg_photo" style="border:none;"></div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777465SRWfDsMQA.png" width="800" height="640" alt="Cap 2016-01-14 22-17-33-726.png" class="chimg_photo" style="border:none;"></div><br></div> <div>여기서는 일단 Build를 누릅니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777496HvIPI8j3CQKLzFcayl1kAATrQnKEvG.png" width="800" height="640" alt="Cap 2016-01-14 22-18-14-543.png" class="chimg_photo" style="border:none;"></div><br></div> <div>인증서가 필요하다는 내용입니다. 뭐 겁먹을 필요는 없습니다. 인증서를 만들면 됩니다.</div> <div><br></div> <div>일단 여기서는 Yes를 누릅니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777530VCc8Lh7SpTEfUyexPK9Y9q.png" width="800" height="640" alt="Cap 2016-01-14 22-00-23-308.png" class="chimg_photo" style="border:none;"></div><br></div> <div>여기서부터는 빠르게 넘어갑니다. 위의 것 선택. Next.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777549GzP1GxuhjovM7CaZ6ZpBEl9z2bVeP.png" width="800" height="640" alt="Cap 2016-01-14 22-00-32-576.png" class="chimg_photo" style="border:none;"></div><br></div> <div>이름/암호만 적으면 됩니다. 대충 적고 Next.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/14527775675BEvxvkfAe5SA.png" width="800" height="640" alt="Cap 2016-01-14 22-00-42-530.png" class="chimg_photo" style="border:none;"></div><br></div> <div>삼성 계정에 로그인하고 Next.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777582tsLDFQQZoNgJ.png" width="800" height="640" alt="Cap 2016-01-14 22-00-58-394.png" class="chimg_photo" style="border:none;"></div><br></div> <div>Author 인증서가 발급되었습니다. Done을 누릅니다.</div> <div><br></div> <div>여기까지 하면 Build (프로그램 만드는것)은 끝이지만, 시계에 올리기 위해서는 배포자 인증서도 만들어야 합니다.</div> <div><br></div> <div>물론 뭐 돈 들고 그런 건 아닙니다.</div> <div><br></div> <div>이제 잠시, 아까 설치했던 Tizen SDK를 실행합니다.</div> <div><br></div> <div>그리고 자신의 기어가 무선랜에 연결되어 있는지 모든 수단을 동원해서 확인합니다.</div> <div><br></div> <div>보통 가장 좋은 건 공유기 무선 클라이언트 목록에 기어가 있는지 확인하는 겁니다.</div> <div><br></div> <div>여튼 Tizen SDK를 실행하고.. (중간에 workspace 어쩌고 나오는건 그냥 OK하세요)</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777752bRoLSfuf2IuaNQup6Zt9dLnFyfSy.png" width="800" height="420" alt="Cap 2016-01-14 22-22-35-265.png" class="chimg_photo" style="border:none;"></div><br></div> <div>여기 왼쪽 아래 Connection Manager에 자신의 기어가 있어야 합니다.</div> <div><br></div> <div>연결하기 위해서는.. 먼저 무선랜에 기어가 연결된 뒤</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777793k5PYiNOQJbx9qUh9bV14WUH1s4QXU.png" width="800" height="420" alt="Cap 2016-01-14 22-23-17-918.png" class="chimg_photo" style="border:none;"></div><br></div> <div>두 번째 아이콘 Remote Device Manager를 클릭.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777819uFRfiJIDgeFllG9DlpzeKju.png" width="415" height="293" alt="Cap 2016-01-14 22-23-43-793.png" style="border:none;"></div><br></div> <div><br></div> <div>New를 선택.</div> <div><br></div> <div>Name은 아무거나 적고 IP를 자신의 기어 IP로 적습니다. 포트는 그대로 둡니다.</div> <div><br></div> <div>Add를 누른 뒤 항목을 선택하고 Connect를 누릅니다.</div> <div><br></div> <div>연결은 시간이 좀 걸립니다. 연결이 잘 되었다는 메시지는 따로 뜨지 않지만, 연결이 되었는지의 여부는 Gear Watch Designer에서 알 수 있습니다.</div> <div><br></div> <div>다시 디자이너로 돌아갑니다. 오른쪽 위 3개의 아이콘 중 3번째가 Run on Device입니다. 눌러보죠.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777926mzyhcTw3jk3YGwsLHlzerTKBQGy.png" width="800" height="640" alt="Cap 2016-01-14 22-25-31-730.png" class="chimg_photo" style="border:none;"></div><br></div> <div>공급자 인증서가 필요하답니다. Yes를 누릅니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452777999SZHgOr3WXwQzx5AbmgmiSHP4.png" width="800" height="640" alt="Cap 2016-01-14 22-26-26-014.png" class="chimg_photo" style="border:none;"></div><br></div> <div>저 Connected Device ID에 뭔가 있어야 연결이 잘 된 것입니다.</div> <div><br></div> <div>삼성 계정에 로그인하면 공급자 인증서도 발급이 됩니다.</div> <div><br></div> <div>연결이 잘 되었으면 이제.. 다시 Run on Device를 눌러 봅니다.</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201601/1452778105cqoUXPD9cjTITlFSAZPOVPHuMy8.png" width="800" height="640" alt="Cap 2016-01-14 22-28-26-375.png" class="chimg_photo" style="border:none;"></div><br></div> <div>Connected Gear에 뭔가 있으면 성공입니다! 저 IP를 누르면 시계 업로드가 완료됩니다.</div> <div><br></div> <div>그런데 주의사항.</div> <div><br></div> <div>Gear Watch Designer를 실행할 때마다 인증서 2종류를 새로 발급받아야 업로드할 수 있습니다.</div> <div><br></div> <div>물론 이 때 업로드하기 전 Build도 다시 해 주어야 하고요.</div> <div><br></div> <div>인증서 2종류 위치는 c:\사용자\로그인 아이다\GearWatchDesigner\keystore입니다.</div> <div><br></div> <div>디자이너 새로 실행할 때마다 이 폴더를 싹 날려 주세요. 이건 왜이러는지 참..</div> <div><br></div> <div>여튼 설명 1차를 마칩니다. ㅠㅠ 읽어주셔서 감사합니다.</div> <div><br></div> <div>마무리는 이 와치페이스 적용한 동영상으로..</div> <div><iframe width="420" height="315" src="https://www.youtube.com/embed/pBmPpC_AzA0" frameborder="0"></iframe><br></div> <div><br></div>
