Generating customized graphical elements from user-provided images
Techniques for generating customized graphical elements are described. For example, a social networking system may receive, from a device of an account of a social networking system, an image including at least a portion of a face of a user associated with the account. The social networking system may generate a face mesh including at least a portion of the face depicted in the image, and then may expand the face mesh to include at least a portion of the head of the user other than the face to generate a customized graphical element. The customized graphical element may be further modified, stored, and subsequently shared with one or more other accounts alone and/or in association with one or more content items.
1 . A method comprising:
receiving, from an account of a social networking system, a request to create a customized graphical element;
receiving, from a device associated with the account, an image, wherein the image includes at least a portion of a face of a user associated with the account;
generating a face mesh of at least the portion of the face depicted in the image;
expanding the face mesh to include a portion of a head of the user other than the face;
generating the customized graphical element, wherein the customized graphical element includes at least the portion of the face and the portion of the head of the user other than the face;
associating an action with the customized graphical element; and
causing performance of the action associated with the customized graphical element based at least in part on a type of content to which the customized graphical element is applied.
2 . The method of claim 1 , wherein generating the customized graphical element further includes normalizing the face mesh to at least one of center, rotate, or resize the face mesh.
3 . The method of claim 1 , further comprising:
receiving a request to generate one or more additional customized graphical elements;
presenting one or more available augmented reality filters usable to augment the customized graphical element;
receiving a selection of a selected augmented reality filter from among the one or more available augmented reality filters; and
applying the selected augmented reality filter to obtain a modified graphical element; and
storing the modified graphical element in a sticker tray.
4 . The method of claim 1 , wherein the account is a first account, the method further comprising:
receiving, from the first account, a request to apply the customized graphical element to content item;
wherein the customized graphical element includes at least one of: an ephemeral content item; a reaction to an ephemeral content item; a reaction to a comment; a reaction to a direct message; or a game avatar.
5 . The method of claim 1 , wherein the account is a first account, the method further comprising:
receiving input from a second account in association with the customized graphical element; and
causing performance of the action associated with the customized graphical element in reaction to the input from the second account.
6 . The method of claim 5 , wherein the action is one of multiple actions, and causing performance of the action associated with the customized graphical element in reaction to the input from the second account is based at least in part on at least one of:
a relationship of the second account to the first account.
7 . The method of claim 1 , further comprising:
receiving, from the account, a request to modify the customized graphical element;
causing presentation of an interface including a control usable to modify the customized graphical element;
receiving user input via the control to modify the customized graphical element to obtain one or more modified graphical elements; and
storing the one or more modified graphical elements in association with the customized graphical element in a sticker tray.
8 . The method of claim 7 , wherein the one or more modified graphical elements include modifications to at least one of:
add an item of clothing to the customized graphical element;
remove an item of clothing from the customized graphical element;
add a facial feature to the customized graphical element; or
remove a facial feature from the customized graphical element.
9 . A system comprising:
one or more processors; and
computer-readable media storing instructions that, when executed by the one or more processors, cause the system to perform operations comprising:
receiving, from an account of a social networking system, a request to create a customized graphical element;
receiving, from a device associated with the account, an image, wherein the image includes at least a portion of a face of a user associated with the account;
generating a face mesh of at least the portion of the face depicted in the image;
expanding the face mesh to include a portion of a head of the user other than the face;
generating the customized graphical element, wherein the customized graphical element includes at least the portion of the face and the portion of the head of the user other than the face;
associating an action with the customized graphical element; and
causing performance of the action associated with the customized graphical element based at least in part on a type of content to which the customized graphical element is applied.
10 . The system of claim 9 , wherein generating the customized graphical element further includes normalizing the face mesh to at least one of center, rotate, or resize the face mesh.
11 . The system of claim 9 , further comprising:
receiving a request to generate one or more additional customized graphical elements;
presenting one or more available augmented reality filters usable to augment the customized graphical element;
receiving a selection of a selected augmented reality filter from among the one or more available augmented reality filters; and
applying the selected augmented reality filter to obtain a modified graphical element; and
storing the modified graphical element in a sticker tray.
12 . The system of claim 9 , wherein the account is a first account, the system further comprising:
receiving, from the first account, a request to apply the customized graphical element to content item; and
wherein the customized graphical element includes at least one of: an ephemeral content item; a reaction to an ephemeral content item; a reaction to a comment; a reaction to a direct message; or a game avatar.
13 . The system of claim 9 , wherein the account is a first account, the system further comprising:
receiving input from a second account in association with the customized graphical element; and
causing performance of the action associated with the customized graphical element in reaction to the input from the second account.
14 . The system of claim 13 , wherein the action is one of multiple actions, and causing performance of the action associated with the customized graphical element in reaction to the input from the second account is based at least in part on
a relationship of the second account to the first account.
15 . One or more non-transitory computer-readable media storing instructions that, when executed by one or more processors of a server computing device, cause the server computing device to perform operations comprising:
receiving, from an account of a social networking system, a request to create a customized graphical element;
receiving, from a device associated with the account, an image, wherein the image includes at least a portion of a face of a user associated with the account;
generating a face mesh of at least the portion of the face depicted in the image;
expanding the face mesh to include a portion of a head of the user other than the face;
generating the customized graphical element, wherein the customized graphical element includes at least the portion of the face and the portion of the head of the user other than the face;
associating an action with the customized graphical element; and
causing performance of the action associated with the customized graphical element based at least in part on a type of content to which the customized graphical element is applied.
16 . The one or more non-transitory computer-readable media of claim 15 , the operations further comprising:
receiving, from the account, a request to modify the customized graphical element;
causing presentation of an interface including a control usable to modify the customized graphical element;
receiving user input via the control to modify the customized graphical element to obtain one or more modified graphical elements; and
storing the one or more modified graphical elements in association with the customized graphical element in a sticker tray.
17 . The one or more non-transitory computer-readable media of claim 16 , wherein the one or more modified graphical elements include modifications to at least one of:
add an item of clothing to the customized graphical element;
remove an item of clothing from the customized graphical element;
add a facial feature to the customized graphical element; or
remove a facial feature from the customized graphical element.
18 . The one or more non-transitory computer-readable media of claim 15 , wherein generating the customized graphical element further includes normalizing the face mesh to at least one of center, rotate, or resize the face mesh.
19 . The one or more non-transitory computer-readable media of claim 15 , the operations further comprising:
receiving a request to generate one or more additional customized graphical elements;
presenting one or more available augmented reality filters usable to augment the customized graphical element;
receiving a selection of a selected augmented reality filter from among the one or more available augmented reality filters; and
applying the selected augmented reality filter to obtain a modified graphical element; and
storing the modified graphical element in a sticker tray.
20 . The one or more non-transitory computer-readable media of claim 15 , wherein the account is a first account, the operations further comprising:
receiving, from the first account, a request to apply the customized graphical element to content item; and
wherein the customized graphical element includes at least one of: an ephemeral content item; a reaction to an ephemeral content item; a reaction to a comment; a reaction to a direct message; or a game avatar.