Goal
To develop an awareness of the technical and spatial skills needed to create augmented reality (AR) experiences.
Objective
Create an intermediate AR experience using traditional design tools, as well as dedicated desktop and mobile AR applications.
Background Reading
- https://www.adobe.com/products/aero.html (for mobile and desktop download, desktop beta also available via Creative Cloud App)
- https://youtu.be/AyZPHZwBYIc
- https://youtu.be/2EfPCBA6BqU
- https://youtu.be/gg3PrpUFgCk
Intermediate Theory and Technique
- https://www.youtube.com/watch?v=WycSSpTXazM
- https://logosbynick.com/export-layered-psd-from-illustrator/
- https://www.youtube.com/watch?v=CObiAYNbDa0&t=2248s
- https://youtu.be/12oCyiBYqKY
Additional Inspiration Resources
- https://www.behance.net/gallery/33025831/Animated-poster?tracking_source=search_projects_recommended%7Canimated%20poster
- https://www.behance.net/gallery/105251345/MOTION-POSTER-Coll-01?tracking_source=search_projects_recommended%7Canimated%20posters%20poster%20design
- https://www.behance.net/gallery/121384915/Football-Legends-Animated-Posters?tracking_source=search_projects_recommended%7Canimated%20posters%20poster%20design
- https://www.behance.net/gallery/90643367/Animated-Posters-2019?tracking_source=search_projects_recommended%7Canimated%20posters%20poster%20design
- https://www.behance.net/gallery/129102787/Animated-poster-collection?tracking_source=search_projects_recommended%7Canimated%20posters%20poster%20design
- https://www.behance.net/gallery/110757181/Design-an-AR-Business-Card-with-Adobe-Aero?tracking_source=search_projects_recommended%7Cadobe%20aero%20augmented%20reality
- https://dribbble.com/tags/animated_poster
Assignment
Create an animated, interactive digital sign using 2D, 3D and animated elements, based on established location in GC to serve as canvas. Consider the interactive and time based opportunities for incorporating media forms and actions unique to the message and the medium. The creation and animation of images, clips and models can provide a wide range of educational, navigational, functional and entertainment experiences. Transitioning to interactive modeling in the physical environment will help to develop these technical skills.
Part One
Choose campus event, which could be one from the past, so information is readily available, such as who, what, when, where, why and how.
- Soccer Game
- Volleyball Game
- SA Events
- Art and Design Show
- Theatre Show
- Dance Show
Choose location based on discussions in class, centered around GC 2B04 and the GC 2 main hallway. Sketch location, layout ideas, storyboard representing motion. Required to have interaction, motion and 3D elements.
Develop digital comps of the “poster” related aspects of the message. These serve as a rough stylistic sample frame or key draft from which the remaining pieces are produced. Use the software most appropriate to the task. Develop a map based plan that outlines the location and list key interface and logistical rationale for making decisions. Submit sketches, working comps and images as PDF and JPGs to appropriate D2L dropbox.
Part Two
Develop necessary files to create the poster. Use any necessary files and assets created or found on internet, assuming appropriate permissions are available. Develop rough draft of the files and animations based on the sketches. Insert into Adobe Aero and test in the appropriate location using the iOS app.
Finalize animations, sizing and imagery based on critique from Part Two. Publish to Adobe Cloud account. Print QR code for in-person critique (so each student can scan and experience individually). Take a screenshot of elements and triggers screen. Also Share the link and or QR code in the description when uploading the images to the appropriate D2L dropbox.
Part Three
Finalize animations, sizing and imagery based on critique from Part Two.
Publish to Adobe Cloud account. Print QR code for in-person critique (so each student can scan and experience individually). Take a screenshot of elements and triggers screen. Also Share the link and or QR code in the description when uploading the images to the appropriate D2L dropbox.
To take a screen-shot:
- Command-Shift-4-Spacebar: Takes a screenshot of the window, and saves it as a file on the desktop. The file will have a .png extension.
- Command-Shift‑3: Takes a screenshot of the entire screen, and saves it as a file on the desktop. The file will have a .png extension.
- Instead of using the keyboard shortcuts above, screenshots can be taken by using the Screenshot application included with Mac OS X. It is located at
/Applications/Utilities/Screenshot
or by searching via Spotlight in the upper right of the Mac screen. - For more information, please visit: https://support.apple.com/en-us/HT201361
Assessment
- The following rubric posted on D2L will determine exercise score: Exercise Grading
Techniques
raster, images, layers, AR editing, animation, triggers, actions
Supplies
Adobe illustrator, Photoshop, Aero, Dimension, Creative Cloud Account, iOS device
Deadlines
As defined by corresponding calendar item, dropbox, discussion or content topic description.