Four images with four different filters

 Courtesy of Leighton McDonald (All Images)

STANDARDS

CCSS: 8.G.A.3, MP4, MP5, MP6

TEKS: 8.10.C

Fun With Filters

Leighton McDonald uses augmented reality to craft filters for social media apps

You’re having a great day, so you snap a selfie. But before you post it, you want to add some extra pizzazz. You scroll through dozens of filters. Some of them stretch your smile super wide. Others fill your screen with sparkles. It’s a tough choice! But who makes all these filters, and how do they do it?

Leighton McDonald (@late_fx) is a virtual designer who works with augmented reality, or AR. Companies hire him to create filters for social media platforms.

You’re having a great day, so you snap a selfie. But before you post it, you want to add some pizzazz. You scroll through dozens of filters. Some of them stretch your smile super wide. Others fill your screen with sparkles. It’s a tough choice! But who makes all these filters? And how do they do it?

Leighton McDonald is a virtual designer. Companies hire him to create filters for social media platforms. McDonald works with augmented reality, or AR.

Working With AR

AR uses digital elements that you can view through your camera. It layers images over what you see in reality, like adding a pair of sunglasses to a video of yourself. As you move in the video, the virtual sunglasses move with you.

McDonald first started working with AR in college. A construction company hired him to develop a program that could identify underground pipes before digging. First, they mapped the ground using LiDAR, a technology that uses lasers to scan surfaces. Then the program used the scans to create an AR map of underground pipes and display it on the windshields of digging machines. That way, workers could see where pipes were and avoid tearing up those parts of the ground.

Years later, McDonald began creating 3-D sculptures on his computer. He wanted an easy way to share his art with the world, and realized he could use AR to post interactive sculptures on Snapchat. “People got to play with it, and it was really cool,” he says.

Since then, McDonald has made more than 60 filters. He often works with companies, artists, and musicians. He recently collaborated with rapper Lil Uzi Vert to make a filter called Uzi Diamond. It places a small virtual diamond in the center of a user’s forehead, mimicking the rapper’s style at the time. It got 3 million views in two days!

McDonald’s favorite inspiration for his filters is futuristic technology. “In the future, I think we’re going to be walking around with video game skins as a second option on our clothes,” McDonald says. “Styles won’t be limited by what can be physically manufactured.”

This technology uses your camera to layer digital images over what you see in reality. For example, an AR filter can add a pair of sunglasses to a video you make of yourself. As you move in the video, the virtual sunglasses move with you.

McDonald first started working with AR in college. A construction company hired him. It wanted a program that could identify underground pipes before workers started digging. First, the company used lasers to scan the ground. Then McDonald’s program used the scans to create an AR map of underground pipes. The map could be displayed on the windshields of digging machines. That way, workers could see where pipes were and avoid hitting them as they dug.

Years later, McDonald began creating 3-D sculptures on his computer. He wanted an easy way to share his art with the world. He realized he could use AR to post interactive sculptures on Snapchat. “People got to play with it, and it was really cool,” he says.

Since then, McDonald has made more than 60 AR filters. He often works with companies, artists, and musicians. He recently collaborated with rapper Lil Uzi Vert to make a filter that mimics the rapper’s style. It places a small virtual diamond in the center of a user’s forehead. It got 3 million views in two days!

McDonald is inspired by futuristic technology. In the future, he believes, people will be able to use AR filters even for things like clothes. “Styles won’t be limited by what can be physically manufactured,” he says.

Creating A Filter

To craft an AR filter, McDonald first sketches out an idea in Photoshop using a hand-drawn shape or a photo. Next, he uploads the sketch into Spark AR, which is Facebook’s software program for creating filters. For a 2-D effect, McDonald places the sketch on a plane, or a digital rectangle floating in space. The finished picture appears on a user’s video according to where McDonald placed it on the plane. He then adjusts the design so that it looks the way he wants it to and moves in a way he likes.

For 3-D art, McDonald uses a program called Moto. He places his sketch on a 3-D grid with x-, y-, and z-axes. Then he layers 2-D shapes on top. Triangles don’t bend well in 3-D space, so he usually uses rectangles. To make a smooth surface, he layers dozens of tiny rectangles until the edges no longer appear!

When he completes his modeling, McDonald uploads it into Spark AR to add finishing touches. Then he sends the prototype filter to his friends to test. If the image doesn’t appear where it’s supposed to, or if it lags behind the user’s movements, it’s back to the drawing board.

McDonald encourages anyone who’s interested in working with AR to learn computer coding. But marketing, he says, is just as important. “If I’m designing something I want to go viral, I think about the person who would be using it,” he says. “You have to make your art culturally relevant.”

To create an AR filter, McDonald first sketches out an idea in Photoshop. He bases it on a hand-drawn shape or a photo. The next step depends on whether he’s making a 2-D or 3-D effect.

For 2-D, McDonald places the sketch on a digital plane. That’s a virtual rectangle floating in space. The position of the image on the plane determines where it appears on a user’s video. McDonald then adjusts the design so that it looks and moves the way he wants it to.

For 3-D art, McDonald uses a program called Moto. He places his sketch on a 3-D grid with x-, y, and z-axes. Then he layers 2-D shapes on top to build 3-D surfaces. He usually uses rectangles, because triangles don’t bend well in 3-D space. To make a smooth surface, he layers dozens of tiny rectangles. After enough layers, the edges no longer appear!

When he completes his modeling, McDonald uploads it into Spark AR. That’s a software program specifically for creating filters. There, McDonald can add his finishing touches. Then he sends the filter to his friends to test. Sometimes the image doesn’t appear where it’s supposed to or lags behind the user’s movements. Then it’s back to the drawing board.

McDonald encourages anyone who’s interested in AR to learn computer coding. But marketing is important too, he says. “If I’m designing something I want to go viral, I think about the person who would be using it,” he says. “You have to make your art culturally relevant.”

AR designers like Leighton McDonald place and move shapes on a coordinate plane to create digital images for their filters. We’ve marked the center of the user’s screen as the origin (0, 0). Use the coordinate planes below to answer the questions. Record your work and answers on our answer sheet.

AR designers like Leighton McDonald place and move shapes on a coordinate plane to create digital images for their filters. We’ve marked the center of the user’s screen as the origin (0, 0). Use the coordinate planes below to answer the questions. Record your work and answers on our answer sheet.

A. McDonald places a rectangle on a plane as shown above for a filter that will make virtual sunglasses appear over a user’s eyes. He then makes a copy of the shape and moves it so that its new coordinates are E(1, 5), F(5, 5), G(5, 3), H(1, 3). Draw the new shape on the plane.

A. McDonald places a rectangle on a plane as shown above for a filter that will make virtual sunglasses appear over a user’s eyes. He then makes a copy of the shape and moves it so that its new coordinates are E(1, 5), F(5, 5), G(5, 3), H(1, 3). Draw the new shape on the plane.

B.  What type of transformation did McDonald use?

A reflection

B rotation

C translation

D none of the above

B.  What type of transformation did McDonald use?

A reflection

B rotation

C translation

D none of the above

A. McDonald plays with the new shape EFGH and shifts it again. Its new coordinates are J(2, 2), K(2, -2), L(4, -2), M(4, 2). Draw the shape in its new position on the plane.

A. McDonald plays with the new shape EFGH and shifts it again. Its new coordinates are J(2, 2), K(2, -2), L(4, -2), M(4, 2). Draw the shape in its new position on the plane.

B.  How is the shape’s new position related to EFGH?

A reflection

B rotation

C translation

D none of the above

B.  How is the shape’s new position related to EFGH?

A reflection

B rotation

C translation

D none of the above

To create a filter that will feature futuristic clothing, McDonald begins by placing the quadrilaterals WXYZ and STUV on a plane as shown above. How is WXYZ related to STUV?

A reflection

B rotation

C translation

D none of the above

To create a filter that will feature futuristic clothing, McDonald begins by placing the quadrilaterals WXYZ and STUV on a plane as shown above. How is WXYZ related to STUV?

A reflection

B rotation

C translation

D none of the above

A. McDonald wants to create a third shape that will be related to WXYZ by translation. Which set of coordinates could he use to place his shape?

A  A(-7, -3), B(-7, -1), C(-5, -1), D(-3, -3)

B  E(3, -3), F(5, -3), G(3, -7), H(5, -5)

C  J(-5, 3), K(-5, 5), L(-3, 3), M(-3, 7)

A. McDonald wants to create a third shape that will be related to WXYZ by translation. Which set of coordinates could he use to place his shape?

A  A(-7, -3), B(-7, -1), C(-5, -1), D(-3, -3)

B  E(3, -3), F(5, -3), G(3, -7), H(5, -5)

C  J(-5, 3), K(-5, 5), L(-3, 3), M(-3, 7)

B.  Draw this shape on the plane using the coordinates you chose.

B.  Draw this shape on the plane using the coordinates you chose.

List a set of coordinates McDonald could use to create a fourth shape, NOPQ, related to STUV by rotation. Then draw NOPQ on the plane.

List a set of coordinates McDonald could use to create a fourth shape, NOPQ, related to STUV by rotation. Then draw NOPQ on the plane.

videos (1)
Skills Sheets (6)
Skills Sheets (6)
Skills Sheets (6)
Skills Sheets (6)
Skills Sheets (6)
Skills Sheets (6)
Games (1)
Lesson Plan (1)
Article (1)
Text-to-Speech