Lesson 1: Fundamental Concepts in Multimedia Animation PDF

LESSON 1: Fundamental Concepts in Multimedia Animation Prepare by: Davemm M. Salalila, MIT Instructor I Presented by: Ariel G. Jimenez, LPT Instructor I Fundamentals to Multimedia Animation A design is a combination of words and drawings which is integrated in a manner so that it...

LESSON 1: Fundamental Concepts in Multimedia Animation Prepare by: Davemm M. Salalila, MIT Instructor I Presented by: Ariel G. Jimenez, LPT Instructor I Fundamentals to Multimedia Animation A design is a combination of words and drawings which is integrated in a manner so that it Graphic design is the production can enhance creativity and of images and text artistically and exquisiteness through innovative in an appealing style. ideas whereas graphics are a visual presentation of images in print media. Someone wants to enhance interactivity in his website, logos and signs or to convey a strong message through brochures and Graphic design can be referred as posters then he should a visual communicator in the field incorporate graphic designs in his of multimedia. work. When you start working on graphic designs you will come across two different types, pixel- based and vector-based graphics.  Understanding Bitmap and Vector Graphics Bitmap (or raster) images are stored as a series of tiny dots called pixels. Each pixel is actually a very small square that is assigned a color, and then arranged in a pattern to form the image. When you zoom in on a bitmap image you can see the individual pixels that make up that image. Bitmap graphics can be edited by erasing or changing the color of individual pixels using a program such as Adobe Photoshop. Pixel Understanding Bitmap and Vector Graphics Unlike bitmaps, vector images are not Vector images have some important based on pixel patterns, but instead use advantages over bitmap images. Vector mathematical formulas to draw lines and images tend to be smaller than bitmap curves that can be combined to create an images. That’s because a bitmap image image from geometric objects such as has to store color information for each circles and polygons. Vector images are individual pixel that forms the image. A edited by manipulating the lines and vector image just has to store the curves that make up the image using a mathematical formulas that make up the program such as Adobe Illustrator. image, which take up less space. Understanding Bitmap and Vector Graphics Understanding Bitmap and Vector Graphics Understanding Bitmap and Vector Graphics  Vector images are also more scalable than bitmap images. When a bitmap image is scaled up you begin to see the individual pixels that make up the image. This is most noticeable in the edges of the image. There are ways of making these jagged edges less noticeable but this often results in making the image blurry as well. When a vector image is scaled up, the image is redrawn using the mathematical formula, so the resulting image is Understanding just as smooth as the original. The three most popular image formats used on the Bitmap and Web (PNG, JPEG, and GIF) are bitmap formats. The Scalable Vector Graphics (SVG) format comes in a Vector Graphics distant fourth due to a legacy of poor support for vector graphics in early browsers. Today however, all major browsers support the SVG (Scalable Vector Graphics) format. Bitmap formats are best for images that need to have a wide range of color gradations, such as most photographs. Vector formats, on the other hand, are better for images that consist of a few areas of solid color. Examples of images that are well suited for the vector format include logos and type.  Image Vs Video An image is a visual representation of something, while a digital image is a binary representation of visual data. These images can take the form of photographs, graphics and individual video frames. For this purpose, an image is a picture that was created or copied and stored in electronic form. An image can also be described in terms of vector graphics or raster graphics. An image stored in raster form is sometimes called a bitmap. An image map is a file containing information that associates different locations on a specified image with hypertext links. Image Vs Video  Video- The term video refers to the moving picture, accompanied by sound such as a picture in television. Video element of multimedia application gives a lot of information in small duration of time. Digital video is useful in multimedia Image Vs Video application for showing real life objects. Video have highest performance demand on the computer memory and on the bandwidth if placed on the internet. Digital video files can be stored like any other files in the computer and the quality of the video can still be maintained. The digital video files can be transferred within a computer network. The digital video clips can be edited easily.  Animation is a technique in which animated characters are animated to look like moving pictures. In the past, in traditional animation, hand drawings are drawn or paintings on smooth What is celluloid sheets to create images and then printed on paper. animation? These pictures are then drawn onto paper by using a brush. With the advent of computer-assisted animation, most animated movies today are created with computer-generated images. The techniques used in animation have evolved over time.  Uses of In multimedia, animation is regarded as an important and useful tool for communicating information. The Animation main application areas of animation include:  One of the most creative and unique ways of advertising products and services is through animation. Many global brands have shifted their focus Advertisement from running ads on TV to short animated social media ads and and Marketing animated banners. Motion graphics on websites is the current trend to grab user attention. In addition to that, animation offers the ability to be quirky and unique to stand out from competitors.  Gaming It would be an impossible task to find an industry where animation is as extensively used in the gaming industry. It is an industry where everything is dependent on animation as most 3D characters for games are created with animation. In recent times, the growth prospects in the gaming industry are as bright as in the entertainment sector. When you join a gaming course, you also get trained in the principles of animation.  Education Animation in education has bought a paradigm shift from static, conventional content to more dynamic study methodologies. The advent of simple whiteboard animation has brought success to many educational YouTube channels as well.  Architecture and Engineering 3D Animation has opened up new avenues for interior decorators. There is software specifically designed for this purpose, and they allow the Interior Designers to see the layout of the rooms virtually. Architecture finds them useful as with its design the building they are planning to build beforehand and present them to the clients.  AR and VR (Augmented Reality and Virtual Reality) AR and VR both are technologies that bridge the physical and virtual worlds. In AR, virtual elements overlay the physical world’s atmosphere on the screen. And in VR, users are surrounded by the virtual environment both of which rely heavily on the quality of animation used to provide an amazing immersive experience.  There was a time when animation was a luxury limited to huge movie studios like Disney. But now it has evolved from Sunday morning cartoons to Oscar- winning movies. And not just that, it is finding new platforms where it has never been featured before like the news, social media and even UI elements of apps and websites. Entertainment The ability to grant people an effective medium to and Media communicate their stories, works, products and services to the world has led animation to be a major part of such huge industries. The Animation market size is rising exponentially it’s safe to assume that the future is looking very bright for the Animation industry. Moreover, with the advent of Metaverse, the demand for skilled 3D animators has increased drastically. If you wish to prepare for the job opportunities for the future, enroll in 3D animation courses at Arena Animation and ensure that your professional skill set is aligned with the industry requirements.  Digital While digital animation grew out of animation traditional animation methods, today vs there are some clear differences between traditional the two. Understand how they differ to see the pros and cons and uses of both, to animation: work out which method is right for you: which is best? Computer Animation | An Introduction to Digital Animation | Adobe  Digital animation vs traditional animation: which is best? Digital animation Traditional animation Tools A computer powerful enough to run your chosen animation Paper, pencils, coloured pencils/paints, erasers and more software. stationery, which needs replacing as it runs out. Virtual vs Any computer animations are completely virtual, so they Traditional animation involves creating physical artwork, physical can be stored and shared online easily. which requires storage space but is a physical asset. Costs Digital animation is generally far less labour intensive and The number of hours to hand draw images for traditional requires fewer tools, making it cheaper. animation makes it a costlier method. Time Using a computer to create animations is much quicker, with Hand drawing images takes a lot longer and requires a proper the ability to animate on the move with a laptop. set-up with no ability to do it on the move. Errors You can quickly and easily undo or remove errors with digital Correcting mistakes can be trickier and take longer with animation. traditional animation. Reusable After creating a digital animation, you can edit and reuse in It’s harder to reuse traditional animation, as the process would new projects to save time and money. involve adapting your physical images. Realism Create photorealistic renders for some fantastically real Even the best artists will struggle to capture photorealism. animations. Computer Animation | An Introduction to Digital Animation | Adobe  Traditional animation, where each frame is drawn by hand, was the main method used until digital animation arrived. It’s still used today - but mainly for 2D animation. Computer animation is now the primary Uses of method for many artists and is used to traditional create: and digital Films animation. Video games Simulations Adverts Scientific visualizations Animated computer cartoons Computer Animation | An Introduction to Digital Animation | Adobe  Computer generated imagery (CGI) is sometimes used to refer to computer animation. However, the two techniques are distinct from one another. The main difference is that CGI covers Computer graphics created with software that are both static and dynamic, whereas with digital or animation computer animation it refers to only moving images. vs CGI Jurassic Park is a common example of CGI as it animation: was used to create the designs of the dinosaurs, as well as many important shots of them in key action. The actual static designs of the dinosaurs differences. were done with CGI, while computer animation essentially brought them to life. Therefore, the terms cannot be used interchangeably. Computer Animation | An Introduction to Digital Animation | Adobe  2D Animation This is also called the traditional method of creating animations with two dimensions as X and Y axis. Images are divided into frames, as 24 frames can be processed in one second. Images are presented as frames 2D VS 3D with one different from the next sequence that is viewed as the motion of different poses. Here flipping process develops the illusion of the images that are added to the frames.  2D VS 3D 3D Animation As the name, 3D animations use X, Y, and Z axis as three dimensions. These pictures have length, width, and height so the characters or objects can be moved into 3D space with some depth value. Images can be rotated in 360 degrees and each image that is modeled as a 3D image are as considered an object. So, animators can perform advanced options like lighting, shadow, texture effects, etc. to add liveliness to the video objects. Examples of 3D shapes are spheres, pyramids, cones, prism, and cylinders. 2D VS 3D  Basis of Difference 2D Animation 3D Animation Representation Objects are in form of two dimensions as X Objects have 3 dimensions X, Y, and Z axis. and Y axis. Structure The flat image depends on frames. Looks like a realistic image and is animated as movements. Implementation methods Uses traditional methods (painting and Uses sketching, modeling, vector sketching) and now software for rendering. representation, texturing, wrapping, etc. Cost Lower when compared to 3D. Higher cost than 2D applications. Software features 2D application software has fewer features so Advanced features like texture, lighting, can be learned easily by the animator. shadowing, etc are added to make objects livelier and this takes more time to become an expert in 3D modeling. Creation time Needs less time as the application supports Takes more time to create, animate, specify minimal features. transition effects, and execute. Used for Presentations, online marketing platforms, TV shows, Cartoons, video games, Disney commercial websites, advertisements, etc. movies, etc. Software’s used Adobe Photoshop, PicsArt, Toon Boom Studio Blender, Daz Studio, ZBrush, Autodesk Maya Few popular examples Looney Toons, The Lion King, Jungle Book, Mickey Mouse Clubhouse, Toy Story, Call of Super Mario games, etc. Duty, and much more  Resolution Image resolution is typically described in PPI, which refers to how many pixels are displayed per inch of an image. Higher resolutions mean that there more pixels per inch (PPI), resulting in more pixel information and creating a high-quality, crisp image. Images with lower resolutions have fewer pixels, and if those few pixels are too large (usually when an image is stretched), they can become visible like the image below. Resolution  Frame Rate Frame Rate is the frequency or rate at which consecutive images (also called frames) are captured or displayed. It is expressed as frames per second or fps and is the number of frames recorded by your camera in one second of the video. ‘Frame Rate’ applies equally to computer graphics, film and video cameras, and motion capture systems. Frame rate is also called the frame frequency and is expressed in hertz. In electronic camera specifications, frame rate refers to the maximal possible rate. In practice, other settings may reduce the frequency to a lower rate. END OF LESSON 1