Lab1: Morphing
Objective
- To explore and implement shape morphing techniques to create smooth transitions between two
different shapes, analyzing the key algorithms and interpolation methods used in the process.
Theory
The word morphing means a smooth transformation of one image into another. It is a digital
animation technique that changes one image into another by distorting it via warping and
color/texture change via cross-dissolving. Morphing is a special effect whereby an image is smoothly
transformed into another image by seamlessly changing.
Basic Principles of Morphing:
o Warping: This is a geometric transformation of images to align the corresponding features.
o Cross-dissolving: Smooth transition in color/intensity between warped images.
o Feature Specification: identifying corresponding points/feature between source and target images
Software used:
3Dthings
[Link] is a free online platform that provides various 3D and animation tools, including
morphing capabilities. It's a web-based application that doesn't require any software
installation, making it accessible through any modern web browser.
Main Tools Available:
i. Morphing Tools:
o Point Editor: For placing control points
o Timeline Controller: Manages animation timing
o Transform Tool: Adjusts position and scaling
o Preview Window: Shows real-time results
ii. Basic Shape Tools:
o Selection Tool: For choosing objects/points
o Move Tool: Repositions elements
o Scale Tool: Changes object size
o Rotate Tool: Adjusts orientation
iii. Animation Controls:
o Play/Pause Button
o Frame Rate Control
o Keyframe Manager
o Duration Settings
iv. Image Management:
o Import Tool: Adds images to project
o Layer Manager: Organizes content
o Resolution Settings
o Format Options
v. Enhancement Tools:
o Color Adjustments
o Transition Effects
o Smoothing Options
o Quality Settings
In [Link], the steps to create morphs:
i. Upload your two images.
ii. Using the Point Editor to mark matching features
iii. Adjusting the timeline to control transition speed
iv. Previewing and exporting your animation.
Conclusion:
This is a very effective demonstration of the morph between a circle and a pentagon using
[Link]. This transformation demonstrates two key ideas: the core of morphing consists of
shape warping and color interpolation, joined in a manner that provides a smooth, pleasing transition
between two geometrically very different shapes.
Lab 2: Circle Animation using C++
Objective
- To demonstrate animation of a circle(spiral motion) in C++ using open gl.
Program:-
#include <windows.h>
#include <GL/freeglut.h>
#include <math.h>
float angle = 0.0f;
float rotationSpeed = 0.02f;
void drawHypnoticSpiral() {
const int segments = 1500;
const float maxRadius = 1.0f;
const float spiralTightness = 15.0f;
glBegin(GL_TRIANGLE_STRIP);
for (int i = 0; i <= segments * spiralTightness; i++) {
float t = (float)i / segments;
float theta = t * 2.0f * M_PI + angle;
float radius = maxRadius * (1.0f - t/spiralTightness);
float r1 = radius;
float r2 = radius - 0.02f;
float x1 = r1 * cos(theta);
float y1 = r1 * sin(theta);
float x2 = r2 * cos(theta);
float y2 = r2 * sin(theta);
glColor3f(i % 2, i % 2, i % 2);
glVertex2f(x1, y1);
glVertex2f(x2, y2);
}
glEnd();
}
void display() {
glClear(GL_COLOR_BUFFER_BIT);
drawHypnoticSpiral();
glutSwapBuffers();
}
void update(int value) {
angle += rotationSpeed;
glutPostRedisplay();
glutTimerFunc(16, update, 0);
}
int main(int argc, char** argv) {
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB);
glutInitWindowSize(800, 800);
glutCreateWindow("Hypnotic Spiral");
glClearColor(1.0f, 1.0f, 1.0f, 1.0f);
glutDisplayFunc(display);
glutTimerFunc(0, update, 0);
glutMainLoop();
return 0;
}
Output
Lab 3: Logo
Objective
-To design and implement a creative logo using fundamental graphic design principles and vector-
based tools, with emphasis on scalability, visual appeal, and brand representation.
Theory
Adobe Illustrator is a powerful vector graphics software developed by Adobe Inc. It is widely used
by graphic designers, artists, and illustrators for creating logos, icons, illustrations, typography, and
complex graphics.
Illustrator Menu:-
File – Create, open, save, export, and print files.
Edit – Cut, copy, paste, undo, redo, preferences.
Object – Modify objects (transform, align, group, expand, etc.).
Type – Manage text formatting, fonts, and paragraph styles.
Select – Select all, deselect, inverse selection, same object selection.
Effect – Apply effects like drop shadow, blur, and distort.
View – Zoom, guides, grid, and outline mode.
Window – Show/hide different panels like Layers, Color, and Stroke.
Help – Access Adobe help, tutorials, and updates.
Illustrator ToolBar:-
Selection Tools:
o Selection Tool (V) – Select and move objects.
o Direct Selection Tool (A) – Select individual anchor points.
Drawing & Shape Tools:
o Pen Tool (P) – Draw custom paths.
o Pencil Tool (N) – Freehand drawing.
o Line Segment Tool () – Create straight lines.
o Rectangle Tool (M) – Draw rectangles and squares.
o Ellipse Tool (L) – Draw circles and ellipses.
o Polygon, Star, & Flare Tools – Create various shapes.
Type Tools:
o Type Tool (T) – Add and edit text.
o Area Type Tool – Type inside a shape.
o Type on Path Tool – Write text along a curve.
Painting & Color Tools:
o Gradient Tool (G) – Apply and adjust gradients.
o Eyedropper Tool (I) – Pick colors from objects.
o Paintbrush Tool (B) – Draw with brush strokes.
Modification & Effects Tools:
o Shape Builder Tool (Shift + M) – Merge or cut shapes.
o Eraser Tool (Shift + E) – Erase parts of objects.
o Scissors Tool (C) – Cut paths.
Transformation Tools:
o Rotate Tool (R) – Rotate objects.
o Scale Tool (S) – Resize objects.
o Reflect Tool (O) – Flip objects horizontally or vertically.
o Shear Tool – Slant objects.
Alignment & Arrangement Tools:
o Align Panel – Align objects to artboard or each other.
o Pathfinder Panel – Create complex shapes by combining objects.
Steps to create a Logo in Illustrator
Select the Ellipse Tool (L) and draw a circle on the canvas.
Copy and paste the circle in place (Ctrl + C, Ctrl + F) and resize it to fit inside the original
circle.
Repeat the process to create a third, smaller circle inside the second one.
Use the Polygon Tool to draw a triangle and adjust it to touch the edge of the second circle.
Copy and paste the triangle, resize it, and align it with the inner circle.
Draw a line below the smaller triangle using the Line Segment Tool and align all elements
to the center.
Use the Shape Builder Tool (Shift + M) to merge the desired shapes into a single piece by
dragging over them with the foreground color.
Move the completed logo to the side and delete any extra shapes or lines. Refine the
alignment and proportions to ensure balance, then group the logo (Ctrl + G) for easy scaling and
positioning.
Final Output
Conclusion
Creating a logo in Adobe Illustrator involves a structured approach, utilizing various tools to
achieve a professional and visually appealing design. By starting with the Rectangle Tool and
modifying shapes using the Scissors Tool, Line Segment Tool, and Curvature Tool, we can craft a
unique and well-balanced logo. Additionally, refining the design with the Anchor Point Tool and
making necessary adjustments ensures precision and symmetry. Finally, grouping the elements helps
maintain consistency and ease of use.