‘Hijab Try On‘ is my latest Instagram filter (effect). I started learning Spark AR 3 weeks ago, and the more I learned, the more I was able to create filters that I really wanted to create.
Hijab Try-On was designed to allow women to see how they look with different Islamic veil types without needing to buy one or go to the store to try it. This is, of course, a virtual Hijab that you can wear on your head using augmented reality technology.
I developed this Instagram effect using Facebook’s Spark AR Studio software. This is a fantastic development environment that allowed me to quickly prototype ideas and make them.
With this app, you’ll be able to try on different Islamic headscarf worn by Muslim women, including the Hijab, Shayla, Khimar, and Chador.
I bought the 3d models from 3d model stores to make sure I have good quality 3d models because I don’t have the expertise to make ones myself, let alone the time it will take me to learn and make it all together.
However, I needed to make some modifications and learn themes like modifying the 3d models myself, reduce the number of polygons, apply different materials to different areas, and more. I used Blender to achieve this and while making this IG filter, I also learned how to use Blender to some degree. I use only what I need to complete the job and this is actually how I learn things in general. I have an idea, I work towards doing it and learn the tools and expertise on the go.
I included various features to make this work. I’ve encountered many issues on the way. The most important thing is to make sure users can adjust the Hijab to perfectly fit their face. I use a camera texture extraction in Spark AR and applied it on a Face Mesh. Still, I needed to give users the option to manipulate the Hijab like it was a real one, like a cloth.
Users have several options, including moving and resizing the Hijab so it best fits the face size. I didn’t need all the head area, because the Hijab was originally designed to cover the hair part. This is why I used texture extraction with the face mesh.
I added the option to block the camera stream so users can get a “cleaner” view of them wearing the Hijab, but there is always the option (Option 1) to view it with the camera stream as well. There are still improvements I want to do there and I might add them in a future update.
I added the option to apply colors and patterns to the Hijab, to give users more flexibility in terms of seeing how they look with different Hihab colors and textures on.
I went even further, and samples the most noticeable and trending Hijab colors and add them to the color list for everyone to try on. The textures are just free textures that I’ve found, I needed to do much more work in terms of isolating different areas in the Hijab and apply UV mapping correctly so those textures appear as I wanted them to appear. However, this requires too much work and time that I didn’t have in my disposal, so I skipped it for now.
I add more options like choosing the Hijab type and also apply different lighting. The lighting is something that I added last, and I intend to add more options in the future based on user’s feedback.
Try-on Augmented Reality filters are truly useful in my opinion. I’ve seen how developers use them to give users the option to try on different products like hats, glasses, makeup, etc.
It’s super useful when you are shopping online and still want to see how you look with a certain product.
One of the biggest limitations for me was the size limit which is 4MB for Instagram as of the time of writing. For a Facebook filter, it’s 2MB, and this was definitely out of the question. Even if I over-optimize the 3d assets and textures, I still won’t be able to get there and if I do, it will look really bad and the visual fidelity is important for such a filter. I still use low-poly 3d models and reduce the polygons as much as I could. But this is until I’ve seen that the 3d model starting to look boxy. I wanted things to look authentic and nice.
I still think there is a way to optimize things. If I add more features, I might optimize it even further or just create a second filter with more options instead. It’s not that I want to, but the filter size limitation forces me to do that, in a way.
How can I try Hijab Try On filter?
I love developing cool augmented reality filters for Instagram and I will continue doing so. To try my ‘Hijab Try On’ filter out, you need to follow me on Instagram.
My personal Instagram profile is @wowfilterscom.
Make sure you follow me and share your thoughts about it. I can always make adjustments and add more features, ones that you want me to add and find useful.