405:
667:
545:
32:
129:
215:
206:). The term distinguishes static graphics from those with a transforming appearance over time, without over-specifying the form. While any form of experimental or abstract animation can be called motion graphics, the term typically more explicitly refers to the commercial application of animation and effects to video, film, TV, and interactive applications.
438:. The advent of more powerful desktop computers running Photoshop in the mid-90s drastically lowered the costs for producing digital graphics. With the reduced cost of producing motion graphics on a computer, the discipline has seen more widespread use. With the availability of desktop programs such as Adobe
296:
was a German cinematographer and film director who worked mainly in experimental film. The films were experiments in new forms of film expression and featured shapes of different colors flowing back and forth and in and out of the lens. He started his film career in the early 1920s, starting with
132:
219:
131:
136:
135:
130:
218:
222:
221:
216:
137:
223:
227:
139:
138:
226:
225:
224:
229:
228:
386:"are more controllable than other, more physically based processes, like constructing miniatures for effects shots, or hiring extras for crowd scenes, because it allows the creation for images that would not be feasible using any other technology."
727:
Elements of a motion graphics project can be animated by various means, depending on the capabilities of the software. These elements may be in the form of art, text, photos, and video clips, to name a few. The most popular form of animation is
312:
was of the first users of the term "motion graphics" and founded a company called Motion
Graphics Inc. in 1960. One of his most famous works was the animated title sequence from Alfred Hitchcock’s film “Vertigo” in 1958, collaborating with
134:
220:
245:
Since there is no universally accepted definition of motion graphics, the official beginning of the art form is disputed. There have been presentations that could be classified as motion graphics as early as the 19th century.
740:
that controls these changes by simulating natural forces without requiring the more rigid but precise keyframing method. Yet another method involves the use of formulas or scripts, such as the expressions function in
133:
501:'s Thinking Particles plugin. There are also some other packages in Open Source panorama, which are gaining more features and adepts in order to use in a motion graphics workflow, while
217:
512:
packages for use according to each program's strengths. Although many trends in motion graphics tend to be based on a specific software's capabilities, the software is only a tool the
732:, in which properties of an object can be specified at certain points in time by setting a series of keyframes so that the properties of the object can be automatically altered (or
281:, as the new developments of computer-generated graphics led to wider use of motion design not based on optical film animation. The term motion graphics originated with digital
430:. Early proprietary 3D computer systems were also developed specifically for broadcast design such as the Bosch FGS-4000 which was used in the music video for
1198:
1176:
1087:
371:. He explored a variety of formats, creating a large, diverse body of work. His influence in the credits of the film Seven (1995), designed by
772:
the key changes of an image at a specified or calculated time. These key poses or frames are commonly referred to as keyframes or low CP.
422:. Quantel workstations such as the Hal, Henry, Harry, Mirage, and Paintbox were the broadcast graphics standard of the time. Many other
397:. Computers began to be used as early as the late 1960s as super computers were capable of rendering crude graphics. John Whitney and
1149:
328:
was a major pioneer in the development of feature film title sequences. His work included title sequences for popular films such as
285:
in computing, perhaps to keep pace with newer technology. Graphics for television were originally referred to as
Broadcast Design.
1110:
96:
756:
Computers are capable of calculating and randomizing changes in imagery to create the illusion of motion and transformation.
1199:""Music Video That Looks like Film" by Comer, Brooke Sheffield - American Cinematographer, Vol. 67, Issue 9, September 1986"
465:
Motion graphics continued to evolve as an art form with the incorporation of sweeping camera paths and 3D elements. Maxon's
68:
389:
Before computers were widely available, motion graphics were costly and time-consuming, limiting their use to high-budget
1342:
1347:
1297:
1124:
75:
1307:
714:
592:
115:
696:
574:
1202:
688:
566:
171:
49:
1184:
82:
692:
570:
53:
297:
abstract films
Lichtspiel: Opus I (1921), the first publicly screened abstract film, and Opus II (1923.) The
769:
626:
1278:
64:
383:
423:
330:
414:
In the late 1980s to mid-1990s, expensive proprietary graphics systems such as those from
British-based
993:
892:
873:
1095:
650:
677:
555:
527:, motion graphics have begun to integrate many traditional animation techniques as well, including
435:
1063:
968:
1241:
790:
736:) in the frames between keyframes. Another method involves a behavior system such as is found in
681:
559:
309:
301:
were painted with oil on glass plates, so the wet paint could be wiped away and modified easily.
42:
20:
939:
805:
1352:
929:
865:
528:
426:
systems were used such as Ampex ADO, Abekas A51 and Grass Valley Group
Kaleidoscope for live
394:
263:
238:
89:
427:
8:
1259:
944:
934:
881:
825:
742:
606:
451:
408:
250:
wrote the first in-depth historical survey of the field, arguing for its foundations in
1059:
964:
909:
757:
646:
513:
502:
443:
419:
247:
1313:
1303:
1130:
1120:
1041:
924:
638:
610:
368:
278:
779:
649:. Motion graphics plug-ins include Video Copilot's products, Red Giant Software and
356:(1962). His designs were simple, but effectively communicated the mood of the film.
820:
271:
259:
179:
167:
19:
This article is about digital graphics. For the experimental electronic album, see
1337:
1020:
904:
761:
630:
614:
494:
490:
482:
375:, with the scratched emulsion, rapid cutaways, and bursts of light in his style.
293:
267:
187:
776:
uses computer animation tweening as well as frame-by-frame animation and video.
860:
835:
795:
336:
255:
404:
1331:
1317:
1154:
1134:
800:
634:
486:
474:
439:
398:
364:
282:
16:
Digital footage or animation which create the illusion of motion or rotation
746:
737:
618:
447:
431:
251:
199:
534:
182:
technology, but may also be displayed via manual powered technology (e.g.
815:
810:
773:
750:
509:
372:
191:
183:
1302:(3rd ed.). San Francisco, California: Morgan Kaufmann. p. 25.
1223:
729:
489:
are widely used for the animation and design of motion graphics, as is
459:
390:
175:
1116:
919:
914:
855:
785:
642:
641:. 3D programs used in motion graphics include Adobe Substance, Maxon
505:
integrates several of the functions of its commercial counterparts.
498:
470:
466:
325:
314:
298:
203:
155:
666:
544:
277:
The history of motion graphics is closely related to the history of
31:
1242:"Robert Abel & Associates - UCLA Film & Television Archive"
765:
733:
524:
478:
234:
195:
163:
850:
830:
780:
Notable filmmakers who have informed the motion graphics industry
622:
520:
415:
159:
317:, which featured swirling graphics growing from small to large.
450:, motion graphics have become increasingly accessible. Modern
401:
can be considered early pioneers of computer aided animation.
455:
1150:"50 motion design resources that creatives actually use"
535:
Motion design and digital compositing software packages
531:, frame by frame animation, or a combination of both.
367:
was one of the most important figures in 20th-century
1088:"ID 797 - History of Computer Graphics and Animation"
846:
Early ground breaking motion design studios include:
378:
178:
projects. Motion graphics are usually displayed via
56:. Unsourced material may be challenged and removed.
1112:Moving Innovation: A History of Computer Animation
1329:
1299:Computer Animation: Algorithms and Techniques
1141:
508:Many motion graphics animators learn several
519:Leaning heavily from techniques such as the
695:. Unsourced material may be challenged and
573:. Unsourced material may be challenged and
170:or rotation, and are usually combined with
1058:
963:
1042:"The Computer Graphics Book Of Knowledge"
1036:
1034:
715:Learn how and when to remove this message
593:Learn how and when to remove this message
116:Learn how and when to remove this message
1064:"Saul Bass – Animating Modernist Design"
516:uses while bringing the vision to life.
403:
213:
127:
656:
143:Animation in and about motion graphics.
1330:
1295:
1276:
1031:
493:and 3D Studio which uses a node-based
209:
477:. Despite their relative complexity,
1108:
1015:
1013:
991:
693:adding citations to reliable sources
660:
571:adding citations to reliable sources
538:
54:adding citations to reliable sources
25:
1147:
605:Motion design applications include
13:
379:Computer-generated motion graphics
14:
1364:
1010:
1021:"The History of Motion Graphics"
994:"The History of Motion Graphics"
969:"The Origins of Motion Graphics"
760:can use less information space (
665:
543:
30:
1289:
1270:
1252:
1234:
1216:
1191:
1181:excelsior.biosci.ohio-state.edu
1092:excelsior.biosci.ohio-state.edu
462:, incorporate motion graphics.
418:were quite commonplace in many
41:needs additional citations for
1279:"Pittard Sullivan shuts doors"
1169:
1102:
1080:
1052:
985:
957:
1:
1277:Graser, Marc (2 April 2001).
950:
384:Computer-generated animations
1260:"Sogitec — Histoire 3D Wiki"
1115:. Cambridge, Massachusetts:
359:
320:
304:
288:
7:
1177:"CGI Family Tree Main Page"
992:Cone, Justin (2013-02-12).
898:
889:Japan Computer Graphics Lab
331:The Man with the Golden Arm
10:
1369:
1343:Film and video terminology
1148:May, Tom (26 April 2021).
893:Cranston/Csuri Productions
874:Robert Abel and Associates
841:
233:Motion graphic clip about
18:
1348:Film and video technology
651:The Foundry Visionmongers
1264:histoire3d.siggraph.org
21:Motion Graphics (album)
940:User Experience Design
411:
242:
144:
1296:Parent, Rick (2012).
930:Motion graphic design
866:Rushes Postproduction
529:stop-motion animation
497:generator similar to
428:digital video effects
407:
395:television production
239:Museo de Arte Popular
232:
142:
1027:. December 11, 2020.
689:improve this section
657:Methods of animation
567:improve this section
452:character generators
354:Advise & Consent
50:improve this article
1246:www.cinema.ucla.edu
1224:".: flights :"
1060:Betancourt, Michael
965:Betancourt, Michael
935:Music visualization
882:Pacific Data Images
826:Martin Lambie-Nairn
764:) by automatically
758:Computer animations
745:or the creation of
743:Adobe After Effects
607:Adobe After Effects
420:television stations
409:Adobe After Effects
342:Anatomy of a Murder
254:and the historical
210:History of the term
1109:Sito, Tom (2013).
910:Live event support
514:broadcast designer
469:, plugins such as
444:Adobe Premiere Pro
424:real-time graphics
412:
346:North by Northwest
248:Michael Betancourt
243:
145:
1228:www.aerodrome.com
925:Video synthesizer
878:Marks & Marks
725:
724:
717:
611:Blackmagic Fusion
603:
602:
595:
436:Money for Nothing
369:experimental film
279:computer graphics
230:
140:
126:
125:
118:
100:
65:"Motion graphics"
1360:
1322:
1321:
1293:
1287:
1286:
1274:
1268:
1267:
1256:
1250:
1249:
1238:
1232:
1231:
1220:
1214:
1213:
1211:
1210:
1201:. Archived from
1195:
1189:
1188:
1183:. Archived from
1173:
1167:
1166:
1164:
1162:
1145:
1139:
1138:
1106:
1100:
1099:
1094:. Archived from
1084:
1078:
1077:
1075:
1074:
1056:
1050:
1049:
1038:
1029:
1028:
1017:
1008:
1007:
1005:
1004:
989:
983:
982:
980:
979:
961:
886:Pittard Sullivan
821:Oskar Fischinger
720:
713:
709:
706:
700:
669:
661:
598:
591:
587:
584:
578:
547:
539:
272:Oskar Fischinger
260:Walther Ruttmann
258:of the 1920s by
231:
180:electronic media
162:that create the
154:) are pieces of
141:
121:
114:
110:
107:
101:
99:
58:
34:
26:
1368:
1367:
1363:
1362:
1361:
1359:
1358:
1357:
1328:
1327:
1326:
1325:
1310:
1294:
1290:
1275:
1271:
1258:
1257:
1253:
1240:
1239:
1235:
1222:
1221:
1217:
1208:
1206:
1197:
1196:
1192:
1175:
1174:
1170:
1160:
1158:
1146:
1142:
1127:
1119:. p. 172.
1107:
1103:
1086:
1085:
1081:
1072:
1070:
1057:
1053:
1040:
1039:
1032:
1019:
1018:
1011:
1002:
1000:
990:
986:
977:
975:
962:
958:
953:
905:Audiovisual art
901:
844:
782:
768:, a process of
762:computer memory
721:
710:
704:
701:
686:
670:
659:
599:
588:
582:
579:
564:
548:
537:
495:particle system
381:
362:
323:
307:
294:Walter Ruttmann
291:
268:Viking Eggeling
241:in Mexico City.
237:created by the
214:
212:
188:phenakistoscope
148:Motion graphics
128:
122:
111:
105:
102:
59:
57:
47:
35:
24:
17:
12:
11:
5:
1366:
1356:
1355:
1350:
1345:
1340:
1324:
1323:
1308:
1288:
1269:
1251:
1233:
1215:
1190:
1187:on 2013-05-03.
1168:
1140:
1126:978-0262314312
1125:
1101:
1098:on 2016-10-13.
1079:
1062:(2011-08-28).
1051:
1046:www.cs.cmu.edu
1030:
1009:
998:Motionographer
984:
967:(2012-01-06).
955:
954:
952:
949:
948:
947:
942:
937:
932:
927:
922:
917:
912:
907:
900:
897:
896:
895:
890:
887:
884:
879:
876:
871:
868:
863:
861:Broadway Video
858:
853:
843:
840:
839:
838:
836:Norman McLaren
833:
828:
823:
818:
813:
808:
803:
798:
796:Maurice Binder
793:
788:
781:
778:
723:
722:
705:September 2022
673:
671:
664:
658:
655:
601:
600:
583:September 2022
551:
549:
542:
536:
533:
380:
377:
361:
358:
322:
319:
306:
303:
290:
287:
256:abstract films
211:
208:
124:
123:
38:
36:
29:
15:
9:
6:
4:
3:
2:
1365:
1354:
1351:
1349:
1346:
1344:
1341:
1339:
1336:
1335:
1333:
1319:
1315:
1311:
1309:9780124159730
1305:
1301:
1300:
1292:
1284:
1280:
1273:
1265:
1261:
1255:
1247:
1243:
1237:
1229:
1225:
1219:
1205:on 2016-12-21
1204:
1200:
1194:
1186:
1182:
1178:
1172:
1157:
1156:
1155:Creative Boom
1151:
1144:
1136:
1132:
1128:
1122:
1118:
1114:
1113:
1105:
1097:
1093:
1089:
1083:
1069:
1065:
1061:
1055:
1047:
1043:
1037:
1035:
1026:
1022:
1016:
1014:
999:
995:
988:
974:
970:
966:
960:
956:
946:
945:After Effects
943:
941:
938:
936:
933:
931:
928:
926:
923:
921:
918:
916:
913:
911:
908:
906:
903:
902:
894:
891:
888:
885:
883:
880:
877:
875:
872:
869:
867:
864:
862:
859:
857:
854:
852:
849:
848:
847:
837:
834:
832:
829:
827:
824:
822:
819:
817:
814:
812:
809:
807:
804:
802:
801:Stan Brakhage
799:
797:
794:
792:
789:
787:
784:
783:
777:
775:
771:
767:
763:
759:
754:
752:
748:
747:ActionScripts
744:
739:
735:
731:
719:
716:
708:
698:
694:
690:
684:
683:
679:
674:This section
672:
668:
663:
662:
654:
652:
648:
644:
640:
636:
635:Adobe Animate
632:
628:
624:
620:
616:
612:
608:
597:
594:
586:
576:
572:
568:
562:
561:
557:
552:This section
550:
546:
541:
540:
532:
530:
526:
522:
517:
515:
511:
506:
504:
500:
496:
492:
488:
487:3D Studio Max
484:
480:
476:
475:After Effects
472:
468:
463:
461:
457:
453:
449:
445:
441:
440:After Effects
437:
433:
429:
425:
421:
417:
410:
406:
402:
400:
399:Charles Csuri
396:
392:
387:
385:
376:
374:
370:
366:
365:Stan Brakhage
357:
355:
351:
347:
343:
339:
338:
333:
332:
327:
318:
316:
311:
302:
300:
295:
286:
284:
283:video editing
280:
275:
273:
269:
265:
261:
257:
253:
249:
240:
236:
207:
205:
201:
197:
193:
189:
185:
181:
177:
173:
169:
165:
161:
157:
153:
149:
120:
117:
109:
98:
95:
91:
88:
84:
81:
77:
74:
70:
67: –
66:
62:
61:Find sources:
55:
51:
45:
44:
39:This article
37:
33:
28:
27:
22:
1353:Visual music
1298:
1291:
1282:
1272:
1263:
1254:
1245:
1236:
1227:
1218:
1207:. Retrieved
1203:the original
1193:
1185:the original
1180:
1171:
1159:. Retrieved
1153:
1143:
1111:
1104:
1096:the original
1091:
1082:
1071:. Retrieved
1067:
1054:
1045:
1025:Google Books
1024:
1001:. Retrieved
997:
987:
976:. Retrieved
972:
959:
845:
791:John Whitney
755:
738:Apple Motion
726:
711:
702:
687:Please help
675:
619:Apple Motion
604:
589:
580:
565:Please help
553:
518:
507:
464:
448:Apple Motion
432:Dire Straits
413:
388:
382:
363:
353:
352:(1960), and
349:
345:
341:
335:
329:
324:
310:John Whitney
308:
292:
276:
264:Hans Richter
252:visual music
244:
200:praxinoscope
151:
147:
146:
112:
103:
93:
86:
79:
72:
60:
48:Please help
43:verification
40:
1283:variety.com
1068:Cinegraphic
973:Cinegraphic
816:Pablo Ferro
811:Kyle Cooper
806:Robert Abel
774:Adobe Flash
751:Adobe Flash
510:3D graphics
373:Kyle Cooper
192:stroboscope
184:thaumatrope
174:for use in
158:or digital
150:(sometimes
1332:Categories
1209:2016-12-21
1073:2019-02-05
1003:2019-02-05
978:2019-02-05
951:References
730:keyframing
629:programs,
625:, various
473:and Adobe
460:Ross Video
454:(CG) from
391:filmmaking
299:animations
176:multimedia
76:newspapers
1318:809249105
1135:936201609
1117:MIT Press
920:Video art
915:Scanimate
856:Aerodrome
786:Saul Bass
770:rendering
676:does not
643:Cinema 4D
554:does not
499:Cinema 4D
467:Cinema 4D
360:1933-2003
326:Saul Bass
321:1920-1996
315:Saul Bass
305:1917-1995
289:1887-1941
235:alebrijes
204:flip book
156:animation
1161:30 April
899:See also
870:Sogitech
766:tweening
525:pastiche
479:Autodesk
348:(1959),
344:(1959),
340:(1958),
334:(1955),
196:zoetrope
164:illusion
106:May 2013
851:Charlex
842:Studios
831:Len Lye
749:within
734:tweened
697:removed
682:sources
647:Blender
623:Max/MSP
575:removed
560:sources
523:or the
521:collage
503:Blender
471:MoGraph
416:Quantel
337:Vertigo
160:footage
152:mograph
90:scholar
1338:Design
1316:
1306:
1133:
1123:
639:Natron
350:Psycho
168:motion
92:
85:
78:
71:
63:
456:Vizrt
172:audio
97:JSTOR
83:books
1314:OCLC
1304:ISBN
1163:2023
1131:OCLC
1121:ISBN
753:.
680:any
678:cite
645:and
631:Moho
615:Nuke
558:any
556:cite
491:Maya
485:and
483:Maya
458:and
446:and
393:and
270:and
69:news
691:by
569:by
481:'s
166:of
52:by
1334::
1312:.
1281:.
1262:.
1244:.
1226:.
1179:.
1152:.
1129:.
1090:.
1066:.
1044:.
1033:^
1023:.
1012:^
996:.
971:.
653:.
637:,
633:,
627:VJ
621:,
617:,
613:,
609:,
442:,
434:'
274:.
266:,
262:,
202:,
198:,
194:,
190:,
186:,
1320:.
1285:.
1266:.
1248:.
1230:.
1212:.
1165:.
1137:.
1076:.
1048:.
1006:.
981:.
718:)
712:(
707:)
703:(
699:.
685:.
596:)
590:(
585:)
581:(
577:.
563:.
119:)
113:(
108:)
104:(
94:·
87:·
80:·
73:·
46:.
23:.
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.