신승섭의 애프터 이펙트 익스프레션 입문 클래스

소개 영상
모션그래픽 디자이너, 신승섭

“실무에서 자주 쓰이는 핵심
함수들의 원리를 기반으로
하나하나 자세히 뜯어볼 예정이며
여러분만의 모션그래픽을 자유자재로
만들 수 있도록 도와드리겠습니다.”

2D 모션그래픽 스킬을
한 층 업그레이드해 줄
Ae 익스프레션의 바이블!

애프터 이펙트를 활용하여
보다 정교하고 자연스러운
2D 모션그래픽을 만들고 싶다면,
키 프레임 하나하나 수정하는
반복 작업에 지쳤다면?

이제는 정말 익스프레션을
시작해야 할 때!

효율적인 모션그래픽 제작의 시작,
Ae 익스프레션을 배워
모션그래픽 디자이너로서
경쟁력을 갖춰보세요.

입문자를 위한 익스프레션 기초 사용법과
프로그래밍 언어, 수학적 연산에 대한 이해,
자주 쓰이는 핵심 함수 총정리는 물론,

인포그래픽 등 활용도 높은 예제들로
실무 테크닉까지 트레이닝할 수 있는
Ae 익스프레션 집중 클래스.
오직 콜로소에서만 만날 수 있습니다.

클래스 정보

영상 43편
강의 시간: 한 회차 당
약 30분 내외
난이도: 중급
평생 시청

사용 프로그램

[사용 버전]
Adobe After Effects CC
2022 v22.5.0.53

[허용 버전]
Adobe After Effects CC
2020 v17 이상

동영상 정보

온라인 VOD
오디오 : 한국어
자막 : 없음

클래스 혜택

실습 프로젝트 파일 (aep)
클래스 예제 소스 파일 및 리스트
추가 연습용 예제 파일

모션그래픽 디자이너 신승섭의
클래스가 특별한 이유

단순히 아는 것을 넘어
응용력까지 길러주는
성장형 커리큘럼

애프터 이펙트 유저로서
익스프레션의 중요성은
너무나도 잘 알지만,
프로그래밍에 덜컥 겁먹어
시작하기가 어려우신가요?

이번 클래스에서는
프로그래밍 언어에 대한
아주 기초적인 내용부터
차근차근 알려드릴 뿐만 아니라,
각종 함수의 원리 이해를 토대로
익스프레션 기본기를 단단히
구축할 수 있도록 도와드리겠습니다.

난이도별 다양한 문제를 스스로
고민하고 학습하는 과정을 통해
사고력과 문제 해결력을 기르고,
실무 예제에 적용하며 익스프레션 테크닉을
완벽 습득할 수 있는 체계적인 커리큘럼!

Ae 사용 경력 16년 이상의 전문가이자,
다년간 익스프레션 전문 강사로
활동해온 신승섭과 함께 하세요.

클래스 수강 후, 예제를 넘어
자유자재로 익스프레션을 구사하며
자신만의 모션그래픽을 만들어 내는
여러분을 마주하게 될 것입니다.

Ae 익스프레션 원리 이해를
바탕으로 10가지 이상의
모션그래픽 예제를 제작해 봅니다.

Section 02. Expression Bible (Reference Video)
원리부터 꼼꼼하게 익히는 핵심 함수 사전

thisComp / Layer / Property
variable / time / Math / if / Array / function
Interpolation / clamp / length / lookAt / random

Color Conversion / velocity / wiggle
smooth / loop / sourceRectAtTime
sampleImage / Coordinate System / Text / Essential Graphics

Section 03. 트레이닝 프로젝트
10가지 이상의 실무 예제로 습득하는 익스프레션 테크닉

01. ZOOM(확대)

하나의 레이어로 다른 모든 레이어는 물론 필요한
모든 속성을 컨트롤할 수 있는 표현식
02. Visual Selector(비주얼 셀렉터)

화면에서 직접 레이어를 선택할 수 있는
가상의 선택 영역을 구성하는 표현식
03. 알람 시계

매우 사실적인 초침, 분침,
시침의 움직임을 구현하는 표현식

04. 톱니바퀴 기어

톱니의 개수가 서로 다른 기어들의 회전각을
정확히 계산하는 표현식
05. 증기 기관차

삼각함수를 바탕으로 피스톤을 리깅하고
애니메이션 하는 표현식
06. 괘종시계

왕복운동을 바탕으로 애니메이션의
시간의 흐름을 통제하는 표현식
07. 게이지

에너지 감쇠를 적용하고, 불규칙한 노이즈를
추가하고 이를 통제하는 표현식

08. 바이크

회전할 때 이동 거리를 정확히 계산하고 스피드라는
값으로 다른 모든 속성들을 자동화하는 표현식
09.타로 카드

양면 레이어를 구현하는 방법과 사용자가 원하는 속성을 다른 레이어의 위치값으로 제어할 수 있는 표현식
10. 바(Bar) 차트

3단 바형 차트를 제작하는 표현식과
수치 합산을 100%로 환산하는 계산식
11. 원형 차트

3단 원형 차트를 제작하는 표현식과
수치 합산을 위한 계산 방법

신승섭
모션그래픽 디자이너

안녕하세요,
모션그래픽 디자이너 신승섭입니다.

프로그래머로 커리어를 시작한 저는
현재 모션그래픽 작업을 위한
스크립트 제작을 맡고 있으며,
익스프레션 전문 프리랜서
강사로도 활동하고 있습니다.

이번 클래스에서는
애프터 이펙트는 할 줄 알아도
익스프레션은 낯선 입문자를 위해
아주 기초적인 부분부터
응용력을 위한 심화 내용까지
자세하고 체계적으로
알려드릴 예정입니다.

익스프레션의 원리 이해를 바탕으로
사고력과 문제 해결력을 기르고,
세밀하고 사실적인 모션을
누구보다 쉽고 빠르게 구현하는
모션그래픽 스킬을 배워보세요.

신승섭(Jaehiekr)

프리랜서 2D 모션그래픽 디자이너 겸 강사

이력 및 경력

모션그래픽 디자이너 대상 Ae 익스프레션 강의 다수 진행

Cafe

클래스 특징

애프터 이펙트 비장의 무기,
익스프레션의 모든 것

Ae 익스프레션, 배우고 싶었지만 막상 체계적인 강의를 찾기 어려웠다면? 익스프레션 집중 클래스에서 여러분의 모션그래픽 작업 시간을 단축시켜줄 기능들을 모두 만나보세요.

탄탄한 기본기와 응용력을 위한
익스프레션 원리 이해

기본 원리를 알아야 해답이 보이는 법! 함수의 기능과 사용 이유 등 원리부터 꼼꼼히 익히며 기본기는 물론 어떤 문제도 스스로 해결하는 응용력까지 전부 마스터해 보세요.

10가지 이상의 실무 예제로
배우는 모션그래픽 테크닉

정교한 모션과 작업 속도는 곧 모션그래픽 디자이너의 경쟁력! 실무에서 자주 쓰이는 예제들을 '익스프레션' 기능만으로 빠르게 만드는 법을 배워봅니다.

신승섭 클래스 수강생만을 위한 단독 혜택
Ae 익스프레션 궁금증 모두 해결!
피드백 커뮤니티 운영

Ae 익스프레션을 공부하다 연사에게 물어보고 싶은 것이 생겼다면?
연사가 직접 운영하는 네이버 카페 내 수강생 전용 Q&A 게시판을 통해 직접 답변을 받아볼 수 있습니다. Ae 경력 16년 이상의 익스프레션 전문 강사이자 모션그래픽 디자이너 신승섭이 여러분들의 궁금점을 모두 해소해드립니다.

*해당 게시판은 클래스 수강생에게만 제공되며,
강의 구매 안내 문자를 통해 안내됩니다.

클래스 구성
이런 것을 배웁니다

입문자를 위한 익스프레션 기초

익스프레션이 처음인 분들을 위해 익스프레션 추가, 삭제, 켜고 끄는 법부터 시작해 필수적인 기초 사용법들을 하나하나 짚어드립니다.
객체 지향형 언어에 대한 개념 정립

익스프레션의 기반이 되는 자바스크립트에 대한 기본기를 잡고, 익스프레션에서 사용되는 필수 객체에 대해 자세하게 배워봅니다.
필요할 때마다 꺼내보는 핵심 함수 사전

애프터 이펙트 익스프레션에서 자주 사용되는 핵심 함수들의 개념과 사용법에 대한 상세한 설명을 제공합니다.

수포자도 이해하는 친절한 연산 풀이

익스프레션 작성에서 피할 수 없는 수학적 연산! 복잡한 연산식이라도 초보자 눈높이에 맞춰 논리적으로 뜯어보고 해법을 알려드립니다.
필수 예제를 통한 실무 테크닉 습득

다양한 프로젝트 튜토리얼로 모션그래픽 작업에서 많이 사용되는 핵심 스킬들을 반복 학습하며 탄탄한 기본기와 응용력을 길러봅니다.
각종 고급 팁이 담긴 보너스 튜토리얼

20년 이상의 프로그래밍 노하우가 녹아든 추가 예제를 통해 활용도 높은 익스프레션 제작법들을 공개합니다.

커리큘럼
커리큘럼을 보여드려요

Section 01. OT

01. How to use

- Expression Add/Remove
- Expression On/Off
- Use Pick Whip
- Show Post-Expression Graph
- Copy Expression Only
- Convert Expression to Keyframes
- Expression Controls

Section 02. Expression Bible (Reference Video)

02. thisComp

- thisComp.layer(index)
     thisComp.layer(1).name
- thisComp.marker.key(index)
     thisComp.marker.key(1).time
     thisComp.marker.key(1).comment
     thisComp.marker.key(1).duration
- thisComp.marker.nearestKey(t)
- thisComp.marker.numKeys
- thisComp.numLayers
- thisComp.width
- thisComp.height
- thisComp.duration
- thisComp.displayStartTime
- thisComp.frameDuration

03. thisLayer

- thisLayer.name
- thisLayer.marker.key(index)
- thisLayer.marker.nearestKey(t)
- thisLayer.marker.numKeys
- thisLayer.width
- thisLayer.height
- thisLayer.active (& enabled)
- thisLayer.index
- thisLayer.parent
- thisLayer.hasParent
- thisLayer.inPoint
- thisLayer.outPoint
- thisLayer.startTime
- thisLayer.hasVideo
- thisLayer.hasAudio

04. thisProperty (& value)

- thisProperty.propertyIndex
- thisProperty.name
- thisProperty.key(index)
- thisProperty.nearestKey(t)
- thisProperty.numKeys
- thisProperty.propertyGroup(countUp=1)
- thisProperty.propertyGroup.propertyIndex

05. variable (변수)

- 변수 명명 규칙
- var (& let, const)

06. time

- frameDuration
- timeToFrames
- framesToTime
- Bitwise NOT (~, ~~)

07. Math

- Math.floor
- Math.round
- Math.abs
- Math.exp
- Math.max
- Math.min
- Math.PI
- Math.sin
- Math.co

08. if

- if
- 논리 연산자(logical operator)
- 비교 연산자(comparison operator)
: "==" (Equal Operator) vs "===" (Strict Equal Operator)
- Ternary Operator(삼항 연산자)
- mod(%)

09. Array

- push
- unshift
- splice
- join
- "..." (전개 구문)
- for

10. function

- 내장 함수
- 사용자 함수

11. Interpolation

- linear
- easeIn
- easeOut
- ease

12. clamp

- range limit

13. length

- length(vec)
- length(point1, point2)

14. lookAt

- 3D lookAt
- 2D lookAt(atan2)

15. random

- random
- seedRandom
- gaussRandom
- noise
- posterizeTime

16. Color Conversion

- rgbToHsl(rgbaArray)
- hslToRgb(hslaArray)
- hexToRgb(hexString)

17. velocity

- (& velocityAtTime)
- speed (& speedAtTime)

18. wiggle

- wiggle(freq, amp, octaves = 1, amp_mult = .5, t = time)
- wiggle loop

19. smooth

- smooth(width = .2, samples = 5, t = time)

20. loop

- loopIn
- loopOut

21. sourceRectAtTime

- 레이어 체적 확인하기
- 쉐입 레이어 및 텍스트 레이어의 특정 위치 값 변환하기
- 단락 텍스트 사이즈 확인하기

22. sampleImage

- sampleImage()
- 다이나믹 컬러
- 포인트 좌표계를 배경 레이어의 좌표계로 변환하기

23. Coordinate System

- toComp
- fromComp
- toWorld
- fromWorld
- toCompVec
- toWorldVec

24. Text

- charAt()
- IndexOf
- replace
- substring ( & substr)
- split
- slice
- toLowerCase (& toUpperCase)
- toLocaleString
- concat
- trim
- length
- style
- getStyleAt

25. Essential Graphics 사용법

- 마스터 컨트롤 추가하기
- 그룹 추가하기
- 기본 값 업데이트 버튼 사용하기
- 템플릿 제작하기

Section 03. 트레이닝 프로젝트

26. ZOOM(확대)

오직 하나의 레이어로 다른 모든 레이어는 물론 필요한 모든 속성을 컨트롤할 수 있는 표현식입니다.
이를 위한 다양한 계산식도 포함되어 있습니다.

27. Visual Selector(비주얼 셀렉터)

화면에서 직접 레이어를 선택할 수 있는 가상의 선택 영역을 구성하는 표현식입니다.
캐릭터는 물론 유사한 작업 시 활용도가 매우 높습니다.

28. 알람 시계

매우 사실적인 초침, 분침, 시침의 움직임을 구현하는 표현식입니다.
감쇠를 위한 지수함수 사용법과 반복 적용을 위한 계산식은 이후 다양한 곳에서 활용 가치가 매우 큽니다.

29. 톱니바퀴 기어

톱니의 개수가 서로 다른 기어들의 회전각을 정확히 계산하는 표현식입니다.
기어의 개수가 많으면 많을수록 활용도는 극대화됩니다.

30. 증기 기관차

삼각함수를 바탕으로 피스톤을 리깅하고 애니메이션 하는 표현식입니다.
원주율을 이용하는 방법과 이때 발생하는 오차를 최소화하는 것이 핵심입니다.
추가로 크기가 다른 레이어의 회전각을 일치시키는 방법도 배울 수 있습니다.

31. 괘종시계

왕복운동을 바탕으로 애니메이션의 시간의 흐름을 통제하는 표현식입니다.
슬라이더 하나로 시간을 빠르게 혹은 느리게 통제할 수 있습니다.

32. 게이지

에너지 감쇠를 적용하고, 불규칙한 노이즈를 추가하고 이를 통제하는 표현식입니다.
또한 감쇠가 추가되는 시간을 조건문으로 통제할 수도 있습니다.

33. 바이크

회전할 때 이동 거리를 정확히 계산하고 스피드라는 값으로 다른 모든 속성들을 자동화하는 표현식입니다.

34. 타로 카드

양면 레이어를 구현하는 방법과 사용자가 원하는 속성을 다른 레이어의 위치값으로 제어할 수 있는 표현식입니다.
레이어가 방향성을 가지게 되므로 이후 3D 회전 시 매우 유용합니다.

35. 바(Bar) 차트

3단 바형 차트를 제작하는 표현식과 수치 합산을 100%로 환산하는 계산식은 물론 'Essential Graphics'를 이용해 단일 컴퍼지션을 독립적으로 사용하는 방법입니다.

36. 원형 차트

3단 원형 차트를 제작하는 표현식과 수치 합산을 위한 계산 방법 그리고 'Essential Graphics'를 이용해 단일 컴퍼지션을 독립적으로 사용하는 방법입니다.

Section 04. Bonus

37. Bonus 01 - Add Time Track

마치 타임 리맵을 사용하듯 개별 속성의 애니메이션을 사용자가 통제할 수 있습니다.
이를 이용하면 루핑이 불가능한 패스 몰핑도 루핑이 가능하며, 그래프를 이용해 애니메이션 전체의 증가 속도를 쉽게 조절할 수 있습니다.

38. Bonus 02 - Automatic Max Value

반복문을 적극적으로 활용해 모든 레이어를 대상으로 최댓값을 검색하고 이를 이용하는 방법입니다.
최댓값을 구하는 방법을 달리하면 추가로 인덱스를 확인하는 것도 가능합니다.

39. Bonus 03 - Automatic Name Search

반복문에 문자 검색 기능을 추가해 원하는 문자가 포함된 레이어만 따로 분리할 수 있습니다.
이를 이용해 레이어의 인덱스에 영향을 받지 않고 작업을 이어갈 수 있습니다.

40. Bonus 04 - Text TrackingText Tracking

문자의 자간을 조절할 경우 항상 글자 단위로만 조절할 수 있습니다.
에프터 이펙트의 기본 기능으로 작업하기는 매우 번거로운 작업입니다.
하지만 이번 표현식은 단어별 자간을 조절할 수 있게 해줍니다.

41. Bonus 05 - Rolling Cube

삼각함수를 이용해 정사각형을 회전할 수 있게 하는 표현식입니다.
이를 이용하면 키 프레임 방식의 번거로움 없이 쉽고 간편하게 이동 속도에 일치하는 정사각형의 회전이 가능합니다.

42. Bonus 06 - Scroll Over Text

텍스트 줄이 늘어날 때 위로 스크롤 되는 텍스트 모션을 만드는 표현식입니다.
자막을 만들 때도 위쪽으로 이동되는 표현식은 매우 유용합니다.

43. Bonus 07 - Linear Slider Control

레이어를 순차적으로 컨트롤하는 표현식입니다.
동일한 모션을 순차적으로 적용할 때 매우 유용하며 반복 작업을 최소화할 수 있습니다.

인터뷰
모션그래픽 디자이너 신승섭이
하고 싶은 이야기

Question.01
2D 모션그래픽 디자이너들이
애프터 이펙트 익스프레션을
배워야 하는 이유는 무엇인가요?

익스프레션을 사용할 줄 안다면 실무에서 작업 시간을 크게 줄일 수 있으며, 디자이너에게 하나의 큰 경쟁력이 됩니다. 또한, 단순노동 작업을 확실히 절감시켜 디자이너 본인은 삶의 질이 향상되고, 회사는 비용을 절감할 수 있게 됩니다.

Question.02
이번 클래스의 기획 의도는 무엇인가요?

익스프레션의 필요성은 잘 알고 있지만 막상 공부하자니 어렵게 느끼는 애프터 이펙트 유저분들이 많으실 텐데요. 이미 온라인에는 수많은 학습 자료들이 있음에도 기초부터 차근차근 배울 수 있는 곳은 그동안 찾기 어려웠습니다. 이번 클래스를 통해 무엇보다 기본기를 확실하게 잡고 갈 수 있도록 도와드리겠습니다.

Question.03
이 클래스만의 차별화된 포인트는 무엇인가요?

익스프레션을 처음 사용하시는 분들도 쉽게 접근하실 수 있도록 체계적인 커리큘럼을 준비했습니다. 원리 이해를 바탕으로 단계별로 문제를 해결하면서 사고력을 키우고, 실무 예제 실습을 통해 익스프레션 테크닉을 체화할 수 있는 시간이 될 수 있을 것이라 생각합니다.

Question.03
어떤 분들에게 이번 클래스를 추천하시나요?

애프터 이펙트를 사용하면서 단순 반복 작업에 지치신 분, 효과적인 작업 프로세스를 구축하고 모션그래픽 작업 시간을 단축하고 싶으신 분, 현실처럼 정밀한 모션을 구현하고 싶으신 분들께 추천드립니다.

사용 프로그램
안내드립니다.

본 클래스는 After Effects CC 2022 v22.5.0.53를 사용하여 진행됩니다.
원활한 수강을 위해 해당 버전의 프로그램을 설치해 주시길 바랍니다.

* 낮은 버전에서는 일부 표현식이 작동하지 않을 수 있으므로
After Effects CC 2020 v17 이상 사용을 권장 드립니다.

추천 클래스
당신이 놓치지 말아야 할
추천 클래스

Q. 한 계정으로 클래스를 구매해
지인과 함께 나눠 수강해도 될까요?

Coloso는, 구매된 콘텐츠를 구매자 한 사람에게만 제공하는 것을 원칙으로 하고 있으며, 이를 어길 시 법적으로 책임을 물을 수 있습니다.
클래스 수강 중 다중사용으로 적발되면 계정이 자동 차단되며 영구적으로 사용 제한이 될 수 있으니 각별히 유의 바랍니다.

+ 더 알아보기

[12월환급]모션그래픽 디자이너 신승섭 상세 정보