모션용 피그마가 나왔다?! 'Phase' 첫 활용 리뷰. (gif는 이제 그만~ 간편하게 Lottie(json) 파일로 익스포트해서 웹브라우저에 띄워보기)

Поделиться
HTML-код
  • Опубликовано: 13 дек 2024

Комментарии • 30

  • @designer_dk
    @designer_dk  7 месяцев назад +2

    ▼ Lottie(json) 파일을 html에 넣을 때 사용하는 코드 ▼
    head 태그 안에 넣기 :
    body태그 안에 넣기 :

  • @meshedpotato
    @meshedpotato 7 месяцев назад +2

    진짜 유튜브 7년 보면서 처음 댓글 남깁니다. 안그래도 광고로 영상 올라오기전에 접해봤는데 처음 써보는 툴이다 보니 막막함이 좀 있었는데 이렇게 발빠르게 다뤄주시다니.. 진짜 항상 감사합니다!

    • @designer_dk
      @designer_dk  7 месяцев назад

      첫 댓글이라고 하시니 너무나 감동입니다. 감사합니다 😍😍

  • @figma_tutor
    @figma_tutor 7 месяцев назад +4

    늘 친절한 dk님의 영상 최고입니다!

    • @designer_dk
      @designer_dk  7 месяцев назад

      피튜브님 영상도 잘 챙겨보고 있습니다. 감사합니다 🙂🙂

  • @코몽-p3e
    @코몽-p3e 6 месяцев назад

    늘 친절하게 영상 찍어 올려 주셔서 너무 감사드립니다.. 저만의 데스크탑 센세 ,, 감사합니다 ㅠㅠ

    • @designer_dk
      @designer_dk  6 месяцев назад

      감사합니다 ㅎㅎ 😆😆

  • @beomei
    @beomei 7 месяцев назад

    유튜브에서 찾아본 강의중에 손에 꼽는 디자인 유튜버이십니다. 항상 잘보고 있습니다 :)

    • @designer_dk
      @designer_dk  7 месяцев назад

      영광입니다 🤩🤩

  • @han-g8d
    @han-g8d 7 месяцев назад

    좋은 정보 감사합니다~ 얼른 발전되어서 피그마 연동까지 되면 좋겠습니다!

    • @designer_dk
      @designer_dk  7 месяцев назад

      저도 기대하는 중입니다. 감사합니다 :)

  • @Maximummadgirl
    @Maximummadgirl 7 месяцев назад

    와~ 진짜 니즈에 따라 서비스가 빠르게 발전하네요 👍👍 오늘도 좋은 영상 감사합니다

    • @designer_dk
      @designer_dk  7 месяцев назад

      그러니까요 ㅎㅎ 시청 감사해요🙂🙂

  • @WinTer7x
    @WinTer7x 7 месяцев назад

    에펙에서 로띠로 제이슨 익스포트가 일반적인데,
    훨씬 간편하고 새로운 방향이 생겼군요. 귀한 정보 감사합니다:)
    제이슨은 뷰어에서 보는 편인데, 웹에서 보는 정보도 귀하네요!

    • @designer_dk
      @designer_dk  7 месяцев назад +1

      아직 몇가지 기능이 더 들어와야할 것 같은데 잠재력이 있는 툴 같았습니다. 로띠 제이슨 익스포트도 쉽게 되어있는 것 같구요 ㅎㅎ 웹으로 보는 건 제가 가끔 퍼블리싱도 해보는 편인데 퍼블리싱 할 때 방법으로 제이슨을 웹에 넣는걸 설명드려보면 좋겠다고 생각되어서 vscode로 넣어봤습니다. 감사합니다 :)

  • @HIK063
    @HIK063 7 месяцев назад

    좋은 영상 감사합니다! :D

    • @designer_dk
      @designer_dk  7 месяцев назад

      감사합니다 😊😊

    • @HIK063
      @HIK063 7 месяцев назад +1

      @@designer_dk dk님, 더보기란 내용이 ... 처리 되어서 따로 댓글을 고정하시거나, notepad 파일을 링크로 걸어주시면 좋을 것 같아요!

    • @designer_dk
      @designer_dk  7 месяцев назад

      오 그렇네요~ 좋은 정보 감사합니다 :) 조만간 고정댓글처리를 한번 해볼게요 ㅎㅎ

  • @yeong-minko1044
    @yeong-minko1044 7 месяцев назад

    너무 좋은 영상 정말 감사합니다! 과연 에펙을 대체할수 있을지 기대되네요! 기다리던 툴이에요!! 🤩

    • @designer_dk
      @designer_dk  7 месяцев назад

      저도 기대중입니다 ㅎㅎ 감사드려요😆😍

  • @dearmyday.official
    @dearmyday.official 4 месяца назад +1

    좋은 강의 감사드립니다:) 보고 열심히 따라했는데요, 라이브서버로 미리보기하면 배경컬러는 적용되는데 이미지가 안보이고 느낌표 마크만 보이는데 코드도 카피해서 제자리에 붙혀넣었고.. phase에서도 export제대로 한것 같은데.. 무엇을 체크해보면 될까요...흑흑..

    • @designer_dk
      @designer_dk  4 месяца назад +1

      시청 감사드립니다 :) 혹시나해서 제가 다시 그대로 실행해봤는데 저는 문제없이 실행이 되는 것 같아서요..ㅜㅜ 배경컬러를 0%로했는지 레이어 순서가 잘 맞았는지 이런 부분들 다시한번 확인해보면서 진행해보시면 어떨까 싶습니다. 감사합니다!

    • @dearmyday.official
      @dearmyday.official 4 месяца назад +1

      @@designer_dk 아하! 배경컬러는 0으로 했는데 레이어 신경써서 다시 만들어보겠습니다!! 답변 감사드립니다!!

  • @김지해-y4e
    @김지해-y4e Месяц назад

    영상 잘 봤습니다!
    혹시 서비스 상세 설명페이지 만들다보면 앱 안의 각 단계별 화면들을 gif로 만드는 경우가 많은데요, 이런 경우는 여전히 에펙으로 만드는걸 추천하시나요?
    해당 툴로 그런 화면 gif를 만들어도 괜찮을지..

    • @designer_dk
      @designer_dk  Месяц назад +1

      시청 감사드립니다 🙂🙂 페이즈든 에펙이든 비트맵 위주 작업물은 gif로 뽑는게 유리한 경우가 많구요, 벡터기반 작업물은 두 툴 다 로띠로 뽑는게 좋습니다. 애펙도 로띠제이슨으로 뽑아내는 플러그인이 있습니다 :)

  • @체스-h7g
    @체스-h7g 11 дней назад

    궁금한게 있는데 마우스가 게속 왼쪽 약간 위 쯤에서 작동하네요.어떡게 해야 고쳐지죠?

    • @designer_dk
      @designer_dk  10 дней назад

      음.. 저는 다시해봤는데 그런현상이 없는데 다른 컴퓨터로도 테스트 해보시면 좋을 것 같습니다 🙂

    • @체스-h7g
      @체스-h7g 10 дней назад

      껐다키니까 고쳐졌습니다, 감사합니다.그런데 이거 어떡게 저장하나요?

    • @designer_dk
      @designer_dk  5 дней назад

      @@체스-h7g 저장은 아니고 클라우드 방식입니다 :)