03. 마스크

1. 애프터이펙트 마스크활용 1.1. 기본 마스크 2. 순서대로 선택하여 마스크 추가 3. Mask Feather 를 조절하여 자연스럽게 한다 1.2. 화면 조정 3. ocean 레이어 선택->돌출효과-> bulge 4. 조정레이어 추가 ocenan 위로 이동-> bad TV-warp 5. 조정레이어의 불투명도를 조절하여 효과를 적당히 맞춘다 2.1. 마스크와 3D로 합성 2. 펜툴로 마스크 적용 3. ocean 비디오를 레이어에 추가하고 맨 … 더 읽기

01. Vue

GITHUB 1. Vite 개발 환경과 Vue 핵심 문법 HTML, CSS, JavaScript 기초 지식을 갖춘 상태에서 Vite를 이용해 Vue 프로젝트를 생성하고, 핵심 문법 6가지를 실습을 통해 학습하도록 작성되었다 2. Vite로 Vue 개발 환경 만들기 Vite는 요리로 치면 "재료 손질과 불 조절을 대신해 주는 주방 보조"다. 코드를 고치면 브라우저 화면을 즉시 갈아 끼워 주기 때문에, 저장할 때마다 … 더 읽기

30. 클로드 코드 – 컨텍스트·메모리·스킬 실습

이 문서는 Claude Code(이하 클로드 코드)를 써 봤지만 대화가 길어지면 답이 흐려지는 경험을 한 사람을 위한 자료다. 컨텍스트 개념을 잡은 뒤 CLAUDE.md로 규칙을 남기고, 오토메모리와 컨텍스트 관리 커맨드를 익힌 후, 마지막으로 나만의 스킬 하나를 만드는 것까지 이어진다. 끝까지 따라 하면 프로젝트 폴더에 CLAUDE.md·.claude/rules/·.claude/skills/가 만들어지고, 다음 세션부터 같은 설명을 반복하지 않아도 된다. 시작하기 전에 컴퓨터에 클로드 … 더 읽기

02. Content-Aware Fill

예제 파일 remove-unwanted-element.zip (약 6 MB) — 실습용 예제 프로젝트 참고: [내용 인식 채우기] 패널로 비디오에서 개체 제거 (Adobe 공식 도움말) Content-Aware Fill(내용 인식 채우기)이란? 영상에서 원치 않는 객체를 자동으로 제거하고 주변 배경으로 채워주는 AI 기반 기능입니다. (CC 2019 이상 버전에서 사용 가능) 1. 마스크 만들기 영상을 컴포지션으로 생성한 뒤 마스크를 그린다. 마스크 속성을 subtract 로 … 더 읽기

01. RotoBrush[비디오누끼따기]

10. 로토브러쉬 레이어를 잠근다. 프로젝트 패널의 영상을 타임라인에 추가 11. 2번 레이어를 1번레이어로 트랙매트를 적용한다. 반전 12. Content-Aware Fill 13. 포토샵이 열리면 비슷한 색상이 있는 부분을 영역으로 조금씩 잡아 순서대로 클릭 14. ctrl + s (포토샵 종료하면 안됨) 15. 애프터이펙트로 이동→ Generate Fill Layer 클릭 16 17. 포토샵 종료 18. 에펙에서 레이어를 여러개 복사후 키프레임 … 더 읽기

06. 피그마 모션 알파채널로 저장하는 플러그인

이 문서는 피그마(Figma)에서 제작한 모션 그래픽을 투명 배경이 포함된 동영상 파일로 내보내고, 어도비 프리미어 프로(Adobe Premiere Pro)에서 곧바로 합성할 수 있도록 돕는 플러그인과 로컬 인코더 시스템의 구현 프롬프트를 다룬다. 피그마 환경에서 애니메이션 프레임을 추출하는 클라이언트와 이를 퀵타임(QuickTime) 동영상으로 변환하는 서버 간의 연동 구조를 설명한다. 영상 편집 소프트웨어와의 호환성을 확보하기 위한 코덱 설정과 바이너리 구조 검증 … 더 읽기

08. 영상 프레임 이미지 생성 프롬프트: Nano Banana와 GPT로 일관된 컷 만들기

동영상에 쓸 프레임 이미지를 Nano Banana와 GPT 이미지 모델로 만들어 봅시다. 한 장씩 따로 그리는 것이 아니라, 같은 인물·같은 분위기로 이어지는 여러 컷을 만드는 것이 목표입니다. 끝까지 따라 하면 프롬프트 기본 문법, 영상용 화면비·구도, 스타일 통일, 프레임 간 일관성까지 손에 익고, 같은 캐릭터가 등장하는 3컷 스토리보드를 완성할 수 있습니다. 1 – 시작하기 전에: 왜 프레임 … 더 읽기

35. AI링크

🔸 치트시트 🔸 스킬 스킬 https://www.skills.sh/ 스킬 https://claudeskills.info/ko/ 피그마 커뮤니티 스킬 figma.com/community/skills 스킬mp https://skillsmp.com/ promptchat https://prompts.chat/skills 한국어스킬1 https://claudeskills.info/ko/ 한국어스킬2 https://findskill.ai/ko/skills/ GSAP 스킬 https://github.com/greensock/gsap-skills 🔸 디자인 시스템 모음 디자인 시스템 제공 https://oh-my-design.kr/builder 디자인 시스템 제공 https://getdesign.md/ URL -> Design.md 로 추출 https://www.design-extractor.com/ 🔸 MCP 모음 디자인 워크플로우 MCP 서버 컬렉션 https://claude.ai/public/artifacts/02db1cbf-cfb6-4ea4-8562-8732c6a69866 🔸AI 벤치마크 국내 https://leaderboard.aihub.or.kr/dataset/benchmark 해외1 … 더 읽기

05. 피그마슬라이드저장하기

slide 좌측상단 메인메뉴 클릭 막히면 — AI 코치에게 묻기 이 문서에서 익힌 피그마 슬라이드 파일 저장하기(메인 메뉴에서 내보내기·저장)를 내 작업에 적용하다 막히면, 아래를 대화형 AI(ChatGPT·Claude·Gemini)에 붙여 넣어 실습 코치로 삼는다. 답을 한꺼번에 받지 말고 한 단계씩 풀어 간다. 너는 피그마 슬라이드 저장 실습 코치다. 나는 슬라이드 좌측 상단 메인 메뉴에서 파일을 저장·내보내는 법을 배웠고, 내 … 더 읽기

11. Antigravity CLI

💡 GeminiCLI는 2026.06.18 이후 지원종료 아래 링크 참조 https://antigravity.google/docs/gcli-migration 1. 설치 https://antigravity.google/docs/cli-overview https://antigravity.google/docs/cli-install window(powershell) irm https://antigravity.google/cli/install.ps1 | iex 환경변수 등록 환경변수 클릭 안티그래비티 설치경로 : C:\Users\<Username>\AppData\Local\agy\bin 사용자 변수에 안티그래비티 실행파일의 경로를 처장한다. 터미널 종료 후 재실행 agy 입력 방향키로 테마선택 후 엔터 상하 방향키를 눌러 done 선택후 엔터 엔터 2. 인증 터미널에 아래 명령어 입력후 엔터 … 더 읽기