3D, Graphic Design

Exercise 07.09: Intermediate Adobe Aero

Jason W. Howell
October 24, 2021

Goal

To develop an aware­ness of the tech­ni­cal and spa­tial skills needed to cre­ate aug­mented real­ity (AR) experiences.

Objective

Cre­ate a basic AR expe­ri­ence using tra­di­tional design tools, as well as ded­i­cated desk­top and mobile AR applications.

Background Reading

Intermediate Theory and Technique

Additional Inspiration Resources

Exercise

The use of 3D mod­els in the phys­i­cal envi­ron­ment is no longer restricted to actual objects. The cre­ation and ani­ma­tion of images, clips and mod­els can pro­vide a wide range of edu­ca­tional, nav­i­ga­tional, func­tional and enter­tain­ment expe­ri­ences. Tran­si­tion­ing to inter­ac­tive mod­el­ing in the phys­i­cal envi­ron­ment will help to develop these tech­ni­cal skills.

The use of lay­er­ing, and of mul­ti­ple files based on sim­i­lar dimen­sion and or con­sis­tent key ele­ments, will allow for the expanded explo­ration of the AR environment.

Part One

Cre­ate a lay­ered Pho­to­shop and/or Illus­tra­tor doc­u­ment that serves as an aug­mented “space” for your ani­ma­tions. The doc­u­ment should have at least fore, mid­dle and back­ground ele­ments, and should use trans­parency and masks to allow for the illu­sion of depth and stag­ing for mod­els cre­ated in pre­vi­ous exer­cises. Illus­tra­tor files must be con­verted to Pho­to­shop doc­u­ments to work in later steps.

Work should be saved in two file ver­sions. One should include all lay­ers, masks and any nec­es­sary data. Sec­ond should be a “flat­tened” pro­duc­tion with ras­ter­ized lay­ers, trans­par­ent back­ground and a smaller file size

Upload the file to the appro­pri­ate loca­tion in your Adobe Cloud account.

Part Two

Cre­ate a sim­ple PNG ani­ma­tion using the tuto­r­ial links pro­vided. Feel free to use any ani­ma­tion soft­ware applic­a­ble. Com­press (zip) and upload the files to the appro­pri­ate loca­tion in your Adobe Cloud account. 

Part Three

Using Aero desk­top and mobile, cre­ate a sim­ple inter­ac­tion with the ele­ments from Part One and Two.

Take a screen­shot of ele­ments and trig­gers screen. Also Share the link and or QR code in the descrip­tion when upload­ing the images to the appro­pri­ate D2L dropbox.

To take a screen-shot:

  • Com­mand-Shift-4-Space­bar: Takes a screen­shot of the win­dow, and saves it as a file on the desk­top. The file will have a .png extension.
  • Com­mand-Shift‑3: Takes a screen­shot of the entire screen, and saves it as a file on the desk­top. The file will have a .png extension.
  • Instead of using the key­board short­cuts above, screen­shots can be taken by using the Screen­shot appli­ca­tion included with Mac OS X. It is located at /Applications/Utilities/Screenshot or by search­ing via Spot­light in the upper right of the Mac screen.
  • For more infor­ma­tion, please visit: https://​sup​port​.apple​.com/​e​n​-​u​s​/​H​T​2​0​1​361

Assessment

  • The fol­low­ing rubric posted on D2L will deter­mine exer­cise score: Exer­cise Grading

Techniques

raster, images, lay­ers, AR edit­ing, ani­ma­tion, trig­gers, actions

Supplies

Adobe illus­tra­tor, Pho­to­shop, Aero, Dimen­sion, Cre­ative Cloud Account, iOS device

Deadlines

As defined by cor­re­spond­ing cal­en­dar item, drop­box, dis­cus­sion or con­tent topic description.