피그마처럼 쉬운 애니메이션 툴, Phase
Вставка
- Опубліковано 8 лют 2025
- 이번 영상에서는 프로덕트 디자이너를 위한 새로운 애니메이션 툴, Phase를 소개합니다.
Phase는 사용이 간편하고 웹 기반 협업이 가능해 평소 UI에 적용할 애니메이션을 배워보고 싶은 디자이너 분들에게 매우 추천합니다~!
무료 툴이고, 피그마와 비슷해서 배우기도 쉽습니다. 결과물을 Mp4, Lottie, Gif로 바로 출력도 가능합니다.
예제를 통해 얼마나 쉬운지 직접 따라하며 배워보세요^^
phase 서비스 바로 가기 : www.phase.com/...
Phase SVG 예제 다운 : drive.google.c...
#페이즈 #phase
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
☞ 공식 웹사이트 : designbase.co.kr/
![[피그마] 흐르는 텍스트 marquee 효과 만들기](http://i.ytimg.com/vi/GKqdVK-noZw/mqdefault.jpg)
애니메이션을 넣으면 확실히 주목도가 더 높아지더라구요~ 좋은 영상 감사합니다😄
맞아요ㅎㅎ 너무 좋은 툴인것 같아요!!👍👍
와 진짜 너무 좋네요,,,학습하러 갑니다!
와; 감사합니다. 좋은 강좌 진짜 너무 좋습니다.
감사합니다!ㅎㅎ
오늘 영상도 감사합니다😊
감사합니다~!ㅎㅎ
안녕하세요 혹시 phase 를 사용하는데 모션을 만든 아이콘이 배경투명화가 안되어서 gif로 추출이 되더라구요ㅠㅠ 혹시 배경투명화는 어떻게 해야하나요?
와 너무 감사합니다😊😊😊😊 유익해용
감사합니다!ㅎㅎ
혹시 애니메이션 제작 후 gif 저장시 원본처럼이 아니라 깨지는 이유를 알 수 있을까요? svg로 작업해도 깨지는 현상이 생겨서요..!
안녕하세요:) 한가지 질문이 있어 댓글답니다..! 일러스트에서 svg 파일로 저장한 파일이 phase에서 열리지 않는데, 혹시 이런 경우 이유나 해결방법을 아시나요..? ㅜ
안녕하세요. 혹시 열리지 않는다고 하셨는데, 오류 메시지라던지 그런게 있나요??
쩐다..
쩔죠..ㅎㅎ
궁금한 툴이였는데 디자인베이스님이 알려주신다고해서 바로 클릭했어요!! 덕분에 너무 잘 보고 갑니다❤ 그리고 강의하실때 사각형 선으로 표시하고 자연스럽게 사라지는 툴 무엇인지 알 수 있을까요~? 저도 디자인 강의를 준비중이라 궁금해서 여쭈어봅니다!
감사합니다ㅎㅎ 해당 툴은 Screen brush라는 툴입니다!
너무 감사합니다❤
텍스트가 안써지는게 약간아쉽네어 ........ㅎㅎ
그쵸.. 업데이트에 기능 추가된다고 하니 기다리고 있습니다.ㅎㅎ
아니 이게 뭐가 쉽다는거지,,,
난이도는 상대적으로 느낄 수 있습니다..! 애니메이션 자체가 쉽다기보다는 다른 애니메이션 툴에 비해 쉽습니다.. 예를 들면 에프터이펙트로 하는 것에 비하면 UI 애니메이션 적용하기엔 쉬워요ㅎㅎ