Material editing method and device, equipment and storage medium

Abstract

The invention provides a material editing method and device, equipment and a storage medium, and belongs to the technical field of computers. The method comprises the following steps: displaying a plurality of template images, wherein the template images comprise a plurality of materials; in response to a selection operation on any template image, displaying the selected template image in a preview area of an editing interface, and displaying editing options of a plurality of materials in the template image in an editing area of the editing interface, the editing options being used for editing the corresponding materials; and in response to a material editing operation in any area in the editing interface, displaying the edited material in the editing area, and displaying a first image containing the edited material in the preview area. According to the technical scheme, a visual and rapid material editing function can be provided, a user does not need to manually search for an entry of the editing function in an editor, the material editing operation is simplified, and the material editing efficiency is improved.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a material editing method, device, equipment and storage medium. Background Art

[0002] Since images can convey rich information intuitively, they can usually be used to promote items and convey information, such as promotional posters, event promotional images, etc. At present, in the process of making the above-mentioned types of images, designers usually choose appropriate image templates according to design requirements. Image templates usually refer to images that meet the design needs of the public, such as layout and included materials. Then the designer imports the image template in the editor, selects the material to be edited, and then manually finds the entrance to each editing function in the editor. The operation is relatively cumbersome, resulting in designers usually spending more time on material editing, and the image production efficiency is relatively low. Summary of the invention

[0003] The present disclosure provides a material editing method, device, equipment and storage medium, which can provide an intuitive and fast material editing function, simplify the material editing operation and improve the material editing efficiency. The technical solution of the present disclosure is as follows:

[0004] According to one aspect of an embodiment of the present disclosure, a material editing method is provided, including:

[0005] Display multiple template images, wherein the template images include multiple materials;

[0006] In response to a selection operation on any template image, the selected template image is displayed in a preview area of ​​an editing interface, and editing options of a plurality of materials in the template image are displayed in an editing area of ​​the editing interface, wherein the editing options are used to edit corresponding materials;

[0007] In response to a material editing operation in any area of ​​the editing interface, the edited material is displayed in the editing area, and a first image containing the edited material is displayed in the preview area.

[0008] According to another aspect of an embodiment of the present disclosure, there is provided a material editing device, comprising:

[0009] A first display unit is configured to display a plurality of template images, wherein the template images include a plurality of materials;

[0010] A second display unit is configured to, in response to a selection operation on any template image, display the selected template image in a preview area of ​​an editing interface, and display editing options of a plurality of materials in the template image in an editing area of ​​the editing interface, wherein the editing options are used to edit corresponding materials;

[0011] The second display unit is further configured to, in response to a material editing operation in any area of ​​the editing interface, display the edited material in the editing area and display a first image containing the edited material in the preview area.

[0012] In some embodiments, the editing area includes different categories of editing options;

[0013] The second display unit is configured to display any material in the template image in the editing options of the corresponding category in the editing area based on the category to which the material belongs.

[0014] In some embodiments, the template image includes at least one image material;

[0015] The second display unit is configured to respond to a replacement operation on any image material in the editing area, display the replaced image material in the editing area, and display a first image containing the replaced image material in the preview area, wherein the replaced image material is an image material stored locally, or an image material that has been historically generated by this terminal in the editing interface.

[0016] In some embodiments, the plurality of materials displayed in the preview area are in a selectable state;

[0017] The second display unit is configured to perform at least one of the following:

[0018] When any material is selected in the preview area, in response to a drag operation on the material, the movement of the material is displayed in the preview area;

[0019] When any material is selected in the preview area, in response to a zooming operation on the material, zooming the material displayed in the preview area based on the zooming operation;

[0020] When any material is selected in the preview area, in response to a rotation operation on the material, the material is displayed in the preview area and rotated.

[0021] In some embodiments, the plurality of materials displayed in the preview area are in a selectable state;

[0022] The second display unit is configured to perform at least one of the following:

[0023] When any material is selected in the preview area, in response to a layer adjustment operation on the material, the layer where the material is located after the adjustment is displayed in the editing area, the first image is displayed in the preview area, and the corresponding layer in the first image displays the material;

[0024] When any text material is selected in the preview area, in response to a format adjustment operation on the text material, the text material after the format adjustment is displayed in the editing area, and a first image including the text material after the format adjustment is displayed in the preview area.

[0025] In some embodiments, the apparatus further comprises:

[0026] a generating unit configured to generate, in response to a material generating operation on at least one image material in the first image, at least one first material corresponding to each of the image materials, wherein a similarity between the first material and the corresponding image material is greater than a preset value;

[0027] The second display unit is further configured to display in the preview area that the at least one image material is replaced with any corresponding first material;

[0028] The third display unit is further configured to display a plurality of second images, where the second images are images obtained by replacing at least one image material in the first image with any corresponding first material, and the first materials included in different second images are not completely the same.

[0029] In some embodiments, the generation unit is configured to obtain a description text of the image material in response to a material generation operation on any image material in the first image, wherein the description text is used to describe the content of the image material; and generate at least one first material corresponding to the image material based on the description text of the image material.

[0030] In some embodiments, the second display unit is configured to display at least one first material corresponding to any of the image materials; in response to a selection operation on any of the first materials, display in the preview area that the image material is replaced with the selected first material.

[0031] In some embodiments, the third display unit is also configured to display an editing control of the second image in response to an interactive operation on any second image, wherein the editing control is used to start an editor after being triggered, and the editor is used to edit multiple materials in the second image; in response to a triggering operation on the editing control of any second image, the second image is displayed in the editing interface provided by the editor.

[0032] In some embodiments, the third display unit is further configured to display the edited material on an editing interface provided by the editor in response to a material editing operation on any material in the second image.

[0033] According to another aspect of an embodiment of the present disclosure, an electronic device is provided, the electronic device comprising:

[0034] one or more processors;

[0035] A memory for storing program codes executable by the processor;

[0036] The processor is configured to execute the program code to implement the above-mentioned material editing method.

[0037] According to another aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When a program code in the computer-readable storage medium is executed by a processor of an electronic device, the electronic device is enabled to execute the above-mentioned material editing method.

[0038] According to another aspect of an embodiment of the present disclosure, a computer program product is provided, including a computer program, and when the computer program is executed by a processor, the material editing method is implemented.

[0039] The disclosed embodiment provides a material editing solution, which can display the image template in the preview area of ​​the editing interface according to multiple materials in the image template after the designer selects a suitable template image, and display editing options for multiple materials in the editing area of ​​the editing interface. The designer can then perform visual editing of the materials in the image template in different areas of the editing interface according to design requirements, thereby providing an intuitive and fast material editing function, eliminating the need for users to manually search for the entry to the editing function in the editor, simplifying the material editing operation and improving the material editing efficiency.

[0040] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0041] The drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.

[0042] Figure 1 It is a schematic diagram of an implementation environment of a material editing method according to an exemplary embodiment.

[0043] Figure 2 The figure is a flow chart of a material editing method according to an exemplary embodiment.

[0044] Figure 3 The figure is a flowchart of another material editing method according to an exemplary embodiment.

[0045] Figure 4It is a schematic diagram of an editing interface according to an exemplary embodiment.

[0046] Figure 5 It is a schematic diagram of editing material according to an exemplary embodiment.

[0047] Figure 6 is a schematic diagram of another editing interface according to an exemplary embodiment.

[0048] Figure 7 It is a schematic diagram of a parameter configuration interface according to an exemplary embodiment.

[0049] Figure 8 is a schematic diagram of a second image according to an exemplary embodiment.

[0050] Fig. 9 The invention is a block diagram of a material editing device according to an exemplary embodiment.

[0051] Fig.10 It is a block diagram of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION

[0052] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings.

[0053] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0054] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.) and signals involved in this disclosure are all authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions. For example, the template images involved in this disclosure are obtained with full authorization.

[0055] Figure 1 FIG. 1 is a schematic diagram of an implementation environment of a material editing method according to an exemplary embodiment. Figure 1 The implementation environment specifically includes: a terminal 101 and a server 102. The terminal 101 can be connected to the server 102 via a wireless network or a wired network.

[0056] Terminal 101 can be at least one of a smart phone, a smart watch, a desktop computer, a laptop computer, an MP3 player (Moving Picture Experts Group Audio Layer III), an MP4 (Moving Picture Experts Group Audio Layer IV) player, and a laptop computer.

[0057] In some embodiments, a target application is installed or running on the terminal 101. The target application is any type of application with a material editing function, such as an image editing application, a video editing application, or a social application. The user can use the material editing function provided by the target application through the terminal 101 to edit the text material and image material in the image. The target application is associated with the server 102, and the server 102 provides background services.

[0058] The terminal 101 may generally refer to one of a plurality of terminals. This embodiment is described by taking the terminal 101 as an example. Those skilled in the art may know that the number of the above terminals may be more or less. For example, the above terminals may be several, or the above terminals may be dozens or hundreds, or a greater number. The embodiment of the present disclosure does not limit the number and device type of the terminals.

[0059] Server 102 can be an independent physical server, or a server cluster or distributed file system composed of multiple physical servers. It can also be a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), as well as big data and artificial intelligence platforms.

[0060] In some embodiments, the server 102 is directly or indirectly connected to the terminal 101 through wired or wireless communication, which is not limited in the embodiments of the present disclosure. Optionally, the number of the above-mentioned servers 102 may be more or less, which is not limited in the embodiments of the present disclosure. Of course, the server 102 may also include other functional servers to provide more comprehensive and diversified services. Among them, the server 102 undertakes the main computing work, and the terminal 101 undertakes the secondary computing work; or, the server 102 undertakes the secondary computing work, and the terminal 101 undertakes the main computing work; or, the server 102 or the terminal 101 can each undertake the computing work independently, which is not limited in the embodiments of the present disclosure.

[0061] Figure 2 is a flow chart of a material editing method according to an exemplary embodiment. Figure 2 As shown, taking the method executed by a terminal as an example, the method includes the following steps:

[0062] In step 201, the terminal displays a plurality of template images, where the template images include a plurality of materials.

[0063] In the disclosed embodiments, a template image refers to a pre-designed image file, and a template image usually has a specific layout and style to meet the design requirements in different scenarios. A template image includes multiple materials, such as text materials and image materials. Text materials refer to text-type materials, such as the main title, subtitle, and slogan in a template image. Image materials refer to image-type materials, such as landscape images, food images, cartoon stickers, etc.

[0064] Optionally, the multiple template images displayed by the terminal may be template images randomly determined from the template library, or template images screened from the template library according to certain screening rules. For example, the screening rules may be screening according to design style, screening according to usage scenario, screening according to the creator of the template image, etc., which is not limited in the embodiments of the present disclosure.

[0065] In the process of making an image, you can select a template image that meets the design requirements from multiple templates displayed on the terminal according to specific design requirements, and adaptively edit the materials in the template image to make an image that meets the design requirements. For example, when making a business card, you can select a template image of the business card type, replace the text materials such as "name" and "contact information" in the template image with your own name and contact information, so as to quickly make a business card.

[0066] In step 202, in response to a selection operation on any template image, the terminal displays the selected template image in a preview area of ​​the editing interface and displays editing options of multiple materials in the template image in an editing area of ​​the editing interface, where the editing options are used to edit corresponding materials.

[0067] In the embodiment of the present disclosure, when any template image is selected, the terminal displays an editing interface. The editing interface is used to provide a quick editing function for the template image. The editing interface includes an editing area and a preview area. The preview area displays the selected template image, and the editing area displays editing options for multiple materials in the template image. The editing options are used to edit the corresponding materials. Therefore, through the editing options displayed in the editing area, the corresponding materials in the template image can be edited, which realizes the quick editing of multiple materials in the template image in the editing area, and improves the efficiency of material editing.

[0068] In step 203, in response to a material editing operation in any area of ​​the editing interface, the terminal displays the edited material in the editing area and displays a first image including the edited material in the preview area.

[0069] In the disclosed embodiments, in addition to editing the material in the editing area, the material can also be edited in the preview area. For example, by dragging a material in the template image in the preview area, the position of the material in the template image can be adjusted; by scaling a material in the template image in the preview area, the size of the material can be adjusted. Furthermore, the edited material can be displayed in the editing area and the preview area simultaneously, thereby realizing visual editing of the material. Among them, the first image displayed in the preview area is an image of the edited material and the unedited material in the template image after editing one or more materials in the template image. In other words, the first image can present the editing effect after editing one or more materials in the template image.

[0070] The disclosed embodiment provides a material editing method, which can display the image template in the preview area of ​​the editing interface according to multiple materials in the image template after the designer selects a suitable template image, and display editing options of the multiple materials in the editing area of ​​the editing interface. Then, the designer can perform visual editing of the materials in the image template in different areas of the editing interface according to design requirements, thereby providing an intuitive and fast material editing function, eliminating the need for users to manually search for the entry to the editing function in the editor, simplifying the material editing operation, and improving the material editing efficiency.

[0071] In some embodiments, the editing area includes different categories of editing options;

[0072] The editing area of ​​the editing interface displays editing options for multiple materials in the template image, including:

[0073] For any material in the template image, based on the category to which the material belongs, the material is displayed in the editing options of the corresponding category in the editing area.

[0074] In the disclosed embodiment, by displaying the material in the editing options of the corresponding category in the editing area according to the category of the material, not only can the category to which the material belongs be clearly and intuitively conveyed, but the material can also be classified and edited in the editing area, thereby improving the efficiency of material editing.

[0075] In some embodiments, the template image includes at least one image material;

[0076] In response to a material editing operation in any area of ​​the editing interface, displaying the edited material in the editing area and displaying a first image containing the edited material in the preview area include:

[0077] In response to a replacement operation on any image material in the editing area, the replaced image material is displayed in the editing area, and the first image containing the replaced image material is displayed in the preview area. The replaced image material is an image material stored locally, or an image material that has been historically generated by this terminal in the editing interface.

[0078] In the disclosed embodiment, by supporting the replacement of image materials in the editing area, the image materials in the template image can be efficiently and conveniently replaced with other image materials that meet the design requirements, which not only meets the personalized design requirements, but also simplifies the material editing operations and improves the material editing efficiency.

[0079] In some embodiments, the plurality of materials displayed in the preview area are in a selectable state;

[0080] Displaying a first image containing the edited material in the preview area includes at least one of the following:

[0081] When any material is selected in the preview area, in response to a drag operation on the material, the material movement is displayed in the preview area;

[0082] When any material is selected in the preview area, in response to a zoom operation on the material, the material displayed in the preview area is zoomed based on the zoom operation;

[0083] When any material is selected in the preview area, in response to a rotation operation on the material, the material is displayed in the preview area and rotates.

[0084] In the disclosed embodiment, it is possible to support convenient and quick adjustment of the position, size and angle of the material in the preview area, and the adjustment process of the material can be displayed in real time in the preview area, thereby realizing visual editing of the material and improving the efficiency of material editing.

[0085] In some embodiments, the plurality of materials displayed in the preview area are in a selectable state;

[0086] In response to a material editing operation in any area of ​​the editing interface, displaying the edited material in the editing area and displaying a first image containing the edited material in the preview area include at least one of the following:

[0087] When any material is selected in the preview area, in response to a layer adjustment operation on the material, the layer where the adjusted material is located is displayed in the editing area, and the first image is displayed in the preview area, and the corresponding layer in the first image displays the material;

[0088] When any text material is selected in the preview area, in response to a format adjustment operation on the text material, the text material after the format adjustment is displayed in the editing area, and a first image including the text material after the format adjustment is displayed in the preview area.

[0089] In the disclosed embodiment, it is possible to efficiently and conveniently adjust the layer where the material is located in the preview area, thereby adjusting the hierarchical relationship between different materials in the first image. In addition, the above method can also efficiently and conveniently adjust the paragraph format of the text material in the preview area. Furthermore, the results of material editing can be synchronously displayed in the editing area and the preview area, so that the edited material can be intuitively displayed in the editing area, and the overall effect of the material editing can be intuitively displayed in the preview area, thereby improving the efficiency of material editing and information transmission.

[0090] In some embodiments, the method further comprises:

[0091] In response to a material generation operation on at least one image material in the first image, at least one first material corresponding to each image material is generated respectively, and a similarity between the first material and the corresponding image material is greater than a preset value;

[0092] Displaying in the preview area that at least one image material is replaced by any corresponding first material; or,

[0093] A plurality of second images are displayed, wherein the second images are images obtained by replacing at least one image material in the first image with any corresponding first material, and the first materials included in different second images are not completely the same.

[0094] In the disclosed embodiment, by generating a first material similar in style to an image material, and displaying in the preview area that the image material is replaced with any first material, or displaying multiple second images obtained by replacing the image material with any first material, not only can the effect after the material replacement be displayed conveniently and intuitively, but also personalized design needs can be met. There is no need for users to manually search for and replace materials with similar styles, which simplifies the material editing operation and improves the material editing efficiency.

[0095] In some embodiments, in response to a material generation operation on at least one image material in the first image, generating at least one first material corresponding to each image material respectively includes:

[0096] In response to a material generation operation on any image material in the first image, obtaining a description text of the image material, where the description text is used to describe the content of the image material;

[0097] At least one first material corresponding to the image material is generated based on the description text of the image material.

[0098] In the embodiment of the present disclosure, by generating at least one first material corresponding to the image material based on the description text of the image material, it can be ensured that the first material and the image material are relatively similar in terms of presented content, color style, etc., thereby ensuring the similarity between the first material and the image material and improving the accuracy of generating the first material.

[0099] In some embodiments, displaying in the preview area that at least one image material is replaced with any corresponding first material includes:

[0100] For any image material, display at least one first material corresponding to the image material;

[0101] In response to a selection operation on any first material, the image material displayed in the preview area is replaced with the selected first material.

[0102] In the embodiments of the present disclosure, by displaying at least one first material corresponding to the image material before replacing the image material, it is possible to support the selection of the first material displayed after replacement according to design requirements, thereby ensuring that the first material displayed after replacement meets the design requirements, eliminating the need for users to manually search for the replaced material, and improving material editing efficiency.

[0103] In some embodiments, the method further comprises:

[0104] In response to an interactive operation on any second image, an editing control of the second image is displayed, wherein the editing control is used to start an editor after being triggered, and the editor is used to edit multiple materials in the second image;

[0105] In response to a triggering operation on an editing control of any second image, the second image is displayed in an editing interface provided by the editor.

[0106] In the embodiment of the present disclosure, by displaying the editing controls of the second image, a method for quickly entering the editor to edit the second image can be provided, without manually starting the editor or manually importing the second image into the editor, thereby shortening the interactive link in the editing process and improving editing efficiency.

[0107] In some embodiments, the method further comprises:

[0108] In response to a material editing operation on any material in the second image, the edited material is displayed in an editing interface provided by the editor.

[0109] In the embodiments of the present disclosure, by supporting editing of edits in the editor, a rich variety of editing functions can be provided, thereby further meeting personalized editing needs.

[0110] Above Figure 2 The figure shows a process of a material editing method of the present disclosure. The material editing solution provided by the present disclosure is further described below. Figure 3 is a flowchart of another material editing method according to an exemplary embodiment. Figure 3 As shown, taking the method executed by a terminal as an example, the method includes the following steps:

[0111] In step 301, the terminal displays a plurality of template images, where the template images include a plurality of materials.

[0112] In the embodiment of the present disclosure, step 301 is the same as the above step 201 and will not be described again here.

[0113] It should also be noted that the template image is a pre-designed image file, which usually includes configuration information, including multiple materials in the template image and the layer where each material is located. Therefore, compared with ordinary images, by parsing the configuration information of the template image, multiple materials in the template image can be quickly obtained, so that even if the image material is blocked by other image materials in the upper layer, the complete image material can be obtained.

[0114] In step 302, in response to a selection operation on any template image, the terminal displays the selected template image in a preview area of ​​the editing interface and displays editing options of multiple materials in the template image in an editing area of ​​the editing interface, where the editing options are used to edit corresponding materials.

[0115] In an embodiment of the present disclosure, in response to a selection operation on any template image, the terminal parses the template image to obtain multiple materials in the template image. Optionally, the terminal obtains configuration information of the template image, and parses the configuration information to obtain multiple materials in the template image. The terminal then displays an editing interface, thereby providing a quick editing function for the template image through the editing interface. Among them, the editing interface includes an editing area and a preview area, the preview area displays the selected template image, and the editing area displays editing options for multiple materials in the template image, and the editing options are used to edit the corresponding materials. Optionally, the style of the editing options can be a text box containing text materials, an image box containing image materials, etc.

[0116] In some embodiments, the editing area includes editing options of different categories. The category of editing options is used to indicate the category to which the edited material belongs. For example, the categories of editing options include main title, subtitle, main visual image, slogan, etc. Among them, the main visual image refers to the more important and core visual presentation element, which can usually attract the audience's attention at the first time and convey the core information or theme. Accordingly, for any material in the template image, the terminal displays the material in the editing options of the corresponding category in the editing area according to the category to which the material belongs. Among them, the terminal can obtain the category to which each material in the template image belongs through the configuration information of the template image. By displaying the material in the editing options of the corresponding category in the editing area according to the category of the material, it is not only possible to clearly and intuitively convey the category to which the material belongs, but also possible to classify and edit the material in the editing area, thereby improving the efficiency of material editing.

[0117] Figure 4 is a schematic diagram of an editing interface according to an exemplary embodiment. Figure 4 As shown, the editing interface includes an editing area 401 and a preview area 402. The editing area 401 displays multiple editing options, which are used to edit materials of corresponding categories. The preview area 402 displays a template image 403, which includes 3 text materials and 1 image material, which is the main visual image.

[0118] In step 303, in response to a material editing operation in any area of ​​the editing interface, the terminal displays the edited material in the editing area and displays a first image including the edited material in the preview area.

[0119] In the disclosed embodiment, in addition to editing the material in the editing area, the material can also be edited in the preview area. The material editing operation can be an editing operation of the material in the template image in any area of ​​the editing interface. Furthermore, the edited material can be displayed synchronously in the editing area and the preview area, thereby realizing visual editing of the material.

[0120] For example, in response to an editing operation in an editing option corresponding to any text material in the editing area, the terminal displays the edited text material in the editing option and displays a first image including the edited text material in the preview area. Figure 4 As shown, when the text material "Congratulations" corresponding to the subtitle is edited to "Congratulations XX", the text material in the style of "Congratulations XX" is displayed above the first image displayed in the preview area. Alternatively, when "Congratulations" is deleted in the text option corresponding to the subtitle, the terminal cancels the display of the subtitle "Congratulations" in the preview area, thereby deleting the subtitle in the template image.

[0121] In addition, in addition to editing text materials in the editing area, the embodiments of the present disclosure also support replacing image materials in the editing area. The following takes a template image including at least one image material as an example to illustrate the process of replacing image materials in the editing area.

[0122] In some embodiments, in response to a replacement operation on any image material in the editing area, the terminal displays the replaced image material in the editing area, and displays the first image containing the replaced image material in the preview area. The replacement operation may be a triggering operation on any image material in the editing area, such as a long press operation, a double-click operation, and the like. Optionally, for the editing area, the terminal can display the replaced image material in the editing option where the image material is located; for the preview area, the terminal can display the replaced material in the layer where the image material is located, thereby achieving synchronous replacement of the image material in the editing area and the preview area. By supporting the replacement of image materials in the editing area, the image materials in the template image can be efficiently and conveniently replaced with other image materials that meet the design requirements, which not only meets the personalized design requirements, but also simplifies the material editing operation and improves the material editing efficiency.

[0123] Among them, the replaced image material can be an image material stored locally, or an image material that has been historically generated by this terminal in the editing interface. Among them, the editing interface provides not only the material editing function, but also the material generation function. Through the material generation function, it is possible to intelligently generate image materials with a similar style to any image material on the editing page. For the sake of ease of description, the image materials generated according to the material generation function are referred to as smart materials below. Therefore, the image materials that have been historically generated in the editing interface are, that is, smart materials generated based on the material generation function provided in the editing interface. Optionally, the terminal can generate smart materials through AI (Artificial Intelligence) models such as text-generated image models and image-generated image models.

[0124] In some embodiments, when any image material in the template image is an intelligent material, the image material can be replaced with any image material generated historically. In response to the replacement operation of the image material in the editing area, the terminal displays multiple intelligent materials in the editing interface, that is, multiple image materials generated historically by the terminal in the editing interface. In response to the selection operation of any intelligent material, the terminal replaces the image material with the selected intelligent material in the editing interface. In the case that any image material in the template image is a non-intelligent material, the image material can be replaced with any image material stored locally. In response to the replacement operation of the image material in the editing area, the terminal displays multiple image materials stored locally in the editing interface. In response to the selection operation of any image material, the terminal replaces the image material with the selected image material in the editing interface. By determining whether the image material is an intelligent material, it is possible to avoid using image materials that have not obtained copyright, or avoid generating intelligent materials based on image materials that have not obtained copyright, thereby avoiding the occurrence of image infringement.

[0125] The above content mainly introduces the process of editing materials in the editing area. In the embodiment of the present disclosure, it is also supported to edit materials in the preview area. Accordingly, the multiple materials displayed in the preview area are in a selectable state. After selecting a certain material, the position, size, angle, etc. of the material can be adjusted in the preview area. The process of editing materials in the preview area is described below through the following steps (1)-(5).

[0126] (1) When any material is selected in the preview area, in response to a drag operation on the material, the terminal displays the movement of the material in the preview area. Optionally, the terminal can display the movement of the material along the dragging track of the drag operation in the preview area, thereby adjusting the position of the material in the first image by dragging the material.

[0127] (2) When any material is selected in the preview area, in response to a zoom operation on the material, the terminal zooms the material displayed in the preview area based on the zoom operation. The zoom operation may be a trigger operation on a zoom control, or a two-finger zoom operation on the terminal screen. Optionally, when any material is selected, the terminal displays a zoom control for the material, and in response to a sliding operation on the zoom control, when the sliding direction of the sliding operation is a first direction, the terminal displays the material larger; when the sliding direction of the sliding operation is a second direction, the terminal displays the material smaller. The first direction and the second direction are opposite directions.

[0128] (3) When any material is selected in the preview area, in response to a rotation operation on the material, the terminal displays the rotation of the material in the preview area. Optionally, when any material is selected, the terminal displays a rotation control for the material. The rotation operation may be a sliding operation on the rotation control, the rotation direction of the material is consistent with the sliding direction of the rotation control, and the rotation angle of the material is positively correlated with the sliding distance of the rotation control.

[0129] Through the above steps (1)-(3), the position, size and angle of the material can be adjusted conveniently and quickly in the preview area, and the adjustment process of the material can be displayed in real time in the preview area, thereby realizing visual editing of the material and improving the efficiency of material editing.

[0130] (4) When any material is selected in the preview area, in response to the layer adjustment operation on the material, the terminal displays the layer where the adjusted material is located in the editing area, displays the first image in the preview area, and the corresponding layer in the first image displays the material. The layer adjustment operation is used to adjust the layer where the material is located. Optionally, when any material is selected, the terminal displays the layer adjustment control of the material so that the layer where the material is located can be adjusted through the layer adjustment control, such as adjusting the layer where the material is located to the bottom layer, the top layer, or any middle layer.

[0131] Through the above method, it is possible to efficiently and conveniently adjust the layer where the material is located in the preview area, thereby adjusting the hierarchical relationship between different materials in the first image. Furthermore, the result of the layer adjustment can be synchronously displayed in the editing area and the preview area, so that the layer where the material is located is intuitively displayed in the editing area, and the effect of the layer adjustment is intuitively displayed in the preview area, thereby improving the efficiency of material editing and information transmission.

[0132] Figure 5 is a schematic diagram showing an editing material according to an exemplary embodiment. Figure 5 As shown, when the image material 501 is selected in the preview area, the terminal displays a plurality of circular controls in the rectangular area outside the image material 501. The circular controls located at the vertex positions of the rectangular area can be zoom controls, and the image material 501 can be zoomed by dragging the circular controls at any vertex position. The circular control 502 located above the rectangular area is a rotation control, and the image material 501 can be rotated in the preview area by dragging the rotation control. In addition, when the image material 501 is selected in the preview area, the terminal can also display a layer adjustment control 503 and a category label "primary vision" of the image material 501 in the preview area, and the category label can indicate that the category to which the image material 501 belongs is the primary visual image.

[0133] (5) When any text material is selected in the preview area, in response to a format adjustment operation on the text material, the terminal displays the text material after the format adjustment in the editing area, and displays a first image including the text material after the format adjustment in the preview area. The format adjustment operation is used to adjust the paragraph format of the text material, such as the line break position, alignment, etc.

[0134] Through the above method, the paragraph format of the text material can be adjusted efficiently and conveniently in the preview area. Furthermore, the format adjustment results can be displayed synchronously in the editing area and the preview area, so that the text material after the format adjustment can be intuitively displayed in the editing area, and the overall effect after the format adjustment can be intuitively displayed in the preview area, thereby improving the material editing efficiency and information transmission efficiency.

[0135] The above step 303 mainly introduces the process of editing the material in the first image in the editing interface. It should be noted that, in some embodiments, the editing interface also displays a save control and an edit control. Figure 4 , the save control may be a "download" control in the editing area, and the edit control may be a "go to edit" control in the editing area. When the edited first image meets the design requirements, the edited first image may be saved to the local storage space by triggering the save control in the editing area, so as to facilitate the subsequent use of the first image. When the first image needs to be further edited, the editor may be started by triggering the edit control in the editing area, so as to further edit the material in the first image through the rich and varied editing functions provided by the editor, so as to make the edited first image meet the design requirements.

[0136] In step 304, in response to the material generation operation for at least one image material in the first image, the terminal generates at least one first material corresponding to each image material, and the similarity between the first material and the corresponding image material is greater than a preset value.

[0137] In the disclosed embodiment, since the editing interface provides a material generation function, based on the material generation function, the image material corresponding to any image material displayed in the editing interface can be generated with the help of AI models such as text-generated images and image-generated images. Therefore, in response to the material generation operation of any material in the first image in the editing interface, the terminal can generate at least one first material corresponding to the image material. Among them, the first material refers to an image generated based on the image features of the image material, such as style features, content features, etc. The similarity between the first material and the image material is greater than a preset value. For example, the color style and subject outline of the first material and the image material are the same, but the attributes of a certain dimension of the picture are different. Dimensions include but are not limited to color, brightness, etc. For example, due to the different colors, brightness, etc. of certain pixels in the image, some of the content presented by the image is different, such as the size of the characters' eyes, the position of the characters' hair accessories, etc.

[0138] It should be noted that, in the embodiments of the present disclosure, not only does it support triggering a material generation operation for a single image material, but it also supports triggering a material generation operation for multiple image materials in batches. Figure 6 is a schematic diagram of another editing interface according to an exemplary embodiment. Figure 6 As shown, in the editing area of ​​the editing interface, in response to the triggering operation of the editing control 601 in the editing options of the image material, the terminal triggers the material generation operation of the image material, thereby generating at least one first material corresponding to the image material. In the preview area in the editing interface, if the template image includes image material (ie, smart material) generated by the AI ​​model, the terminal can display prompt information in the preview area to prompt the number of smart materials included in the template image. In addition, the terminal can also display a generation control 602 in the preview area. In response to the triggering operation of the generation control 602, the terminal triggers the material generation operation of at least one smart material in the preview area, thereby generating at least one first material corresponding to each smart material.

[0139] The following describes a process in which a terminal generates a first material corresponding to any image material.

[0140] In some embodiments, in response to a material generation operation for any image material in the first image, the terminal obtains a description text of the image material. The description text is used to describe the content of the image material. For example, the description text includes a plurality of keywords for describing the content of the image material. Then, the terminal generates at least one first material corresponding to the image material based on the description text of the image material. For example, the terminal inputs the description text of the image material into the text-generated graph model, and the text-generated graph model outputs at least one first material that conforms to the content described in the description text according to the description text. Or the terminal may input the image material and the description text of the image material into the graph-generated graph model, and the graph-generated graph model outputs at least one first material that is relatively similar to the image material according to the input image material and the description text. By generating at least one first material corresponding to the image material according to the description text of the image material, it is possible to ensure that the first material and the image material are relatively similar in terms of the presented content, color style, etc., thereby ensuring the similarity between the first material and the image material, and improving the accuracy of generating the first material.

[0141] In some embodiments, the terminal inputs the image material into the image recognition model, and the image recognition model recognizes the content in the image material and outputs the description text of the image material. Alternatively, the terminal may also obtain the description text input by the user. In response to the material generation operation of any image material in the first image, the terminal displays a text input control and a prompt text, and the prompt text is used to prompt the input of the description text based on the text input control. Then, the terminal obtains the description text entered in the text input control. Or after the terminal obtains the description text output by the image recognition model, the terminal displays the description text in the text input control to support appropriate editing of the description text according to specific material generation requirements. In response to the editing operation in the text input control, the terminal obtains the edited description text.

[0142] In some embodiments, when the terminal generates the first material through an AI (Artificial Intelligence) model such as a text-generated image model or a picture-generated image model, in response to a material generation operation on any image material in the first image, the terminal displays a parameter configuration interface. The parameter configuration interface is used to obtain a description text of the image material and to configure parameters of the AI ​​model. For example, the AI ​​model used to generate the first material can be selected in the parameter configuration interface, and the style, screen ratio and other parameters of the first material output by the AI ​​model can also be configured in the parameter configuration interface.

[0143] For example, Figure 7 is a schematic diagram of a parameter configuration interface according to an exemplary embodiment. Figure 7As shown, the parameter configuration interface includes a text input control 701, and the text input control 701 is used to obtain the description text. In addition, the parameter configuration interface also includes multiple selectable models, reference types of models, and multiple selectable screen ratios. By configuring the reference type of the model, the reference weights of different contents of the input image can be limited in the process of the graph generation model generating intelligent materials with reference to the input image. For example, when the reference type is selected as the style reference, the reference weight of the style of the input image is higher, so that the graph generation model can refer to the style of the input image more, ensuring that the output first material has a more similar style to the input image. By configuring the screen ratio, the size of the first material output by the model can be limited, thereby ensuring that the size of the first material meets the design requirements.

[0144] The above step 304 mainly introduces the process of the terminal generating at least one first material corresponding to any image material. It should be noted that after the terminal obtains at least one first material corresponding to at least one image material in the first image, the terminal can perform the following step 305 or the following step 306.

[0145] In step 305, the terminal displays in the preview area that at least one image material is replaced with any corresponding first material.

[0146] In the disclosed embodiment, for any image material, the terminal displays in the preview area that the image material is replaced with any first material corresponding to it. If the terminal generates a first material corresponding to the image material in the above step 304, the first material displayed after the replacement is also the first material. If the terminal generates multiple first materials corresponding to the image material in the above step 304, the first material displayed after the replacement can be any one of the first materials. In addition, the terminal can also display in the editing area that the image material is replaced with the corresponding first material.

[0147] In some embodiments, for any image material, the terminal can also display at least one first material corresponding to the image material. In response to the selection operation of any first material, the terminal displays in the preview area that the image material is replaced with the selected first material. By displaying at least one first material corresponding to the image material before replacing the image material, it is possible to support the selection of the first material displayed after replacement according to design requirements, thereby ensuring that the first material displayed after replacement meets the design requirements, without the need for the user to manually search for the replaced material, thereby improving the efficiency of material editing.

[0148] In step 306, the terminal displays a plurality of second images, where the second images are images obtained by replacing at least one image material in the first image with any corresponding first material, and the first materials included in different second images are not completely the same.

[0149] In the embodiment of the present disclosure, after obtaining at least one first material corresponding to each of at least one image material in the first image, the terminal may also replace each image material in the first image with any first material corresponding thereto to obtain multiple second images.

[0150] For example, if the first image includes 1 image material, and the image material corresponds to 4 first materials, the terminal can replace the image material in the first image with first material 1, first material 2, first material 3, and first material 4, respectively, to obtain 4 second images. Alternatively, if the first image includes 2 image materials, and each image material corresponds to 2 first materials, the terminal can replace each image material in the first image with any of its corresponding first materials, respectively, to obtain 2*2=4 second images.

[0151] Figure 8 is a schematic diagram showing a second image according to an exemplary embodiment. Figure 8 As shown, each second image includes a replaced first material 801, and the first material 801 is the same as the above Figure 5 The styles of the image material 501 in the first image are similar. Both include a girl wearing round-frame glasses, and the girl also wears two heart-shaped hair accessories.

[0152] In step 307, in response to an interactive operation on any second image, an editing control of the second image is displayed, the editing control is used to trigger and start an editor, and the editor is used to edit multiple materials in the second image.

[0153] In the embodiments of the present disclosure, the interactive operation includes but is not limited to a trigger operation, a cursor hover operation, etc. The editor can be any editing application installed or run on the terminal, and the editor provides a rich editing function. The editing control is used to start the editor after being triggered, so as to facilitate further editing of multiple materials in the second image using the rich editing functions in the editor.

[0154] In some embodiments, in response to an interactive operation on any second image, the terminal can also display a save control for the second image. The save control is used to save the second image to a local storage space after being triggered. Optionally, both the edit control and the save control for the second image can be displayed in a floating manner on the upper layer of the second image.

[0155] In step 308, in response to a triggering operation on an editing control of any second image, the second image is displayed on an editing interface provided by the editor.

[0156] In the embodiment of the present disclosure, in response to a triggering operation on an editing control of any second image, the terminal starts an editor and displays the second image in an editing interface provided by the editor so that the second image can be edited in the editor.

[0157] By displaying the editing controls of the second image, a method for quickly entering the editor to edit the second image can be provided, without the need for the user to manually start the editor or manually import the second image into the editor, thereby shortening the interactive link in the editing process and improving editing efficiency.

[0158] In some embodiments, in response to a material editing operation on any material in the second image, the terminal displays the edited material in an editing interface provided by the editor. Optionally, the material editing operation includes but is not limited to: adding material, deleting material, adjusting the parameters, position, layer of the material, etc. Among them, the parameters of the material include but are not limited to: transparency, brightness, contrast, saturation, blur, sharpness, etc. By supporting editing in the editor, a rich variety of editing functions can be provided, thereby further meeting personalized editing needs.

[0159] In addition, the editor also has a material generation function. Similar to the above steps 304-306, in response to the material generation operation of any image material of the second image in the editor, the terminal generates at least one second material corresponding to the image material, and then the terminal displays the image material replaced with any second material in the editing interface provided by the editor. Alternatively, the terminal displays at least one third image in the editing interface provided by the editor, and the third image is an image obtained by replacing the image material in the second image with any corresponding second material, and different third images include different second materials. By supporting the re-generation of intelligent materials corresponding to any image material in the editor, it is possible to continue to generate intelligent materials with a style similar to any image material when any image material does not meet the design requirements until the generated intelligent materials meet the design requirements.

[0160] The disclosed embodiment provides a material editing method, which can display the image template in the preview area of ​​the editing interface according to multiple materials in the image template after the designer selects a suitable template image, and display editing options of the multiple materials in the editing area of ​​the editing interface. Then, the designer can perform visual editing of the materials in the image template in different areas of the editing interface according to design requirements, thereby providing an intuitive and fast material editing function, eliminating the need for users to manually search for the entry to the editing function in the editor, simplifying the material editing operation, and improving the material editing efficiency.

[0161] All the above optional technical solutions can be arbitrarily combined to form optional embodiments of the present disclosure, and will not be described in detail here.

[0162] Fig. 9 FIG. 1 is a block diagram of a material editing device according to an exemplary embodiment. Fig. 9 As shown, the device includes: a first display unit 901 and a second display unit 902 .

[0163] A first display unit 901 is configured to display a plurality of template images, where the template images include a plurality of materials;

[0164] The second display unit 902 is configured to, in response to a selection operation on any template image, display the selected template image in the preview area of ​​the editing interface, and display editing options of multiple materials in the template image in the editing area of ​​the editing interface, where the editing options are used to edit the corresponding materials;

[0165] The second display unit 902 is further configured to respond to a material editing operation in any area of ​​the editing interface, display the edited material in the editing area, and display the first image containing the edited material in the preview area.

[0166] In some embodiments, the editing area includes different categories of editing options;

[0167] The second display unit 902 is configured to display any material in the template image in the editing options of the corresponding category in the editing area based on the category to which the material belongs.

[0168] In some embodiments, the template image includes at least one image material;

[0169] The second display unit 902 is configured to respond to a replacement operation on any image material in the editing area, display the replaced image material in the editing area, and display the first image containing the replaced image material in the preview area, wherein the replaced image material is an image material stored locally, or an image material that has been historically generated by this terminal in the editing interface.

[0170] In some embodiments, the plurality of materials displayed in the preview area are in a selectable state;

[0171] The second display unit 902 is configured to perform at least one of the following:

[0172] When any material is selected in the preview area, in response to a drag operation on the material, the material movement is displayed in the preview area;

[0173] When any material is selected in the preview area, in response to a zoom operation on the material, the material displayed in the preview area is zoomed based on the zoom operation;

[0174] When any material is selected in the preview area, in response to a rotation operation on the material, the material is displayed in the preview area and rotates.

[0175] In some embodiments, the plurality of materials displayed in the preview area are in a selectable state;

[0176] The second display unit 902 is configured to perform at least one of the following:

[0177] When any material is selected in the preview area, in response to a layer adjustment operation on the material, the layer where the adjusted material is located is displayed in the editing area, and the first image is displayed in the preview area, and the corresponding layer in the first image displays the material;

[0178] When any text material is selected in the preview area, in response to a format adjustment operation on the text material, the text material after the format adjustment is displayed in the editing area, and a first image including the text material after the format adjustment is displayed in the preview area.

[0179] In some embodiments, the apparatus further comprises:

[0180] a generating unit configured to generate, in response to a material generating operation on at least one image material in the first image, at least one first material corresponding to each image material, wherein a similarity between the first material and the corresponding image material is greater than a preset value;

[0181] The second display unit 902 is further configured to display in the preview area that at least one image material is replaced with any corresponding first material;

[0182] The third display unit is further configured to display a plurality of second images, where the second images are images obtained by replacing at least one image material in the first image with any corresponding first material, and the first materials included in different second images are not completely the same.

[0183] In some embodiments, the generation unit is configured to obtain a description text of the image material in response to a material generation operation on any image material in the first image, where the description text is used to describe the content of the image material; and generate at least one first material corresponding to the image material based on the description text of the image material.

[0184] In some embodiments, the second display unit 902 is configured to display at least one first material corresponding to any image material; in response to a selection operation on any first material, the image material displayed in the preview area is replaced with the selected first material.

[0185] In some embodiments, the third display unit is further configured to display editing controls of the second image in response to an interactive operation on any second image, wherein the editing controls are used to start an editor after being triggered, and the editor is used to edit multiple materials in the second image; in response to a triggering operation on the editing controls of any second image, the second image is displayed in the editing interface provided by the editor.

[0186] In some embodiments, the third display unit is further configured to display the edited material in an editing interface provided by the editor in response to a material editing operation on any material in the second image.

[0187] The disclosed embodiment provides a material editing device, which can display the image template in a preview area of ​​an editing interface according to multiple materials in the image template after the designer selects a suitable template image, and display editing options for multiple materials in an editing area of ​​the editing interface. The designer can then perform visual editing of the materials in the image template in different areas of the editing interface according to design requirements, thereby providing an intuitive and fast material editing function without the need for the user to manually search for the entry to the editing function in the editor, thereby simplifying the material editing operation and improving the material editing efficiency.

[0188] It should be noted that the material editing device provided in the above embodiment is only illustrated by the division of the above functional units. In actual applications, the above functions can be assigned to different functional units as needed, that is, the internal structure of the electronic device is divided into different functional units to complete all or part of the functions described above. In addition, the material editing device provided in the above embodiment and the material editing method embodiment belong to the same concept. The specific implementation process is detailed in the method embodiment and will not be repeated here.

[0189] Regarding the material editing device in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0190] Fig.10 It is a block diagram of an electronic device according to an exemplary embodiment. Generally, the electronic device 1000 includes: a processor 1001 and a memory 1002 .

[0191] The processor 1001 may include one or more processing cores, such as a 4-core processor, an 8-core processor, etc. The processor 1001 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). The processor 1001 may also include a main processor and a coprocessor. The main processor is a processor for processing data in the awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In some embodiments, the processor 1001 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 1001 may also include an AI (Artificial Intelligence) processor, which is used to process computing operations related to machine learning.

[0192] The memory 1002 may include one or more computer-readable storage media, which may be non-transitory. The memory 1002 may also include a high-speed random access memory, and a non-volatile memory, such as one or more disk storage devices, flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 1002 is used to store at least one program code, which is used to be executed by the processor 1001 to implement the material editing method provided in the method embodiment of the present disclosure.

[0193] In some embodiments, the electronic device 1000 may further optionally include: a peripheral device interface 1003 and at least one peripheral device. The processor 1001, the memory 1002 and the peripheral device interface 1003 may be connected via a bus or a signal line. Each peripheral device may be connected to the peripheral device interface 1003 via a bus, a signal line or a circuit board. Specifically, the peripheral device includes: at least one of a radio frequency circuit 1004, a display screen 1005, a camera assembly 1006, an audio circuit 1007 and a power supply 1008.

[0194] The peripheral device interface 1003 may be used to connect at least one peripheral device related to I / O (Input / Output) to the processor 1001 and the memory 1002. In some embodiments, the processor 1001, the memory 1002, and the peripheral device interface 1003 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the processor 1001, the memory 1002, and the peripheral device interface 1003 may be implemented on a separate chip or circuit board, which is not limited in this embodiment.

[0195] The radio frequency circuit 1004 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The radio frequency circuit 1004 communicates with communication networks and other communication devices through electromagnetic signals. The radio frequency circuit 1004 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals into electrical signals. Optionally, the radio frequency circuit 1004 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, and the like. The radio frequency circuit 1004 can communicate with other electronic devices through at least one wireless communication protocol. The wireless communication protocol includes, but is not limited to: a metropolitan area network, various generations of mobile communication networks (2G, 3G, 4G and 5G), a wireless local area network and / or a WiFi (Wireless Fidelity) network. In some embodiments, the radio frequency circuit 1004 may also include circuits related to NFC (Near Field Communication), which is not limited in the present disclosure.

[0196] The display screen 1005 is used to display a UI (User Interface). The UI may include graphics, text, icons, videos, and any combination thereof. When the display screen 1005 is a touch display screen, the display screen 1005 also has the ability to collect touch signals on the surface or above the surface of the display screen 1005. The touch signal can be input to the processor 1001 as a control signal for processing. At this time, the display screen 1005 can also be used to provide virtual buttons and / or virtual keyboards, also known as soft buttons and / or soft keyboards. In some embodiments, the display screen 1005 can be one, and the front panel of the electronic device 1000 is set; in other embodiments, the display screen 1005 can be at least two, which are respectively set on different surfaces of the electronic device 1000 or are folded; in some other embodiments, the display screen 1005 can be a flexible display screen, which is set on the curved surface or folded surface of the electronic device 1000. Even, the display screen 1005 can also be set to a non-rectangular irregular shape, that is, a special-shaped screen. The display screen 1005 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).

[0197] The camera assembly 1006 is used to capture images or videos. Optionally, the camera assembly 1006 includes a front camera and a rear camera. Typically, the front camera is arranged on the front panel of the electronic device, and the rear camera is arranged on the back of the electronic device. In some embodiments, there are at least two rear cameras, which are any one of a main camera, a depth of field camera, a wide-angle camera, and a telephoto camera, so as to realize the fusion of the main camera and the depth of field camera to realize the background blur function, the fusion of the main camera and the wide-angle camera to realize the panoramic shooting and VR (Virtual Reality) shooting function or other fusion shooting functions. In some embodiments, the camera assembly 1006 may also include a flash. The flash can be a monochrome temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm light flash and a cold light flash, which can be used for light compensation at different color temperatures.

[0198] The audio circuit 1007 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, and convert the sound waves into electrical signals and input them into the processor 1001 for processing, or input them into the radio frequency circuit 1004 to achieve voice communication. For the purpose of stereo acquisition or noise reduction, there may be multiple microphones, which are respectively arranged at different parts of the electronic device 1000. The microphone may also be an array microphone or an omnidirectional acquisition microphone. The speaker is used to convert the electrical signal from the processor 1001 or the radio frequency circuit 1004 into sound waves. The speaker may be a traditional film speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can not only convert the electrical signal into sound waves audible to humans, but also convert the electrical signal into sound waves inaudible to humans for purposes such as ranging. In some embodiments, the audio circuit 1007 may also include a headphone jack.

[0199] The power supply 1008 is used to power various components in the electronic device 1000. The power supply 1008 can be an alternating current, a direct current, a disposable battery, or a rechargeable battery. When the power supply 1008 includes a rechargeable battery, the rechargeable battery can support wired charging or wireless charging. The rechargeable battery can also be used to support fast charging technology.

[0200] Those skilled in the art will understand that Fig.10 The structure shown in the figure does not constitute a limitation on the electronic device 1000, and the electronic device 1000 may include more or less components than those shown in the figure, or combine some components, or adopt a different component arrangement.

[0201] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory 1002 including instructions, and the instructions can be executed by a processor 1001 of an electronic device 1000 to complete the above-mentioned material editing method. Optionally, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0202] A computer program product includes a computer program, and the computer program implements the above-mentioned material editing method when executed by a processor.

[0203] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0204] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A material editing method, characterized in that: The method comprises: Display multiple template images, wherein the template images include multiple materials; In response to a selection operation on any template image, the selected template image is displayed in a preview area of ​​an editing interface, and editing options of a plurality of materials in the template image are displayed in an editing area of ​​the editing interface, wherein the editing options are used to edit corresponding materials; In response to a material editing operation in any area of ​​the editing interface, the edited material is displayed in the editing area, and a first image containing the edited material is displayed in the preview area.

2. The material editing method according to claim 1, characterized in that: The editing area includes different categories of editing options; The editing options of the plurality of materials in the template image are displayed in the editing area of ​​the editing interface, including: For any material in the template image, based on the category to which the material belongs, the material is displayed in the editing options of the corresponding category in the editing area.

3. The material editing method according to claim 1, characterized in that: The template image includes at least one image material; In response to a material editing operation in any area of ​​the editing interface, displaying the edited material in the editing area and displaying a first image containing the edited material in the preview area include: In response to a replacement operation on any image material in the editing area, the replaced image material is displayed in the editing area, and a first image containing the replaced image material is displayed in the preview area. The replaced image material is an image material stored locally, or an image material that has been historically generated by this terminal in the editing interface.

4. The material editing method according to claim 1, characterized in that: The multiple materials displayed in the preview area are in a selectable state; The displaying in the preview area the first image containing the edited material comprises at least one of the following: When any material is selected in the preview area, in response to a drag operation on the material, the movement of the material is displayed in the preview area; When any material is selected in the preview area, in response to a zooming operation on the material, zooming the material displayed in the preview area based on the zooming operation; When any material is selected in the preview area, in response to a rotation operation on the material, the material is displayed in the preview area and rotated.

5. The material editing method according to claim 1, characterized in that: The multiple materials displayed in the preview area are in a selectable state; In response to a material editing operation in any area of ​​the editing interface, displaying the edited material in the editing area and displaying a first image containing the edited material in the preview area include at least one of the following: When any material is selected in the preview area, in response to a layer adjustment operation on the material, the layer where the material is located after the adjustment is displayed in the editing area, the first image is displayed in the preview area, and the corresponding layer in the first image displays the material; When any text material is selected in the preview area, in response to a format adjustment operation on the text material, the text material after the format adjustment is displayed in the editing area, and a first image including the text material after the format adjustment is displayed in the preview area.

6. The material editing method according to claim 1, characterized in that: The method further comprises: In response to a material generation operation on at least one image material in the first image, at least one first material corresponding to each of the image materials is generated, and a similarity between the first material and the corresponding image material is greater than a preset value; Displaying in the preview area that the at least one image material is replaced by any corresponding first material; or, A plurality of second images are displayed, wherein the second images are images obtained by replacing at least one image material in the first image with any corresponding first material, and the first materials included in different second images are not completely the same.

7. The material editing method according to claim 6, characterized in that: The step of generating at least one first material corresponding to each image material in response to the material generation operation on at least one image material in the first image comprises: In response to a material generation operation on any image material in the first image, obtaining a description text of the image material, wherein the description text is used to describe the content of the image material; At least one first material corresponding to the image material is generated based on the description text of the image material.

8. The material editing method according to claim 6, characterized in that: The displaying in the preview area that the at least one image material is replaced with any corresponding first material includes: For any of the image materials, display at least one first material corresponding to the image material; In response to a selection operation on any first material, the image material displayed in the preview area is replaced with the selected first material.

9. The material editing method according to claim 6, characterized in that: The method further comprises: In response to an interactive operation on any second image, an editing control of the second image is displayed, wherein the editing control is used to trigger and then start an editor, wherein the editor is used to edit a plurality of materials in the second image; In response to a triggering operation on an editing control of any second image, the second image is displayed on an editing interface provided by the editor.

10. The material editing method according to claim 9, characterized in that: The method further comprises: In response to a material editing operation on any material in the second image, the edited material is displayed on an editing interface provided by the editor.

11. A material editing device, characterized in that: The device comprises: A first display unit is configured to display a plurality of template images, wherein the template images include a plurality of materials; A second display unit is configured to, in response to a selection operation on any template image, display the selected template image in a preview area of ​​an editing interface, and display editing options of a plurality of materials in the template image in an editing area of ​​the editing interface, wherein the editing options are used to edit corresponding materials; The second display unit is further configured to, in response to a material editing operation in any area of ​​the editing interface, display the edited material in the editing area and display a first image containing the edited material in the preview area.

12. An electronic device, characterized in that: The electronic device comprises: one or more processors; a memory for storing program code executable by the processor; The processor is configured to execute the program code to implement the material editing method according to any one of claims 1 to 10.

13. A computer-readable storage medium, characterized in that: When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the material editing method as described in any one of claims 1 to 10.

14. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the material editing method according to any one of claims 1 to 10 is implemented.

Images