Using the latest creative tools inside of Adobe Aero I created for immersive
augmented reality riddles where you explore an AR landscape while learning
about your brain in this four-part tutorial series I'm gonna break down
everything about how I made these experiences but for part one we'll
specifically go over how to import assets in Aero how to prepare your
layers inside of Photoshop and we will conclude with how to publish your assets
to share with anybody in the world let's get started alright so let's start off
with layer prep I got Photoshop open on my iPad and I'm
gonna click on the layers button the important thing to understand is that
your layers represent data in space and I'm just kind of clicking on and off so
the bottom layer here is going to be the very lowest of it's gonna be the bottom
of our AR asset and then as we work our way up the one I'm tapping here is gonna
be our top this is gonna be at the very top of our asset when we space out our
layers in 3d space and once you have your layers separated and your artwork
is all nice like this we can go to publish and export and we can save it as
a PSD because we want our layers and I'm just gonna save this right into my files
and then we can easily import this in the next step the workflow is the same
for using Photoshop on the iPad or Photoshop on your desktop when using
Photoshop files for Aero it's recommended to stay under like six
layers so that your file size doesn't go over 50 megabytes additional guidelines
for the best practices can be found on Adobe's website for Aero I'm going to
show you how we can import our assets with Adobe Aero and in the bottom left
corner there's a button that says create new we're gonna click on it first thing
I do is slowly pan your device around and this kind of creates a point cloud
and let's arrow understand what the ground plane is once you have a pretty
good space you can go ahead and tap the screen and that tells it what the anchor
point is where it's gonna load stuff in from great now on the bottom left corner
there's a blue plus sign we're gonna press on it and you have some options
you can go to starter assets Creative Cloud your files or stuff straight from
your camera roll I'm gonna go to Creative Cloud I'm going to click on the
Aero folder in the upper left corner and I'm going to navigate to my brain
folder as well as my experience 1 tutorial and there it is our ground
plane our PSD file we're gonna hit open and you're gonna
get a little loading screen if you move your iPad if you move your iPad or phone
around you'll be able to choose where it's gonna land and I'm just kind of
tilting - she was my place you can go ahead and tap the object to place it and
now you can move around your iPad and you can see your layer now this is
awesome this is our Photoshop file and it actually knows about all of our
layers but right now you might not be able to see the layers so what we need
to do is tap on it you can pinch it on your screen to scale it you can also use
two fingers to rotate and you can also use two fingers and scale it if you want
to float it off the ground use three fingers on the screen you drag them up
and that kind of levitates the object around it's really cool okay I'm gonna
bring it back down with my three fingers so it's on my floor and we want this to
be the ground plane for the experience so what I'm gonna do is click on the
layers button down here and it gives you the option to offset the layers if I
drag the Z offset look at that you get the ability to get all of your layers of
artwork separated beautiful fine I'm gonna bring it back a little bit
something like this ought to do for me yeah that feels right in the latest
release there's a really easy way to rotate this asset since we want this to
be the floor of our experience so I'm going to tap on it and hit the rotate
button down here and look at this you get this nice 3d gizmo and you can drag
right on the color to rotate along that axis it's so easy to rotate you can
click on that reset button whenever you need to reset it so I'm just gonna
rotate this down so it's on the floor and that looks pretty nice yeah I like
that and note that you use one finger to move it around two fingers to pinch and
you can rotate it as well with two fingers here and now we have a nice
little ground plane for our experience cool I want to draw your attention to
the red button here you're also able to record your experiences or take photos
so awesome but it's missing something I want to put a tree on here so let me
show you how to import 3d assets we're gonna go to the bottom left corner click
on the plus sign and then I'm gonna go to the Creative Cloud again and choose
Adobe Aero and then choose my brain experiences and we have different trees
in here we called one of them these short low poly spiky tree I'm gonna hit
import gives you the ability to tap and place it to load and look at that we got
this nice 3d tree really cool and what we could do is tap it move it around
maybe I want to put it right here in the center but I want it to be sit on the
top so I use my three fingers to drag up and I'm gonna pinch to zoom to scale it
up and now I'm gonna hit preview and look at that we got our nice 3d tree
around our 3d PSD file because we used our layers to separate the height pretty
amazing I'm gonna take a photo fine there you go
okay while we're at it I'll show you how you can import images right from your
camera roll into your scene so again I'm going to go to that plus sign in the
left corner and then click on camera roll and go to all photos and I have a
bunch of stuff about the brain so I'm going to bring in one of these images
this basic activity of the prefrontal cortex is to bring together thoughts and
actions to achieve internal goals so what's really cool is you can use the
same gestures to move with one finger two fingers to scale or rotate to place
your scene now I'm gonna use three fingers to levitate that up now when I
click on the preview button we have the ability to kind of see our whole scene
and start learning about our brain the these series of tutorials are going to
explain the behind the scenes on how I put together all these little puzzles
for augmented reality in Adobe AIR oh and meanwhile you'll learn about the
brain so that's why we have all these brain assets alright if you have made it
this far you are ready to learn how to share your Adobe Aero experience there's
two different ways so in the upper right corner click on that upload button and
you get two options that are important this share link option if you click on
this it will give people permission to see this link this
link is like an authoring tool click on the create link button and give it a
couple moments it's making a unique URL that you can share with anybody that
will allow people to view your Aero experience later this doesn't allow
people to edit your work this only lets people experience your work okay so
that's an important one and then you click on that share button and then you
can you know save out that link you have an option called export as and this is
if you wanted to have somebody collaborate with or maybe you want to
work on a different device with your with your experience you go to export as
and you want to save it as an arrow experience so a dot real file that's the
only one of these two formats that lets you use it on another arrow device and
then edit it accordingly and you just gotta click on that format and same
ideas save it to a hard drive or some digital space that you can access that
finally thank you so much for watching part 1 or 4 of the making of the
immersive AR riddles in part 2 I will show you how to make custom 3d models
with Adobe dimension and how we can even animate stuff inside an arrow with
triggers it's gonna be so cool my name was Don Allen the 3rd and I'm looking
forward to having you learn more on the next one thanks for watching
you