https://id.pngtree.com/freepng/
https://id.pngtree.com/high-
PREFACE
Praise the authors, pray for the presence of Allah SWT for the completion of 2D
and 3D animation vocabulary booklets for skills competency for multimedia
vocational schools. This book explains 2D and 3D animation vocabulary in
accordance with the basic competencies of the 2013 curriculum which teaches
students to be able to create animated works in accordance with the needs of the
world of work. in terms of presentation, this book is very different from other
books. The difference can be seen in the content which prioritizes understanding
vocabulary with the intention of adding students' knowledge and skills. This book
is also equipped with pictures so that students will find it easier understand the
icon on the feature.
Thus, I hope that this book will create reliable young Indonesian animators who
are able to show their creativity in the international arena. In addition, I hope that
what has been learned will be a blessing for all of us.
Pringsewu , 2021
Selvi Sutri Insani
ii
TBLE OF CONTENT
iii
https://verdant.id/artikel/anda-penyuka-video-animasi-cek-perbedaan-animasi-2d-dan-3d-ini/
The Definition of Animation
Animation comes from the English word "animation" which means to move. In
principle, animation is a moving image, which is arranged in a pre-determined
storyline and within a certain time duration. These images are a collection of
various objects, such as images of people, animals, plants, text, vehicles and
buildings, the use of animation has been known since 2,000 years ago in Egypt
with the discovery of murals on tombs showing caterpillars in various positions
and movements. This drawing habit was also practiced by other nations, namely
the Greeks and Romans. This is known to be the forerunner of animation. In 1941,
Winsor MacCay who was given the nickname "Father of World Animation" made
the first animation entitled (Gertie is Dinosaurs)
What is Animation ?
Animation is a moving image arranged in a predetermined plot and in a certain
duration. Aanimation is divided into 2 :
1. 2D animation is a type of animation in two dimensions, meaning that 2D
animators create images and characters in a two-dimensional format and
animate them with movement
2. 3D animation is the creation of moving images in 3-dimensional digital space.
1
List of Vocabulary you have to know about
Animation?
https://www.rocketstock.com/blog/animation-tip-how-to-master-squash-and-stretch/
Is the basic principle of animation to create the illusion of the toughness of an
object's surface
https://www.pinterest.com/pin/685250899530308519
The principle that gives the impression of the preparatory movements carried out
by the animated characters by the animator
https://zefanyanicole.wordpress.com/2019/07/18/12-prinsip-dasar-animasi-18-7-19/
2
Emphasizes the overall motion in a scene which must be displayed in detail and
clearly so as to convey ideas to the audience
https://kelasanimasi.com/prinsip-dasar-untuk-pembuatan-animasi/3/
Method of arranging motion animation sequentially from start to finish or motion
that has been planned in advance
https://georgedavisgamesdesignportfolio.wordpress.com/2017/03/05
The basic princile of animation which emphasizes the animated movement of
other body parts that continue to move even though the body or body has stopped
moving.
3
http://bagusabdillah10.blogspot.com/2018/10/prinsip-animasi-slow-in-and-slow-out.html
A movement will experience acceleration and deceleration
https://danterinaldidesign.com/principles-animation-arcs/
To give a natural impression because the movements of characters such as
humans and animals move to form patterns
https://www.mawan.or.id/files/pdf/12%20Prinsip%20Animasi.pdf
Secondary motion or additional motion that occurs due to the effect of the main
motion.
4
https://www.freepik.com/blog/animation-principles-in-motion-design/
Timing of motio
http://mrghozali.blogspot.com/2017/08/12-prinsip-dasar-animasi.html
Relating to the visual style of animation
https://pertanyaan.id/q/107897-prinsip-animasi-2
Emphasizes dramatic animation movements and hyperbole
5
https://www.an1mage.org/2017/09/elemen-prinsip-animasi-solid-drawing.html
The animator's ability to create images
6
Answer the following questions correctly!
NO. PICTURE ANSWER
1. Squash and stretch
https://www.guruanimasi.com/2020/02/prinsip-
animasi.html
what do you know about squash & Stretch
shape changes (perubahan bentuk) on the
ball animation object, in the picture?
2. Anticipation
https://www.guruanimasi.com/2020/02/prinsip-
animasi.html
please explain the anticipation movement
(a,b,c,) in the picture!
3. Staging
https://qomaruna.com/12-prinsip-animasi/
please write the difference about this
pictures!
7
4. Straigh Ahead and Pose to Pose
https://dheafrilia.wordpress.com/2019/07/18/12-
prinsip-dasar-animasi/
please write down one of the advantages
and disadvantages of using straight ahead
and pose to pose!
5. Follow Through and Overlapping Action
http://dapoeranimasi.com/12-prinsip-animasi/
what is an example of overlapping motion
in the picture?
6. Slow In and Slow Out
http://www.artsofapple.com/2017/05/12-prinsip-
dasar-animasi.html
What do you know about motion Slow In
and Slow out?
7. Arcs
https://dheafrilia.wordpress.com/2019/07/18/12-
prinsip-dasar-animasi/
please write down 3 advantages of using
arcs principle!
8
8. Secondary Action
https://dheafrilia.wordpress.com/2019/07/18/12-
prinsip-dasar-animasi/
write down the most common Example
(secondary Action) in the picture!
9. Timing and Spacing
https://bakwanteam.wordpress.com/2013/07/21/12-
prinsip-animasi-timing-spacing/
Mention the term key pose in the timing
and spacing principle!
10. Appeal
http://www.artsofapple.com/2017/05/12-prinsip-
dasar-animasi.html
please explain why in the principle of
appeal you have to make an interesting
style?
9
11. Exaggeration
http://jeantohan.blogspot.com/2013/02/prinsip-
animasi.html
please write some animated films related
to the principle of exaggeration!
12. Solid drawing
https://dheafrilia.wordpress.com/2019/07/18/12-
prinsip-dasar-animasi/
what sensitivity should animators have in
creating animations using solid drawing
principles!
10
NO. PICTURE COMMAND SHOR FUNCTION
NAME CUT
1.
Selecting or selecting
Selection tool V objects
(Menyeleksi atau
memilih objek)
2 Changing the shape of
an object using the
Subselection edit point
tool A (Mengubah bentuk
objek dengan
mengunakan edit
point)
3.
Free Resize and rotate
transform
Q objects
tool (Mengubah ukuran
serta memutar objek)
4. Rotate objects in 3D
with three rotating
3D rotation W axes x, y, and z
tool (Memutar objek secara
3D dengan tuga sumbu
putar x,y, dan z)
5. Rotate objects in 3D
3D with movie clip
translation
G symbols
tool (Merotasi objek secara
3D dengan symbol
movie clip)
6.
Select a certain area
Lasso tool L freely
(Menyeleksi area
tertentu secara bebas)
11
7.
Drawing on stage
Pen tool P (Menggambar pada
stage)
8. Adding an anchor
point to a path or
Add Anchor = drawing line
point tool (Menambah titik
anchor pada path atau
garis gambar)
9.
Deleting an anchor
point on a path or
Delete anchor - drawing line
point tool (Mengahapus titik
anchor pada path atau
garis gambar)
10.
Change the shape of
Convert the corner points on a
anchor point
C path or line drawing
tool (Mengubah bentuk
sudut titik pada path
atau garis gambar)
11.
Text tool T Create a text object
(Membuat objek teks)
12. Creating Straight Line
Objects
Line tool N (Membuat Objek Garis
Lurus)
13. Create a rectangular
Rectangle object
tool R (Membuat object
bidang persegi)
14.
Create a circle object
(Membuat objek
Oval tool O lingkaran)
12
15. Create a rectangular
object with curved
corners
Rectangle R (Membuat objek
primitive tool bidang persegi dengan
sudut yang dapat di
buat lengkung)
16. Create objects with
Oval O various variations
primitive tool (Membuat objek
dengan berbagai
macam variasi)
17. Creating polygons and
Polystart tool - stars
(Membuat objek
polygon dan bintang)
18. Make an object that is
a pencil stroke
Pencil tool Y (Membuat objek yang
merupai goresan
pensil)
19. Create an object that
resembles a brush
Brush tool B stroke
(Membuat objek yang
meyerupai goresan
kuas)
20. Creating an object that
Spray brush resembles a spray
tool B (Membuat objek yang
menyerupai sebuah
semprotan)
21.
Creating motifs using
graphic symbols
Deco tool U (Membuat motif
dengan mengunakan
symbol grafik)
13
22. Create animations by
adding joint points to
objects
Bone tool X (Membuat animasi
dengan menambahkan
titik sendi pada objek)
23. Make changes to the
joints that have been
made through the bone
tool
Bind tool Z (Melakukan perubahan
pada sendi yang telah
di buat melalui bone
tool)
24. Gives color as well as
Point bucket outlines the object
tool K (Memberikan warna
sekaligus memberi
outline pada objek.)
25.
Taking color samples
Eyedropper from a specific area
tool I (Mengambil sampel
warna dari area
tertentu)
26. Deleting objects that
Eraser tool E are on the stage
(Menghapus objek
yang ada di stage)
27.
Shift work area view
Hand tool H (Menggeser tampilan
area kerja)
28.
Enlarge or reduce the
work area
(Memperbesar maupun
Zoom tool Z memperkecil tampilan
area kerja)
14
29.
Stoke color Color the lines
- (Memberi warna pada
garis)
30.
Giving color while
giving an outline to the
Ink bottle S object
tool (Memberi warna
sekaligus memberi
outline pada objek)
31.
Fill color Color the field
- (Memberi warna pada
bidang)
Sumber https://www.dumetschool.com
15
Fill in the function(fungsi) of the command below!
NO. COMMAND NAME FUNCTION
1. Line tool
2. Text tool
3. Zoom tool
4. Eraser tool
5. Pencil tool
6. Oval tool
7. Bone tool
8. Sublection tool
9. Selection tool
10. 3D rotation tool
11. Fill colour
12. Rectangle primitive tool
13. Deco tool
14. Lasso tool
16
15. Polystart tool
16. Convert anchor point tool
17. Bind tool
18. Brush tool
19. Free transform tool
20. 3D translation tool
17
VOCABULARY LIST
GAMBAR KATA ARTI
Scale Skala
photoshopessentials.com/
Skew Condong
photoshop-transform-tool/
Rotate Memutar
photoshop-transform-tool/
https://bwillcreative.com/ Line Garis
https://phlearn.com/ Oval Ingkaran
https://qastack.id/ Retangle Segi Empat
18
Swath Petak
https://neilmcallister.com/
Motion Gerakan
https://www.educba.com/
Shape Bentuk
https://inscribemag.com/free-photoshop-shapes-csh/
Modify Memodifikasi
http://www.infoparrot.com/modify-silhouette-adobe-
photoshop/
Reverse Balik
http://iceflowstudios.com/2013/tips/reverse-your-layers-
in-photoshop/
19
Remove Menghapus
https://www.freecodecamp.org/news/how-to-remove-a-
background-in-photoshop-cc/
Convert Mengubah
https://id.wikihow.com/Mengkonversi-Teks-Menjadi-
Outline-di-Photoshop
Proportion Proporsi
https://www.pinterest.com/
rhythm Irama
http://hokutokishinami09253535.blogspot.com/
Balance Kseimbangan
https://helpx.adobe.com/photoshop/using/applying-
color-balance-adjustment.html
20
Emphasis Penekanan
https://plhsphotography.wordpress.com/2016/03/22/emp
hasis-using-photoshop/
Unity Kesatuan
http://www.swingswingsubmarine.com/2014/01/23/from
-photoshop-to-unity/
Detach Melepaskan
https://www.wikihow.com/Remove-Text-from-a-Photo-
in-Photoshop
Opacity Kegelapan
https://id.wikihow.com/Menyesuaikan-Opacity-di-
Adobe-Photoshop
Hatching Arsiran
Searah
https://www.grutbrushes.com/
21
https://www.symbiancreate.co.uk/how-do-i-create- Themes Tema
photoshop-colour-theme/
Opening Halaman
Screen Pembuka
https://www.behance.net/gallery/44665625/Adobe-
Photoshop-CC-2017-Splash-Screen
Save Simpen
https://edu.gcfglobal.org/
Graphic Grafik
https://www.nicepng.com/ Base Warna Dasar
https://streamshark.io/ Color
https://design.tutsplus.com/
Patter Pola
22
Task Pane Panel Tugas
https://blog.indezine.com/
Editing Mengedit
https://www.fivesquid.com/ Insert Memasukan
https://www.youtube.com/watch?v=jC3jpjgesXA
Design Rancangan
https://designmodo.com/graphic-design-photoshop-
tutorials/
Costumize Sesuikan
https://photoshoptrainingchannel.com/how-to-customize-
the-photoshop-interface-color/
http://www.photoshoptutorials.eu/transition-photo- Transition Transisi
sketch-photoshop-tutorial/
23
Timing Waktu
https://www.domestika.org/
drawing Alat
tools Mengambar
https://www.c-sharpcorner.com/
presenter Tampilan
view Presenter
https://business.tutsplus.com/tutorials/powerpoint-
presenter-view--cms-29671
command Tombol
button Perintah
https://photoshoptrainingchannel.com/photoshop-
keyboard-shortcuts/
checkbox Kotak
Centang
http://www.shapes4free.com/photoshop-custom-
shapes/photoshop-tick-shapes/
Hide slide Menyembuny
ikan Slide
https://www.youtube.com/watch?v=-WYfflt5xqA
24
delete Menghapus
slide Slide
https://id.wikihow.com/Menghapus-Item-di-Photoshop
new folder Folder Baru
https://id.wikihow.com/Membuat-Folder-Baru-Pada-
Komputer
open in Membuka
browser File Pda
Sebuah
https://marketplace.visualstudio.com/items?itemName=te Bowser
cher.open-in-browser
single file Sebuah
web page Halaman Web
Tunggal
SaveaWorkbookorWorksheetasaSingleFileWebPage.htm
font Jenis Huruf
https://befonts.com/withsand-calligraphy-hand-lettering-
font.html
sentence Huruf
case Pertama Di
https://www.wallstreetmojo.com/sentence-case-in-excel/ Awal Kalimat
Huruf Besar
25
More Warna Yang
color Lain
https://www.moddb.com/games/morecolor Strikethro Garis Di
https://saijogeorge.com/strikethrough-text-generator/ ugh Tengah
Warna
Dauble Garis Ganda
strikethou Di Tengah
ght Warna
https://kasusx.wordpress.com/2019/10/23/tutorial-
double-strikethrough-pada-microsoft-office-word/
All caps Seluruh Teks
Huruf Kaptal
https://www.urbanfonts.com/fonts/All_Caps.font
Zoom in Memperbesar
https://www.madamvia.web.id/2018/06/cara-membuat-
efek-zoom-in-dan-out-gambar-di-blogger-terbaru-
2018.html
Zoomout Memperkecil
https://www.vecteezy.com/vector-art/1505037-zoom-
out-icon
26
Penyinaran
Back light Dari
Belakang
https://iso.500px.com/an-easy-guide-to-backlit- Pose to Penyusunan
photography/ pose Gerak
https://www.pinterest.com/
Demote Menurunkan
https://thenounproject.com/term/demote-user/1524738/
move up Menaikan
Posisi
https://www.freepik.com/free-icon/move-up_887606.htm
https://thenounproject.com/term/image-effects/7295/ Picture Menambahka
effect n Effect
Crop Memotong
https://pngtree.com/freepng/crop-icon-isolated-on-
background_5093208.html
27
https://www.vectorstock.com/royalty-free-vector/play- Play in Memutar
icon-isolated-on-grey-background-flat-design-vector- baground Sebagai
19842800 Baground
Date and Waktu Dan
time Tanggal
https://www.vectorstock.com/royalty-free-vector/date-
and-time-icon-vector-6533027
Present Pengaturan
online Scara Online
https://www.iconfinder.com/icons/1598956/free_gift_gift
_hamper_laptop_online_gift_present_icon
Rehearse Lamanya
timings Waktu
https://it.nmu.edu/docs/rehearsing-timings-powerpoint
very tight Sangat Rapat
https://www.istockphoto.com/illustrations/tight-
connection
Create Membuat
http://www.pusatgratis.com/software/download
28
Creator Pembuat
https://www.flaticon.com/premium-icon/creator_1655133
Delay Menunda
https://uxwing.com/delay-icon/
Decline Menolak
https://www.flaticon.com/premium-
icon/decline_2030538
29
Please find the antonym of word bellow !
NO. VOCABULARY ANTONYM
WORD
1. Move up
2. Zoom out
3. Height
4. Accept
5. Advantage
6. Good
7. Below
8. Correct
9. Begin
10. Internal
11. False
12. Fast
13. Hard
14. Inside
15. Left
16. Light
17. Take
18. Long
19. Full
20. Close
30
Please find the antonym of word bellow!
NO. VOCABULARY synonym
WORD
1. Extra
2. Applicable
3. Convention
4. Branch
5. Choosy
6. Approached
7. Complete
8. Continuous
9. Dash
10. Defective
11. Advance
12. Almost
13. To Answer
14. Association
15. Awful
16. Backside
17. To Begin
18. Bend
19. Identity
20. Illusion
31
write down how many vocabularies Multimedia do you know from A-Z
alphabets!
ALPHABETS VOCABULARY
A. Example, Ancient,
B. Example, Below,
C. Example, Combine,
D. Example, Dark,
E. Example, Expand,
F. Example, Fast,
G. Example, Giant,
H. Example, Hight,
I. Example, Inside,
J. Example, Join,
K. Example, Knowledge,
L. Example, Like,
M. Example, Master,
N. Example, Narrow,
32
O. Example, Offer,
P. Example, Pouch,
Q. Example, Powerful
R. Example, Right
S. Example, Scatter,
T. Example, Tall,
U. Example, Ugly,
V. Example, Visible,
W. Example, Wadlle,
X. Example, X-Banner,
Y. Example, Yardsticks,
Z. Example, Zany,
33
Choose One of The Correct Answers!
1. The meaning of animation is identical to the word...
a. Object
b. Time
c. Movement
2. To create an animation, it is necessary to have the following things, namely...
a. picture
b. media
c. movement
3. 2-dimensional animation, meaning that the perspective is seen from
a. front back
b. length and width
c. object and shadow
4. In the modern era, animation techniques can be made automatically
a. numbers
b. manual
c. computer
5. the need to understand the basic principles of animation so that the animation
product that is made looks...
a. elastic
b. dynamic
c. move
6. on the principle of animation, staging emphasis shown by the character is...
a. color
b. size
c. overall movement
7. realistic-looking animated motions are emphasized in the principle
a. arcs
b. appeal
c. secondary action
8. the process of delivering messages clearly and in detail so that the meaning is
conveyed is called the principle of
a. appeal
b. staging
c. pose to pose
34
9. an animator is required to have skills in creating strong characters, this is in
line with the principle of
a. arcs
b. appeal
c. solid drawing
10. 2D digital animation technique is an animation technique that is created
digitally
a. script
b. manual
c. media
11. a tool that functions to select a certain area freely is
a. pencil tool
b. lasso tool
c. line tool
12. a tool that functions to change the shape of an object by using point is...
a. sub selection tool
b. line tool
c. pen tool
13. the tool that serves to draw on the stage is…
a. pencil tool
b. line tool
c. pen tool
14. after the work process wants to save on the computer this is contained in the
command…
a. open
b. save
c. print
15. every work process you can always reopen it is contained in the command...
a. close
b. undo
c. open file
16. The function to delete an object that is on the stage is...
a. hand tools
b. zoom tool
c. eraser tool
17. giving color and outline to the object is called...
a. point bucket tool
b. spray brush tool
c. ink bottle tool
35
18. in principle, animation is a simulation of certain stages determined by the..
a. time
b. story
c. change
19. the command to give color to the field is
a. zoom tool
b. fill color
c. 3D translation
20. if you want to zoom in or out you can use the command...
a. zoom tool
b. retag tool
c. brush tool
36
Answer These Questions Correctly!
1. what do you mean by animation? Explain...
2. Briefly explain the meaning of two-dimensional animation.
3. write 5 basic principles of animation...
4. explain the meaning of the principle of pose to pose...
5. create animations by adding joint points to objects is called...
6. The opening page view is often called...
7. what is the basic function of the spray brush tool...
8. what is the meaning of create from template...
9. Explain the difference between save and save as...
10. to shift the display of your work area often use the command ...
37