디자이너의 스킬업을 위한 Lottie 완벽 이해하기
₩33,000
초급 / Lottie, 웹 디자인, JavaScript, 인터랙티브 웹
4.6
(9)
더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.
초급
Lottie, 웹 디자인, JavaScript
디자인베이스는 누구나 쉽게 디자인을 배울 수 있도록 디자인 강좌를 만들고 있습니다.
저는 현업에서 UXUI 디자이너로 활동 중이며 입문자의 입장을 잘 알기 때문에 꼭 필요한 내용만 담아 강의를 제작합니다. 포토샵, 일러스트레이터뿐만 아니라 프로덕트 디자이너로서 알아야 할 다양한 툴과 코딩 지식을 갖추고 있습니다. 😊
- 인프런 수강생 3.1만 명 / 수강평 4.8점
- 실무 경력 8년차 디자이너 (스타트업 창업, 에이전시, 인하우스)
- 유튜브 구독자 8.1만 명
실무에서 바로 사용하실 수 있도록 정확한 내용과 양질의 강의를 제공하겠습니다. 📖
디자이너의 스킬업을 위한 Lottie 완벽 이해하기
₩33,000
초급 / Lottie, 웹 디자인, JavaScript, 인터랙티브 웹
4.6
(9)
더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.
초급
Lottie, 웹 디자인, JavaScript
포토샵 스킬 UP을 위한 실전 강좌!
무료
중급이상 / Photoshop
4.8
(56)
포토샵 기초 강좌와는 다른 스킬 UP 실전 강좌입니다! 다양한 예제를 따라하며 익힌 후에는 여러분의 머리속에 있는 디자인을 비주얼적으로 충분히 표현 할 수 있어요.
중급이상
Photoshop
스케치 뚝딱 끝내기! 입문자용 무료 강좌
무료
초급 / Sketch, 프로토타이핑
4.8
(58)
실무 UI 디자이너가 직접 알려주는 스케치 툴 입문 강좌입니다. 핵심 기능 위주로 빠르게 배워볼 수 있어요 : )
초급
Sketch, 프로토타이핑
포토샵 기본기 하루 5분, 3주 만에 끝내기
무료
입문 / Photoshop
4.8
(227)
비전공자도 쉽게 배우는 포토샵 기초 강좌입니다. 빠르게 포토샵 툴을 배워야하는 디자인과 1,2학년 분들, 포토샵으로 부업하고 싶은 분들, 본인의 사업을 꾸미고 싶은 분들, 유튜브 크리에이터나 블로그와 인스타그램을 운영하시는 분들이 배우면 아주 도움됩니다! 시작이 반입니다 여러분... 겁먹지 마세요.
입문
Photoshop
UX UI 디자이너의 연봉 올려주는 프로토타이핑 툴, 프린서플
₩77,000
초급 / 프로토타이핑, Principle
4.9
(17)
개발자와 소통할 때 아직도 "슝~탁 이런 느낌으로 해주세요." 이렇게 소통하시나요? 분명 나도 UI 디자이너로 일하고 있는데.. 남들 다하는 프로토타이핑 나만 못하는 것 같아서 답답한 분들.. 코드까지 배워서 하는건 너무 싫고.. 간단한데 자유도가 높아 많은 것을 표현하고 싶은 분들을 위한 Hi-Fi 프로토타이핑 툴 프린서플(Principle)강좌입니다.
초급
프로토타이핑, Principle
질문&답변
AE에 PNG를 첨부하여 json 파일로 내리면 json에 img도 포함되나요?
안녕하세요. 질문에 대한 답변을 드리자면, 출력시 포함된 png파일도 함께 전달해야합니다.png같은 파일을 영상에 같이 넣어서 json으로 출력하게되면 images라는 폴더와 함께 안쪽에 png파일이 따로 적용되게 됩니다. 출력된 json 파일을 보면 중간에 images/ img_0.jpg 이런식으로 이미지 경로로 불러오는 구문이 보일텐데 이부분이 특정 경로에 있는 파일을 불러오는 것입니다. png 파일도 같이 전달해줘야 제대로 적용됩니다. json 기준으로 해당 경로에 파일이 유실된 경우는 흔히 말하는 엑박이 뜨게됩니다. 꼭 json에 있는 폴더와 파일명이 동일하게 적용되어야 됩니다~!
질문&답변
안녕하세요~
안녕하세요. 힘!님. 저도 새로운 부분을 공부하다보면 그럴때가 있어서 많이 답답하셨을 것 같아요.. 질문 주신 내용을 바탕으로 정리해서 답변을 드릴게요. - 기본적으로 정상 작동하려면 에프터이펙트와 바디무빈의 버전이 서로 호환되는 버전으로 잘 맞춰져있어야 됩니다. 최신 버전으로 활용해주는게 가장 좋습니다. - 우리의 익스플로러는 항상 문제를 일으키는 브라우저죠..ㅠㅠ 혹시 작동을 안한다는게 아예 그래픽이 안불러와지는 걸까요? 아니면 클릭했을 때 애니메이션이 안된다는 걸까요? 만약 전자라면 출력한 Lottiefiles에 올려서 확인해보는 게 좋습니다. 후자인 경우는 JS의 문제 같은데, 특정 코드가 익스에서 작동을 안하는 것 같은데, 제가 맥 유저라서 익스에서 QA가 어렵네요.. 해당 부분은 확인 후 답변드릴게요. - 에펙 파일은 공유드리겠습니다. 예제 파일 다운로드 다시 받아주시면 됩니다 :) 혹시라도 궁금한 점 있으면 언제든지 질문 남겨주세요~!
질문&답변
create component 후 auto 걸면 버튼 이벤트 동작이 안되요.
해당 부분은 저도 확인해봤는데, Auto 를 두번이상 한 경우에는 바로 다음 아트보드로 넘어가서 중간에 취소 버튼에 걸어도 동작하지 않네요. 해당 예제에서 의도하신대로 취소로 중간에 멈추고자 한다면 Auto를 한번만 하고 그 안에 있는 faceid-popup 그룹을 컴포넌트로 만들어서 제작하면 괜찮네요. 글로만 설명하긴 조금 어려워서 직접 수정한 예제 파일을 다운받을 수 있도록 다시 업로드했습니다. principle-11-ex.zip파일 다운 후 principle-11-ex-fin 파일 확인 부탁드립니다~!
질문&답변
create component 후 auto 걸면 버튼 이벤트 동작이 안되요.
안녕하세요~! 정확히 어떤 부분을 질문주신건지 머리에 그려지지 않아서 답변 드리기가 어렵네요ㅠㅠ.. 자세히 어떻게 제작을 하고싶은걸까요??
질문&답변
찜하기 인터렉션 관련 궁금한 점이 있습니다.
아트보드 우측에 번개모양 클릭후 하단에 Auto 기능을 사용해서 사라지는 아트보드에 연결하시면 됩니다~! ㅎㅎ
질문&답변
import로 불러올때 2배로 불러오시는 이유가 있을까요?
네 맞습니다. 녹화 저장시에 퀄리티때문에 그렇습니다~!
질문&답변
웹 기반 플랫폼 프로토타이핑에도 적합할까요?
안녕하세요. 답변이 너무 늦어 죄송합니다... 특정 페이지에서 에프터이펙트로 구현하듯이 트랜지션 인터렉션에 대한 부분이 강조된 툴입니다. 웹 기반 플랫폼에서 어떤 부분을 구현하려고 하시는지에 따라 다를것 같습니다. 많은 페이지를 구현하려면 프로토파이가 더 적합해보입니다. 유튜브 멤버십 전용 강좌에서 확인하실 수 있습니다 :)
질문&답변
맥북
어도비 사이트에 가셔서 맥용 포토샵을 설치하시면 됩니다~!
질문&답변
포토샵 2021 메뉴바
메뉴에 윈도우가 없다고요..???
질문&답변
질문드려요
아트보드를 화면에서 이동이라는게 이해는 안가지만.. 아트보드 끼리는 페이지 이동처럼 기능이 가능합니다. 특정 영역에 tap기능 추가해서 원하는 아트보드로 이동하시면 돼요. 다만, xd에서 제공하는 오토 애니메이션처럼 같은 레이어 명을 가진 경우는 위치나 색상, 투명도 등의 속성이 부드럽게 이동을 하다보니.. 관련 없는 경우는 레이어명을 다르게 해주셔야됩니다.