Тёмный

Design an Interactive & ANIMATED Augmented Reality Scene for ADOBE AERO 

Kim Alban
Подписаться 9 тыс.
Просмотров 23 тыс.
50% 1

Have you ever wanted to make one of those cool Adobe Aero AR [augmented reality] experiences but don't know how? This is an in depth walk through showing you how you can turn your 2D piece into an interactive animated augmented reality experience using Adobe Photoshop, Adobe XD, Adobe AE & Adobe Aero. This is long because [TBVH] I wanted to teach you some tips and a quick [ png sequence] animation trick that uploads nicely to Adobe Aero. I hope you learn a thing or two and do let me know what your favorite part was in the comments! As always if you have questions, please let me know and I'd be happy to help.
Thanks for watching!
Time stamps
Intro: 00:00
Photoshop: 01:22
Adobe XD: 02:40
After Effects: 03:43
Adobe Aero 10:58
Adobe Aero Ipad: 25:40
End: 26:41
*UX Bootcamp*
Design Lab: share.trydesignlab.com/kimalban
DM me if you'd like for me to be your mentor!
*Notion Hub for XR*
Learn UX-XR & 3D: bit.ly/3gTr1DH
*Connect*
My instagram: @kimalban
Tiktok: @imkimalban
Twitter: @imkimalban
*Music*
Music by Remil - Evening Tea - thmatc.co/?l=245893B4
Get music on Thematic with my link: app.hellothematic.com/?via=kim
*Graphics*
Figma
Canva
Adobe Premiere Pro
Some of the links are affiliate links which means that I earn a small commission if you purchase through them! Purchasing through affiliate links won’t cost you extra at all!
#productdesign #uxdesign #xr #ar #vr #adobexdambassador

Опубликовано:

 

22 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 49   
@msflyingfridge8312
@msflyingfridge8312 2 месяца назад
i'm about to dive into Adobe Aero for the very first time for a game design project and this here helped me so so much! Thanks a lot!!
@x134yf
@x134yf 4 месяца назад
Thank you for sharing these great tutorials and helping many people. Please make more videos like this.
@jeycastro1975
@jeycastro1975 Год назад
You're the best! Great tutorial ever!!
@jeremygarrison3032
@jeremygarrison3032 2 года назад
Amazing thank you!!
@neha1299
@neha1299 2 года назад
really cool
@tony92506
@tony92506 2 года назад
this was great!!! this answered so many questions!!
@KimAlban
@KimAlban 2 года назад
Yay glad to have helped!!
@TaylorCaliente
@TaylorCaliente 4 месяца назад
been using adobe suite for a few years and blender for a few years and been trying to learn AR recently. Just started using Aero today and honestly this video was the most useful thing i could stumble upon right now at this point. Thank you for making it so thorough and easy to understand, such a helpful watch!
@KimAlban
@KimAlban 4 месяца назад
thank you!!! this. means a lot to me -- I love this space!
@randa.7826
@randa.7826 2 года назад
wooow great work please make more videos it would be soo useful such a great instructor!!
@KimAlban
@KimAlban 2 года назад
thanks so much!
@MelissaJetzt
@MelissaJetzt Год назад
So beautiful! I’ve never used After Effects so I had no idea you could make those kinds of animations!
@KimAlban
@KimAlban Год назад
thank you! & yes there's so much after effects can do to your illustrations too
@adav6741
@adav6741 3 года назад
Thank you for the video!!
@KimAlban
@KimAlban 3 года назад
Thanks for watching!
@kickassux
@kickassux 3 года назад
Fantastic tutorial!
@KimAlban
@KimAlban 3 года назад
Thank you!!
@olatunjiaminat.1200
@olatunjiaminat.1200 Год назад
This is amazing
@KimAlban
@KimAlban Год назад
thank you!!
@dharmajiambati1467
@dharmajiambati1467 11 месяцев назад
Thank you so much for wonderful video Kim :). I'm looking for video with audio. If possible please share tutorial
@nimeshmehta7132
@nimeshmehta7132 2 года назад
Nice explanation..apriciate you..I love you ..love from India💕❣️
@KimAlban
@KimAlban Год назад
thank YOU!
@frazerg8303
@frazerg8303 Год назад
Hey - Just following along with your tutorial and I noticed when I set my info box to move after the artwork is tapped it does BUT if I tap the artwork again it moves again and so on. Can this be set to move once only to the reveal position? Thanks :)
@babismelikidis5877
@babismelikidis5877 3 месяца назад
Wonderful tutorial ! Thank you for sharing it with us! But I have a question... What is the process I have to follow to show my visual to other phone users or other devices. What do users need to do to see it and what do I need to prepare to direct them. I mean, AERO gives a QRcode which I haven't figured out exactly what it does. I know that I use it to go into the app and place the visual in the space, but how does the user see it? Can you help me please? I hope I have given you an understanding of what I mean... !Greetings from sunny Athens, Greece! 😎
@jeycastro1975
@jeycastro1975 Год назад
Is it possible, using the same workflow and apps thats you used on this tutorial, but simulate or view the result on desktop? PC or Mac? How I make that?
@masha3365
@masha3365 2 года назад
Hi Kim, fantastic tutorial! Could you please share how did you record your iPad screen and any suggestions on how to present such project in the UX portfolio?
@KimAlban
@KimAlban 2 года назад
Hi Masha! You can record from ios devices if you add it to your quick menu or here from adobe aero - helpx.adobe.com/lt/aero/using/share-ar-creations.html One of the thing s you can consider doing for a UX portfolio is using gifs to show the animation, a recording of your walkthrough - these are some ways to show the interactions occur!
@masha3365
@masha3365 2 года назад
​@@KimAlban thank you, Kim! Btw I followed your tutorial and found that Aero struggles to recognize vertical surfaces. It takes a very long time and then it suggests the mesh in some odd place. With horizontal, it seemed not to have this problem. Did you experience that too?
@basmakater6591
@basmakater6591 Год назад
hi, I'm having problems with Adobe Aero. Importing files (jpg, png, jpeg, psd) does not work. can you help me in this. thanx
@jacobdudzik9971
@jacobdudzik9971 2 года назад
Great tutorial! Is there a way to tap the art piece so the info card appears/disappears in a specified location vs having to hide it behind the art piece? Your method is perfect for an object against a wall, but if the object is three dimensional, a user could walk around it and see the hidden info card. Any tips to create the same effect you showed, but with a 3D object?
@KimAlban
@KimAlban 2 года назад
great question! I'd say choose a floor anchor, drop your 3d asset and if your goal is to have the card appear upon touching the 3d object then you can just repeat the steps here but move the card elsewhere or make it "grow." none the less --your idea is doable and i'd try it out with some of the assets in adobe aero!
@KimAlban
@KimAlban 2 года назад
horizontal / flat anchor* haha
@VictoriaBayful
@VictoriaBayful 9 месяцев назад
I've been trying so many times to make the animation works and nothing moves in aero ;(
@Ruggerodesigns
@Ruggerodesigns 2 года назад
Amazing tutorial thanks, I was wondering if it would also be possible to use it in other apps or we would need to see the AR exclusively on Adobe aero ?
@KimAlban
@KimAlban 2 года назад
currently you can provide anyone a link from your desktop adobe aero file for people to view your ar concept!
@KimAlban
@KimAlban 2 года назад
that is the current drawback of adobe aero --- BUT not a drawback for webAR!
@imteafunny
@imteafunny Год назад
@@KimAlban how can we provide the link from the desktop adobe aero? so it means currently we can't just scan the image from the camera? have to use the apps to scan?
@KimAlban
@KimAlban Год назад
@@imteafunny yes the other user will need the aero app essentially
@kimmi1829
@kimmi1829 Год назад
hello, thank you for a great tutorial. one question tho, IF I use Figma instead of Adobe, will it work? 🤔
@KimAlban
@KimAlban Год назад
Figma is fine to use to replace adobe xd - i just used adobe xd in case i needed to make updates to the design they would then get updated in aero also immediately
@waleedkh9769
@waleedkh9769 Год назад
How to turn off these shadows of the clouds? They are annoying 23:50
@brooklynsicily9145
@brooklynsicily9145 Год назад
You are Beautiful!
@negativespace7234
@negativespace7234 2 года назад
Super Cool 🔥Any Alternative for Android?
@KimAlban
@KimAlban 2 года назад
hey! so adobe aero player is available for android. aside from this, vuforia via unity is *chefs kiss*
@randa.7826
@randa.7826 2 года назад
can u share with us the psd file
@KimAlban
@KimAlban 2 года назад
truly sorry, for this I can't due to copyright reasons
@randa.7826
@randa.7826 2 года назад
@@KimAlban please make an adobe aero interface tutorial cuz there is a lack of tutorials that explains adobe aero interface and each thing u can do with aero
@KimAlban
@KimAlban 2 года назад
@@randa.7826 ok will definitely do this!