[LottieFiles 공식] LottieFiles for Webflow : Lottie로 완성되는 인터렉티브 웹사이트 (수료증 발급)

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 한글화 강의, 지금 인프런에서 단독으로 만나보세요. 이번 강의는 LottieFiles의 핵심 웹기반 Lottie 애니메이션 제작 툴인 Lottie Creator를 다룹니다. Micro 애니메이션부터 UI 컴포넌트, 인터랙티브 상태 머신(State Machine)까지, 복잡한 코딩 없이 실무에서 바로 쓸 수 있는 Lottie 애니메이션 제작 전 과정을 학습합니다. 특히 텍스트 프롬프트로 벡터를 생성하는 Prompt to Vector, AI가 인터랙션 로직을 자동으로 구성하는 Prompt to State Machine 등 AI 기반 워크플로우를 중심으로 구성되어 있습니다. 완성된 결과물은 유연한 크로스 플랫폼 장점과 초경량 사이즈를 자랑하는 dotLottie 파일로 내보낸 후 개발자에게 바로 전달할 수 있습니다. 수강 후에는 LottieFiles 공식 수료증과 인프런 수료증 두가지를 모두 받을 수 있습니다.

HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. (반응형 제작 방식은 기존 방식의 float와 position을 이용한 반응형 레이아웃 제작 방식입니다. 현재로서는 기존 웹사이트가 기존 방식으로 제작된 레이아웃이 대부분이기 때문에 Flex와 Grid도 학습해야 하지만 기존 방식 레이아웃을 반드시 학습하시고 잘 사용해야 합니다.)

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

내 영상에 딱 맞는 나만의 모션그래픽을 만들고 싶은 분들을 위한 강의입니다.

After Effects 중급 이상, 실무에서 활용할 수 있는 기술을 설명합니다. CC2023으로 설명하지만 버전에 상관없이 기본 원리를 위주로 했습니다. 도구 설명으로 시간을 버리지 말고 능동적인 연구를 할 수 있는 꺼리를 만들어 놓았습니다.

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!

🎬 밋밋한 PPT에 센스 한 스푼? 이제는 ‘모션 그래픽’으로 완성하세요! PPT에 모션 넣으면 촌스럽다고요? 아닙니다. 이제 PPT의 모션은 발표를 넘어, 콘텐츠 전반을 살리는 무기입니다. ✅ 왜 모션이 필요할까요? 📌 지루한 발표에 생동감을 주는 모션 📌 중요한 메시지를 순간적으로 강조하는 모션 📌 복잡한 내용을 직관적으로 전달해주는 모션 📌 상세페이지에 생기를 더하는 GIF 모션 배너 📌 SNS·쇼츠·유튜브 영상 속 컷 대체용 모션 요소 이제 PPT 모션은 선택이 아니라 필수! 발표, 마케팅, 교육, 브랜딩까지 움직이는 콘텐츠를 원하는 모든 실무에 적용됩니다. ✨ 이 강의에선 무엇을 배우나요? 🎁 3초면 적용 끝! ‘PPT 모션 템플릿’ 30종 → 디자인 예시 + 개체 원본까지 바로 사용 가능 🎁 전문적인 활용을 위한 ‘모션 그래픽 가이드북’ 포함→ PPT 초보도 체계적으로 배울 수 있게 설계 🎯 누구를 위한 강의인가요? 📌발표자료를 더 세련되게 만들고 싶은 직장인 📌상세페이지에 GIF를 직접 넣고 싶은 마케터 📌영상툴 없이 쇼츠·SNS 콘텐츠를 제작하고 싶은 크리에이터 📌교육자료에 집중도와 이해도를 더하고 싶은 강사/교사 등등 💡 이제 영상툴 없이도, 단 하나의 PPT만으로 고퀄리티 모션 콘텐츠 제작이 가능합니다. 오직 PPT로 완성하는 모션 그래픽의 모든 것, 지금 바로 경험해보세요.

더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.

차시별 예제와 함께하는 시스템 교육, 막막했던 애프터 이펙트가 비로소 체계적으로 보이기 시작합니다

애플 웹사이트에 자주 등장하는 고급 인터랙션 효과들을 처음부터 직접 개발하는 방법을 배울 수 있습니다.

웹 개발의 첫 걸음을 떼셨나요? HTML, CSS, javascript를 이제 막 시작하신 분들께 특별한 제안을 드립니다! 모바일 시대에 발맞춰 모바일 웹사이트를 만들고 싶지만, 어디서부터 시작해야 할지 망설여지시나요? 걱정하지 마세요. Figma 모바일 디자인을 직접 분석하고 구현하면서, 자연스럽게 반응형 웹 개발의 핵심을 배워보세요. 세련된 모바일 디자인을 토대로, 사용자의 마음을 사로잡는 섬세한 인터랙션부터 다양한 화면 크기에 완벽하게 적응하는 기술까지, 모든 것을 함께 알아가볼 수 있습니다. 이제 여러분의 웹사이트가 모든 기기에서 빛나도록, 노하우를 나눠드리겠습니다. 함께 시작해볼까요?

HTML로 만든 카페 홈페이지를 CSS로 아름답게 꾸미는 실전 프로젝트 강의입니다. 색상, 레이아웃, 타이포그래피부터 Flexbox, Grid, 애니메이션, 반응형 디자인까지 CSS의 모든 기초를 민지와 코드 선생의 스토리를 따라가며 자연스럽게 배울 수 있습니다. 4시간의 학습으로 초보자도 프로페셔널한 웹 디자인을 완성할 수 있습니다.

디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강의[개정판] 입니다.

문제 정의부터 리서치 정리, 아이데이션, 프로토타이핑까지! AI를 실전 파트너로 활용해 완성도 높은 UX/UI 포트폴리오를 빠르게 만들어봅니다. 최신 AI 툴은 물론, 실무에서 꾸준히 쓰이는 검증된 툴까지 프로젝트에 맞게 전략적으로 활용할 수 있습니다.

디자인은 어렵고, 피그마는 복잡해 보였다면? 이제는 비디자이너도 직접 화면을 만들 수 있는 시대! 도형·텍스트·마스크 같은 기본 기능부터 배경 제거, AI 이미지 생성, UI 자동 제작까지 피그마 AI 기능을 실무 흐름 안에서 자연스럽게 활용하는 방법을 배웁니다. 상세페이지 제작부터 쇼핑몰 UI 화면 구성까지, 디자이너 도움 없이도 결과물을 완성할 수 있는 실전형 피그마 활용법을 경험해보세요. Point 1. 피그마의 핵심 기능만 익혀도 직접 화면을 만들 수 있다 - 프레임·도형·텍스트·마스크 등 꼭 필요한 드로잉 기능만 실습 중심으로 학습 - 상세페이지 전 섹션을 처음부터 끝까지 직접 제작하며 결과물 완성 경험 Point 2. 피그마 AI를 활용해 작업 속도를 확 줄이자 - 배경 제거, 이미지 생성, 레이어 정리 등 AI 기능을 실무 흐름 안에서 자연스럽게 활용 - 단순 기능 소개가 아니라 실제 디자인 작업에 연결되는 활용법 중심 구성 Point 3. 쇼핑몰 UI까지 만드는 실무형 디자인 감각을 익히자 - 오토레이아웃·컴포넌트·Make Designs 기능으로 UI 화면 세트 제작 - 비디자이너도 혼자 화면을 설계하고 완성할 수 있는 실전 감각 학습

이미지 생성형 인공지능의 대표 툴, 미드저니! 기초 사용 방법부터 실제 디자인 프로젝트 실습을 통한 실무 적용까지 한 번에!

부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기[2024년 개정판] 수업의 실전 제작수업으로 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹 실무 페이지를 부트스트랩4를 활용하여 직접 제작해 봅니다.

시네마4D의 기초를 확실하게 배우고자 하는 분들이 수강하기 좋습니다.

ChatGPT Images 2.0을 활용해 로고, 제품 사진, 목업, 배너, 웨딩 스냅, 청첩장, POP, 메뉴판, 상세페이지 등 다양한 디자인 결과물을 제작합니다. 원하는 결과물을 얻기 위한 프롬프트 작성 방식과 반복해서 활용할 수 있는 템플릿 구조를 익히는 실습 중심 강의입니다.