1.0 Illustrator용 무료 패널

Illustrator를 넣으면. 레이어가 나와요.

After Effects는 .ai 파일의 최상위 레이어만 읽어요. 그룹 안에 있는 건 가져올 때 전부 하나로 합쳐지죠. FrameSmith는 그 구조를 풀고, 아트워크를 컴프에 맞춰 정렬하고, AE가 제대로 렌더링하지 못하는 요소를 점검하고, 레이어마다 클립 정렬된 파일을 하나씩 내보내는 패널이에요.

v1.0.0 · 42 KB · macOS & Windows · Illustrator 2024 이상

This is the real panel. Switch tabs, press buttons — they return sample results. Inside Illustrator it talks to your document.
5탭
20+점검 항목
2내보내기 형식
0덮어쓴 원본

작동 방식

복사. 점검. 풀기.

FrameSmith는 다른 패널처럼 아트보드 옆에 도킹돼요. 점검은 아무것도 바꾸지 않으니, 손대기 전에 먼저 살펴볼 수 있어요. 2분이 채 안 되는 전체 과정을 보세요.

  1. 복사

    버튼 하나로 yourfile_AE.ai를 저장하고 그 파일로 전환해요. 마스터 파일은 절대 건드리지 않아요.

  2. 점검

    읽기 전용. 모든 차단 요소와 경고, 그리고 AE가 실제로 보게 될 레이어 수를 보여 줘요.

  3. 풀기

    표시된 문제를 고치고, 그룹을 풀고, 캔버스를 정렬하고, 내보내세요. 그다음 가져오면 돼요.

Illustrator
After Effects 5 layers, order intact
Unpack groups
Artboard

Centred on the artboard — every export lands at 0, 0 in AE

Report
Summary
0Blockers
0Warnings
0Notes

Read-only — nothing was changed

Run the audit
Layers
/export

All 1920 × 1080 — nothing to align by hand

들어 있는 모든 것

탭 다섯 개. 핸드오프의 모든 것.

Prep

무엇보다 먼저 해야 할 안전장치와 수정 작업.

  • Save an AE-ready copy하고 그 파일로 전환. 마스터 파일은 그대로예요
  • Convert to RGB, 그냥 믿지 않고 변환 후에 확인까지
  • Raster effects to 300 ppi, 라이브 이펙트가 스케일을 바꿔도 살아남도록
  • Outline text — 이름, 숨김, 잠금 상태 모두 유지
  • 전체 과정을 순서대로 실행하는 One-click chain

Layers

이 패널이 존재하는 이유. After Effects는 최상위 레이어만 읽어요.

  • 원하는 깊이까지, 또는 개별 오브젝트까지 Unpack groups
  • 쌓임 순서 유지 — 아래에서 위로 계획을 세워요
  • 클리핑 마스크는 절대 깨지지 않아요. 깨지면 마스크가 소리 없이 사라지니까요
  • 경로 기반 이름: 001_character_arm_left
  • 실행하기 전에 개수 미리보기

Canvas

아트보드를 컴프에 맞추고 아트워크를 정렬하세요.

  • Comp presets — HD, 4K, 2K DCI, 정사각형, 세로, 4:5, 사용자 지정
  • 아트보드에서 Centre the artwork, 내보낸 파일이 딱 맞도록
  • 반대로 하고 싶을 땐 여백을 두고 Fit to artwork
  • 아트, 현재 아트보드, 눈금자 원점 기준으로 Anchor

점검

읽기 전용. 여기선 문서가 전혀 바뀌지 않아요. 이 탭부터 시작하세요.

  • 차단 요소: CMYK, 메시 그라디언트, 누락된 링크, 레거시 텍스트
  • 경고: 하위 레이어, 그라디언트 획, 라이브 이펙트, 심볼, 블렌드 모드, 라이브 텍스트, 떠도는 점, 아트보드 밖 아트
  • 가져와서 확인하기 전에 AE가 보게 될 레이어 수
  • 아트워크 옆에 텍스트 파일로 보고서 저장

Export

최상위 레이어마다 파일 하나, 컴프에 바로 넣을 수 있게.

  • 투명 배경과 배율을 지원하는 PNG 24
  • Lottie용, 윤곽선 처리된 폰트와 프레젠테이션 속성을 갖춘 SVG
  • Clip to artboard — 크기가 모두 같아서 정렬할 필요가 없어요
  • 번호 붙은 파일 이름, 빈 레이어는 건너뛰고, 표시 상태는 나중에 복원

디테일

이 작업에 오후를 날려 본 사람이 만들었어요.

마스터 파일은 절대 건드리지 않아요

Illustrator는 스크립트로 한 일괄 작업을 깔끔하게 실행 취소하지 못해요. 그래서 첫 번째 버튼이 사본을 저장하고, 열린 문서를 그 사본으로 바꿔요. 되돌릴 수 없는 작업은 전부 사본에서 일어나요.

클리핑 마스크는 그대로

클리핑된 그룹에서 아트워크를 꺼내면 아무 말 없이 마스크가 지워져요. 그래서 클리핑된 그룹은 항상 더 풀지 않는 단위로 다뤄요. 불투명도나 블렌드 모드가 있는 그룹도 마찬가지예요.

쌓임 순서가 유지돼요

새 레이어는 항상 맨 위에 들어가요. 그래서 풀기 계획은 스택 맨 아래부터 위로 세워요. Illustrator에서 보이는 그대로 After Effects에 들어가요.

조용히 실패하는 일은 없어요

모든 작업은 읽고 저장할 수 있는 로그에 기록돼요. Illustrator의 색상 모드 명령이 믿음직하지 못한 부분은 패널이 실제로 됐는지 확인하고, 안 됐으면 알려 줘요.

메뉴 명령보다 DOM

텍스트는 메뉴 항목이 아니라 Illustrator의 실제 API로 윤곽선을 만들어서, 결과가 예측 가능하고 이름과 상태도 유지돼요. 메뉴 명령밖에 없는 경우엔 그런 척하지 않고 솔직하게 알려 줘요.

점검은 아무것도 건드리지 않아요

읽기만 해요. 그게 전부예요. 마감 직전의 소중한 파일에도 사본 없이, 고민 없이 돌려 볼 수 있어요.

설치

세 단계, 1분.

FrameSmith는 서명되어 있어서 다른 확장 프로그램처럼 설치돼요. 터미널도, 디버그 모드도 필요 없고, macOS와 Windows에서 같은 단계로 설치해요.

  1. FrameSmith 다운로드

    약 42 KB의 서명된 .zxp 파일 하나.

    v1.0.0 다운로드

  2. 드래그 한 번으로 설치하기

    aescripts에서 무료 ZXP Installer를 받아서 열고, FrameSmith-1.0.0.zxp를 창에 끌어다 놓으세요.

  3. 열기

    Illustrator를 다시 시작하고 Window → Extensions → FrameSmith를 여세요. 원하는 곳에 도킹하면 돼요.

업데이트하나요? 새 .zxp를 예전 버전 위에 설치하세요. 0.1을 쓰고 있었다면 먼저 Adobe CEP extensions 폴더에서 예전 FrameSmith-for-Illustrator 폴더를 지우세요.

FAQ

궁금한 점, 답해 드려요.

1.0에서 뭐가 바뀌었어요?

1.0은 서명되어 있어서 다른 확장 프로그램처럼 ZXP Installer로 설치돼요. 터미널도 디버그 모드도 필요 없어요. Illustrator 2025 이상에서 0.1이 빈 회색 패널로 뜨던 문제도 고쳤어요. 점검 탭은 읽기 전용이라 어떤 파일에 써 봐도 안전하고, 나머지는 먼저 "Save AE-ready copy"를 쓰세요. 뭔가 고장 나면 상태 표시줄에 뭐라고 떴는지 알려 주세요.

After Effects용처럼 패널이에요?

네. 같은 기술, 같은 디자인 시스템이에요. .zxp 안에 들어 있는 CEP 확장 프로그램이고, Illustrator는 After Effects와 똑같은 방식으로 불러와요. Illustrator에는 아직 서드파티 개발자를 위한 공개 UXP 플러그인 API가 없어서 CEP를 쓰고 있고, 나중에 이전할 때도 문서 처리 코드는 그대로 살아남도록 만들었어요.

Illustrator 어떤 버전에서 작동해요?

macOS와 Windows의 Illustrator 2024 이상이요. 오래된 스크립팅 API를 쓰니까 이전 버전에서도 돌아갈 가능성이 높지만, 테스트는 안 해 봤어요.

제 파일을 망가뜨리진 않아요?

Audit 탭은 그럴 수 없어요. 읽기만 하니까요. Prep, Layers, Canvas 탭은 문서를 수정하고, Illustrator의 실행 취소는 스크립트 일괄 작업을 깔끔하게 되돌리지 못해요. 그래서 Prep 탭의 첫 번째 버튼이 사본을 저장하고 전환해서, 원본은 디스크에 그대로 남겨 둬요. 되돌릴 수 없는 작업은 실행하기 전에 항상 물어봐요.

왜 획을 고치지 않고 경고만 해요?

Illustrator에는 획을 윤곽선으로 바꾸는 스크립팅 API가 없어서, 선택 항목에 메뉴 명령을 실행하는 방법밖에 없어요. 되긴 하지만 컴파운드 패스, 폭 프로필이 있는 획, 라이브 이펙트에서는 결과를 예측하기 어려워요. 원하면 쓸 수 있게 버튼은 있지만, 점검은 조용히 적용하지 않고 보고만 해요.

After Effects 플러그인과 같이 쓸 수 있어요?

그게 바로 이 짝꿍의 핵심이에요. 둘 사이의 공통 이름 규칙과 팔레트 동기화가 다음 순서라, Illustrator 쪽에서 After Effects 쪽이 이미 찾을 줄 아는 방식으로 이름을 붙여 줄 거예요.

정말 무료예요?

네. 무료로 다운로드해서 상업 프로젝트까지 작업에 자유롭게 쓸 수 있어요.

레이어를 손으로 끌어다 놓는 건 이제 그만.

패널 다운로드

v1.0.0 · 42 KB · 무료

MotionLabs의 다른 플러그인

나머지 가족들.

모든 플러그인