본문 바로가기


Ae 1-1편. 텍스트 애니메이션 (Adobe Bridge)

After Effects(Ae)는 어도비 시스템즈가 개발한 디지털 모션 그래픽 및 합성 소프트웨어로 영화에서 아카데미상을 수상할 정도의 비선형 영상 편집이나 광고 제작, TV, 게임, 애니메이션, 웹 등의 콘텐츠 제작에 쓰인다.  일러스트레이터와 포토샵을 이용한 레이어구성 그대로 콤프로 제작할 수 있다. 포토샵의 경우는 픽사베이 이미지와  무료PNG 등의 이미지를 포함해서  작업해서 Psd파일로 저장해서 가져와 보는 실습도 필요하다. [위키백과 인용]

애펙작업노트_01.txt
0.00MB

 

 

 

Ae는 Pr에 효과를 납품한다! Dynamic Link를 지원하는 Adobe CC 제품군

 Adobe사의 제품인 애프터이펙트, 프리미어 프로, 일러스트레이터, 포토샵 등은 서로 유기적으로 형제자매처럼 불러오고, 실시간 업데이트 등을 지원하는 다이나믹 링크기능이 있는데, 바로 같은회사 제품끼리의 호환성을 말합니다.

 

Dynamic은 일반적으로 동적인, 내적 요소들이 상호작용하는 형태로 표출되는 + Link는 Impart로 연결해서 가져온다는 개념이다.  실제 포토샵, 일러스트레이터의 레이어 대로 구성한 자체를 Ae는 작업환경인 콤포지션(Compositon, 줄여스 Comp)로 구성해 레이어라는 작업방식으로 모션그래픽을 표현합니다.

 

Ae의 사용자화면(User Interface)은 현재시점 화면캡쳐 등 프리미어 프로와 유사하지만, 심플한 구조의 작업영역에서 Effects와 Layer와 연결된 Timeline을 펼쳐서 아래로 펼쳐지는 구조의 효과제어의 다단구조가 복잡하다. Pr이 수평형 편집이라면, Ae는 수직으로 쌓아 작업하는 방식은 조금 낯설 것입니다.

 

Ae의 사용자화면 UI은 Pr와 유사하며 우측의 Effects가 주된 패널입니다.

 


 

애프터이펙트의 텍스트 애니메이션 표현순서

 

Pr의 모션그래픽에는 한계가 있습니다. Pr의 10배이상의 Effect를 통해 주로 오프닝영상, 특수한 장면을 Ae가 표현하고 Ae의 Comp(Pr의 시퀀스 개념)를 Pr의 작업공간에 비디오 파일 처럼 가져와 작업을 진행합니다.  디자이너가 힘든 사다리차, 지게차 작업을 해주는 시간제 전문인력이 Ae라고 생각하면 좋겠습니다.  잊지말 것은 Pr은 마스터 편집을 최종적으로 하는 영상편집에서는 최종 작업자라는 것이 중요합니다.

 

After Effects로 Text Animation 쉽게만들기 // 애프터이팩트를 사용하는 분들을 위한 움직이는 타이틀, 텍스트 애니메이션을 쉽고 간단히 만드는 방법을 소개합니다. 프리미어 프로에 직접 애팩의 프로젝트 내의 콤포지션 가져오기 등 연계된 작업과정을 소개합니다.

cc19버전의 아래 예제파일을 다운받아서 실습하세요

 

Ae_텍스트애니메이션 CC19 (16.x)_트랜스포터 최종.aep
1.29MB

 


 

Ae의 작업순서를 알아봅니다.

 

01.애프터이팩터의 프로젝트 파일을 저장하고, 콤포지션 속성변경(C+K)

(위치와 파일명은 다른이름저장으로 다시한번 저장함)

프리미어의 시퀀스와 같은 개념인 콤포지션(Compositon)을 아래와 같이 생성해줍니다.

프레임크기와 프레임레이츠를 동일하고 정하고 30초정도의 콤포지션을 설정합니다.

 

 

Ae 와 Pr의 콤포지션과 시퀀스의 셋팅참고

●프로젝트 파일은 동일개념 - 콤포지션(시퀀스개념)생성시 
●fps(초당 몇 프레임영상) : 25fps (frame per second)
●frame size(영상크기) : 1280x720 px
●Duration : 총재생시간 : 기본 25초 (00:00:25:00)

 

 

 

02.도구 중 "T"를 클릭해서 화면내 적절할 글씨를 입력해줍니다. 필요한 경우 복제를 해서 다른 글씨를 표현하세요.

After Effect에서 많이사용하는 복제
♞콤포지션 속성변경(C+K) - 콤프의 크기는 임의로 늘이고 줄일 수 있다.
♞레이어스타일지원(오클) - 그림자효과 등 포토샵과 유사 / Remove all은 레이어스타일 모두 제거
♞C+D : 복제(레이어,콤프, 대부분의 요소복제)
♜보기관련 
♞MMB(휄) ⇅ : 줌   ♞MMB(휄) ✥ : 확대화면 이동보기(Pan)
♞/ : 100    ♞A+/: Fit  
♜키프레임 관련 
♞ U : 키프레임 보기 및 레이어 속성 닫기/열기

 

테두리는 많이 주면 꼭 테두리 옵션을 All Fills Over All Strokes로 변경해야 한다.

 

 

 

 

 

 

 

03. 애니메이션효과를 적용할 글씨를 선택하고 Effects & Presets창을 찾아서, Text-Animate In에서 효과를 하나 선택한 후 드롭다운해서 적용해줍니다. 

 

   Effects & Presets - Animation Preset* - Text - Animate in   

 

Effects & Presets 중 애니메이션 프리셋-텍스트 효과?  이 정도 오 오 오 오 오 .....
100개가 넘습니다!

더보기

After Effects - Animation Preset-Text

3D Text  //////////////////////

3D Basic Position Z Cascade 
3D Basic Position Z Typeon 
3D Basic Rotate X Cascade 
3D Basic Rotate Y Cascade 
3D Bouncing In Centered 
3D Fall Back Scale & Skew 
3D Fall Back Scramble & Blur 
3D Flip In Rotate X 
3D Flip Out Rotate X 
3D Flip Up Reflection 
3D Flutter In From Left 
3D Flutter In Random Order 
3D Flutter Out From Right 
3D Fly Down & Unfold 
3D Fly Down Behind Camera 
3D Fly Down Random & Rotate Y 
3D Lines Zoom In 
3D Rain Down Words & Colors 
3D Random Spike Tumble 
3D Resolve Position 
3D Rotate around Circle 
3D Rotate in by Character 
3D Rotate out by Word 
3D Scramble in Position Z 
3D Spiral Down & Unfold 
3D Spiral Rotate In by Line 
3D Spiral Rotate Out by Line 
3D Swing Around on Path 
3D Tumble Words Forward 
3D Twist & Color Characters 

 

 

Animate In  //////////////////////

Center Spiral 
Characters Shuffle In 
Decoder Fade In 
Drop In By Character 
Espresso Eye Chart 
Fade Up And Flip 
Fade Up Characters 
Fade Up Lines 
Fade Up Words 
Fly In From Bottom 
Fly In With A Twist 
Pop Buzz Words 
Raining Characters in 
Random Fade Up 
Random Shuffle In 
Random Word Shuffle In 
Slow Fade On 
Smooth Move In 
Spin In By Character 
Spin In By Word 
Straight In By Character 
Straight In By Word 
Straight In Multi-Line 
Straight In Multi-Line 2 
Stretch In Each Line 
Stretch In Each Word 
Twirl On Each Line 
Twirl On Each Word 
Stretch In Each Word 
Twirl On Each Line 
Twirl On Each Word 
Typewriter 
Wipe In To Center


Animate Out  //////////////////////

Encoder Fade Out 
Fade Out By Character 
Fade Out Slow 
Raining Characters Out 
Random Fly Off 
Random Fly Off 2 
Random Word Fly Off 
Slide Off Right By Character 
Slide Off Right By Word 
Stretch Out Each Line 
Stretch Out Each Word 
Twirl Off Each Line 
Twirl Off Each Word

 

Blurs //////////// 
Blur By Word 
Bullet Train 
Evaporate 
Foggy 
Jiggy 
Transporter 

 

Curves and Spins //////////// 
Bloom Flower 
Clockwise Entry 
Counter Rotate 
Dust Devil 
Lasso 
Lasso Tumble 
Musical Chairs 
Newton 
Pinwheel 
Radial Flare 
Retrograde 
Rotate 
Somersault 
Spin Fast 
Spiral Exit 
Spiral In 
Spirograph 
Swoop} Entry 
Tea Leaves 
Tire Rim 
Whirl In 

 

Expressions //////////// 
Buzz Words 
Current Time Format 
Dictionary 
Display Comp Time 
Frame Number 
Inch Worm 
Text Bounce 

 

Fill and Stroke //////////// 
Chasing Strokes 
Fill Color Wipe 
Flicker Color 
Flicker Color - scale 
Flicker Green 
Inflammation 
Pulse Blue 
Pulse Orange 
Pulsing Strokes 
Pulsing Strokes 2 
Rotate Hue 
Sliding Color Flicker 
Stroke Ease Down 
Wiggly Stroke Width 
Wiggly Stroke Width By Line 

 

Graphical //////////// 
Bars Blinky 
Bars Lime 
Blue Note 
Cut Shapes 
Exchange 
Green Dots 
Hazard 
Red Circles 
Scratchy Film 
Snowflakes 
White Trim 
Yellow Boxes 

 

Lights and Optical //////////// 
Blue Flash 
Broadway 
Bubble Pulse 
Emerge 
Exposure 
Flash 
Flicker Exposure 
Fluctuate 
Fluorescent Light 
Office Light 
Overlay 
Pulse Exposure 
Shadows 
Silhouettes 
Sonar Ping 
Spin Flash 
Word Flash 

 

Mechanical //////////// 
Algorithm 
Algorithm Loop 
Automation 
Bad Reception 
Doppler 
Electro Magnet 
Helicopter 
Insert Text 
Kinematic 
Mechanical 
Pistons 
Rack & Pinion 
Roadtrip 
Roadtrip 2 
Scale Bounce 
Screen Roll 
Stairstep 
Submarine 
Underscore 
Warp 9.8 


 

Miscellaneous //////////// 
Angle Fly-In 
Back Flip 
Blow Away 
Bounce In 
Bungee 
Chaotic 
Chaotic 2 
Clay Pigeons 
Dot.Corn 
Elbow Room 
Explosion 
Explosion 2 
Hop Skip And A Jump 
Hop Skip And A Jump 2
Hop Skip And A Jump 3
Hop Skip And A Jump 4
Pendulum 
Punching Bag 
Question 
Rattle 
Roll Bounce 
Sequential Jump 
Six-Shooter 
Slide Bounce 
Slip In Out 
Smokey 
Squeeze 
Superhero 
Swing Up 
Twisty Ribbons 
Twisty Ribbons 2 
Vanishing Point 
Wiggly Lines Yo-Yo 

 


Multi-Line //////////// 
Alphabet Soup 
Contract - Expand 
Currents 
Data Packet 
Data Stream 
Dealer 
Encryption 
Fly In By Characters 
Fly In By Words 
Front - Back 
Frontside - Backside 
Ideas 
Incoming 
Jetstream 
Jetstream 2 
Multi-Line Flip 
Outgoing - Incoming 
Pneumatic 
Production 
Stack Right Left 
Weekdays 
Word Processor 
Zippy


 

Organic //////////// 
Autumn 
Boiling 
Boomerang 
Bounce Diagonal 
Chewing Gum 
Climber 
Dip-Bounce 
Double-Helix 
Drop Bounce 
Fish Bait 
Flutter 
Flying Formation 
Horsefly 
Hummingbird 
Insect Wipe 
Insects 
Labrador 
Leapfrog 
Loose Line 
Ocean Tide 
Quiver 
Ripple 
Rubber 
Rubber Floor 
Sea-Sick 
Shuffle 
Simmer 
Slice And Dice 
Sprouts 
Tag Team 
Wheatfield 
Wind Current 
Wobble

 

 

Paths //////////// 
360 Loop 
Antelope 
Ants 
Back Stage 
Balance 
Balloon 
Balloon Man 
Bouncing 
Bubble Pop 
Bump And Slide On 
Centipede 
Circuit Board 
Conveyor Belt 
Double Spiral 
Down And Out 
Downhill Slide Off 
Downhill Slide On 
Frenzy 
Hurdles 
Karate Chop 
Loop On And Off 
Lyrical 
Organism 
Paper Clip 
Pipes 
Raquetball 
Rat Nest 
Reel To Reel 
Reel-To-Reel 2 
Rope Bridge 
Serpent 
Slippery Slope 
Spiral 
Spiral Long 
Springy 
Squirmy 
Stairwell 
Symmetry 
Tchotchke 
Walk Of Stars 
Zig-Zag 

 

 

Rotation //////////// 
Drip Down 
Flip Up 
Full Rotation 
Loopy Loop 
Random Rotation 
Rotate Chars 
Rotate Per Word 
Spin In 
Swirly Rotation 
Whirlwind 

Scale //////////// 
Large Scale 
Let's Dance 
Scale Down 
Scale Down Word 
Scale Up 
Scale Up Word 
Wiggly Scale Wipe 
Zoom Away 
Zoom Forward 

Tracking //////////// 
Contract 
Decrease Tracking 
Extend 
Increase Tracking 
Magnify 
Spasm 
Stretchy 


필요시 글씨가 등장했다가 일정한 시점 뒤에 사라지는 장면도 구현 할 수 있습니다. Animate In은 등장하는 것이고, (Out은 사라지는 것입니다.)  시점을 달리해서 효과를 눈에 보이는 콤포지션창에 원하는 대상에 드롭다운으로 던지거나, 레이어상에 대상을 선택하고 더블클릭하는 방법으로 사라지는 시점도 표현해보세요. 위 애니메이션 효과들이 삽입되면 해당된 Text에는 Animator1,2등 추가된 부분을 확인 할 수 있고, Rainge Selector에 Key frame이 보여서 원하는 시점으로 이동해 빠르게, 혹은 느리게 표현 할 수 있습니다.  Ae의 UI는 심플한 화면이지만, 자세히 보고 펼치면 복잡하게 보입니다.

 


적용된 Animation Presets의 효과를 지우려면

 

Animation Presets의 Text 관련된 각 효과명은 표현된 방법에 따라 서술된 효과명입니다. 위 노란색 테두리의 효과들은 각 미리 정해놓은 Text효과들을 적용하고 임의의 이름으로 정한 내용이라 실제 효과에서는 바로 찾을 수 없습니다. 제거시 노란색 영역을 지우면 글씨효과는 사라집니다.

 

 


 

 

 

04. 프리미어에서 AEP(애프터이팩트 프로젝트)파일에서 해당 콤포지션을 선택해서  원하는 트팩에 삽입을 하면 비디오클립처럼 삽입이 됩니다.

 

위 타이틀의 텍스트애니메이션을 작업원본파일을 ▼다운받아보세요

Ae 1편 텍스트 애니메이션.zip
10.16MB

 

 

상당히 많을 텍스트 애니메이션 효과들이 각각의 의미를 부여하여 삽입되있는 것을 확인할 수 있습니다. 양과 질로 승부하는 애프터이펙트의 텍스트 애니메이션은 앞으로 배우는 효과들을 추가하거나  Animator를 통한 표현을 통해 색다를 표현을 할 수 있습니다.

 

 

 


 

Ae의 콤프를 프리미어 프로에서 가져와 편집하기 - 다이나믹 링크

Ae는 자체내에서 MP4 내보내기(Export)를 못한다. Adobe Media Encoder를 월 47,520원이라는 가격으로 구독해서 설치해서 사용해야  Ae에서도 MP4로 내보낼 수 있다. 그래서 자체 MP4등 다양한 포맷으로 내보낼 수 있는 영상편집 프로그램인 프리미어 프로(Pr)에서 영상편집 작업을 종합적으로 하는 것이다.

 

cloud.mp4
5.37MB

 

 01  프리미어 프로에서  C+I(Import)- Ae프로젝트 파일을 선택하고 기다린다.(로딩창이 잠시뜸)
Dynamic Link라 해서 클라우드 및 로컬(내 컴퓨터) 2개 유형으로 연결하는 부분....

 02  해당 프로젝트내의 1개의 콤프를 선택하고 가져와서 비디오클립처럼 타임라인에 던져서 사용한다.
실제 푸티지인 비디오클립같이 컷편집, 속도, 트랜지션을 줄 수 있으며, Ae에서 수정하면 그대로 반영된다.

 03   콤프를 가져와 편집하고 프리미어 프로에서 늘 그렇듯 C+M을 누르고 최종 MP4로 내보내면 끝!

 

 

Ae에서 직접 영상파일로(Quicktime-Mov) 내보내기 

C+M = Render Queue(Pr의 Export Setting과 같은 개념이며 단축키도 똑같다)

이미지 및 영상으로 나가는 렌더대기열(Queue)이라 해서 렌더큐창 아래에 파란색으로된 항목을 보자!
Output Module : Quicktime = MOV (AVI는 엄청난 용량의 원본으로 1GB 정도. Ae는 MP4 내보니기 안한다.)
 Output to : 출력은 어디에...(폴더지정하자!  처음 사용한다면 Not yet... "아직 안했어"라고 뜬다.)
우측의 Render 버튼 누르면 끝

 

※  cc2023버전부터는 H264코덱을 지원해서 바로 MP4파일로 내보낼 수 있습니다.  여기서는 서로 연관된 작업중인 애펙의 콤프를  프리미어프로에서 소스처럼 가져와서 사용하는 방법으로의 다이나믹링크를 익히기 위함입니다.

 

 

자체내에서는 품질높은 avi, mov 등을 내보낼 수 있고 다수를 렌더 큐(대기열)에 모아서 Render로 내보낼 수있다.

 


 

Ae에서 현재 Comp 스틸이미지(JPG,PSD) 내보내기 

01. 현재시점에서 CA+S(Composion-Save frame as...-File)- 내보내기탭(Render Queue)
02.Render Queue에서 좌측 아웃풋모델에서 파일형식 선택(PNG)- 우측에서 위치와 파일명 선택지정
03.Render버튼 누른다(벨소리)

 


 

배경도 애니메이션 가능하다! 

애니메이션 프리셋은 이미 애펙 자체내에서 다 만들어 놓고 구성요소인 이미지와 씨 등 효과를 쉽게 만들 수 있게 각각의 의미를 두고 만들어 놓은 것이라 엄청난 양을 자랑합니다.  텍스트 효과와 함께 배경효과 등도 알아두세요.

 

 

애펙의 배경효과 Preset-Backgrounds

애펙의 배경효과 Preset-Backgrounds들은 단순한 배경을 애니메이션처리하는 자체 플러그인 요소로 아래와 같은 전혀 별개의 효과를 만들어 줄 수 있다. 원본이미지와는 전혀 다른 효과가 적용되며

oztv.tistory.com

 

 


 Offline 문제가 발생했다면... Import 한 다이나믹 링크 파일들 누락없이 Footage포함저장하는 애프터이펙트의 프로젝트 매니저

프리미어프로와 같이 프로젝트 매니저 역할을 하는 기능이 애프터이펙트에서 있습니다.

1. 현재 프로젝트를 저장한 후, 메유 File - Dependencies - Collect Files... 를 클릭하세요.
2. Collect Files창 하단의 Collect...버튼을 눌서 위치를 지정하세요. 끝!

 

 

낮은 버전으로 저장하는 방법도 알아 두세요.

 

 

 

Ae에서 Pr의 모션그래픽 템플릿 제작지원하는 기능이 있다!

더 배워야할 애프터이펙트의 모션그래픽이 있지만, 애프터이펙트의 텍스트 애니메이션은 프리미어 프로에 사용할만한 모션그래픽템플릿형태의 이센셜그래픽으로 애프터이펙트에서 만들어준다는 점을 생각해보면 프리미어 프로의 타이틀과 자막용으로 손색없는 조력자가 되는 것이 묵직한 애프터이펙트의 유연성입니다. 아래 강의는 함께 보세요.

 

https://oztv.tistory.com/583

 

After Effects에서 Premiere Pro 모션그래픽 템플릿 형태로 내보내기

세상에 하나 밖에 없는 타이틀을 영상에 오프닝으로 사용하고 싶다면... 주목하세요! 애프터 이펙트를 잘할 수 있다면 프로젝트파일 중 오프닝 타이틀로 활용가능한 콤프를 제작하고, 영상편집

oztv.tistory.com

 

 

 

 

Adobe Bridge를 활용한  쉬운 텍스트애니메이션

 

Adobe Bridge가 설치되어 있으면, Ae의 메뉴 Animation-Browse Presets를 클릭한 후 Presets창에서 원하는 Text 카테고리와 효과를 Content와 선택한 Preview를 통해 미리볼수 있습니다. Text레이어에 선택한 Content를 더블클릭만으로 바로 적용해주는 기능을 제공해줍니다. 

 

 

 


Next - 배경이미지도 다이나믹한 모션그래픽

 

Ae 1-2편. 애프터이펙트의 화려한 배경효과 Preset-Backgrounds

지난 After Effects의 글씨들이 날라다니는 Text Animation외에도 다양한 배경효과 Preset-Backgrounds들은 단순한 배경을 애니메이션처리하는 자체 플러그인 요소로 아래와 같은 전혀 별개의 효과를 만들어

oztv.tistory.com