소개
안녕하세요.
디지털 에이전시 인픽스 크리에이티브 디자인그룹 그룹장 안명철 입니다.
내부 직원들을 교육하다가 이렇게 온라인 강의도 올리게 되었습니다.
저의 툴 강의를 통해 UI/UX 디자인을 하는 분들께 도움이 되면 좋겠습니다.
강의
수강평
- ProtoPie Master Courses (프로토파이 마스터 클래스)
- ProtoPie Master Courses (프로토파이 마스터 클래스)
- ProtoPie Master Courses (프로토파이 마스터 클래스)
- ProtoPie Master Courses (프로토파이 마스터 클래스)
- ProtoPie Master Courses (프로토파이 마스터 클래스)
게시글
질문&답변
튜토리얼 진행중인데 불러오기가 2개 이상 안됩니다..
안녕하세요. 강의를 수강해주셔서 감사합니다.프로토파이가 점점 무료 사용자들이 할 수 있는 부분들을 줄여오고 있는거 같습니다. 처음에는 로컬에 저장을 막고, 지금은 Scenes 개수를 2개로 제한했군요.방법은 좀 번거로우시더라도 작업하는 Scene 외에 추가 Scene을 하나씩만 불러와서 작업 Scene으로 옮기고 불러온 Scene을 지우고 하시면 될 것 같습니다. 그렇다 하더라도 이제 무료 계정으로는 조금 뒤에 나오는 여러 Scene 간의 전환 작업은 강의대로 따라 하시기가 어려워진 것 같습니다. 이제 제대로 수업을 마시치려면 유료버전이 필요해진 것 같습니다.
- 0
- 2
- 50
질문&답변
jump로 씬을 넘어가면 send/receive로 변경한 디자인이 리셋됩니다
안녕하세요. 답변 드립니다.Send/Receive로는 현재 씬의 오브젝트나 같이 열려있는 다른 파일은 콘트롤이 가능하지만,같은 파일 안에 있는 다른 씬을 콘트롤 하기엔 무리가 있어서 Variable을 사용하는걸 추천드립니다.만약 도형이 3개라면, Variable을 for all scenes로 3개 만들어서 탭 트리거 등을 통해 도형의 상태값을 Assign 명령으로 해당 Variable에 넣고 다른 씬에서 해당 Variable 값을 체크하여 적용하는 방법으로 해보세요~
- 0
- 1
- 97
질문&답변
Access Settings이 보이지 않아요
안녕하세요~Access Setting 부분이 프로토파이 사이트가 업데이트 되면서 약간 이동되었습니다.두 곳에서 접근이 가능한데요,먼저 캡처해주신 메뉴화면에서 Share를 누르면 아래와 같은 모달화면이 나옵니다.(사진)여기서 Anyone with link 항목을 선택하시면 아래와 같은 화면으로 바뀌고 Access Setting을 할 수 있습니다.하지만, 무료계정에서는 항목들은 보이지만 변경기능은 비활성 됩니다.(사진)참고로 유료계정에서는 아래처럼 설정항목이 보여집니다.(사진) 다른 방법은, 프로토파이를 재생하는 화면 오른쪽 상단의 Share 버튼을 누르시면 됩니다.(사진)그러면, 아래처럼 이전 방법과 동일한 팝업이 나타납니다.여기서 Anyone with link 를 선택하여 들어가면 됩니다.(사진) 도움이 되셨길 바랍니다~
- 0
- 1
- 151
질문&답변
프로토파이 Share를 눌렀을 때 선생님 강의에선 다운로드 버튼이 있는데
안녕하세요. 프로토파이 강의를 수강해수셔서 감사합니다~최근 프로토파이가 웹사이트를 업데이트 하면서 UI가 살짝 이동하였습니다.웹사이트의 플레이 화면에서 설정이 왼쪽으로 이동하고, 핸드오프 버튼이 오른쪽으로 이동하였구요,문의하신 다운로드 버튼은 플레이 화면에서는 없어지고, Cloud 첫화면에 보이는 Pie 파일들의 썸네일 오른쪽 상단에 마우스를 올리면 나타나는 ... 메뉴를 누르시면 보입니다.감사합니다. (사진)
- 0
- 3
- 343
질문&답변
타이머 만들기
안녕하세요. 프로토파이 강의를 수강해주셔서 감사합니다~문의하신 부분이 혹시 숫자가 00 두자리씩만 표현되고 999가 넘어가면 다시 00이 되야 하는데 계속 올라간다는 말씀이실까요?99에서 다시 00으로 되려면 변수에 숫자를 1씩 더해서 입력하는 Assign 명령에 Condition을 추가하여 99보다 크거나 같으면 변수를 0으로 리셋하고나서 다시 1씩 더해서 입력하는 조건을 추가하면 될 것 같습니다.(아래 예시 이미지)(사진) 타이머가 좀 까다로운 모션이라 강의내용에는 추가하지 않았는데요, 다행히 프로토파이 사이트에 예제로 제공되고 있으니 참고해서 보시면 도움이 될 것 같습니다.아래 링크 달아드립니다.https://www.protopie.io/blog/create-a-stopwatch-timer
- 0
- 2
- 447
질문&답변
Figma 디자인 화면 import 관련 질문
안녕하세요. 프로토파이 과정을 수강해주셔서 감사합니다.강의에 사용되는 교재파일은 실제와 다르게 가공된 화면이거나 이미 서비스가 오픈되어 사용중인 화면을 조금 수정하여 사용하거나, 교재용으로 별도 제작된 파일들이라서 저작권에는 문제가 없습니다~ 또한 교재파일은 레이어를 단순화 하고 재활용 방지를 위해 교육과정에 필요없는 부분들은 하나의 이미지로 Merge 하여 사용한 것입니다.실제 RangRang 님이 작업하실때 일부러 Merge 하여 쓰실 필요는 없습니다. 피그마의 레이어를 그대로 프로토파이로 익스포트 하여 작업하시면 됩니다! 피그마에서 작업한 디자인 화면을 프로토파이로 익스포트 할때 위치나 크기가 뒤틀리는 부분은 없습니다.하지만, 피그마에서 사용한 마스크 처리(예, 텍스트 레이어를 마스크로 사용한 경우 등)가 프로토파이에서 지원되지 않는 경우에는 마스크가 풀려서 들어오고, 피그마에서 디자인한 비교적 복잡한 벡터 아이콘이 변형되어 들어오는 경우가 있을 수 있습니다. 이런 경우에는 적당한 png 마스크 이미지를 만들어 사용하시거나 아이콘을 피그마에서 3x 또는 4x 사이즈의 png 이미지로 익스포트 하여 프로토파이에서 사용하셔야 할 수 있습니다. 권장하는 방법은 피그마 디자인 파일을 그대로 프로토파이로 익스포트 하는 방법입니다.감사합니다!
- 0
- 1
- 268
질문&답변
디비이스 센서 활용 질문
안녕하세요~말씀하신 방법이 더 좋은 방법입니다.저는 그간 배운 트리거들을 반복해서 학습하기 위해 중복해서 사용해봤는데요, 더 간단한 방법을 스스로 찾으시니 기쁩니다! 다만, tan 님께서 말씀하신 방법 중Rotate 리스폰스: 바늘 지정레인지 1 (0~100dB : 337 ~ 23angle)Assign: db(변수) 지정레인지 1 (0~100db : 0~100 value) 이렇게 레인지1들을 모두 0~100으로 해주셔야 디자인에 표현된 0~100db 까지의 눈금 움직임과 매칭이 됩니다.
- 0
- 1
- 175
질문&답변
Variable 질문
안녕하세요. 강의를 수강해주셔서 감사합니다.Fomula(format을 입력한 곳)에 두가지의 공식을 동시에 사용할 수 없고 색상변경을 넣을 수도 없습니다. 색도 같이 바꾸고 싶으시다면,진행중이신 교재에서 detect 트리거 안에 text 액션으로 format을 사용중이실텐데요같은 detect 트리거 안에 color 액션을 하나 더 추가하셔서 원하는 색을 지정하시면 됩니다. 만약, distance 변수의 값이 15000 (km) 이상인 경우에 환급액 부분의 글자색을 노랗게 바꾼다고 하면 Condition도 같이 사용하여 Condition 안에 color 액션을 사용하시면 됩니다~ 도움이 되셨길 바랍니다.감사합니다.
- 0
- 1
- 164
질문&답변
scrollOffset 값 질문
^^;; 당황스러우셨겠네요…이건 프로토 파이가 업데이트 되면서 생긴 버그인것 같습니다. 디버그 모드에서 보여지는 숫자의 자리가 좁게 고정되어 한자리만 보여지고 있는 문제입니다.버그가 해결될 때까지 불편하시더라도 다음의 방법으로 사용해주세요. 이미 스크롤값 확인용으로 만든 변수가 있을테니텍스트 레이어를 하나 만들어 잘 보이는 위치에 두시고(사진)Detect 트리거를 만들고 스크롤값 확인용 변수를 지정합니다.(사진)Detect 트리거 하위 액션으로 Text 액션을 추가하여 만든 텍스트 레이어를 골라주시고, Content 항목에서 Fomula를 고른뒤 밑에 입력창에서 scolll 확인용 변수를 골라주면 비슷하게 보실 수 있습니다.(사진)
- 0
- 1
- 176
질문&답변
send와 receive 질문
안녕하세요. 프로토파이 마스터 클래스를 수강해주셔서 감사합니다~Send to Current Scene 기능은 현재 Scene으로만 메시지를 보내는 기능이라서 다른 Scene에서는 받을 수 없어 보입니다Send에서 ProtoPie Studio 채널로 보내더라도 같은 파일내의 다른 Scene에서 받지 못하는 상태라같은 파일내의 다른 Scene에서 메시지를 받으려면 말씀하신데로 전체 Scene을 대상으로한 변수를 활용하셔야 할 것 같습니다 ^^
- 0
- 1
- 215