Sketching Animations in Design and Beyond

Total Page:16

File Type:pdf, Size:1020Kb

Sketching Animations in Design and Beyond Sketching animations in design and beyond Citation for published version (APA): Quevedo Fernandez, J. (2017). Sketching animations in design and beyond. Technische Universiteit Eindhoven. Document license: CC BY-NC-SA Document status and date: Published: 30/05/2017 Document Version: Publisher’s PDF, also known as Version of Record (includes final page, issue and volume numbers) Please check the document version of this publication: • A submitted manuscript is the version of the article upon submission and before peer-review. There can be important differences between the submitted version and the official published version of record. People interested in the research are advised to contact the author for the final version of the publication, or visit the DOI to the publisher's website. • The final author version and the galley proof are versions of the publication after peer review. • The final published version features the final layout of the paper including the volume, issue and page numbers. Link to publication General rights Copyright and moral rights for the publications made accessible in the public portal are retained by the authors and/or other copyright owners and it is a condition of accessing publications that users recognise and abide by the legal requirements associated with these rights. • Users may download and print one copy of any publication from the public portal for the purpose of private study or research. • You may not further distribute the material or use it for any profit-making activity or commercial gain • You may freely distribute the URL identifying the publication in the public portal. If the publication is distributed under the terms of Article 25fa of the Dutch Copyright Act, indicated by the “Taverne” license above, please follow below link for the End User Agreement: www.tue.nl/taverne Take down policy If you believe that this document breaches copyright please contact us at: [email protected] providing details and we will investigate your claim. Download date: 28. Sep. 2021 Sketching Animations in Design and Beyond Doctoral Dissertation by Javier Quevedo Fernández This work has been sponsored by the Dutch Ministry of Economic Affairs within the IOP-IPCR program, through the ‘REPAR’ project. A catalogue record is available from the Eindhoven University of Technology Library. ISBN: 978-90-386-4250-5 © Javier Quevedo Fernández, 2017 This work is licensed under a Creative Commons Attribution- NonCommercial-ShareAlike 4.0 International License. http://creativecommons.org/licenses/by-nc-sa/4.0/ Printed by Gilde Print, 7512 ZE Enschede, The Netherlands Sketching Animations in Design and Beyond PROEFONTWERP ter verkrijging van de graad van doctor aan de Technische Universiteit Eindhoven, op gezag van de rector magnificus prof.dr.ir. F.P.T. Baaijens, voor een commissie aangewezen door het College voor Promoties, in het openbaar te verdedigen op donderdag 30 mei 2017 om 16:00 uur door Javier Quevedo Fernández geboren te Palma de Mallorca, Spanje De documentatie van het proefontwerp is goedgekeurd door de promotoren en de samenstelling van de promotiecommissie is als volgt: voorzitter: prof.dr.ir. A.C. Brombacher 1e promotor: prof.dr.ir. J-B.O.S. Martens 2e promotor: prof.dr.ir. P. Markopoulos leden: prof.dr. K. Coninx (Universiteit Hasselt) prof.dr. K. Halskov (Aarhus University) prof.dr.ir. B. De Vries prof.dr.ir. M.C. van der Voort (University of Twente) prof.dr.ir. C.C.M. Hummels reserveren: dr. J.M.B. Terken Het onderzoek of ontwerp dat in dit proefontwerp wordt beschreven is uitgevoerd in overeenstemming met de TU/e Gedragscode Wetenschapsbeoefening. Here's to the crazy ones. The misfits. The rebels. The troublemakers. ― Rob Siltanen Summary Sketching Animations in Design and Beyond This thesis conducts a design investigation on the ideation, design and implementation of tools to sketch animations. The design investigation followed a research-through-design approach, where we embed the design knowledge in an artefact that attempts to transform the world from the current state to a preferred one. The contribution of this thesis is the framing and articulation of the need and challenges of creating animation sketching tools, the iterative design and evaluation of the idAnimate tool, and the reflection and lessons learned all along the design investigation, disseminated in the form of research publications. Additionally, the development of idAnimate culminated in the creation of a novel animation technique named transformation-by-example, based on multi-touch gestures. The research presented in this thesis was carried out in a series of iterative phases. The first one was problem elicitation, and included four on-site visits to companies. The visits allowed us learn about their design processes, understand their challenges and discover new opportunities. These gatherings involved interviews and workshops with designers and other stakeholders, as well as tours and presentations of their facilities. The field encounters were followed by a context-mapping study that allowed us to understand more deeply the insights and aspirations of designers regarding the tools to support the early stages of their design process. The findings provided us with the foundation for the requirements, as well as the inspiration for the tool(s) that were to be researched within this thesis. These requirements were embedded in a series of tool concepts that were discussed with the design practitioners from the companies. Amongst these requirements, the need to create dynamic visualizations in a sketch-like way emerged. One of the concepts addressed this, and such concept was selected for further research and development. The concept was named idAnimate, and it would function as the design artefact that facilitated the research-through-design approach, embedding the hypothesis, and enabling us to conduct studies to collect evidence and design relevant knowledge to validate claims. The second phase of the research began with formally defining the idAnimate tool. In its core, the concept integrates the theory and technical opportunities to facilitate people to articulate their ideas in order to generate, communicate and discuss them, without the burden of having to spend a substantial amount of time or money. For this purpose, idAnimate allows users to swiftly and intuitively create dynamic visualizations. Such dynamic visualizations may include, but are not limited to, storyboards, user interfaces, interaction techniques, or consumer journeys. The implementation of the tool originated with a prototype that embedded the fundamental elements of the transformation-by-example animation technique. The prototype was iteratively evaluated, refined and improved in collaboration with the designers and stakeholders involved in the project. The third phase of this thesis corresponds to the evaluation of the research claims, and the contribution to the domain of the knowledge and lessons learned throughout the investigation. For this purpose we carried out a number of studies. In the first one we compared in a laboratory setting our idAnimate tool with a state- of-the-art animation sketching tool called K-Sketch. Objective and subjective measures were taken, helping us to understand the pros and cons of the animation technique. The results show that the transformation-by-example technique is perceived as more intuitive, playful, and faster to use than the state-of-the-art rapid animation techniques, even at a possible loss of quality in the outcome. The target of the second study was to have a deeper knowledge of how animation sketching tools can influence the design process in a positive way, and more specifically in creative group activities. For this purpose, we introduced idAnimate in a workshop to generate game concepts conducted by an existing design team at a multinational company. The results showed that animations can be used productively for real-time exploration, communication and discussion of a wide variety of ideas, and that animations are especially beneficial when the concepts under discussion are of highly dynamic nature. The results of the study also suggest that working with animations contributes to the group dynamics, as the design collaboration may become more playful, expressive and fun, than when working with conventional sketches. The third study, of longitudinal nature, aimed at learning how animation-sketching tools can be adopted not only by designers, but also by people of different ages and occupations. For this purpose, a research version of idAnimate was released freely to the general public and distributed through an application store. The research version had mechanisms to collect analytical data as well as to survey the users. The study stretched for more than one year, and in this period more than four thousand people downloaded the application, allowing us to collect information about the usage of the tool, as well as the context of use. The study identified five communities of practice (engineers, students, teachers, designers and artists), and highlighted some of the key differences regarding their use of animation sketching tools. Differences were established in terms of purpose of creating animations, location, or the number of people involved or time spent in doing so. Last but not least, a series of reflections and lessons learned from the study methodology are also provided, mostly in terms of the lack of control over the user population, the need for adaptive data collection tools, and
Recommended publications
  • D2.1 Institutional Strategy
    D2.1 INSTITUTIONAL STRATEGY D2.1 Institutional Strategy 586297-EPP-1-2017-1-EL-EPPKA2-CBHE-JP The European Commission's support for the production of this publication does not constitute an endorsement of the contents, which reflect the views only of the authors, and the Commission cannot be held responsible for any use which may be made of the information contained therein. 1 D2.1 INSTITUTIONAL STRATEGY Document Info Project reference 586297-EPP-1-2017-1-EL-EPPKA2-CBHE-JP Deliverable D2.1 Dissemination level Public Date 30.06.2019 Document version 1.0 Status Final Carlos Vaz de Carvalho Siti Salwah Raja Jamilah Raja Yusof Aishah Abu Bakar Hazleen Aris Ida Suzana Hussain Irum Inayat Kamran Khowaja Martin Sillaots Janet Read Gavin Sim Ioannis Doumanis Tsvetelina Petrova Irena Rashkova Authors Christina Taka Nadia Vlahoutsou Olivier Heidmann Huy Nguyen Nguyet Dinh Thi Minh Veasna Pich Lay Heng Sam Rany Tri Ratna Bajracharya Shre Raj Shakya Dhiraj Shrestha Manish Mokharel Huynh Thi Thanh Binh Vu Van Thieu Reviewers Hariklia Tsalapatas Contributors All partners Approved by Steering Committee 586297-EPP-1-2017-1-EL-EPPKA2-CBHE-JP The European Commission's support for the production of this publication does not constitute an endorsement of the contents, which reflect the views only of the authors, and the Commission cannot be held responsible for any use which may be made of the information contained therein. 2 D2.1 INSTITUTIONAL STRATEGY Contents Figures ....................................................................................................................................................
    [Show full text]
  • Supporting Candidates Learning from Home to Prepare for Computer-Based Practical Tests
    Supporting candidates learning from home to prepare for computer-based practical tests Supporting candidates learning from home to prepare for the practical tests in Cambridge IGCSE ICT (0417), Cambridge IGCSE (9–1) ICT (0983) and Cambridge International A Level IT (9626) We understand that many centres and candidates are facing challenging times, and that some centres are having to teach practical IT skills remotely. Practical IT skills are a vital part of our IT syllabuses. We assess these skills through formal tests under controlled conditions. To maintain the integrity of the tests, and the value of our qualifications for students, we encourage centres to teach the full syllabus content, whether remotely or face to face. There are currently no adaptations to the practical skills requirements for March or June 2021. However, we understand that candidates do not always have access to proprietary (non-free) software that is licensed through their centre. This may be a significant barrier to candidates practising practical IT skills at home. Using the centre’s licensed software Where candidates are learning remotely, we recommend that you first check your software licences to see if they If your school currently uses proprietary software, you allow candidates to use the software on their home may find that one of the free/open source alternatives computers. Some centres have academic licences that allow listed in the tables on this factsheet allows candidates to this. Other centres are setting up remote access to their practise their skills at home. If they become more familiar school systems for candidates or loaning out school laptops with this software than the software being used at the to candidates to continue their studies.
    [Show full text]
  • 3D Animation)
    ΤΕΙ ΗΠΕΙΡΟΥ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ Τ.Ε. ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΘΕΜΑ: ΔΗΜΙΟΥΡΓΙΑ 3D ΕΚΠΑΙΔΕΥΤΙΚΟΥ ANIMATION VIDEO ΜΕ ΤΗ ΧΡΗΣΗ ΤΗΣ ΕΦΑΡΜΟΓΗΣ MUVIZU Φοιτητής: Μπεκρής Γεώργιος 13619 Εισηγητής: Στεργίου Ελευθέριος ΑΡΤΑ 2015 Περιεχόμενα Περίληψη........................................................................................................................................... 6 Abstract ............................................................................................................................................. 6 Εισαγωγή ........................................................................................................................................... 7 Κεφάλαιο 1: Animation - Τύποι Animation ...................................................................................... 8 1.1. Animation ................................................................................................................................... 8 1.2. Τύποι animation ......................................................................................................................... 8 1.2.1. Animation δύο διαστάσεων ................................................................................................. 8 1.2.2. Προγράμματα 2D animation ............................................................................................... 9 1.2.3. Animation τριών διαστάσεων (3D animation) .................................................................. 12 1.2.4. Προγράμματα 3D animation ............................................................................................
    [Show full text]
  • Technology Enhanced Learning Assisted by Free and Open Source Software
    IJAEDU- International E-Journal of Advances in Education, Vol. 3, Issue 8, August 2017 TECHNOLOGY ENHANCED LEARNING ASSISTED BY FREE AND OPEN SOURCE SOFTWARE Vikas Rao Naidu1*, Baldev Singh2, Raya Ali Al Harrasi3, Haleema Hassan Al Balushi4 1Mr., Middle East College, Oman, [email protected] 2Dr., Vivekananda Institute of Technology, India, [email protected] 3Ms., Middle East College, Oman, [email protected] 4Ms., Middle East College, Oman, [email protected] *Corresponding author Abstract The education system of the present day has undergone a great revolution, with the enhancement of education technology. Especially in the higher education sector, IT is playing a vital role in the advancement of teaching and learning practices. Most of the educational organizations have already adopted smart learning environment by upgrading their infrastructure and with proper capacity building among staff members. But in the education sector, sustainability of technology is always being a challenge. To develop learning materials, many institutions have already started using free and open source software (FOSS) tools. FOSS gives freedom to the developer with the provision of various customization options as per the requirements of the class or subject. Moreover, in the longer run, free and open source software could be considered as the best option in education for e-learning implementation, for sustainability. There are many tools which are available for e-learning resource development. Some of them are available online and some are available as an installer for the various platform. In order to adapt ICT in education, especially in non-IT specialization, the faculty members need the training to learn and implement these tools in their classes.
    [Show full text]
  • Free Or Low-Cost Software for Creative Work
    Free or low-cost software for creative work Alternatives to Adobe CC and more Free or low-cost software for creative work 2 Photo editing and digital drawing Photoshop alternatives GIMP https://www.gimp.org/ Cost: free Operating systems: Windows, Mac, Linux Main features: One of the most-recommended free graphic design programs, useful for photo editing and digital drawing. The site has a number of tutorials to help you get started. Since it’s an open source program, many people have created plugins that you can install to add or change features. Fire Alpaca http://firealpaca.com/ Cost: free Operating systems: Windows, Mac Main features: A digital painting software, with some features meant specifically for making comics. The Fire Alpaca website has a tool called AlpacaDouga which you can use to make animated GIFs. Krita https://krita.org/en/ Cost: free Operating systems: Windows, Mac, Linux Main features: A digital painting software with tools for making comics as well as animation. Offers customizable brushes and customizable layout. Includes tools for making vector graphics. Photopea https://www.photopea.com/ Cost: free Operating systems: any internet browser Main features: An image editor that you can use in your browser, no software download required. The basic tools and layout will be familiar to users of Photoshop. Free or low-cost software for creative work 3 MediBang Paint https://medibangpaint.com/en/ Cost: free Operating systems: Windows, Mac, iOS and Android mobile devices Main features: A digital painting program with a wide variety of free resources, including brushes, backgrounds, fonts and comic effects.
    [Show full text]
  • Animate with Easy-To-Use and Free Pencil2d Software
    White Paper Animate with Easy-to-Use and Free Pencil2D Software Use Pencil2D to quickly create animated videos Summary: There are many 2D animation products available. Some are complicated and have GUIs that are crowded with dozens of tiny items that require training for even basic operations. Also, some products are expensive. In contrast, Pencil2D is simple yet highly capable. It enables users to complete all animation steps, including sketching, drawing line art, and painting, and do so in an easy and straightforward way. Additionally, it is free, open source, and cross-platform. These are some of the reasons why it meets the needs of many users in its well-established and active user community. White Paper Introduction There are numerous software products available for creating 2D animation. However, some of these products are complicated to use and have GUIs that are crowded with an overwhelming number of small tools, icons, controls, options, settings, and labels. Attempting to perform even basic operations in these applications can be frustrating and require a significant amount of training. Also, some of these products are expensive, costing hundreds of dollars a year. Pencil2D is an alternative to these types of products, since it is simple, easy-to-use, free, and open source. With Pencil2D you are able to focus on creating great animation instead of trying to figure out how to use a tool. Also, Pencil2D is highly capable, so you can use it for all animation steps, including sketching, drawing line art, and painting. Additionally, in it you can manipulate frames that contain your artwork in a timeline, control a camera’s view of these frames, and output animated videos.
    [Show full text]
  • Best Simple Animation Software
    Best simple animation software download pencil 2d: BEST FREE ANIMATION SOFTWARE!!! (SIMPLE FOR BEGINNERS. The Best Free / Open Source Animation Software: 2D Animation level functionality, why are we featuring a simple stickman animation tool? Best free animation software: PowToon disrupts studio pricing with a free and basic users it is just too much, and it is definitely NOT FREE animation software. Which is the best 2d animation software program? 2D animation programs allow aspiring animators to create simple or complex animations. Description: Pencil2D is an open-source and free 2D animation software. You can easily produce simple 2D drawings, graphics and animation. Here is a list of best Free Animation software 2D as well as 3D for beginners as It allows you to bring out your creativity with this simple yet. The complete list of the best animation software out there, with detailed For more about learning how to animate, check out our animation courses or scroll . We'll show you how simple it is to get amazing results with Flash. You can start small and simple and slowly develop your skills and unique style. to make sure you got your basics covered – this course is the best place to start. Flash (Animate CC): The most used animation software by. Listed below are some of the best free animation software programs we This program is easy to use for amateur or beginner animators and. 2D Animation Software – A Comprehensive List For But seriously, Harmony is THE best and most powerful commercially available 2d animation program . The bones feature of the software means you can create a simple skeleton for.
    [Show full text]
  • Diplomová Práce
    ZÁPADOČESKÁ UNIVERZITA V PLZNI FAKULTA PEDAGOGICKÁ KATEDRA VÝPOČETNÍ A DIDAKTICKÉ TECHNIKY REALIZACE ELEKTRONICKÉHO VÝUKOVÉHO KURZU SE ZAMĚŘENÍM NA TVORBU PLOŠNÝCH VEKTOROVÝCH ANIMACÍ DIPLOMOVÁ PRÁCE Tereza Přibylová Učitelství pro základní školy, obor Informatika - Matematika léta studia (2014 - 2016) Vedoucí práce: Mgr. Denis Mainz Plzeň, 2016 Prohlašuji, že jsem diplomovou práci vypracovala samostatně s použitím uvedené literatury a zdrojů informací. V Plzni, 30. června 2016 ...................................................................... vlastnoruční podpis Poděkování Touto cestou bych ráda poděkovala vedoucímu mé diplomové práce, panu Mgr. Denisu Mainzovi. za vstřícný přístup, užitečné rady a připomínky při zpracování mé diplomové práce. Dále bych ráda poděkovala své rodině a přátelům, kteří mi byli během celé doby studia velkou oporou. ZDE SE NACHÁZÍ ORIGINÁL ZADÁNÍ DIPLOMOVÉ PRÁCE A HNED ZA NÍM ROZHODNUTÍ. OBSAH OBSAH SEZNAM ZKRATEK .................................................................................................................................. 2 ÚVOD .................................................................................................................................................. 3 1 ANIMACE ........................................................................................................................................ 4 1.1 DEFINICE ................................................................................................................................. 4 1.2 HISTORIE A VÝVOJ
    [Show full text]
  • Software Used in Seven Oaks School Division
    Seven Oaks School Division is providing technology for the continuous growth, development and maintenance of the high quality level of education that we are providing to our students. We are regularly adapting to the fast paced technology changes in the industry and constantly integrating technology with curriculum for pedagogical purposes to enhance our students’ learning experience. These are the majority of the Technology/ Application that we are providing in our Curriculum: G-Suite for Education and Microsoft Office 365 – These are the two leading cloud based applications being used in the industry SharePoint - a web-based collaborative platform that integrates with Microsoft Office Adobe Products (Adobe Creative Cloud / CS5 and CS6) Xello – College and Career Readiness Software Microsoft Office Desktop Apps / Pro Plus – Seven Oaks is a Microsoft Shop which take advantage of the Management System and Infrastructure that we currently have Pilot Programs: Headrush – Project Based Learning Management System Microsoft Teams - unified communications platform that combines persistent workplace chat, video meetings, file storage, and application integration. Integrates with Office 365 Music Apps: • Mixcraft • LMMS • Audacity • Note flight • Audio Tool • SOundtrap • Goldwave Any Chrome Web Store Apps and Google Play App for education can be enabled as per request as long as we see it fit for use Pedagogically Other Software Applications for Education in Early Years, Middle Years, Senior Years, Adult Education Programs can be found below. We have a number of Online Resources and Educational Video Streaming that we use thru our BZERC Library and Education Resource Center. (Please see link below) http://www.7oaks.org/Resources/BZERC/Pages/default.aspx Web Applications and Educational Internet resources are also being used in a regular basis and being kept up date to adapt with fast paced technology changes in Curriculum.
    [Show full text]
  • 10Lectbf-Animation-2017C
    6/6/2017 http://smtom.lecture.ub.ac.id/ https://syukur16tom.wordpress.com/ Password: Password: LECTURE 10: INTRODUCTION TO ANIMATION S.M. Sitompul (2017 version) INTRODUCTION 1. Definition An animation is the illusion of movement created by showing a series of still pictures in rapid succession. In the world of computers, graphic software used to create this effect. Simple animation may be as basic as an animated gif file like the image shown on this page. A more complex animation could be of a human or alien face in a computer software game or animation of a space battle in a movie. The manipulation of electronic images by means of a computer in order to create moving images. 2 1 6/6/2017 Animation precedes the invention of photography and the cine camera by several decades. It is an art form in which a world of dynamic image and sound may be synthesised completely out of nothing but a thought. Animation is 100% artifice, and as such, the synthesis of movement through the sequential use of small fragments of time, which gives rise to this wondrous illusion, is open to manipulation in extraordinary ways. Animation has the capacity to entertain, exaggerate, simplify, abstract, reveal complex processes, clarify difficult-to- understand concepts, visualise data, be a vehicle for humorous writing, sell product, be an art form, create slapstick sight gags, be a vehicle for insightful social comment, portray the human condition, and tackle difficult and uncomfortable subject manner. 3 Animation of shape and weight in falling Objects by a simple method 4 2 6/6/2017 SOFTWARES 1.
    [Show full text]
  • Vector Graphics
    Free or low-cost software for creative work Alternatives to Adobe CC and more Free or low-cost software for creative work 2 Photo editing and digital drawing Photoshop alternatives GIMP https://www.gimp.org/ Cost: free Operating systems: Windows, Mac, Linux Main features: One of the most-recommended free graphic design programs, useful for photo editing and digital drawing. The site has a number of tutorials to help you get started. Since it’s an open source program, many people have created plugins that you can install to add or change features. Fire Alpaca http://firealpaca.com/ Cost: free Operating systems: Windows, Mac Main features: A digital painting software, with some features meant specifically for making comics. The Fire Alpaca website has a tool called AlpacaDouga which you can use to make animated GIFs. Krita https://krita.org/en/ Cost: free Operating systems: Windows, Mac, Linux Main features: A digital painting software with tools for making comics as well as animation. Offers customizable brushes and customizable layout. Includes tools for making vector graphics. Photopea https://www.photopea.com/ Cost: free Operating systems: any internet browser Main features: An image editor that you can use in your browser, no software download required. The basic tools and layout will be familiar to users of Photoshop. https://nhfpl.org/ives-squared/ Free or low-cost software for creative work 3 MediBang Paint https://medibangpaint.com/en/ Cost: free Operating systems: Windows, Mac, iOS and Android mobile devices Main features: A digital painting program with a wide variety of free resources, including brushes, backgrounds, fonts and comic effects.
    [Show full text]
  • Best Easy Cartoon Animation Software
    Best easy cartoon animation software Want to find out just how easy Moovly's 2D animation software is? Start here! The list of the best 2D animation software tools goes on. Which is the best 2d animation software program? Find out here. Take a minute and easily compare several top rated programs and see how. Here is a list of best Free Animation software 2D as well as 3D for It is easily the most versatile animation program in the 2D category and. Flash is a great program, but for business owners, marketers, and basic users it is just too much, and it is definitely NOT FREE animation software. PowToon is. download pencil 2d: BEST FREE ANIMATION SOFTWARE!!! (SIMPLE FOR BEGINNERS. The Best Free / Open Source Animation Software: 2D Animation level functionality, why are we featuring a simple stickman animation tool? With this one-for-all 2D animation software, anyone can easily turn any image into an animated character by using the free bone tools or character templates. 2D Animation Software – A Comprehensive List For . view a great piece of software that is not that well known, yet is fairly easy to get started with (we had. If you're just starting out, it may be best to familiarise yourself with 2D animation as it can be an easier software to run. Working in 2D will also. Whether you wanna make cool animations for YouTube, or 2D Flash is a very easy software to learn, though it takes time to master. The complete list of the best animation software out there, with detailed It's great for getting started with 2D animation, and though it's not meant for Flash is a very easy software to learn, though it takes time to master.
    [Show full text]