1)AIM: Macromedia Flash-8 installation and basic introduction to Graphics and multimedia
with Examples.
DESCRIPTION:
Step 1: Visit the Adobe website: https://www.adobe.com/products/flashplayer/end-of-life.html
If it is a Windows system, it automatically detects the Windows OS and the latest version.Click on
Install Now.
Step 2: Upon clicking Install Now, you will get an install_flashplayer.exe file.
Step 3: In the next step, it will ask for the preferences, which include enhancements andsecurity
updates that can be downloaded and installed automatically.
There are three update options:
Allow Adobe to install updates.Notify me to install updates.
Never check for updates.
Step 4: The installation will start once you click on next and will take some time to install.
Step 5: The installation will be complete.
MULTIMEDIA:
Multimedia is the use of a Computer to present and Combine text, graphics, audio, and video with
links and tools that let the user navigate, interact and create, and multimedia is used to represent
information in an interesting and interactive manner.
It has 5 key element: text,Audio,AnimationGraphicsVídeos
Examples:
watching a ppt, watching a prerecorded lecture, training, voicemail etc.
GRAPHICS:
Graphics make the multimedia application attractive. In many cases people do not likereading
large amount of textual matter on the Screen.
Examples: Photos, illustrations, icons, logos etc..
AIM: Procedure to create an animation to represent the growing moon.
PROCEDURE:
1. Open flash 8 software → click on flash document→ go towindows→ properties
→ select the properties tool→ choose the Background to black.
2. Go to fill color under tool bar→ select the whitecolor.
3. Select the oval tool in order to draw the moon. u will get a whitecircle.
4. Select the oval tool in order to draw the moon. u will get a whitecircle.
5. Select the white circle on the worksheet using the selection tool→ rightclick-
>convert to symbol→ select movie clip→ give suitable name eg: moon→ click ok.
6. Gotofilter→ clickonthe+symbol→ selectglowtoapply glowingeffect→ selectthe
color to white under glow and adjust the blur x/blur y values.
7. Click on the + symbol again and chose blur→ again adjust the blur x/blur y values.
8. Place the moon where ever you want on the work area.double click on
layer 1 and rename asMOON.
9. Insert another layer→ rename it asAnimation.
10. Select the fill color to black→ select oval tool and draw a circle on the moon to cover the moon→
select the newly added circle→ right click→ convert to symbol→ movie clip→ name it as
Animation.
11. Go to filter→ select + symbol→ give the glow and blur effect as did formoon.
12. Select the 150th frame in moon layer→ right click→
insert key frame. repeat the same for Animationlayer.
13. Click on the 149th keyframe of animation layer → right click→ press create motion→ select the
animation movie clip and move slowly acrossthemoon.
Finally go to control→ test movie→ u will get a growing moon as the output
AIM:Procedure to create an animation to indicate a ball bouncing on steps.
1. Go to start- macromedia- click on flashdocument
2. select the line tool and draw the steps. colourit using the paint buckettool
3. Select the circle from the tool bar and create a circle on the workarea.
4. Now fill the colour to the circle using the paint bucket tool from the toolbar.
5. Go to frames right click on the first frame and choose insert key frame. slightly move the ball. Repeat
the same procedure by addingnew key frames to show the ball change the shape of the ball slightly
when it touches thesurface.
6. In order to change the shape use the free transform tool.
7. Go to control and click on test movies .you will observe the ball bouncing on steps.
AIM: Procedure to stimulate movement of a cloud.
PROCEDURE:
1. Go to start- macromedia- click on flashdocument
2. Create a blue background in layer1
3. Now insert a layer 2 and draw the clouds in thislayer.
4. in order to create the clouds, go to tool bar and select pencil option, drawthe cloud inlayer2
5. Fill the colour to the cloud, right click on it- choose convert to symbol
option- give the name ascloud
6. Select the movie clip option and clickok.
7. Go to filter→ click on the + symbol→ select glow to apply glowingeffect→ select the colour
towhite
8. Under glow and adjust the blur x/blur yvalues.
9. Give the appropriate blur effect to thecloud.
10. Go to frames, insert key frame on both the layer, create the motion tween on 2nd layer and move
theclouds
11. Finally go to control→ click on test movies
AIM: Procedure to draw the fan blades and to give proper animation.
PROEDURE:
1. Go to start→ macromedia→ click on flashdocument
2. Create a background on layer1.
3. Insert another layer→ draw only fan blades and itscircle.
4. Insert another layer and draw fanstand.
5. On each layer right click on frames and insert keyframes.
6. Select the fan blade’s layer and insert new key frame→ select the fan blades by freetransform tool
and rotate the circle a little bit.
7. repeat the rotation until you get the fan rotation animation
8. Go to control→ test movie to see the animation.
AIM: Procedure to extract the flower only from given Photographic image and organise it ona
background. Select your own background for organisation
PROCEDURE:
1) Open Adobe photoshop 7.0 file open → choose a file. Open it
2) Select the flower from the image using the Lassotool.
3) Go to edit Copy again go to file new→ give height 500 width 500.
4) Choose appropriate background and foreground Colour from the toolbar.
5) Go to edit fill under use Select background →OK.
6) Go to edit→ paste.
2
AIM: Procedure to create an animation with the following features WELCOME.
PROCEDURE:
2. Go to start→ Macro Media-click on Flashdocument
3. Choose the textbox from the tool bar. Type the word as ‘WELCOME’ onlayer1.
4. Select the complete word, increase its Font size and change the colour.
5. In the timeline window, select the 1st frame-Right click on it-choose insert key frame. Now delete a
last letter {E} and change the colour of theremaining word.
6. Repeat the above procedure till you delete every word in ‘WELCOME’
7. Now select all the key frames→ Right click → choose ‘Reverse keyframes’.
8. After reversing the frames copy the last frame and paste on its next. now inthe new frame Select all
the complete word ‘welcome’ and change the colour.
9. Finally, go to ‘control’-click on ‘test movie’ you will get the required animation.
AIM: Procedure to use appropriate tools) from the toolfon, out the objects from 3 files CFI- Jpg,
F2.Jpg, F3.JPg), organise them in a single file and apply feather effects.
PROCEDURE:
1) Open the Adobe photoshop 70→ File→ Open $1 JPg.
2) Select the flower in it using Lasso tool right click feather give feather radius 20pixels
3) Go to edit Copy open a newfile with height 500 and width also 500→ paste the flower.
4) Repeat the same procedure for f2.JPg & f3. Jpg Select the flower give the feather effectedit → Copy
open a new file→ paste.
5) You will get O final Single file with 3 flowers with different files.
6) Save the new file
AIM: Designing a visiting Card
PROCEDURE:
1. Open Adobe Photoshop 7.0→ file→ new→ enter height 200 and width 400
for the visitingcard.
2. Select the rectangle tool in the tool bar and draw on the half of the work area→ colour it. Repeat
the same for remaining half→ use different colours tocolour.
3. Copy any picture of your choice and place it on the work area→ Resize it using
transform tool.
4. Select the text tool and type text of yourchoice.
5. Apply the text font size, colourand style of yourchoice.
AIM: Photographic image,give title, put borders and write your name.
PROCEDURE:
1. Open adobe Photoshop 7.0→ file→ new→ enter height 800 and width 600
2. Open an image file and copy the image→ paste the copied image on the newfile.
3. Right click on the rectangle tool→ custom shape→ select the shape→ selectthe
colour→ drag on your image
Select the text tool→ type your name, institution name and place.
Save thefile.
3
AIM: Procedure to create a Coverpage for a break in your book in your Subject area.
PROCEDURE:
1. Open adobe Photoshop 7.0→ file→ new→ enter height 500 and width 400
for the cover page.
2. Select the rectangle tool in the tool bar and draw on the half of the workarea→ colourit Repeat
the same for remaining area→ use different colours tocolour.
3. Copy any picture of ur choice and place it on the work area→ resize it using
free transformtool.
4. Select the text tool and type text of yourchoice.
5. Apply the text font size, colour and style of yourchoice.
6. Go to layer→ layer style→ blended option→ select glow options of yourchoice.
7. Apply the effects using blendedoptions.
AIM: Procedure to adjust brightness and Contrast for the picture.
PROCEDURE:
1. Open adobe Photoshop 7.0→ file→ open→ choose a file and open it.
2. Go toimage→ adjustments→ Brightness/Contrast.
3. After getting the Brightness/Contrast window adjust the brightness and contrast by Dragging the
appropriate barsetting.
4. Finally save the imagefile.
a)AIM: Procedure to position the picture preferably on plan background of a colour of your
choice – positioning includes rotation and scaling.
PROCEDURE:
Open adobe Photoshop 7.0→ file→ open→ choose a file and openit.
1. Select the flower from the image using the lassotool.
2. Go to edit→ copy→ Again go to file→ new→ give height 500 and width500.
3. Choose appropriate background and foreground colour from the toolbar.
4. Go to edit→ fill→ under use select backgroundcolour→ ok.
5. Go to edit→ paste→ again go to edit→ free transform tool→ you will get abox around the image
for scaling androtating.
6. Rotate and scale as per your requirement→ and pressapply.
7. Save the image.
AIM: Animated Cursor wing START DRAG("SS", TRUE); MOUSE.HIDE();
PROCEDURE:
Go to start→ Macro Media-click on Flashdocument
1. Insert or draw any object of your choice for example butterfly in thisexample.
2. Using free transform tool select the object-right click-convert to symbol-select movie clip- give
the name(mm)- clickok.
3. Enter the instance name as (mm) using the property tool box.(same as themovie clip name).
4. Select the object using free transform tool- go to modify→ timeline→distribute to layers.
5. Select layer1 and rename it toAction
6. Select the first key frame in the action layer- go to windows- clickaction.
7. You will get action frame- enter the following code in the actionframe.
Mouse.hide(); this.mm.onEnterFrame
=function() { startDrag(this,true);}
8.To run the animation go to control→ movieclip.
4
AIM:To implement Bresenham's algorithm for line drawing.
PROCEDURE:
1) Input the two line end-points, storing the left end-point in (x0, y0)
2) Plot the point (x0, y0)
3) Calculate the constants Δx, Δy, 2Δy, and (2Δy - 2Δx) and get the first value for thedecision parameter
as: p0=2Δy-Δx
4) At each xk along the line, starting at k = 0, perform the following test. If pk < 0, thenext point to plot
is (xk+1, yk ) and: Pk+1 = pk +2Δy
Otherwise, the next point to plot is (xk+1, yk+1) and:Pk+1=pk+2Δy-2Δx
5) Repeat step 4 (Δx – 1) times.
PROGRAM:
#include<stdio.h> #include<conio.h> #include<graphics.h>void main(){
int x,y,x1,y1,x2,y2,p,dx,dy;int gd=DETECT,gm;
initgraph(&gd,&gm,"C:\\TurboC3\\BGI");
printf("\nEnter the x-coordinate of the first point ::"); scanf("%d",&x1);
printf("\nEnter the y-coordinate of the first point ::"); scanf("%d",&y1);
printf("\nEnter the x-coordinate of the second point ::"); scanf("%d",&x2);
printf("\nEnter the y-coordinate of the second point ::"); scanf("%d",&y2);
x=x1;
y=y1;
dx=x2-x1;
dy=y2-y1;
putpixel(x,y,2);
p=(2*dy-dx);
while(x<=x2){if(p<0)
{
x=x+1;
p=p+2*dy;
}else{
X=x+1;
y=y+1;
p=p+(2*dy)-(2*dx);
}
putpixel(x,y,7);
}
getch();
closegraph();
}
OUTPUT:
enter the x-coordinate of the first point::90
enter the x-coordinate of the first point::120
enter the x-coordinate of the first point::200
enter the x-coordinate of the first point::220
5
AIM:To implement Bresenham's algorithm for circle drawing
PROCEDURE:
Circles have the property of being highly symmetrical, which is handy when it comes to
drawing them on a display screen.
• We know that there are 360 degrees in a circle. First we see that a circle is symmetricalabout
the x axis, so only the first 180 degrees need to be calculated.
• Next we see that it's also symmetrical about the y axis, so now we only need to calculatethe first
90 degrees.
• Finally we see that the circle is also symmetrical about the 45 degree diagonal axis, sowe only
need to calculate the first 45 degrees.
• We only need to calculate the values on the border of the circle in the first octant. Theother
values may be determined by symmetry.
PROGRAM:
#include<dos.h> #include<stdio.h> #include<conio.h> #include<graphics>
void draw_circle(int,int,int);
void symmetry(int,int,int,int);void main(){
int xc,yc,R;
int gd=DETECT,gm; initgraph(&gd,&gm,"C:\\TurboC3\\BGI"); printf("Enter the center of the
circle:\n"); printf("Xc =");
scanf("%d",&xc);
printf("Yc =");
scanf("%d",&yc);
printf("Enter the radius of the circle :");scanf("%d",&R);
draw_circle(xc,yc,R); getch(); closegraph();
} void draw_circle(int xc,int yc,int rad)
{int x = 0; int y = rad;
int p = 1-rad; symmetry(x,y,xc,yc);for(x=0;y>x;x++)
{if(p<0)
p += 2*x + 3; else
{p += 2*(x-y) + 5;
y--;
}symmetry(x,y,xc,yc);delay(50);
}}
void symmetry(int x,int y,int xc,int yc)
putpixel(xc+x,yc-y,GREEN); //For pixel (x,y) delay(50);putpixel(xc+y,yc-x, GREEN); //For pixel
(y,x) delay(50);putpixel(xc+y,yc+x, GREEN); //For pixel (y,-x) delay(50);putpixel(xc+x,yc+y,
GREEN); //For pixel (x,-y) delay(50);putpixel(xc-x,yc+y, GREEN); //For pixel (-x,-y)
delay(50);putpixel(xc-y,yc+x, GREEN); //For pixel (-y,-x) delay(50);putpixel(xc-y,yc-x, GREEN);
//For pixel (-y,x)delay(50);putpixel(xc-x,yc-y, GREEN); //For pixel (-x,y)delay(50);
}OUTPUT:
Enter the center of the circle:Xc=100,Yc=200,Enter the radius of the circle:35
