Skip to Content

How do I create my own lens on Snapchat?

How do I create my own lens on Snapchat?

Snapchat lenses allow users to augment their snaps with fun filters, effects, and interactive elements. While Snapchat offers a variety of default lenses, you can also create your own customized lenses to share with friends or submit to Snapchat for approval and broader use. Creating a lens on Snapchat requires some technical knowledge and design skills, but the process is accessible enough for creative users to make their own unique lenses. In this guide, we’ll walk through the main steps for developing lenses on Snapchat: setting up your development tools, designing lens elements and effects in Lens Studio, testing your lens, and submitting it to Snapchat. With some patience and practice, you can design innovative and entertaining lenses to elevate your snaps.

Requirements for Creating a Lens

To develop lenses for Snapchat, you’ll need:

  • A Windows or Mac computer
  • Snapchat app installed on your mobile device
  • Lens Studio software installed on your computer
  • A graphics editor like Photoshop or GIMP
  • Some experience with visual design and animation

Lens Studio is Snapchat’s free desktop app for building lenses. You’ll use Lens Studio to assemble the different components that make up a lens, including the base artwork, interactive elements, animation triggers, and sound effects. A graphics editor will help you create and modify lens artwork assets like the base image and decoration elements. Some animation or visual design experience is recommended to create compelling, polished lens effects.

Setting Up Lens Studio

To get started, go to the Lens Studio website and download the latest version of the app for your Windows or Mac computer. Install Lens Studio and open up the app. When launching Lens Studio for the first time, you’ll need to accept Snap’s terms and connect a Snapchat account. Follow the onscreen setup instructions linking your Snapchat account – this will allow you to instantly test lenses from Lens Studio by sending them to your connected Snapchat app.

Lens Studio has a clean, modern interface divided into panels for the different components involved in creating a lens:

  • Scene panel – Where you’ll arrange and modify lens objects.
  • Objects panel – Library of elements like images and animations to add to your scene.
  • Attributes panel – For configuring the properties and behaviors of objects.
  • Timeline panel – For animating objects and building lens logic.

When you have Lens Studio installed and linked to Snapchat, you’re ready to start building your first lens!

Designing Lens Graphics and Elements

The starting point for any new lens is the “base” – this is the primary foreground image that overlays onto your selfie when using the lens. For example, iconic Snapchat lenses like the rainbow vomiting lens have colorful, cartoonish base images.

Ideally, base images should be 800 x 800 pixels. Create your base graphic in a graphics editor like Photoshop, tailoring the design and text for full-screen display on mobile devices. Save your graphic as a PNG with an alpha channel to allow background transparency when overlaid on selfies.

In addition to the base, you can optionally create ornament images to further decorate your lens experience. For instance, you could add floating sparkle textures or animated emoji characters. Design ornaments to complement your base graphic. You can import multiple ornament images into Lens Studio to composite together.

Types of Visual Elements

Common graphic elements used in Snapchat lenses:

  • Base – Main foreground image overlaying the selfie
  • Ornament – Additional visual flourishes
  • Particles – Sparkles, confetti, rainbow trails
  • Stickers – Customizable captions, emojis, symbols
  • Color shaders – Tint overlays like sepia or vignettes

Aim for a cohesive aesthetic across all visual elements. The ornament images you import can be static PNGs or animated GIFs with transparency.

Importing Lens Graphics

Once you have your base image, ornaments, and any other graphic assets ready, it’s time to import them into Lens Studio.

Here’s how to import your images:

  1. In Lens Studio, click the + icon in the Objects panel.
  2. Select Image from the menu.
  3. In the file browser, locate your lens graphic asset and click Open to import it.
  4. The image object will appear in the Scene panel. You can drag to position it.
  5. In the Attributes panel, check the boxes for Front Camera and Back Camera to make sure the image appears on both.
  6. Repeat this process to import all your lens graphics.

Arrange the objects in your scene and use the Attributes panel to adjust parameters like size, rotation, and border.

Adding Interactive Elements

After setting up your base image and graphical elements, it’s time to make your lens interactive! Lenses really come alive when they react to the user’s face and input. Here are some common interactive features you can add:

Face Mesh and Attachments

The face mesh maps key points on the user’s face, allowing your graphics to adapt and conform to facial features and expressions. You can attach lens objects like ornament images or particles to joints on the face mesh, making them move realistically.

Face Retouching

Use automated smoothing, whitening, and blemish remover effects to retouch and beautify selfies.

Face Morphs

Morph the user’s facial structure into fantastical shapes like animals, monsters, or anime characters.

Face Swaps

Swap the user’s face onto entertaining preset characters or photos.

Audio Reactivity

Use the microphone to trigger lens behaviors based on sounds, like opening the user’s mouth.

Touch Interactions

Add buttons for tapping to change facial features or swap graphics.

Environmental Reactions

Make your lens react to real-world conditions like light levels or location.

Take advantage of Lens Studio’s preset templates and modules to easily implement these interactive features without coding. Attach face attachments to joints, pick morph assets to deform the face, or set audio reaction parameters. Get creative with combinations of interactive effects!

Animating Lens Elements

Animation brings your lens to life. You can animate both interactive behaviors and scripted scene events that occur on a timeline.

Here are some examples of animations you can add:

  • Moving, scaling, rotating, or looping graphic elements
  • Sprite sheets to animate sequential images
  • Fading objects in and out
  • Particle systems with randomized motion
  • Character rigs and joints
  • Facial animation on custom characters

Lens Studio has an intuitive timeline editor where you can keyframe object motions over time. You can also use behaviors like spin and pulsate to apply preset animation patterns without manual keyframing.

For character animation, Lens Studio supports importing animated FBX models with bones and rigs. You can even animate things like facial expressions by mapping face mesh points to your character’s face rig controls!

Don’t forget to play with easing and timing to polish your animations with realistic acceleration and secondary motion. Finesse the animation curves in the timeline editor.

Adding Audio

Sound effects and music bring lenses to life. You can import audio clips to play as loops or trigger them as event sounds.

Lens Studio supports common formats like MP3, WAV, and AIFF. Keep audio clips short to minimize file size.

To import audio:

  1. Click the + button in the Objects panel.
  2. Select Audio from the menu.
  3. Choose your audio file in the browser.

You can trigger audio files using behaviors or by scripting timeline events. Spatialize sounds in 3D using attenuation and panning based on the user’s head position for immersive effects!

Testing Your Lens

An iterative workflow is key to designing a great lens. Frequently test your lens right in Lens Studio to see how effects and interactions are shaping up:

  • Preview your lens in the Lens Simulator viewport to see how graphics and augmentations apply to faces.
  • Click the play icon to activate a live face tracking preview using your webcam.
  • On mobile, use the Snapchat account linked to Lens Studio to instantly try lenses.

Testing will reveal what’s working well and what needs polish or tweaking. Refine the visuals, audio, and interactivity until you have an engaging, fluid lens experience. Share test lenses with friends for feedback too.

Submitting Your Lens

Once your lens is complete, polished, and ready to share, you can submit it for approval on Snapchat:

  1. In Lens Studio, open the Project Info dialogue from the top menu.
  2. Fill out the submission form details including name, category, icons, etc.
  3. Click the Submit for Review button.

Snapchat will review your lens submission and notify you if it’s approved. Approved lenses can gain broad exposure and reach millions of Snapchatters!

Even if your lens doesn’t get approved at first, you’ll receive feedback from Snapchat on how to improve it for acceptance on resubmission. Keep refining and testing your lens until it’s ready for the Snapchat community.

Sharing Your Lens

In the meantime, you can still share personal lenses with friends before getting Snapchat approval:

  • In Lens Studio, click the Share Lens button to generate a unique Snapcode.
  • Screenshot or scan the Snapcode from a friend’s device to instantly unlock the lens.
  • On iOS, your friend can also hold down on your Snapcode to instantly add the lens.

So get creative and use Lens Studio to put a unique spin on your Snapchat messaging. With varied possibilities for graphics, interactivity, animation, audio, and AR effects, you have the tools to make fun, engaging lenses to share with friends or the Snapchat community.

Tips for Creating Quality Lenses

Here are some top tips for developing great Snapchat lenses that provide an entertaining experience:

Visual Design

  • Use bright, vibrant colors that pop against selfies.
  • Incorporate glossy, glassy textures for an eye-catching sheen.
  • Make ornament images move in pleasing patterns.
  • Use particles sparingly for subtle magical effects.

Interactivity

  • Focus interactions on key points like eyes, mouth, and eyebrows.
  • React to audio with mouth shapes and particle effects.
  • Let users tap to change facial features or swap assets.
  • Support both front and back camera modes.

Animation

  • Animate lens elements in and out for a dynamic feel.
  • Think in sequences for multi-stage interactions.
  • Frame-by-frame animate characters for personality.
  • Use easing curves for lifelike motion.

Audio

  • Use sound effects to enhance interactions.
  • Include subtle ambient music loops.
  • Add character voiceovers for reactions.
  • Spatialize audio relative to the user’s head.

Optimization

  • Keep file sizes reasonable to ensure quick loading.
  • Limit polygon counts on 3D models.
  • Use optimized real-time graphics like mobile maps.
  • Test on a range of devices to target performance.

With thoughtful design and testing, you can create fun Snapchat lenses that come to life with interactivity, animation, audio, and AR effects!

Conclusion

Creating custom Snapchat lenses lets you augment messaging with interactive, expressive experiences. With Lens Studio, you can combine graphical design, animation, audio, and effects to build quality lenses. The key steps are:

  • Setting up Lens Studio on your computer
  • Importing your lens graphics and visual elements
  • Making the lens interactive with face effects and touch capabilities
  • Animating lens objects for dynamic behavior
  • Adding sounds and music
  • Testing frequently and iterating
  • Submitting to Snapchat for approval

It takes some work, but designing your own lenses allows for creative self-expression and sharing fun experiences with friends. The possibilities are endless! With persistence and polish, you can craft engaging Snapchat lenses to delight others. So install Lens Studio, and unlock your creativity through the magic of AR.