DOCSLIB.ORG

Image Design and Animation

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Image Design and Animation COURSE MATERIAL Image Design and Animation National Open University of Nigeria Faculty of Sciences, Department of Computer Science Copyright This course has been developed as part of the collaborative advanced ICT course development project of the Commonwealth of Learning (COL). COL is an intergovernmental organization created by Commonwealth Heads of Government to promote the development and sharing of open learning and distance education knowledge, resources and technologies. The National Open University of Nigeria (NOUN) is a full-fledged, autonomous and accredited public University. It offers its certificate, diploma, degree and postgraduate courses through the open and distance learning system which includes various means of communication such as face-to-face, broadcasting, telecasting, correspondence, seminars, e-learning as well as a blended mode. The NOUN’s academic programmes are quality-assured and centrally regulated by the National Universities Commission (NUC). © 2017 by the Commonwealth of Learning and The National Open University of Nigeria. Except where otherwise noted, Image Design and Animation is made available under Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) License: https://creativecommons.org/licenses/by-sa/4.0/legalcode. For the avoidance of doubt, by applying this license the Commonwealth of Learning does not waive any privileges or immunities from claims that it may be entitled to assert, nor does the Commonwealth of Learning submit itself to the jurisdiction, courts, legal processes or laws of any jurisdiction. The ideas and opinions expressed in this publication are those of the author/s; they are not necessarily those of Commonwealth of Learning and do not commit the organization. National Open University of Nigeria Commonwealth of Learning Plot 91 Cadastral Zone, 4710 Kingsway, Suite 2500, Burnaby University Village, V5H 4M2, Jabi - Abuja, British Columbia, Nigeria Canada Phone: +234806 310 2206 Phone: +1 604 775 8200 Email: [email protected] Fax: +1 604 775 8210 Website: www.noun.edu.ng Email: [email protected] Website: www.col.org Acknowledgements The National Open University of Nigeria, Faculty of Sciences and the Department of Computer Science wish to thank those below for their contribution to the production of this course material and video lectures. Authors: Dr. Gregory Onwodi (Head of Department, Computer Science Department) Dr. Francis Osang (Lecturer, Computer Science Department) Enakeno Jituboh (Lecturer, Computer Science Department) Ogundipe Olalekan (Lecturer, Mathematics Department) Image Design and Animation Contents About this COURSE MATERIAL 1 Course objectives ............................................................................................................... 2 Course outcomes ............................................................................................................... 2 Need help? ......................................................................................................................... 2 Assessments ....................................................................................................................... 3 Unit 1 5 Introduction to Image and Design ..................................................................................... 5 Introduction .............................................................................................................. 5 Image Design ........................................................................................................... 6 Image Processing ..................................................................................................... 7 Raster and Vectors ................................................................................................... 9 Conclusion ............................................................................................................... 9 Video ............................................................................................................................... 10 Unit summary .................................................................................................................. 10 Assessment ...................................................................................................................... 10 Unit 2 11 Elements and Principles of Design .................................................................................. 11 Introduction ............................................................................................................ 11 Image Design ......................................................................................................... 11 Principles of Design ............................................................................................... 15 Conclusion ............................................................................................................. 17 Video ............................................................................................................................... 18 Unit summary .................................................................................................................. 18 Assessment ...................................................................................................................... 18 Image Creation and Manipulation ................................................................................... 19 Introduction ............................................................................................................ 19 Color Theory .......................................................................................................... 19 Images Editing ....................................................................................................... 24 Understanding Image Size and Resolutions .......................................................... 27 Creating Images for Print and Web ....................................................................... 34 File Format & DPI Guide ...................................................................................... 35 Image Formats ....................................................................................................... 35 Conclusion ............................................................................................................. 38 Video ............................................................................................................................... 38 Unit summary .................................................................................................................. 38 Assessment ...................................................................................................................... 38 Image Design Software ................................................................................................... 39 Introduction ............................................................................................................ 39 Image Design Software .......................................................................................... 39 Drawing, Painting, Image Manipulation and Photo Editing Software .................. 39 Introduction to Basics Tools in Image Design Software Interface ........................ 42 Drawing, Colouring and Editing of Basics Shapes ................................................ 50 Introduction to Creation of Professional Image Design ........................................ 58 Conclusion ............................................................................................................. 59 Video ............................................................................................................................... 59 Unit summary .................................................................................................................. 59 Assessment ...................................................................................................................... 60 Unit 5 61 Image Animation ............................................................................................................. 61 Introduction ............................................................................................................ 61 The Uses of Animation .......................................................................................... 61 Cartoons ................................................................................................................. 61 Simulations ............................................................................................................ 62 Scientific Visualization .......................................................................................... 62 Principles of Animation ......................................................................................... 63 Traditional animation ............................................................................................. 64 Stop Motion ........................................................................................................... 68 Computer Animation ............................................................................................. 70 Conclusion ............................................................................................................. 74 Video ............................................................................................................................... 74 Unit summary .................................................................................................................
Load more

Recommended publications
  • Animation: Types
    Animation: Animation is a dynamic medium in which images or objects are manipulated to appear as moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Today most animations are made with computer generated (CGI). Commonly the effect of animation is achieved by a rapid succession of sequential images that minimally differ from each other. Apart from short films, feature films, animated gifs and other media dedicated to the display moving images, animation is also heavily used for video games, motion graphics and special effects. The history of animation started long before the development of cinematography. Humans have probably attempted to depict motion as far back as the Paleolithic period. Shadow play and the magic lantern offered popular shows with moving images as the result of manipulation by hand and/or some minor mechanics Computer animation has become popular since toy story (1995), the first feature-length animated film completely made using this technique. Types: Traditional animation (also called cel animation or hand-drawn animation) was the process used for most animated films of the 20th century. The individual frames of a traditionally animated film are photographs of drawings, first drawn on paper. To create the illusion of movement, each drawing differs slightly from the one before it. The animators' drawings are traced or photocopied onto transparent acetate sheets called cels which are filled in with paints in assigned colors or tones on the side opposite the line drawings. The completed character cels are photographed one-by-one against a painted background by rostrum camera onto motion picture film.
    [Show full text]
  • Photo Journalism, Film and Animation
    Syllabus – Photo Journalism, Films and Animation Photo Journalism: Photojournalism is a particular form of journalism (the collecting, editing, and presenting of news material for publication or broadcast) that employs images in order to tell a news story. It is now usually understood to refer only to still images, but in some cases the term also refers to video used in broadcast journalism. Photojournalism is distinguished from other close branches of photography (e.g., documentary photography, social documentary photography, street photography or celebrity photography) by complying with a rigid ethical framework which demands that the work be both honest and impartial whilst telling the story in strictly journalistic terms. Photojournalists create pictures that contribute to the news media, and help communities connect with one other. Photojournalists must be well informed and knowledgeable about events happening right outside their door. They deliver news in a creative format that is not only informative, but also entertaining. Need and importance, Timeliness The images have meaning in the context of a recently published record of events. Objectivity The situation implied by the images is a fair and accurate representation of the events they depict in both content and tone. Narrative The images combine with other news elements to make facts relatable to audiences. Like a writer, a photojournalist is a reporter, but he or she must often make decisions instantly and carry photographic equipment, often while exposed to significant obstacles (e.g., physical danger, weather, crowds, physical access). subject of photo picture sources, Photojournalists are able to enjoy a working environment that gets them out from behind a desk and into the world.
    [Show full text]
  • The Uses of Animation 1
    The Uses of Animation 1 1 The Uses of Animation ANIMATION Animation is the process of making the illusion of motion and change by means of the rapid display of a sequence of static images that minimally differ from each other. The illusion—as in motion pictures in general—is thought to rely on the phi phenomenon. Animators are artists who specialize in the creation of animation. Animation can be recorded with either analogue media, a flip book, motion picture film, video tape,digital media, including formats with animated GIF, Flash animation and digital video. To display animation, a digital camera, computer, or projector are used along with new technologies that are produced. Animation creation methods include the traditional animation creation method and those involving stop motion animation of two and three-dimensional objects, paper cutouts, puppets and clay figures. Images are displayed in a rapid succession, usually 24, 25, 30, or 60 frames per second. THE MOST COMMON USES OF ANIMATION Cartoons The most common use of animation, and perhaps the origin of it, is cartoons. Cartoons appear all the time on television and the cinema and can be used for entertainment, advertising, 2 Aspects of Animation: Steps to Learn Animated Cartoons presentations and many more applications that are only limited by the imagination of the designer. The most important factor about making cartoons on a computer is reusability and flexibility. The system that will actually do the animation needs to be such that all the actions that are going to be performed can be repeated easily, without much fuss from the side of the animator.
    [Show full text]
  • Multimedia Systems DCAP303
    Multimedia Systems DCAP303 MULTIMEDIA SYSTEMS Copyright © 2013 Rajneesh Agrawal All rights reserved Produced & Printed by EXCEL BOOKS PRIVATE LIMITED A-45, Naraina, Phase-I, New Delhi-110028 for Lovely Professional University Phagwara CONTENTS Unit 1: Multimedia 1 Unit 2: Text 15 Unit 3: Sound 38 Unit 4: Image 60 Unit 5: Video 102 Unit 6: Hardware 130 Unit 7: Multimedia Software Tools 165 Unit 8: Fundamental of Animations 178 Unit 9: Working with Animation 197 Unit 10: 3D Modelling and Animation Tools 213 Unit 11: Compression 233 Unit 12: Image Format 247 Unit 13: Multimedia Tools for WWW 266 Unit 14: Designing for World Wide Web 279 SYLLABUS Multimedia Systems Objectives: To impart the skills needed to develop multimedia applications. Students will learn: z how to combine different media on a web application, z various audio and video formats, z multimedia software tools that helps in developing multimedia application. Sr. No. Topics 1. Multimedia: Meaning and its usage, Stages of a Multimedia Project & Multimedia Skills required in a team 2. Text: Fonts & Faces, Using Text in Multimedia, Font Editing & Design Tools, Hypermedia & Hypertext. 3. Sound: Multimedia System Sounds, Digital Audio, MIDI Audio, Audio File Formats, MIDI vs Digital Audio, Audio CD Playback. Audio Recording. Voice Recognition & Response. 4. Images: Still Images – Bitmaps, Vector Drawing, 3D Drawing & rendering, Natural Light & Colors, Computerized Colors, Color Palletes, Image File Formats, Macintosh & Windows Formats, Cross – Platform format. 5. Animation: Principle of Animations. Animation Techniques, Animation File Formats. 6. Video: How Video Works, Broadcast Video Standards: NTSC, PAL, SECAM, ATSC DTV, Analog Video, Digital Video, Digital Video Standards – ATSC, DVB, ISDB, Video recording & Shooting Videos, Video Editing, Optimizing Video files for CD-ROM, Digital display standards.
    [Show full text]
  • Resizing for ACCC Competition Rev 1.0 9/12/2011
    Resizing for ACCC Competition Rev 1.0 9/12/2011 This document contains instructions for resizing your images to comply with the new Digital Image Competition Guidelines. In this document we have attempted to provide instructions that cover most of the image editing programs in common use by our members. However, it is entirely possible that some have been omitted. If you let us know, we will try to incorporate those applications in future versions of these Instructions. In the meantime, studying the options available in other programs will most likely be helpful in figuring out what you need to do in your particular software. Currently, instructions for the following programs are included: • Photoshop • Lightroom • Aperture • Image Processor (from Bridge or Photoshop) • Photoshop Elements • Irfanview • Picasa • Canon Digital Photo Professional 3 • Nikon View NX • Capture NX / NX2 • Paint Shop Pro (links to tutorials) Adobe Photoshop CS5 With your image open in Photoshop, go to Image > Image Size and the following dialog box will open. Make sure that the three boxes on the bottom left are checked and the Resolution is set to 300 pixels/inch. Then, change the image dimensions so that the longest edge of your image (height in the example below) does not exceed 1920 pixels and the shortest edge does not exceed 1080 pixels. In the example above the longest dimension was reduced to 1620 when 1080 was used for the shortest dimension. Under “Resample Image” choose Bicubic Sharper from the drop down box. If you want to use the full allowable dimensions of 1920 X 1080 you must crop the image to achieve the 16:9 aspect ratio.
    [Show full text]
  • Gnuplot Programming Interview Questions and Answers Guide
    Gnuplot Programming Interview Questions And Answers Guide. Global Guideline. https://www.globalguideline.com/ Gnuplot Programming Interview Questions And Answers Global Guideline . COM Gnuplot Programming Job Interview Preparation Guide. Question # 1 What is Gnuplot? Answer:- Gnuplot is a command-driven interactive function plotting program. It can be used to plot functions and data points in both two- and three-dimensional plots in many different formats. It is designed primarily for the visual display of scientific data. gnuplot is copyrighted, but freely distributable; you don't have to pay for it. Read More Answers. Question # 2 How to run gnuplot on your computer? Answer:- Gnuplot is in widespread use on many platforms, including MS Windows, linux, unix, and OSX. The current source code retains supports for older systems as well, including VMS, Ultrix, OS/2, MS-DOS, Amiga, OS-9/68k, Atari ST, BeOS, and Macintosh. Versions since 4.0 have not been extensively tested on legacy platforms. Please notify the FAQ-maintainer of any further ports you might be aware of. You should be able to compile the gnuplot source more or less out of the box on any reasonable standard (ANSI/ISO C, POSIX) environment. Read More Answers. Question # 3 How to edit or post-process a gnuplot graph? Answer:- This depends on the terminal type you use. * X11 toolkits: You can use the terminal type fig and use the xfig drawing program to edit the plot afterwards. You can obtain the xfig program from its web site http://www.xfig.org. More information about the text-format used for fig can be found in the fig-package.
    [Show full text]
  • “How Do I Blur the Pencil?” Children's Learning About Drawing And
    REVISTA MULTIMÉDIA DE INVESTIGAÇÃO EM EDUCAÇÃO / MULTIMEDIA JOURNAL OF RESEARCH IN EDUCATION Centro de Investigação e Inovação em Educação Centre for Research and Innovation in Education Sensos-e Vol: I Num: 1, mai 2014 ISSN 2183-1432 URL: http://sensos-e.ese.ipp.pt/?p=5495 “How do I blur the pencil?” Children’s learning about drawing and collaboration using MyPaint Afiliação: Escola Superior de Educação e CI&DETS, Instituto Politécnico de Autor: Maria P. Figueiredo Viseu Afiliação: Escola Superior de Educação e CI&DETS, Instituto Politécnico de Autor: Nelson Gonçalves Viseu Autor: Maria Helena Lopes Afiliação: Agrupamento de Escolas da Zona Urbana de Viseu Autor: Maria de Fátima Barreiros Afiliação: Agrupamento de Escolas de Castro Daire Resumo: No âmbito de um Mestrado em Educação Pré-Escolar, foi lançado um desafio relativo ao uso de Software Livre com crianças em contextos educativos. Duas educadoras de infância experientes exploraram o MyPaint com uma mesa de desenho digital com os seus grupos. Durante a experiência, foram recolhidos dados sobre a forma como as crianças se apropriaram do uso do software e sobre dimensões da sua aprendizagem do e com o software. Através de uma análise de conteúdo, diferentes aspetos da experiência foram agrupados em temas: organização da exploração do software nos dois contextos; aprendizagem das crianças sobre desenho e materiais de desenho, com relações entre o uso do software o desenho tradicional; e a colaboração para a aprendizagem. A discussão destaca as dimensões da Pedagogia da Educação de Infância mais relevantes na experiência. Palavras-Chave: educação de infância, educação artística, TIC na educação, software livre, uso do computador Página 1 de 16 Abstract: In a Master's Degree in Early Childhood Education, a challenge about using Free Software applications with children in educational contexts was proposed to the students.
    [Show full text]
  • And Alternatives to Free Software
    Free Software and Alternatives to Free Software Presentation for the: Sarasota Technology Users Group June 5, 2019 7:00 p.m. Presented by: John “Free John” Kennedy [email protected] Member of the East-Central Ohio Technology Users Club Newark, Ohio Brought to you by: APCUG Speakers Bureau One of your benefits of membership. Functional Resources Economically Enticing Functional Resources -- Economically Enticing Functional Resources -- Economically Enticing Functional Resources -- Economically Enticing Functional Resources Economically Enticing FREE My Needs Computer software: ● that does what I want ● and price is reasonable My Problem ● most “packaged” software does way more than what I need ● most “packaged” software costs way more than I can afford What I've Found ● software that costs $$$$ ● software that's FREE ● free software that I like better than other free software Types of Software ● PS = Paid Software ● FS = Free Software ● CSS = Closed Source Software ● OSS = Open Source Software ● POSS = Paid Open Source Software ● FOSS = Free Open Source Software FOSS ● Free and Open Source Software ● Free software vs. Open Source Software; are they the same or different? Recipes! ● Both are free, but open source developers are willing to share the code so that others can help re- write/improve the software (you can also donate to these people as well). Bottom Line = $$$$ ● Free programs may be missing some features. ● So far I haven't missed them, and you may not either. ● But if something is missing, then you decide if it's worth the total price of the program to have that missing feature. ● Start with the free program, if it doesn't meet your needs, purchase the paid program.
    [Show full text]
  • GIMP to Increase Business Productivity GIMP Or GNU Image Manipulation Programme Is a Cross-Platform, Open Source Image Editor
    Focus Using GIMP to Increase Business Productivity GIMP or GNU Image Manipulation Programme is a cross-platform, open source image editor. In our last article on GIMP (published in January 2020), we explored some features of the tool. Continuing it further, here are some more. IMP 2.10 ships with All painting tools now have painting tools with various symmetries a number of the explicit ‘Hardness’ and ‘Force’ sliders, (mirror, mandala, tiling…). This new improvements requested by except for the MyPaint Brush tool version of GIMP also ships with more Gdigital painters. One of the which only has the ‘Hardness’ slider. new brushes, which are available by most interesting new additions is the GIMP now supports canvas rotation default. Some of the new GEGL-based MyPaint Brush tool that first appeared and flipping to help illustrators check filters—Exposure, Shadows-Highlights, in the GIMP-Painter fork. proportions and perspective. High-pass, Wavelet Decompose, The ‘Smudge’ tool has got updates A new ‘Brush lock to view’ option Panorama Projection and others—are specifically targeted at painting gives one a choice to lock a brush at a specifically targeted at photographers. related use cases. The new ‘No erase certain zoom level and rotate the angle Apart from that, the new ‘Extract effect’ option prevents the tools from of the canvas. The option is available Component’ filter simplifies extracting changing the alpha of pixels, and the for all painting tools that use a brush, a channel of an arbitrary colour model foreground colour can now be blended except for the MyPaint Brush tool.
    [Show full text]
  • Freeware Irfanview Windows 10 Latest Version Download Freeware Irfanview Windows 10 Latest Version Download
    freeware irfanview windows 10 latest version download Freeware irfanview windows 10 latest version download. Advantages of IrfanView 64-bit over 32-bit version: It can load VERY large files/images (image RAM size over 1.3 GB, for special users) Faster for very large images (25+ Megapixels, loading or image operations) Runs 'only' on a 64-bit Windows (Vista, Win7, Win8, Win10) Advantages of IrfanView 32-bit over 64-bit version: Runs on a 32-bit and 64-bit Windows Loads all files/images for normal needs (max. RAM size is about 1.3 GB) Needs less disc space All PlugIns will work: not all PlugIns are ported (yet) to 64-bit (like OCR) and some 32-bit PlugIns must be still used in the 64-bit version, some with limitations (see the "Plugins32" folder) Some old 32-bit PlugIns (like RIOT and Adobe 8BF PlugIn) work only in compatilibilty mode in IrfanView-64 ( only 32-bit 8BF files/effects can be used ) Command line options for scanning (/scan etc.) work only in 32-bit (because no 64-bit TWAIN drivers ) Notes: You can install both versions on the same system, just use different folders . For example: install the 32-bit version in your "Program Files (x86)" folder and the 64-bit version in your "Program Files" folder (install 32-bit PlugIns to IrfanView-32 and 64-bit PlugIns to IrfanView-64, DO NOT mix the PlugIns and IrfanView bit versions) The program name and icon have some extra text in the 64-bit version for better distinguishing. Available 64-bit downloads.
    [Show full text]
  • Certified Digital Designer Professional Certification Examination Review
    Digital Imaging & Editing and Digital & General Photography Certified Digital Designer Professional Certification Examination Review Within this presentation – We will use specific names and terminologies. These will be related to specific products, software, brands and trade names. ADDA does not endorse any specific software or manufacturer. It is the sole decision of the individual to choose and purchase based on their personal preference and financial capabilities. the Examination Examination Contain at Total 325 Questions 200 Questions in Digital Image Creation and Editing Image Editing is applicable to all Areas related to Digital Graphics 125 Question in Photography Knowledge and History Photography is applicable to General Principles of Photography Does not cover Photography as a General Arts Program Examination is based on entry level intermediate employment knowledge Certain Processes may be omitted that are required to achieve an end result ADDA Professional Certification Series – Digital Imaging & Editing the Examination Knowledge of Graphic and Photography Acronyms Knowledge of Graphic Program Tool Symbols Some Knowledge of Photography Lighting Ability to do some basic Geometric Calculations Basic Knowledge of Graphic History & Theory Basic Knowledge of Digital & Standard Film Cameras Basic Knowledge of Camera Lens and Operation General Knowledge of Computer Operation Some Common Sense ADDA Professional Certification Series – Digital Imaging & Editing This is the Comprehensive Digital Imaging & Editing Certified Digital Designer Professional Certification Examination Review Within this presentation – We will use specific names and terminologies. These will be related to specific products, software, brands and trade names. ADDA does not endorse any specific software or manufacturer. It is the sole decision of the individual to choose and purchase based on their personal preference and financial capabilities.
    [Show full text]
  • Two-Dimensional Analysis of Digital Images Through Vector Graphic Editors in Dentistry: New Calibration and Analysis Protocol Based on a Scoping Review
    International Journal of Environmental Research and Public Health Review Two-Dimensional Analysis of Digital Images through Vector Graphic Editors in Dentistry: New Calibration and Analysis Protocol Based on a Scoping Review Samuel Rodríguez-López 1,* , Matías Ferrán Escobedo Martínez 1 , Luis Junquera 2 and María García-Pola 2 1 Department of Operative Dentistry, School of Dentistry, University of Oviedo, C/. Catedrático Serrano s/n., 33006 Oviedo, Spain; [email protected] 2 Department of Oral and Maxillofacial Surgery and Oral Medicine, School of Dentistry, University of Oviedo, C/. Catedrático Serrano s/n., 33006 Oviedo, Spain; [email protected] (L.J.); [email protected] (M.G.-P.) * Correspondence: [email protected]; Tel.: +34-600-74-27-58 Abstract: This review was carried out to analyse the functions of three Vector Graphic Editor applications (VGEs) applicable to clinical or research practice, and through this we propose a two- dimensional image analysis protocol in a VGE. We adapted the review method from the PRISMA-ScR protocol. Pubmed, Embase, Web of Science, and Scopus were searched until June 2020 with the following keywords: Vector Graphics Editor, Vector Graphics Editor Dentistry, Adobe Illustrator, Adobe Illustrator Dentistry, Coreldraw, Coreldraw Dentistry, Inkscape, Inkscape Dentistry. The publications found described the functions of the following VGEs: Adobe Illustrator, CorelDRAW, and Inkscape. The possibility of replicating the procedures to perform the VGE functions was Citation: Rodríguez-López, S.; analysed using each study’s data. The search yielded 1032 publications. After the selection, 21 articles Escobedo Martínez, M.F.; Junquera, met the eligibility criteria. They described eight VGE functions: line tracing, landmarks tracing, L.; García-Pola, M.
    [Show full text]