Using the latest tools inside of Adobe Aero,
I created for immersive augmented reality
riddles, where you explore an AR landscape
while learning about your brain. Welcome to
part two of this four part tutorial series,
where I break down my key components to my
brain's durations. In this tutorial, I will
show you how I model assets with Adobe dimension
and how I animated them with triggers in Aero.
Let's get started. Let's start off in Adobe
dimension. So up at the top left corner, I'm
going to go ahead and click on create new.
This is our main viewer and the three most
important keys to note is the right mouse
button lets you orbit around some right clicking
and dragging the middle mouse button lets
you pan. And then to select stuff in here,
it's a left click and drag and take a look
up here. We got our basic shapes and we have
models as well as if you keep scrolling, we
have textures and materials.
So almost everything that we're going to be
doing is going to be using this panel. We're
going to start off with a cylinder. So I just
click it here and to orbit around again, I'm
using my right mouse button and we have a
nice little a cylinder. What I'm first going
to do is go to the cylinders, a radius and
turn it down a lot so that we have a nice
thin tree. Next we're going to go to the number
of sides. And since I want a low poly kind
of look, I'm reducing the number of sides
of the tree, a trunk to make it look more
low poly. There we go. Alright. Uh, cool.
I'm happy with that. Let's make the tree part,
the bushes. So you're going to use a sphere
and we're going to drag it up on here. These
are called manipulators.
You can drag along these Aeros to lock it
onto a certain axis when you're moving and
we can do control Z to undo. And then this
is to rotate it along that axis. And then
this one's the magnet tool. It kind of just
sticks to a side. Alright, so enough of that,
let's go ahead and modify the sphere. So I'm
going to go up to the radius and turn it up
lovely. Then I'm going to go to the number
of sides and reduce it so that we can really
see all the blockiness of our tree asset here.
Something like that looks fun to me. Cool.
And I'm actually copied this sphere a couple
of times, so we'll do control C control V
to paste it and then I'll be resizing the
radius control C control V pasting and moving
it over here and increase that radius control
C control V. I'm going to move it. Uh, if
you want to move it, you can drag, you know,
these arrows as well.
Great control C control V to paste. I'm going
to push one to the back here and shrink down
the radius. Okay, so you have a nice little
tree asset modeled here in Adobe dimension,
uh, and that was all using the basic shapes.
If we scroll down here, we have the ability
to get to the materials. And if you don't
want to scroll down, you can use these buttons
to filter out just the models or just the
materials. And we have Adobe standard materials
as well as some substance materials. So what
I might want to do is color the trunk with
some wood textures. So I'll go to the, uh,
this, whatever material here and just left,
click and drag it right onto our model. Next
I'm going to, um, apply a metal material to
the bushes. So they've got this nice green
one and I love how reflective it is.
I love the paint material on there. I can
just drag this on to different parts of the
spheres and we're essentially texturing our
model of this low poly tree. Um, things to
note, you can modify the exact quality of
a texture over here. We have our base colors.
Um, you could upload your own texture if you
had one or you can go to a solid color if
you wanted. And just use that to kind of color
code your artwork, or we can just use the
image, but it's really cool that you have
these options. Okay, but I'm happy with this
tree and I want to use it in augmented reality.
So I want to show you just how easy it is
to get this out of here. First select all
of your model. And you know that it's selected
because you see these blue lines form around
it.
And then we go up to the top right corner
and there's this little upload button. They
click on it. And as the option to save a
PNG or these ones, you can export a selected
model or you can export selected for Aero.
That's what we want to do. So I'm going to
click on export selected for Aero. It takes
a second to process, gives you a little information
about how it might take a few minutes, but
since our model is so small, it's very quick,
it's already ready. So we can click on export.
And I like to save it into my creative cloud
library under Adobe Aero. And I have a folder
called brain, and I'm going to put this under
my experience tutorial. And I'm going to call
this low poly tree underscore to and save
it. And right off the bat, it's exporting
out and now we're done.
We've made an asset that will work really
nicely in Adobe Aero. And that's what we'll
jump into. No, we have lots of cool stuff
going on in this experience, but I want to
talk about these trees. We got to get these
in here. So I click on the edit button in
the top left corner and then the bottom left
corner, we get the plus sign. I'm going to
go to creative cloud. I'm going to go to Aero.
I'm going to go to my brain experiences. Where
are they here? And we'll go to experience two. And
then here are my trees. So I'm gonna try this
low poly tree and hit open. It takes a second
to low, but we can tap to place it. And now
we have our object in here and a couple of
navigation techniques. You tap it and drag
with one finger to place it.
You can scale it up and down with a pinching
of screen gesture. You can also use two fingers
to rotate on your screen, to rotate an object.
And if you need to lift it up to a higher
peak click, let's say, I need to bring it
up. You use three fingers on the screen, you
drag upwards or downwards. That's how you
can, uh, move it up and down. Notice what
happens is we have a sequence of events. We
have this brain's flirtation, and then we
have instruction that appears. And then we
have some assets appear. These are using,
what's called a weight trigger. I'm going
to show you how we can add our very own. So
let's say with this tree asset, we wanted
it to appear and do something at a certain
time. Well, we need to add what's called a
behavior. So tap on the behaviors button here
and we're going to create, what's called a
trigger.
And right now I'm going to make it work right
at the start. So on the start, I want an action
to happen. Now these are a bunch of the triggers
that exist in his version of Adobe Aero right
now. They're awesome. We're going to add a
hide trigger. And if you hit the play button
here, you can see what that trigger is going
to do. And below you get some information.
So the subject is what object is going to
be triggered. And the duration is how long
that trigger is going to take. And you have
some ways of interpreting it and you can hit
check marks. So now at the start of the animation,
it's going to hide and then I want it to wait.
So, uh, we click on the actions and I go to
the weight tag near the bottom, and I want
this to wait about three seconds and hit the
checkmark.
All right. So it's going to hide. It's going
to wait for three seconds. And then after
three seconds and the actions I want it to
show, and you can tap that play button to
see what it's going to do. That duration is
pretty interesting. So if I increase this
a little bit here and hit the play button,
you can see how it can show slowly, which
we'll do for now and I'll hit the checkmark.
So now if I hit the preview, watch what happens,
boom and hides. We wait for about three seconds
and then it slowly shows. And this is how
we can create really nice timing to our motion
graphics inside of Adobe Aero. Next thing
I want to draw your attention to is the ability
to aim things inside of Adobe Aero. So take
a look at the text that says, find the riddle.
Notice how no matter where I move my device,
this text is always aiming at the screen.
I could be over here and it rotates to follow
an aim at any. If I go over here, it aims
at me. So how do we do this? What we're going
to do now is use this image to create an aim
trigger. So when I hit preview by itself,
notice how by default, when I moved my camera
around, it doesn't aim at us. So it makes
it really hard to read from an angle like
this. So to add an aim, we go to the behaviors
tag with the object selected and we create
a trigger. I want this to aim right at the
start. And then the action we want it to do
is the aim. We've just near the middle here.
The subject is what object is going to be
doing.
The aiming and the aim target is where it's
going to aim at the camera is quite literally
this device right now, the one that we're
looking through. So I want it to aim at us
and I'll show you what it looks like with,
uh, with billboard only turned off and then
we'll, we'll show you the other way in a second.
So take a look when it hit preview boom. Now,
as I rotate my device, notice how the object
always aims at us. So it makes it really easy
to read text when it's always aiming at us.
Now, if we want it to pivot on an axis, we
go back to that behavior. We go back to the
AME and turn on billboard only. And when we
hit preview now at aims at us, but it's never
going to tilt upwards. So if I go above it,
it stays kind of locked down, which could
be a nice effect as well. Thank you so much
for watching part two, a four on the making
of these immersive AR riddles. Adobe Aero was
pretty awesome. Right? Well, we're only halfway
through because in part three, I'm going to
show you how to import audio and how to create
proximity triggers with sound, looking forward
to having you in the next one. See there.
