Generating and displaying customized avatars in media overlays
Among other things, embodiments of the present disclosure improve the functionality of electronic messaging and imaging software and systems by generating and displaying media overlays with avatars of different users. For example, media overlays can be generated by the system and displayed in conjunction with media content (e.g., images and/or video) generated by an image-capturing device (e.g., a digital camera).
1. A system comprising:
a processor;
a user interface coupled to the processor, the user interface comprising an input device and a display screen; and
memory coupled to the processor and storing instructions that, when executed by the processor, cause the processor to perform operations comprising:
receiving a media content item;
generating a plurality of media overlays that each comprise an avatar of a user, wherein the avatar of the user is a visual representation of the user, wherein an appearance of the avatar of the user is generated to reflect themes of the plurality of media overlays, wherein the appearance of the avatar of the user is different in each of the media overlays;
causing a plurality of selectable items associated with the plurality of media overlays to be displayed on the display screen, wherein the selectable items are included in a gallery or carrousel;
receiving a selection, via the input device, of a first selectable item included in the plurality of selectable items, wherein the first selectable item corresponds to a first media overlay included in the plurality of media overlays;
in response to receiving the selection, generating a modified media content item by incorporating the first media overlay including the avatar of the user with the media content item, wherein incorporating the first media overlay with the media content item comprises overlaying the first media overlay on the media content item; and
causing the modified media content item to be displayed on the display screen.
2. The system of claim 1 , wherein the media content item is an image or a video.
3. The system of claim 1 , wherein the system further comprises:
an image capturing device, and wherein the media content item is received from the image capturing device.
4. The system of claim 1 , wherein the media content item is received from a computing device over a network.
5. The system of claim 1 , wherein generating the plurality of media overlays is further based on at least one of: location information, an event, a time of day, or a date, and wherein the appearance of the avatar of the user in each of the media overlays is modified based on at least one of the location information, the event, the time of day, or the date.
6. The system of claim 5 , wherein generating the plurality of media overlays based on the time of day includes identifying time information or time zone information from a clock operating on the system.
7. The system of claim 5 , wherein generating the plurality of media overlays based on the location information includes identifying a location from a location sensor coupled to the processor.
8. The system of claim 1 , wherein generating the plurality of media overlays includes modifying a setting of the media overlay or modifying the avatar of the user.
9. The system of claim 1 , wherein generating the plurality of media overlays includes providing access to the media overlays by the user for a predetermined time period.
10. The system of claim 1 , wherein the operations further comprise:
retrieving sensor information from a sensor component coupled with the processor, and wherein generating the plurality of media overlays is further based on the sensor information.
11. The system of claim 10 , wherein the sensor component includes at least one of: a temperature sensor, a velocity sensor, an acceleration sensor, and an altitude sensor.
12. The system of claim 1 , wherein the operations further comprise:
receiving a selection of a second media overlay from the plurality of media overlays from the input device, and
wherein generating the modified media content item includes overlaying the first media overlay and the second media overlay on the media content item.
13. The system of claim 1 , wherein the operations further comprise:
in response to the selection of the first selectable item corresponding to the first media overlay, removing a second media overlay from the plurality of media overlays displayed to the user via the display screen of the user interface.
14. The system of claim 1 , wherein the operations further comprise:
storing a history of media content items with applied media overlays in a database in communication with the system.
15. The system of claim 14 , wherein the operations further comprise:
retrieving the history of media content items with applied media overlays from the database; and
causing the history of media content items to be displayed on the display screen of the user interface.
16. The system of claim 15 , wherein the first media content item displayed in the history of media content items has a media content overlay with a previous version of the user's avatar, and wherein displaying the history of media content items includes displaying the first media content item with a current version of the user's avatar.
17. The system of claim 1 , wherein the operations further comprise:
generating text for each of the plurality of media overlays, wherein each of the media overlays includes the generated text.
18. The system of claim 17 , wherein generating the text for each of the media overlays includes:
identifying a location based on information from a location sensor coupled to the processor;
identifying a language associated with the location; and
generating the text in the media overlays in the identified language.
19. The system of claim 1 , wherein generating the media overlay includes:
transmitting, to a server over a network, a request for the plurality of media overlays, the request including avatar characteristics associated with the user; and
receiving, from the server over the network, the plurality of media overlays each comprising the avatar of the user.
20. A computer-implemented method comprising:
receiving, by a processor, a media content item;
generating, by the processor, a plurality of media overlays that each comprises an avatar of the user, wherein the avatar of the user is a visual representation of the user, wherein an appearance of the avatar of the user is generated to reflect themes of the plurality of media overlays, wherein the appearance of the avatar of the user is different in each of the media overlays;
causing, by the processor, a plurality of selectable items associated with the plurality of media overlays to be displayed on the display screen, wherein the selectable items are included in a gallery or carrousel;
receiving a selection, by the processor from the input device, of a first selectable item included in the plurality of selectable items, wherein the first selectable item corresponds to a first media overlay included in the plurality of media overlays;
in response to receiving the selection, generating, by the processor, a modified media content item by incorporating the first media overlay including the avatar of the user with the media content item, wherein incorporating the first media overlay with the media content item comprises overlaying the first media overlay on the media content item; and
causing, by the processor, the modified media content item to be displayed on a display screen of a user interface.
21. A non-transitory computer-readable medium storing instructions that, when executed by a processor, cause the processor to perform operations comprising:
receiving a media content item;
generating a plurality of media overlays that each comprise an avatar of a user, wherein the avatar of the user is a visual representation of the user, wherein an appearance of the avatar of the user is generated to reflect themes of the plurality of media overlays, wherein the appearance of the avatar of the user is different in each of the media overlays;
causing a plurality of selectable items associated with the plurality of media overlays to be displayed on the display screen, wherein the selectable items are included in a gallery or carrousel;
receiving a selection, via the input device, of a first selectable item included in the plurality of selectable items, wherein the first selectable item corresponds to a first media overlay included in the plurality of media overlays;
in response to receiving the selection, generating a modified media content item by incorporating the first media overlay including the avatar of the user with the media content item, wherein incorporating the first media overlay with the media content item comprises overlaying the first media overlay on the media content item; and
causing the modified media content item to be displayed on a display screen of a user interface.