Let’s Get Dressed
Snap AR Lens
Challenge
“The Snap AR Lens Challenge is a learning experience where you will create and design your own augmented reality experiences using Snap’s Lens Studio software.”
Getting started
After watching the Level Up tutorials that they offered, I wanted to try creating a 2D lens. The theme for this challenge was Make a Fashion Statement.
I started brainstorming different ideas on where I could utilize my passion for drawing and expressing fashion.
I love nature, so I decided to go with the idea of dressing for the outdoor weather conditions. I surfed the web for different outdoor fashion clipart images and started the process of creating vector apparel in Adobe Illustrator.
2D Objects Template > Head Bindings
Earmuffs
For the winter and snowy conditions, I created two choices of ear muffs.
Beanie
For the fall conditions, a beanie would be a nice addition to the brisk air.
Rain Hat
For rainy conditions, I was going to do an umbrella, but had an idea for a matching outfit instead.
Sunglasses
For summertime, a selection of sunglasses is a must have!
Object Tracking > Shoulder
Winter Jacket
After creating the head bindings, I had enough time to create upper garments, so I started with a winter jacket.
Puffy Vest
A puffy vest goes well with a beanie and keeps one warm.
Rain Jacket
A matching rain coat to go with the hat!
Summer Shirt
I almost did not create a summer shirt, thinking that the user could wear what they are wearing on the lens. I started to follow a theme with each scene, so a lightweight mesh shirt was created.
Particles Template
Snow + Rain
Now that I had created apparel for the different weather conditions, I wanted to add some more to the environment, so I followed a tutorial, importing the particles template, adjusting the snow and rain properties within the main lens project.
Background Segmentation
Summer, Rain, Fall, Winter
Now that I had snow and rain falling from the sky, I had more time to add another layer to the lens that I was building. The same background scene, but had changed over the seasons.
UI Buttons + Tweens
Primary Buttons
Buttons to change between outfits and accessories were created with screen images and behavior scripts. The placement was considered so they would not interfere with the user experience and native Snap lens buttons. I followed a button tutorial to implement animated behaviors.
Secondary Buttons
I had made several choices for head binding objects in the beginning stages and still had some time to add an additional layer to the project, so I was able to create secondary buttons that would allow the user a more interactive experience per scene.
Start Screen
House + Action Prompt
I wanted to add to the storytelling and UX, so I created a start screen with a prompt. Starting at home, ready to go outdoors, but needs to pick out an outfit that suits the day.
Bonus Scene
I was close to finish with my lens, but had extra time if I wanted to add some more to the experience. I decided to add more to the story and experience, by adding an additional scene since now that I learned to build the basics. I created a situation where the user could choose to stay indoors or come back inside later.
Indoor Apparel
Comfort and relaxation at home came to mind, so I started with two robes. Something I tried differently in this scene, was the interchangeable conditions with the head towel and cucumbers, objects that can be mixed or matched with the robes (or no robe). This allowed for a little more customization for the audience.
Primary Button
A home button was created and added to the UI.
Secondary Buttons
Followed by the buttons for each of the items that were created.
Challenges
Background Segmentation
When I did tutorial 3 of the Level Ups, with background segmentation, I wanted to create my own in Illustrator, import it in the Segmentation Template. I thought it would be easy to export that template when it was ready, and import it into the main lens I was building since I was able to do that with no problem with the particle template, but I received an error.
I researched online and asked about this challenge at office hours. I was faced with thinking that I might have to rebuild my whole project in the background template, as a foundation. I came across a tutorial on how to create a background in a current project, so I tried it, most of it worked, except one of my objects would disappear.
So, I brought my newest question to class when we had a guest scholar and a Snap engineer come to help us one night, and I was able to get some help to create one. I am so happy I didn't give up, so I was able to go home and create 4 more different backgrounds for that lens project!
Final Lens
Here are the final scenes for each indoor and outdoor experience
Summer
Fall
Winter
Home
Start screen
Rainy
Takeaways
I had a lot of fun learning how to use a new program, Lens Studio and publishing my first lens. Time management was key to this challenge and creating layers made this experience doable.