PERIYAR INSTITUTE OF DISTANCE EDUCATION

(PRIDE)

PERIYAR UNIVERSITY
SALEM - 636 011.

M.Sc. COMPUTER SCIENCE

1
Prepared by :
Dr. C. CHANDARASEKAR
Professor
Department of Computer Science
Periyar University
Periyar Palkalai Nagar
Salem – 636 011.

2
 M.Sc. COMPUTER SCIENCE
SECOND YEAR
PRACTICAL - V : ANIMATION LAB
Photoshop
1. To design the text with image and adding the special effects on the
respected text and image.
2. To develop the any natural picture
Premiere
3. To design the text with image and adding the special effects on the
respected text and image.
4. To develop the any new model of picture
Illustrator
5. To design the text with image and adding the special effects on the
respected text and image.
6. To develop the dancing text and image.
Flash
7. To design the text with image and adding the special effects on the
respected text and image.
8. To develop the any natural picture Director
9. To design the text with image and adding the special effects on the
respected text and image.
10. To develop the animation of alphabet with relevant picture
11. To develop the any natural picture
Dream weaver
12. To design the text with image and adding the special effects on the
respected text and image.
13. To be develop the any picture
Maya
14. To Create a Clip for a Character of the human Skeleton Components.
15. To develop the Rendering (The Real World) animations.
16. To develop the Maya Dynamics.

3
 ANIMATION SOFTWARES - LAB
Ex.No:1
TEXT WITH IMAGE USING PHOTOSHOP
Aim:-
To Design Text and Image with adding the special effects
Procedure:-
Step1 : Start the Process
Step2 : Start the all program -> Adobe Collection CS3 ->Photoshop
Step3 : Create a new project in a file menu ->new ->ok
Step4 : Create a New and Open an Image File ->Open -> The image
will be Opened
Step5 : Adding text in special effects in text tool [T]
Step6 : Editing the image using cut the image using Lasso Tool and
Pen Tool
Step7 : Adding the Special effects on text and image
Step8 : To Apply the shadow on text and image
Step9 : Stop the process
Output Screen:-

Result:-
Thus the text with image and adding the effects successfully
Executed output is verified.

4
Ex.No:2
NATURE PICTURE USING PHOTOSHOP
Aim:-
To Design Nature Image with display the image
Procedure:-
Step1 : Start the Process
Step2 : Start the all program -> Adobe Collection CS3 ->Photoshop
Step3 : Create a new project in a file menu ->new ->ok
Step4 : Brush using Create a natural image and special effects.
Step5 : Different brush and shape using natural image
Step6 : Stop the process
Output Screen:-

Result:-
Thus the natural image is executed Successfully.

5
Ex.No:3
TEXT WITH IMAGE USING ADOBE PRIMIER
Aim:-
To Design Text and Image with adding the special effects
Procedure:-
Step1 : Start the Process
Step2 : Start the all program -> Adobe Collection CS3 ->Adobe
Premiere
Step3 : Create a new project in a file menu ->new ->ok
Step4 : Create a New and Open an Image File ->Open -> The image
will be Opened
Step5 : Apply the Effect controls and click the Motion include position
and Scale width and height
Step6 : Move the Time Line of the video sequence and rotate and
resize the text and image
Step7 : Save the Project and File -> sequence->Render Effects in work
area.
Step8 : Click the Enter Button on your keyboard
Step9 : Stop the process
Output Screen:-

Result:-
Thus the text with image and adding the effects in Adobe Premiere
successfully Executed output is verified.

6
Ex.No:4
NATURE IMAGE USING ADOBE PRIMIER
Aim:-
To Design Nature Image with adding the special effects in premiere
Procedure:-
Step1 : Start the Process
Step2 : Start the all program -> Adobe Collection CS3 ->Adobe
Premiere
Step3 : Create a new project in a file menu ->new ->ok
Step4 : Create a New and Open an Image File ->Open -> The image
will be Opened
Step5 : Apply the Effect controls and click the Motion include position
and Scale width and height
Step6 : Save the Project and File -> sequence->Render Effects in work
area.
Step7 : Click the Enter Button on your keyboard
Step8 : Stop the process
Output Screen:-

Result:-
Thus the Nature image and adding the effects in Adobe Premiere
Successfully Executed output is verified.

7
Ex.No:5
TEXT WITH IMAGE USING ILLUSTRATOR
Aim:-
To Design the text with an image and adding some additional effects to
an image by using illustrator
Procedure:-
Step1 : Create a new html document by using File->New -> The Enter
the Name select “OK” Button
Step2 : Create text on document by using textbox from toolbox
Step3 : Select the Text Warp Property, also transform ->shape
Property to Then text styles
Step4 : Select spray tool and then select any symbol by using window
->select flowers
Step5 : Select Warp tool for change image in another format
Step6 : Select Pencil Tool and Draw Picture on Document
Step7 : Adding effect from effect menu to that picture effect ->style
->feather ->effect ->3D->extrude and bevel
Step8 : Save Picture with jpeg file -> Export ->give name with
extension Select save Button
Step9 : Exiting from the document
Output Screen:-

8
Result:-
Thus the Text and image and adding the effects in Adobe illustrator
Successfully Executed output is verified.

9
Ex.No:6
NATURE PICTURE USING ILLUSTRATOR
Aim:-
To Design the text with an image and adding some additional effects to
an Nature image by using illustrator
Procedure:-
Step1 : Create a new html document by using File->New -> The Enter
the Name select “OK” Button
Step2 : Create text on document by using textbox from toolbox, click
and Drag place on document then enter text
Step3 : Select image from file -> Import menu then select any picture
then Click open button
Step4 : Select spray tool and then select any symbol by using window
->select flowers
Step5 : Select Warp tool for change image in another format
Step6 : Select Pencil Tool and Draw Picture on Document
Step7 : Adding effect from effect menu to that picture effect ->style
->feather ->effect ->3D->extrude and bevel
Step8 : Save Picture with jpeg file -> Export ->give name with
extension Select save Button
Step9 : Exiting from the document
Output Screen:-

10
Result:-
Thus the Nature Picture in Adobe illustrator successfully executed
Output is verified.

11
EX.NO:7
TEXT WITH IMAGE USING FLASH
AIM:-
To design text with an image and adding some additional effects to the
respected text with an image by using flash
PROCEDURE:-
Step1 : Create a new flash file by using file-> new and Click Ok
Step2 : Select image from file->import ->library stage submenu
Step3 : Select any image and click open button
Step4 : Select that image and then select key frame setting layer
Window then right click select insert key frame
Step5 : insert key frame using F6 and length of the frame line press F5
Step6 : Select the frame and right click to insert the motion tween
Step7 : Select the text tool using write the text then place the window.
then enter text then properties Text style, text color, text size
Step8 : Save the file then run the file using Enter key or Ctrl+Enter
Output Screen:-

12
Result:
Thus the Text and image using Flash is executed successfully.

13
EX.NO:8
NATURE PICTURE USING FLASH
AIM:-
To develop any Natural Picture by using flash
PROCEDURE:-
Step1 : Create a new flash file by using file-> new and Click Ok
Step2 : Select image from file->import ->library stage submenu
Step3 : Draw the natural image b using drawing tools select From
toolbox pencil, Rectangle, oval, etc
Step4 : Select that image and then select key frame setting layer
Window then right click select insert key frame
Step5 : insert key frame using F6 and length of the frame line Press F5
Step6 : Select the frame and right click to insert the motion tween
Step7 : Select the text tool using write the text then place the
Windows then enter text then properties Text style, text Color,
text size
Step8 : Save the file then run the file using Enter key or Ctrl+Enter
Output Screen:-

14
Result:
Natural image using flash is executed successfully.

15
Ex.No:9
TEXT WITH AND ADDING THE SPECIAL EFECTS IN DIRECTOR
Aim:-
To Design Text and Image with adding the special effects in Directors
Procedure:-
Step1 : Create a new file and file -> import select the image ->import
Step2 : Image option ->color depth (image 32 bits) and select the
(same Setting for remaining image) -> ok
Step3 : To track the image and small size image
Step4 : Select the A option -> to type the letters
Step5 : To track the letters and select the letter to change the color
Step6 : To play option (>).
Step7 : Stop the process
Output Screen:-

16
Result:-
Thus the above text with image effects in video and played successfully.

17
Ex.No:10
ANIMATION OF ALBHABET IN DIRECTOR
Aim:-
To Design the Animation of Alphabet with relevant picture in director
Procedure:-
Step1 : Create a new file and file -> import select the image ->import
Step2 : Image option ->color depth (image 32 bits) and select the
(same Setting for remaining image) -> ok
Step3 : To track the image and small size image
Step4 : Select the A option -> to type the letters
Step5 : To track the letters and select the letter to change the color
Step6 : To play option (>).
Step7 : Stop the process
Output Screen:-

18
Result:-
Thus the above text with image effects in video and played successfully.

19
Ex.No:11
DEVELOP A NATURAL IMAGE IN DIRECTOR
Aim:-
To Design the any natural image in director
Procedure:-
Step1 : Create a new file and file -> import select the image ->import
Step2 : Image option ->color depth (image 32 bits) and select the
(same Setting for remaining image) -> ok
Step3 : To track the image and small size image
Step4 : To include any effects to the image
Step5 : To track the letters and select the letter to change the color
Step6 : To play option (>).
Step7 : Stop the process
Output Screen:-

20
Result:-
Thus the above Natural image in video and played successfully.

21
Ex.No:12
TEXT WITH IMAGE USING DREAMWEAVER
Aim:-
To Design text and image and adding some additional effects by using
dream weaver
Procedure:-
Step1 : Create a new HTML document by using file -> new menu
Step2 : Select Split option for see design and coding process at the
same Time
Step3 : Select text, Handling by using text -> H1 Menu
Step4 : Place the H1 on the Save Window Enter text
Step5 : Set Effects by using tags <Marquee direction=”up”> text
</Marquee>
Step6 : Save Document as Html Document.
Step7 : Run the Document By using F12 Key
Source Code:-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {color: #PINK}
-->
</style>
</head>
<html>
<head>
<title> text with image</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<body bgcolor="#FF9966">

22
<div id="headf">
PERIYAR UNIVERSITY</div>
<center>
<img src="../dream/DREAM 1/periyar.jpg" height="122" width="640" />
</center>
<marquee><H4>Copyright © 2015 Periyar University, ® All Rights Reserved
</h4></marquee>
<hr>
<center>
<table border="3" bgcolor="" width="400px">
<tr>
<td align="center"><a href="../dream/DREAM 1/5.JPG">HOME</a>
<td align="center"><a href="../dream/DREAM 1/3.JPG">LIBRARY</a>
<td align="center"><a href="file:///D|/dream/Periyar University-Salem,
Tamilnadu, India.htm">CONTECT</a> </tr>
</table>
</center>
<div id="department">
<b>DEPARTMENTS:</b>
</div>
<div id="types">
<ul type="disc">
<li><span class="style1">COMPUTER SCIENCE
</span>
<li><span class="style1">MATHS
</span>
<li><span class="style1">TAMIL
</span>
<li><span class="style1">ENGLISH
</span>
<li><span class="style1">PHYSICS
</span>
<li><span class="style1">CHEMISTRY
</span>

23
</ul>
</div>
<div id="department">
<b>COURSE:</b>
</div>
<div id="types">
<ul type="disc">
<li>COMPUTER SCIENCE</li>
<ul type="circle">
<li>
MCA
<li>
M.Sc
<li>
M.Phil
<li>
P.hd
<li>
</ul>
<li>MATHS
<ul type="circle">
<li>M.Sc
<li>M.Phil
<li>P.hd
</ul>
<li>TAMIL
<ul type="circle">
<li>MA
<li>M.Phil
<li>P.hd
</ul>
<li>ENGLISH
<ul type="circle">
<li>MA

24
<li>M.Phil
<li>P.hd
</ul>
<li>PHYSICS
<ul type="circle">
<li>M.Sc
<li>M.Phil
<li>P.hd
</ul>
<li class="style1">CHEMISTRY
<ul type="circle">
<li>M.Sc
<li>M.Phil
<li>P.hd
</ul>
</ul>
</div>
<hr>
<center><img src="../dream/DREAM 1/11.jpg" width="300" height="300"
border="0">
</center>
<center><p class="style1">THANK YOU FOR VISITING</p>
</center>
</body>
</html>

25
Output Screen:-

26
Result:-
Thus the text with image and adding some additional effects is executed
successfully.

27
Ex.No:13
NATURE PICTURE USING DREAMWEAVER
Aim:-
To develop any Nature Picture by using dream weaver
Procedure:-
Step1 : Create a new HTML document by using file -> new menu
Step2 : Select Split option for see design and coding process at the
same Time
Step3 : Select text, Handling by using text -> H1 Menu
Step4 : Place the H1 on the Save Window Enter text
Step5 : Select the image by using File -> Open menu select any images
click to open button
Step6 : Save Document as Html Document.
Step7 : Run the Document By using F12 Key
Source Code:-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {color: #000000}
-->
</style>
</head>
<body bgcolor="#00CCFF">
<center>NATURAL IMAGES
<table width="750" border="2" align="center" cellpadding="0"
cellspacing="0" bgcolor="#CC66CC">
<tr>
<td><div align="center" class="style1"><a href="anim.html">ANIMALS
</a><a href="drem natural.html">FLOWERS </a><a
href="natur.html">NATURES</a></div></td>

28
</tr>
</table>
</body>
</center>
<!—natural.html-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<link href="*" rel="stylesheet" type="text/css" media="all" />
<style>
img
{
height:150px;
width:150px;
position::absolute;
}
img:hover
{
height:300px;
width:300px;
position::absolute;
}
body
{
background-color:#FF99FF;
}
h2
{
color:red;
}

29
</style><style>
img
{
height:150px;
width:150px;
}
td:hover img
{
height:300px;
width:300px;
position:absolute;
}
body
{
background-color:#FF99FF;
}
h2
{
color:red;
}
</style>
</head>
<body background="../dream/DREAM 1/b2.jpg">
<center>
<table border="1px">
<caption> <h2> NATURALS </h2> </caption>
<tr>
<td><img src="ae1.jpg" /> </td> <td> <img src="ae2.jpg" /> </td> <td> <img
src="ae3.jpg" /> </td>
</tr>
<tr>
<td><img src="af1.jpg" /> </td> <td> <img src="af2.jpg" /> </td> <td> <img
src="af3.jpg" /> </td>
</tr>

30
<table border="1px">
</center>
</body>
</html>
<body>
</body>
<body>
</body> </html>
OUTPUT SCREEN

31
Result:-
Thus the above natural picture using dream weaver is executed
successfully.

32
Ex.No:14
HUMAN SKELETON COMPONENETS USING MAYA
Aim:-
To Create a Clip for a Character of the human Skeleton Components
in Maya.
Procedure:-
Step1 : Open MAYA (Auto Desk 2008)
Step2 : Select File -> New ->Scan ->ok
Step3 : Select tool using top of the windows and track the object in
working Area
Step4 : Open the Skeleton tool and moving the hart and another part of
Body
Step5 : Select the Object using animation or dynamics select object
Step6 : Save the project
Step7 : Export the project
Output Screen:-

33
Result:-
Thus the Create a Clip for a Character of the human Skeleton
Components Using Maya is executed Successfully.

Ex.No:15
RENDERING ANIMATION USING MAYA
Aim:-
To develop any image rendering (Real World) Animation Using Maya
Procedure:-
Step1 : Open MAYA (Auto Desk 2008)
Step2 : Select File -> New ->Scan ->ok
Step3 : Select text, Handling by using text -> H1 Menu
Step4 : Open the Skeleton tool and moving the hart and another part of
Body
Step5 : Create Text and add Effects
Step6 : Save the project
Step7 : Export the project

34
Output Screen:-

Result:-
Thus the Rendering Animation Using Maya is executed Successfully.

35
Ex.No:16
MAYA DYNAMICS
Aim:-
To develop the Maya Dynamics in Maya.
Procedure:-
Step1 : Open MAYA (Auto Desk 2008)
Step2 : Select File -> New ->Scan ->ok
Step3 : Select tool using top of the windows and track the object in
working Area
Step4 : Open the Dynamics tool and moving the hart and another part
of Object
Step5 : Select the Object using animation or dynamics select object
Step6 : Save the project
Step7 : Export the project
Output Screen:-

36
Result:-
Thus the develop the Maya Dynamics Using Maya is executed
Successfully.

37
 NOTES
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..
…………………………………………………………………………………..

38