SlideShare a Scribd company logo
1 of 5
Download to read offline
Crop phoner pics like you normally would (400x500 size).
1) In the computer, go to: C:UsersmastercontrolVideosOn the Phone Template CS5 (or CS6,
depending on the computer you use). Double-click to open the After Effects (also known as
AE) project.
2) On the left side of the screen is your Project window. If you don’t have a pic to use for the
phoner, skip steps 3-4. Locate the Replaceable Image Placeholder.tiff file.
3) L-click to select the Placeholder.tiff and then R-click to bring up the footage menu. Hover the
cursor over the triangle to the right of “Replace Footage” to open up the submenu. Select the
“File…” option (you can also use the shortcut of Ctrl+H to get directly to this option).
4) Find your pic and click “Open.” Your pic has now taken the place of the Replaceable Image
Placeholder.
5) At the bottom L-side of the screen should be your compositions and render queue. Look for
the composition that says “Phoner with Pic” (if you don’t have a pic, use the “Phoner - no pic”
comp). Select it using the cursor.
6) Now that the “Phoner with Pic” composition is open, the only layers visible are the Name,
Position, and Company/Organization text fields. Select the Name text field using the cursor.
7) Go up to the Tool Bar Menu at the top of the screen and locate the tool that has a “T” for its
symbol. This is the Text Tool and allows you to create new text as well as edit pre-existing text
fields.
8) Now that you’re in Text mode, over the text icon over the Name text field in the Preview
window. Highlight the text.
9) Type in the person’s name. Do the same for the position and company (if applicable).
10) This composition is done. In the Top Left Menu, select the Composition Menu and select “Add
to Render Queue.”
11) Select “Render Queue” in the Composition window near the bottom left-side of the screen.
12) The Render Settings are fine as they (either Best Results or Quicktime [H264]). We need to
change the Output Module. Click on “Lossless.” Have the settings as below.
13) Back in the Render Queue, change the Output To by selecting “Phoner with Pic.” The naming
convention for all animated phoners is First Name, then Last Name, and end it with Phoner. In
this instance, this phoner would be “Napoleon Dynamite Phoner.” Save it to the desktop.
14) On the bottom right side of the render queue is the “Render” button. Press it to render out
this animation.
15) Once the animation is complete, close out After Effects. DO NOT SAVE THE PROJECT!! Press
the “Don’t Save” button.
16) Find your animation on the desktop. Drag and drop it into NewsDrop.
17) Let News know what you called it and where it is currently.
18) Give yourself a high-five…good job.

More Related Content

Viewers also liked

Tracy Fiorenza - Spring 2015 Sean McSweeny (1)
Tracy Fiorenza - Spring 2015 Sean McSweeny (1)Tracy Fiorenza - Spring 2015 Sean McSweeny (1)
Tracy Fiorenza - Spring 2015 Sean McSweeny (1)Tracy Fiorenza
 
JVS Debra Ruh Disability Inclusion and Employability
JVS Debra Ruh Disability Inclusion and EmployabilityJVS Debra Ruh Disability Inclusion and Employability
JVS Debra Ruh Disability Inclusion and Employabilitykmzook
 
Día internacional de la mujer
Día internacional de la mujerDía internacional de la mujer
Día internacional de la mujersebas_loko
 
Java IEEE 2015 titles
Java IEEE 2015 titlesJava IEEE 2015 titles
Java IEEE 2015 titlessmartprotech
 

Viewers also liked (10)

Tracy Fiorenza - Spring 2015 Sean McSweeny (1)
Tracy Fiorenza - Spring 2015 Sean McSweeny (1)Tracy Fiorenza - Spring 2015 Sean McSweeny (1)
Tracy Fiorenza - Spring 2015 Sean McSweeny (1)
 
JVS Debra Ruh Disability Inclusion and Employability
JVS Debra Ruh Disability Inclusion and EmployabilityJVS Debra Ruh Disability Inclusion and Employability
JVS Debra Ruh Disability Inclusion and Employability
 
Día internacional de la mujer
Día internacional de la mujerDía internacional de la mujer
Día internacional de la mujer
 
Btech cse dotnet list
Btech cse dotnet listBtech cse dotnet list
Btech cse dotnet list
 
Java IEEE 2015 titles
Java IEEE 2015 titlesJava IEEE 2015 titles
Java IEEE 2015 titles
 
Ir verbs
Ir verbsIr verbs
Ir verbs
 
Germany
GermanyGermany
Germany
 
Marcegaglia Group
Marcegaglia GroupMarcegaglia Group
Marcegaglia Group
 
Future of india
Future of indiaFuture of india
Future of india
 
India of my dream
India of my dreamIndia of my dream
India of my dream
 

Similar to How to make an animated phoner

Learning flash by Ms. Payal Narula
Learning flash by Ms. Payal Narula Learning flash by Ms. Payal Narula
Learning flash by Ms. Payal Narula kulachihansraj
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01momayabhavana
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01bhavanalm
 
3Dimenssion_lessonO_PostProcessingEffects.pptx
3Dimenssion_lessonO_PostProcessingEffects.pptx3Dimenssion_lessonO_PostProcessingEffects.pptx
3Dimenssion_lessonO_PostProcessingEffects.pptxFaris Abuhashish
 
How to create watermark effect
How to create watermark effectHow to create watermark effect
How to create watermark effectBán Markus
 
Illustrator portrait project-final
Illustrator portrait project-finalIllustrator portrait project-final
Illustrator portrait project-finalDaniel Downs
 
A Grab Of Teaching Tools, Description
A Grab Of Teaching Tools, DescriptionA Grab Of Teaching Tools, Description
A Grab Of Teaching Tools, Descriptiongueste45a4d
 
How To Use OpenOffice Impress
How To Use OpenOffice ImpressHow To Use OpenOffice Impress
How To Use OpenOffice ImpressAva Fails
 
Firecoresoft splendvd user guide
Firecoresoft splendvd user guideFirecoresoft splendvd user guide
Firecoresoft splendvd user guideamalejackie
 
Rule for creating power point slide
Rule for creating power point slideRule for creating power point slide
Rule for creating power point slideMd. Mashiur Rahman
 
Quick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialQuick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialSu Yuen Chin
 
Basic After Effect & Animation GIF (J&T Express)
Basic After Effect & Animation GIF (J&T Express)Basic After Effect & Animation GIF (J&T Express)
Basic After Effect & Animation GIF (J&T Express)IzzuwanIsmail
 
I. PurposeThe purpose of this assignment is to demonstrate your
I. PurposeThe purpose of this assignment is to demonstrate your I. PurposeThe purpose of this assignment is to demonstrate your
I. PurposeThe purpose of this assignment is to demonstrate your fideladallimore
 
Introductory manual for the open source meshing code SALOME
Introductory manual for the open source meshing code SALOMEIntroductory manual for the open source meshing code SALOME
Introductory manual for the open source meshing code SALOMEFilippos Kalofotias
 
Tat learning applications en
Tat learning applications enTat learning applications en
Tat learning applications enToni Setyawan
 
SDN Mentor Hands On - Exercise 2
SDN Mentor Hands On - Exercise 2SDN Mentor Hands On - Exercise 2
SDN Mentor Hands On - Exercise 2dan_mcweeney
 
photoshop_workshop_01
photoshop_workshop_01photoshop_workshop_01
photoshop_workshop_01tutorialsruby
 

Similar to How to make an animated phoner (20)

Xpression CG Handbook
Xpression CG HandbookXpression CG Handbook
Xpression CG Handbook
 
Learning flash by Ms. Payal Narula
Learning flash by Ms. Payal Narula Learning flash by Ms. Payal Narula
Learning flash by Ms. Payal Narula
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
3Dimenssion_lessonO_PostProcessingEffects.pptx
3Dimenssion_lessonO_PostProcessingEffects.pptx3Dimenssion_lessonO_PostProcessingEffects.pptx
3Dimenssion_lessonO_PostProcessingEffects.pptx
 
How to create watermark effect
How to create watermark effectHow to create watermark effect
How to create watermark effect
 
Scientific Poster Making Using Adobe Illustrator -hmftj
Scientific Poster Making Using Adobe Illustrator -hmftjScientific Poster Making Using Adobe Illustrator -hmftj
Scientific Poster Making Using Adobe Illustrator -hmftj
 
Illustrator portrait project-final
Illustrator portrait project-finalIllustrator portrait project-final
Illustrator portrait project-final
 
A Grab Of Teaching Tools, Description
A Grab Of Teaching Tools, DescriptionA Grab Of Teaching Tools, Description
A Grab Of Teaching Tools, Description
 
How To Use OpenOffice Impress
How To Use OpenOffice ImpressHow To Use OpenOffice Impress
How To Use OpenOffice Impress
 
Firecoresoft splendvd user guide
Firecoresoft splendvd user guideFirecoresoft splendvd user guide
Firecoresoft splendvd user guide
 
Rule for creating power point slide
Rule for creating power point slideRule for creating power point slide
Rule for creating power point slide
 
Flash
FlashFlash
Flash
 
Quick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialQuick Step by Step Flash Tutorial
Quick Step by Step Flash Tutorial
 
Basic After Effect & Animation GIF (J&T Express)
Basic After Effect & Animation GIF (J&T Express)Basic After Effect & Animation GIF (J&T Express)
Basic After Effect & Animation GIF (J&T Express)
 
I. PurposeThe purpose of this assignment is to demonstrate your
I. PurposeThe purpose of this assignment is to demonstrate your I. PurposeThe purpose of this assignment is to demonstrate your
I. PurposeThe purpose of this assignment is to demonstrate your
 
Introductory manual for the open source meshing code SALOME
Introductory manual for the open source meshing code SALOMEIntroductory manual for the open source meshing code SALOME
Introductory manual for the open source meshing code SALOME
 
Tat learning applications en
Tat learning applications enTat learning applications en
Tat learning applications en
 
SDN Mentor Hands On - Exercise 2
SDN Mentor Hands On - Exercise 2SDN Mentor Hands On - Exercise 2
SDN Mentor Hands On - Exercise 2
 
photoshop_workshop_01
photoshop_workshop_01photoshop_workshop_01
photoshop_workshop_01
 

How to make an animated phoner

  • 1. Crop phoner pics like you normally would (400x500 size). 1) In the computer, go to: C:UsersmastercontrolVideosOn the Phone Template CS5 (or CS6, depending on the computer you use). Double-click to open the After Effects (also known as AE) project. 2) On the left side of the screen is your Project window. If you don’t have a pic to use for the phoner, skip steps 3-4. Locate the Replaceable Image Placeholder.tiff file. 3) L-click to select the Placeholder.tiff and then R-click to bring up the footage menu. Hover the cursor over the triangle to the right of “Replace Footage” to open up the submenu. Select the “File…” option (you can also use the shortcut of Ctrl+H to get directly to this option). 4) Find your pic and click “Open.” Your pic has now taken the place of the Replaceable Image Placeholder.
  • 2. 5) At the bottom L-side of the screen should be your compositions and render queue. Look for the composition that says “Phoner with Pic” (if you don’t have a pic, use the “Phoner - no pic” comp). Select it using the cursor. 6) Now that the “Phoner with Pic” composition is open, the only layers visible are the Name, Position, and Company/Organization text fields. Select the Name text field using the cursor. 7) Go up to the Tool Bar Menu at the top of the screen and locate the tool that has a “T” for its symbol. This is the Text Tool and allows you to create new text as well as edit pre-existing text fields. 8) Now that you’re in Text mode, over the text icon over the Name text field in the Preview window. Highlight the text. 9) Type in the person’s name. Do the same for the position and company (if applicable). 10) This composition is done. In the Top Left Menu, select the Composition Menu and select “Add to Render Queue.”
  • 3. 11) Select “Render Queue” in the Composition window near the bottom left-side of the screen.
  • 4. 12) The Render Settings are fine as they (either Best Results or Quicktime [H264]). We need to change the Output Module. Click on “Lossless.” Have the settings as below. 13) Back in the Render Queue, change the Output To by selecting “Phoner with Pic.” The naming convention for all animated phoners is First Name, then Last Name, and end it with Phoner. In this instance, this phoner would be “Napoleon Dynamite Phoner.” Save it to the desktop. 14) On the bottom right side of the render queue is the “Render” button. Press it to render out this animation. 15) Once the animation is complete, close out After Effects. DO NOT SAVE THE PROJECT!! Press the “Don’t Save” button.
  • 5. 16) Find your animation on the desktop. Drag and drop it into NewsDrop. 17) Let News know what you called it and where it is currently. 18) Give yourself a high-five…good job.