WO2022205930A1 - Preview method for image effect, and preview apparatus for image effect - Google Patents

Preview method for image effect, and preview apparatus for image effect Download PDF

Info

Publication number
WO2022205930A1
WO2022205930A1 PCT/CN2021/130549 CN2021130549W WO2022205930A1 WO 2022205930 A1 WO2022205930 A1 WO 2022205930A1 CN 2021130549 W CN2021130549 W CN 2021130549W WO 2022205930 A1 WO2022205930 A1 WO 2022205930A1
Authority
WO
WIPO (PCT)
Prior art keywords
template
image
effect
line control
template image
Prior art date
Application number
PCT/CN2021/130549
Other languages
French (fr)
Chinese (zh)
Inventor
刘瑾瑜
Original Assignee
北京达佳互联信息技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京达佳互联信息技术有限公司 filed Critical 北京达佳互联信息技术有限公司
Publication of WO2022205930A1 publication Critical patent/WO2022205930A1/en

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N23/00Cameras or camera modules comprising electronic image sensors; Control thereof
    • H04N23/60Control of cameras or camera modules
    • H04N23/63Control of cameras or camera modules by using electronic viewfinders
    • H04N23/631Graphical user interfaces [GUI] specially adapted for controlling image capture or setting capture parameters
    • H04N23/632Graphical user interfaces [GUI] specially adapted for controlling image capture or setting capture parameters for displaying or modifying preview images prior to image capturing, e.g. variety of image resolutions or capturing parameters
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N5/00Details of television systems
    • H04N5/222Studio circuitry; Studio devices; Studio equipment
    • H04N5/262Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects
    • H04N5/265Mixing

Definitions

  • the present disclosure relates to image processing technologies, and in particular, to a preview method, device, electronic device and storage medium for image effects.
  • the template image with the template effect is directly displayed, so as to provide the user with a reference for selection.
  • the present disclosure provides an image effect preview method, device, electronic device and storage medium.
  • the technical solutions of the present disclosure are as follows:
  • a method for previewing image effects including:
  • the line control In response to a drag instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
  • the image effect preview method further includes:
  • a line control is displayed on the template image, and part of the template image superimposed with the template effect and part of the template image with the original image effect are displayed on both sides of the line control, including:
  • a line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
  • line controls are displayed on each template image, including:
  • the line controls are individually displayed on each template image based on the display position.
  • the image effect preview method further includes:
  • the partial template image superimposed with the template effect and the partial template image with the original image effect are displayed on both sides of the line control specifying the template image.
  • the image effect preview method further includes:
  • the template image corresponding to the click instruction is displayed through a pop-up window.
  • displaying a line control on the template image, and displaying part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control including:
  • the line control is displayed on the template image, and part of the template image superimposed with the template effect and the template image with the original image effect are displayed on both sides of the line control respectively. Partial template image.
  • the image effect preview method further includes:
  • a selected image is obtained from the existing images, and the template effect is superimposed on the selected image.
  • the image effect preview method further includes:
  • the stencil effect is superimposed on the target image.
  • displaying line controls on a template image includes:
  • the line control is displayed on the template image such that the line control is parallel to the width of the template image.
  • the moving the line control and changing the proportion of the template effect on the template image in response to the drag instruction for the line control includes:
  • an apparatus for previewing image effects including:
  • the effect comparison display module is configured to display the line control on the template image, and respectively display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control;
  • the effect dragging module is configured to move the line control and change the proportion of the template effect on the template image in response to the dragging instruction for the line control.
  • the apparatus further includes:
  • the first image collection display module is configured to display a plurality of template images on the display interface of the template image collection
  • a line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
  • the effect comparison display module includes:
  • a first display position determination unit configured to obtain a preset display position of the line control, and determine the preset display position as the display position of the line control on each template image
  • the first line control display unit is configured to separately display the line control on each template image based on the display position.
  • the apparatus further includes:
  • a first pop-up window display module configured to display the specified template image through a pop-up window in response to a click instruction on a specified template image in the plurality of template images
  • the pop-up window effect comparison display module is configured to display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control specifying the template image in the pop-up window.
  • the apparatus further includes:
  • the second image set display module is configured to display a plurality of template images superimposed with all template effects on the display interface of the template image set;
  • the second pop-up window display module is configured to, in response to a click instruction on one template image among the plurality of template images superimposed with all template effects, display the template image corresponding to the click instruction through a pop-up window.
  • the effect comparison display module includes:
  • a second display position determining unit configured to acquire a preset display position of the line control, and determine the preset display position as the display position of the line control on the template image
  • the effect comparison display unit is configured to display the line control on the template image in the pop-up window based on the display position, and respectively display the part with the template effect superimposed on both sides of the line control Template images and partial template images with original effects.
  • the apparatus further includes:
  • the first template effect superimposing module is configured to obtain a selected image from an existing image and superimpose the template effect on the selected image.
  • the apparatus further includes:
  • the template image acquisition module is configured to display the shooting preview interface and acquire the target image through the camera when receiving the same production instruction;
  • the second template effect superimposing module is configured to superimpose the template effect on the target image.
  • the effect comparison display module includes:
  • the second line control display unit is configured to display the line control on the template image, so that the line control is parallel to the height of the template image; or, display the line control on the template image, so that the line The controls are parallel to the width of the template image.
  • the effect dragging module is specifically configured to:
  • an electronic device comprising:
  • a memory for storing the processor-executable instructions
  • the processor is configured to execute the instructions to implement the image effect preview method according to the first aspect.
  • a computer-readable storage medium which, when instructions in the computer storage medium are executed by a processor of an electronic device, enables the electronic device to execute the image according to the first aspect The preview method of the effect.
  • a computer program product including a computer program or computer instructions, which implements the image effect preview method according to the first aspect when the computer program or computer instructions are executed by a processor.
  • the display by displaying the line control on the template image, and displaying part of the template image superimposed with the template effect and the part of the template image with the original image effect on both sides of the line control, in response to the drag instruction for the line control, By moving the line control and changing the proportion of the template effect on the template image, the display is improved by displaying part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control.
  • the user can drag the line control to drive the template effect to move, which is convenient for the user to observe the difference between the template effect and the original image effect, and improves the interactivity.
  • FIG. 1 is a flowchart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure
  • FIG. 2 is a schematic diagram of the height of a line control parallel to a template image in an embodiment of the present disclosure
  • FIG. 3 is a schematic diagram of the width of a line control parallel to a template image in an embodiment of the present disclosure
  • FIG. 4 is a flowchart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure
  • FIG. 5 is a schematic diagram of a display interface of a template effect in an embodiment of the present disclosure
  • FIG. 6 is a schematic diagram of a pop-up window displaying a template image in an embodiment of the present disclosure
  • FIG. 7 is a flowchart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure
  • FIG. 8 is a block diagram of an apparatus for previewing an image effect according to an exemplary embodiment of the present disclosure
  • FIG. 9 is a block diagram of an electronic device according to an exemplary embodiment of the present disclosure.
  • FIG. 1 is a flow chart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure. As shown in FIG. 1 , the method for previewing an image effect is used in electronic devices such as mobile phones, tablet computers, or computers, including the following step.
  • step S11 a line control is displayed on the template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are respectively displayed on both sides of the line control.
  • the template effect is some preset image effects, such as a poster-style effect, a splicing-style effect, or some stickers, and so on.
  • the original image effect is the effect of the original image.
  • the image effect is generally displayed on the template image, so that the user can know the picture presented when different template effects are added to the template image.
  • a line control on the template image.
  • the line control is in the form of a line and is connected from one side of the template image to the opposite side and overlaid on the template image. It can be operated by the user.
  • Display part of the template image superimposed with the template effect and part of the template image with the original image effect that is, the entire template image is divided into two parts by the line control, one part is superimposed with the template effect, and the other part is not superimposed with the template effect, that is, it has the original image effect.
  • the display mode of the template effect on the template image may be displayed through a mask layer, that is, a mask layer is displayed on the side of the line control where the template effect is to be displayed, and the template effect is displayed on the mask layer.
  • displaying line controls on a template image includes:
  • the line control is displayed on the template image such that the line control is parallel to the width of the template image.
  • the display form of the line control is parallel to the height of the template image or parallel to the width of the model image.
  • the line control can be made parallel to the height of the model image.
  • FIG. 2 is a schematic diagram of the height of the line control parallel to the template image in the embodiment of the present disclosure.
  • the left and right sides of the line control 1 respectively display part of the template image superimposed with the template effect and the template image with the original image effect.
  • FIG. 3 is a schematic diagram of the width of the line control parallel to the template image in the embodiment of the present disclosure.
  • the upper and lower sides of the line control 1 respectively display part of the template image superimposed with the template effect and the template image with the original image effect.
  • display part of the template image with the template effect superimposed on the upper side of the line control 1 display part of the template image with the original image effect on the lower side of the line control 1, or display the template superimposed on the lower side of the line control 1.
  • the partial template image with the original image effect is displayed on the upper side of the line control 1, and the user can operate the line control to drive the template effect to move in the corresponding direction.
  • step S12 in response to the dragging instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
  • the left side of the line control displays part of the template image superimposed with the template effect
  • the right side of the line control displays part of the template image with the original image effect
  • the The drag command indicates that when dragging from left to right, the part of the template image with the superimposed template effect on the left side of the line control increases, while the part of the template image with the original image effect on the right side of the line control decreases.
  • the moving the line control and changing the proportion of the template effect on the template image in response to a drag instruction for the line control includes:
  • the method for previewing an image effect provided by an exemplary embodiment of the present disclosure, by displaying a line control on a template image, and displaying a partial template image superimposed with the template effect and a partial template image with the original image effect on both sides of the line control, respectively,
  • the line control is moved and the template effect is moved, since the partial template image superimposed with the template effect and the partial template image with the original image effect are displayed on both sides of the line control respectively,
  • the display effect is improved, and the user can drag the line control to drive the template effect to move, which is convenient for users to observe the difference between the template effect and the original image effect, and improves the interactivity.
  • the method further includes: in response to receiving the same-style production instruction, acquiring a selected image from existing images, and superimposing the template effect on the selected image .
  • the same-style production button can be displayed below the template image.
  • at least one existing image can be obtained from the image storage space, and the obtained image can be displayed.
  • the user can select one of the existing images based on the displayed at least one existing image, so that the electronic device obtains the selected image in the at least one existing image, and superimposes the template effect on the template image.
  • select images get selected images with a stencil effect.
  • the method further includes: in response to receiving the same-style production instruction, displaying a shooting preview interface, and acquiring a target image through a camera; superimposing the template effect on the target image .
  • the same type of production button can be displayed below the template image.
  • the shooting preview interface and the shooting button are displayed, and the user can point the camera at the target scene.
  • the shooting button is operated, and in response to detecting the operation of the shooting button by the user, the target image of the target scene is obtained through the camera, and the template effect on the template image is superimposed on the target image to obtain the target image with the template effect.
  • the user can conveniently shoot the target image and make an image with the same effect, which simplifies the operation steps for the user to make an image with the same effect.
  • Fig. 4 is a flowchart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure. As shown in Fig. 4 , the method for previewing an image effect is used in electronic devices such as mobile phones, tablet computers, or computers, including the following step.
  • step S41 a plurality of template images are displayed on the display interface of the template image set.
  • multiple template images are displayed, and different template effects and corresponding line controls can be displayed in a superimposed manner for the multiple template images.
  • step S42 a line control is displayed on each template image, and a partial template image superimposed with a template effect and a partial template image with the original image effect are respectively displayed on both sides of the line control of the template image.
  • FIG. 5 is a schematic diagram of a display interface of a template effect in an embodiment of the present disclosure. As shown in FIG. 5 , a plurality of template images are displayed on the display interface of the template effect, and a line control 1 is displayed on each template image. The two sides of the line control 1 of each template image respectively display part of the template image superimposed with the template effect and part of the template image with the original image effect, and the line control on each template image can be operated by the user.
  • displaying line controls on each template image respectively includes: acquiring a preset display position of the line control, and determining the preset display position as the line control on each template image display position; display the line control separately on each template image based on the display position.
  • the display interface of the template image collection when displaying line controls on each template image, first determine the display position of the line controls on each template image.
  • the display position of the line controls can be a preset display position, so that the preset display The position is determined as the display position of the line control on each template image, and the line control is displayed at the corresponding display position of each template image.
  • the preset display position may be the middle position of the template image, or may be other positions, for example, when the line control is parallel to the height of the template image, the preset display position may be 3/10 position from the left, or 3/5 position from the left and so on.
  • step S43 in response to the dragging instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
  • the line control on each template image can receive the user's dragging instruction, and in response to receiving the user's dragging instruction on the line control on one of the template images, the line control on one of the template images can be indicated based on the dragging instruction.
  • multiple template images are displayed on the display interface of the template image set, line controls are displayed on each template image, and two sides of the line controls are displayed with superimposed Part of the template image of the template effect and the part of the template image with the original image effect, in response to the drag command of the line control on one of the template images, move the line control and change the proportion of the template effect on the template image, which is convenient for users to observe
  • the stencil effect on each stencil image is different from the original image effect, improving interactivity.
  • the method further includes: in response to a click instruction on a designated template image in the plurality of template images, displaying the designated template image through a pop-up window; in the pop-up window, in the designated template image
  • the two sides of the line control of the template image display part of the template image superimposed with the template effect and part of the template image with the effect of the original image.
  • a plurality of template images with different template effects can be displayed, and in response to detecting the user's click operation on one of the template images, it is determined that the template image is the specified template image, and the received template image is received.
  • the specified template image is displayed through a pop-up window, as shown in Figure 6, in the pop-up window, the parts with the template effect superimposed on both sides of the line control 1 of the specified template image are displayed respectively.
  • the specified template images displayed through the pop-up window are larger than the template images in the template effect display interface, so that users can more clearly observe the difference between the template effect and the original image effect.
  • FIG. 7 is a flow chart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure. As shown in FIG. 7 , the method for previewing an image effect is used in electronic devices such as mobile phones, tablet computers, or computers, including the following step.
  • step S71 a plurality of template images superimposed with all template effects are displayed on the display interface of the template image set.
  • a plurality of template images with all template effects superimposed are displayed, and the user can preview the template images with different template effects through the display interface of the displayed template image set.
  • step S72 in response to a click instruction on one template image among the plurality of template images superimposed with all template effects, the template image corresponding to the click instruction is displayed through a pop-up window.
  • each template image superimposed with all template effects can be clicked by the user, and in response to detecting the user's click instruction on one template image among the multiple template images superimposed with all template effects, the template image corresponding to the click instruction is displayed through a pop-up window.
  • step S73 a line control is displayed on the template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control respectively.
  • the line control In the display interface of the template image collection, there is no line control in the displayed template images with all the template effects superimposed, but in the pop-up window displayed based on the user's click instruction, the line control is displayed on the displayed template image, and online
  • the two sides of the bar control respectively display part of the template image superimposed with the template effect and part of the template image with the original image effect, and the line control can receive the user's drag instruction and move accordingly.
  • the line control is displayed on the template image, and the partial template image superimposed with the template effect and the partial template image with the original image effect are respectively displayed on both sides of the line control
  • the method includes: obtaining a preset display position of the line control, and determining the preset display position as the display position of the line control on the template image; in the pop-up window, based on the display position, in the The line control is displayed on the template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are respectively displayed on both sides of the line control.
  • the display position of the line control can be a preset display position, so that the preset display position is determined as the line on the template image. Display position of the control, display the line control in the corresponding display position of the template image in the pop-up window, and display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control.
  • step S74 in response to the dragging instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
  • the image effect preview method by displaying a plurality of template images with all template effects superimposed on a display interface of a template image set, in response to a template image among the plurality of template images superimposed with all template effects
  • the click command of the click command displays the template image corresponding to the click command through the pop-up window, and displays the line control on the template image displayed in the pop-up window, and displays part of the template image superimposed with the template effect and the part with the original image effect on both sides of the line control.
  • Template image in response to the drag command of the line control, move the line control and move the template effect, so that for the template image with all the template effects superimposed, when the user wants to know the difference between the template effect and the original image effect, you can click the template image, in The template image is displayed in the pop-up window, and the template effect and the original image effect are displayed on both sides of the line control, so that the user can clearly observe the difference between the template effect on a template image and the original image effect, which improves the interactivity.
  • Fig. 8 is a block diagram of an apparatus for previewing an image effect according to an exemplary embodiment of the present disclosure.
  • the apparatus includes an effect comparison display module 81 and an effect dragging module 82 .
  • the effect comparison display module 81 is configured to display a line control on the template image, and respectively display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control;
  • the effect dragging module 82 is configured to move the line control and change the proportion of the template effect on the template image in response to the drag instruction for the line control.
  • the apparatus further includes:
  • the first image collection display module is configured to display a plurality of template images on the display interface of the template image collection
  • a line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
  • the effect comparison display module includes:
  • a first display position determination unit configured to obtain a preset display position of the line control, and determine the preset display position as the display position of the line control on each template image
  • the first line control display unit is configured to separately display the line control on each template image based on the display position.
  • the apparatus further includes:
  • the first pop-up window display module is configured to display the specified template image through a pop-up window in response to a click instruction to the specified template image in the plurality of template images;
  • the pop-up window effect comparison display module is configured to display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control specifying the template image in the pop-up window.
  • the apparatus further includes:
  • the second image set display module is configured to display a plurality of template images superimposed with all template effects on the display interface of the template image set;
  • the second pop-up window display module is configured to, in response to a click instruction on one template image among the plurality of template images superimposed with all template effects, display the template image corresponding to the click instruction through a pop-up window.
  • the effect comparison display module includes:
  • a second display position determining unit configured to acquire a preset display position of the line control, and determine the preset display position as the display position of the line control on the template image
  • the effect comparison display unit is configured to display the line control on the template image in the pop-up window based on the display position, and display the part with the template effect superimposed on both sides of the line control respectively Template images and partial template images with original effects.
  • the apparatus further includes:
  • the first template effect superimposing module is configured to obtain a selected image from an existing image, and superimpose the template effect on the selected image.
  • the apparatus further includes:
  • the template image acquisition module is configured to display the shooting preview interface in response to receiving the same production instruction, and acquire the target image through the camera;
  • the second template effect superimposing module is configured to superimpose the template effect on the target image.
  • the effect comparison display module includes:
  • the second line control display unit is configured to display the line control on the template image, so that the line control is parallel to the height of the template image; or, display the line control on the template image, so that the line The controls are parallel to the width of the template image.
  • the effect dragging module is specifically configured to execute:
  • FIG. 9 is a block diagram of an electronic device according to an exemplary embodiment of the present disclosure.
  • electronic device 900 may be a mobile phone, computer, digital broadcast terminal, messaging device, game console, tablet device, medical device, fitness device, personal digital assistant, and the like.
  • an electronic device 900 may include one or more of the following components: a processing component 902, a memory 904, a power supply component 906, a multimedia component 908, an audio component 910, an input/output (I/O) interface 912, a sensor component 914 , and the communication component 916 .
  • the processing component 902 generally controls the overall operation of the electronic device 900, such as operations associated with display, phone calls, data communications, camera operations, and recording operations.
  • the processing component 902 may include one or more processors 920 to execute instructions to perform all or some of the steps of the methods described above. Additionally, processing component 902 may include one or more modules to facilitate interaction between processing component 902 and other components. For example, processing component 902 may include a multimedia module to facilitate interaction between multimedia component 908 and processing component 902.
  • Memory 904 is configured to store various types of data to support operation at electronic device 900 . Examples of such data include instructions for any application or method operating on electronic device 900, contact data, phonebook data, messages, pictures, videos, and the like. Memory 904 may be implemented by any type of volatile or non-volatile storage device or combination thereof, such as static random access memory (SRAM), electrically erasable programmable read only memory (EEPROM), erasable Programmable Read Only Memory (EPROM), Programmable Read Only Memory (PROM), Read Only Memory (ROM), Magnetic Memory, Flash Memory, Magnetic or Optical Disk.
  • SRAM static random access memory
  • EEPROM electrically erasable programmable read only memory
  • EPROM erasable Programmable Read Only Memory
  • PROM Programmable Read Only Memory
  • ROM Read Only Memory
  • Magnetic Memory Flash Memory
  • Magnetic or Optical Disk Magnetic Disk
  • Power supply assembly 906 provides power to various components of electronic device 900 .
  • Power supply components 906 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to electronic device 900 .
  • Multimedia component 908 includes a screen that provides an output interface between the electronic device 900 and the user.
  • the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from a user.
  • the touch panel includes one or more touch sensors to sense touch, swipe, and gestures on the touch panel. The touch sensor may not only sense the boundaries of a touch or swipe action, but also detect the duration and pressure associated with the touch or swipe action.
  • the multimedia component 908 includes a front-facing camera and/or a rear-facing camera. When the electronic device 900 is in an operation mode, such as a shooting mode or a video mode, the front camera and/or the rear camera may receive external multimedia data. Each of the front and rear cameras can be a fixed optical lens system or have focal length and optical zoom capability.
  • Audio component 910 is configured to output and/or input audio signals.
  • audio component 910 includes a microphone (MIC) that is configured to receive external audio signals when electronic device 900 is in operating modes, such as calling mode, recording mode, and voice recognition mode. The received audio signal may be further stored in memory 904 or transmitted via communication component 916 .
  • audio component 910 also includes a speaker for outputting audio signals.
  • the I/O interface 912 provides an interface between the processing component 902 and a peripheral interface module, which may be a keyboard, a click wheel, a button, or the like. These buttons may include, but are not limited to: home button, volume buttons, start button, and lock button.
  • Sensor assembly 914 includes one or more sensors for providing status assessments of various aspects of electronic device 900 .
  • the sensor assembly 914 can detect the open/closed state of the electronic device 900, the relative positioning of the components, such as the display and the keypad of the electronic device 900, the sensor assembly 914 can also detect the electronic device 900 or one of the electronic devices 900 Changes in the position of components, presence or absence of user contact with the electronic device 900 , orientation or acceleration/deceleration of the electronic device 900 and changes in the temperature of the electronic device 900 .
  • Sensor assembly 914 may include a proximity sensor configured to detect the presence of nearby objects in the absence of any physical contact.
  • Sensor assembly 914 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications.
  • the sensor assembly 914 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
  • Communication component 916 is configured to facilitate wired or wireless communication between electronic device 900 and other devices.
  • Electronic device 900 may access wireless networks based on communication standards, such as WiFi, carrier networks (eg, 2G, 3G, 4G, or 5G), or a combination thereof.
  • the communication component 916 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel.
  • the communication component 916 also includes a near field communication (NFC) module to facilitate short-range communication.
  • the NFC module may be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.
  • RFID radio frequency identification
  • IrDA infrared data association
  • UWB ultra-wideband
  • Bluetooth Bluetooth
  • electronic device 900 may be implemented by one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable A programming gate array (FPGA), a controller, a microcontroller, a microprocessor or other electronic components is implemented for performing the above-mentioned preview method of the image effect.
  • ASICs application specific integrated circuits
  • DSPs digital signal processors
  • DSPDs digital signal processing devices
  • PLDs programmable logic devices
  • FPGA field programmable A programming gate array
  • controller a controller
  • microcontroller a microprocessor or other electronic components is implemented for performing the above-mentioned preview method of the image effect.
  • a computer-readable storage medium including instructions such as a memory 904 including instructions, is also provided, and the instructions can be executed by the processor 920 of the electronic device 900 to complete the above image effect preview method.
  • the computer-readable storage medium may be ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device, and the like.
  • a computer program product which includes a computer program or computer instructions, and when the computer program or computer instructions are executed by a processor, realizes the above-mentioned preview method for image effects.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

The present disclosure relates to image processing technology and provides a preview method and apparatus for an image effect, an electronic device, and a storage medium. The method comprises: displaying a line widget on a template image, and respectively displaying a partial template image having an added template effect and a partial template image having an original image effect at two sides of the line widget; and in response to a drag instruction on the line widget, moving the line widget, and changing the proportion of space taken by the template effect on the template image.

Description

图像效果的预览方法及图像效果的预览装置Image effect preview method and image effect preview device
相关申请的交叉引用CROSS-REFERENCE TO RELATED APPLICATIONS
本申请要求于2021年3月31日提交的、发明名称为“图像效果的预览方法、装置、电子设备及存储介质”的中国专利申请202110352862.0的优先权,其内容通过引用的方式全文并入于此。This application claims the priority of Chinese Patent Application No. 202110352862.0 filed on March 31, 2021 and entitled "Preview method, device, electronic device and storage medium for image effects", the content of which is incorporated by reference in its entirety. this.
技术领域technical field
本公开涉及图像处理技术,尤其涉及一种图像效果的预览方法、装置、电子设备及存储介质。The present disclosure relates to image processing technologies, and in particular, to a preview method, device, electronic device and storage medium for image effects.
背景技术Background technique
相关技术中,在展示模板效果时,直接展示带有模板效果的模板图像,以此为用户提供选择的参考。In the related art, when displaying the template effect, the template image with the template effect is directly displayed, so as to provide the user with a reference for selection.
发明内容SUMMARY OF THE INVENTION
本公开提供一种图像效果的预览方法、装置、电子设备及存储介质。本公开的技术方案如下:The present disclosure provides an image effect preview method, device, electronic device and storage medium. The technical solutions of the present disclosure are as follows:
根据本公开实施例的第一方面,提供一种图像效果的预览方法,包括:According to a first aspect of the embodiments of the present disclosure, a method for previewing image effects is provided, including:
在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像;Display a line control on the template image, and display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control;
响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。In response to a drag instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
在本公开的一些实施例中,所述图像效果的预览方法还包括:In some embodiments of the present disclosure, the image effect preview method further includes:
在模板图像集合的展示界面,展示多个模板图像;Display multiple template images on the display interface of the template image collection;
在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,包括:A line control is displayed on the template image, and part of the template image superimposed with the template effect and part of the template image with the original image effect are displayed on both sides of the line control, including:
在每个模板图像上分别展示线条控件,并在模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。A line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
在本公开的一些实施例中,在每个模板图像上分别展示线条控件,包括:In some embodiments of the present disclosure, line controls are displayed on each template image, including:
获取线条控件的预设展示位置,并将所述预设展示位置确定为每个模板图像上线条控件的展示位置;Obtain the preset display position of the line control, and determine the preset display position as the display position of the line control on each template image;
基于所述展示位置在每个模板图像上分别展示所述线条控件。The line controls are individually displayed on each template image based on the display position.
在本公开的一些实施例中,所述图像效果的预览方法还包括:In some embodiments of the present disclosure, the image effect preview method further includes:
响应于对所述多个模板图像中指定模板图像的点击指令,通过弹窗展示所述指定模板图像;In response to a click instruction on a specified template image in the plurality of template images, displaying the specified template image through a pop-up window;
在所述弹窗中,在指定模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In the pop-up window, the partial template image superimposed with the template effect and the partial template image with the original image effect are displayed on both sides of the line control specifying the template image.
在本公开的一些实施例中,所述图像效果的预览方法还包括:In some embodiments of the present disclosure, the image effect preview method further includes:
在模板图像集合的展示界面,展示多个叠加全部模板效果的模板图像;In the display interface of the template image collection, multiple template images superimposed with all template effects are displayed;
响应于对所述多个叠加全部模板效果的模板图像中一个模板图像的点击指令,通过弹窗展示所述点击指令对应的模板图像。In response to a click instruction on one template image among the plurality of template images superimposed with all template effects, the template image corresponding to the click instruction is displayed through a pop-up window.
在本公开的一些实施例中,所述在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,包括:In some embodiments of the present disclosure, displaying a line control on the template image, and displaying part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control, including:
获取线条控件的预设展示位置,并将所述预设展示位置确定为所述线条控件在所述模板图像上的展示位置;obtaining a preset display position of the line control, and determining the preset display position as the display position of the line control on the template image;
在所述弹窗中,基于所述展示位置,在所述模板图像上展示所述线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In the pop-up window, based on the display position, the line control is displayed on the template image, and part of the template image superimposed with the template effect and the template image with the original image effect are displayed on both sides of the line control respectively. Partial template image.
在本公开的一些实施例中,所述图像效果的预览方法还包括:In some embodiments of the present disclosure, the image effect preview method further includes:
在接收到同款制作指令时,从已有图像中获取选定图像,并将所述模板效果叠加在所述选定图像上。When receiving a production instruction of the same type, a selected image is obtained from the existing images, and the template effect is superimposed on the selected image.
在本公开的一些实施例中,所述图像效果的预览方法还包括:In some embodiments of the present disclosure, the image effect preview method further includes:
在接收到同款制作指令时,显示拍摄预览界面,并通过摄像头获取目标图像;When receiving the same production instruction, display the shooting preview interface, and obtain the target image through the camera;
将所述模板效果叠加在所述目标图像上。The stencil effect is superimposed on the target image.
在本公开的一些实施例中,在模板图像上展示线条控件,包括:In some embodiments of the present disclosure, displaying line controls on a template image includes:
在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的高;或者displaying the line control on a template image such that the line control is parallel to the height of the template image; or
在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的宽。The line control is displayed on the template image such that the line control is parallel to the width of the template image.
在本公开的一些实施例中,所述响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例,包括:In some embodiments of the present disclosure, the moving the line control and changing the proportion of the template effect on the template image in response to the drag instruction for the line control includes:
基于所述拖动指令指示向模板效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并减小所述模板效果在所述模板图像上的所占比例,增大所述原图效果在所述模板图像上的所占比例;Based on the drag instruction instructing to move to one side of the template effect, in response to the drag instruction for the line control, follow the drag instruction to move the line control, and reduce the template effect on the template The proportion on the image, increasing the proportion of the original image effect on the template image;
基于所述拖动指令指示向原图效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并增大所述模板效果在所述模板图像上的所占比例,减小所述原图效果在所述模板图像上的所占比例。Based on the instruction of the dragging instruction to move to the side of the original image effect, in response to the dragging instruction to the line control, move the line control following the dragging instruction, and increase the template effect on the template The proportion on the image, to reduce the proportion of the original image effect on the template image.
根据本公开实施例的第二方面,提供一种图像效果的预览装置,包括:According to a second aspect of the embodiments of the present disclosure, an apparatus for previewing image effects is provided, including:
效果对比展示模块,被配置为在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像;The effect comparison display module is configured to display the line control on the template image, and respectively display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control;
效果拖动模块,被配置为响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。The effect dragging module is configured to move the line control and change the proportion of the template effect on the template image in response to the dragging instruction for the line control.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
第一图像集合展示模块,被配置为在模板图像集合的展示界面,展示多个模板图像;The first image collection display module is configured to display a plurality of template images on the display interface of the template image collection;
所述效果对比展示模块具体被配置为执行:The effect comparison display module is specifically configured to execute:
在每个模板图像上分别展示线条控件,并在模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。A line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
在本公开的一些实施例中,所述效果对比展示模块包括:In some embodiments of the present disclosure, the effect comparison display module includes:
第一展示位置确定单元,被配置为获取线条控件的预设展示位置,并将所述预设展示位置确定为每个模板图像上线条控件的展示位置;a first display position determination unit, configured to obtain a preset display position of the line control, and determine the preset display position as the display position of the line control on each template image;
第一线条控件展示单元,被配置为基于所述展示位置在每个模板图像上分别展示所述线条控件。The first line control display unit is configured to separately display the line control on each template image based on the display position.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
第一弹窗展示模块,被配置为响应于对所述多个模板图像中指定模板图像的点击指令,通过弹窗展示所述指定模板图像;a first pop-up window display module, configured to display the specified template image through a pop-up window in response to a click instruction on a specified template image in the plurality of template images;
弹窗效果对比展示模块,被配置为在所述弹窗中,在指定模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。The pop-up window effect comparison display module is configured to display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control specifying the template image in the pop-up window.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
第二图像集合展示模块,被配置为在模板图像集合的展示界面,展示多个叠加全部模板效果的模板图像;The second image set display module is configured to display a plurality of template images superimposed with all template effects on the display interface of the template image set;
第二弹窗展示模块,被配置为响应于对所述多个叠加全部模板效果的模板图像中一个模板图像的点击指令,通过弹窗展示所述点击指令对应的模板图像。The second pop-up window display module is configured to, in response to a click instruction on one template image among the plurality of template images superimposed with all template effects, display the template image corresponding to the click instruction through a pop-up window.
在本公开的一些实施例中,所述效果对比展示模块包括:In some embodiments of the present disclosure, the effect comparison display module includes:
第二展示位置确定单元,被配置为获取线条控件的预设展示位置,并将所述预设展示位置确定为所述线条控件在所述模板图像上的展示位置;a second display position determining unit, configured to acquire a preset display position of the line control, and determine the preset display position as the display position of the line control on the template image;
效果对比展示单元,被配置为在所述弹窗中,基于所述展示位置,在所述模板图像上展示所述线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。The effect comparison display unit is configured to display the line control on the template image in the pop-up window based on the display position, and respectively display the part with the template effect superimposed on both sides of the line control Template images and partial template images with original effects.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
第一模板效果叠加模块,被配置为从已有图像中获取选定图像,并将所述模板效果叠 加在所述选定图像上。The first template effect superimposing module is configured to obtain a selected image from an existing image and superimpose the template effect on the selected image.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
模板图像获取模块,被配置为在接收到同款制作指令时,显示拍摄预览界面,并通过摄像头获取目标图像;The template image acquisition module is configured to display the shooting preview interface and acquire the target image through the camera when receiving the same production instruction;
第二模板效果叠加模块,被配置为将所述模板效果叠加在所述目标图像上。The second template effect superimposing module is configured to superimpose the template effect on the target image.
在本公开的一些实施例中,所述效果对比展示模块包括:In some embodiments of the present disclosure, the effect comparison display module includes:
第二线条控件展示单元,被配置为在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的高;或者,在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的宽。The second line control display unit is configured to display the line control on the template image, so that the line control is parallel to the height of the template image; or, display the line control on the template image, so that the line The controls are parallel to the width of the template image.
在本公开的一些实施例中,所述效果拖动模块具体被配置为:In some embodiments of the present disclosure, the effect dragging module is specifically configured to:
基于所述拖动指令指示向模板效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并减小所述模板效果在所述模板图像上的所占比例,增大所述原图效果在所述模板图像上的所占比例;Based on the drag instruction instructing to move to one side of the template effect, in response to the drag instruction for the line control, follow the drag instruction to move the line control, and reduce the template effect on the template The proportion on the image, increasing the proportion of the original image effect on the template image;
基于所述拖动指令指示向原图效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并增大所述模板效果在所述模板图像上的所占比例,减小所述原图效果在所述模板图像上的所占比例。Based on the instruction of the dragging instruction to move to the side of the original image effect, in response to the dragging instruction to the line control, move the line control following the dragging instruction, and increase the template effect on the template The proportion on the image, to reduce the proportion of the original image effect on the template image.
根据本公开实施例的第三方面,提供一种电子设备,包括:According to a third aspect of the embodiments of the present disclosure, there is provided an electronic device, comprising:
处理器;processor;
用于存储所述处理器可执行指令的存储器;a memory for storing the processor-executable instructions;
其中,所述处理器被配置为执行所述指令,以实现如第一方面所述的图像效果的预览方法。Wherein, the processor is configured to execute the instructions to implement the image effect preview method according to the first aspect.
根据本公开实施例的第四方面,提供一种计算机可读存储介质,当所述计算机存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如第一方面所述的图像效果的预览方法。According to a fourth aspect of the embodiments of the present disclosure, there is provided a computer-readable storage medium, which, when instructions in the computer storage medium are executed by a processor of an electronic device, enables the electronic device to execute the image according to the first aspect The preview method of the effect.
根据本公开实施例的第五方面,提供一种计算机程序产品,包括计算机程序或计算机指令,所述计算机程序或计算机指令被处理器执行时实现如第一方面所述的图像效果的预览方法。According to a fifth aspect of the embodiments of the present disclosure, a computer program product is provided, including a computer program or computer instructions, which implements the image effect preview method according to the first aspect when the computer program or computer instructions are executed by a processor.
本公开实施例通过在模板图像上展示线条控件,并在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,响应于对线条控件的拖动指令,移动所述线条控件并改变所述模板效果在模板图像上所占比例,由于通过在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,改进了显示效果,而且用户可以拖动线条控件从而带动模板效果进行移动,便于用户观察模板效果和原图效果的不同,提高了交互性。In the embodiment of the present disclosure, by displaying the line control on the template image, and displaying part of the template image superimposed with the template effect and the part of the template image with the original image effect on both sides of the line control, in response to the drag instruction for the line control, By moving the line control and changing the proportion of the template effect on the template image, the display is improved by displaying part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control. In addition, the user can drag the line control to drive the template effect to move, which is convenient for the user to observe the difference between the template effect and the original image effect, and improves the interactivity.
附图说明Description of drawings
图1是根据本公开示例性实施例示出的一种图像效果的预览方法的流程图;FIG. 1 is a flowchart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure;
图2是本公开实施例中的线条控件平行于模板图像的高的示意图;2 is a schematic diagram of the height of a line control parallel to a template image in an embodiment of the present disclosure;
图3是本公开实施例中的线条控件平行于模板图像的宽的示意图;3 is a schematic diagram of the width of a line control parallel to a template image in an embodiment of the present disclosure;
图4是根据本公开示例性实施例示出的一种图像效果的预览方法的流程图;4 is a flowchart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure;
图5是本公开实施例中的模板效果的展示界面的示意图;5 is a schematic diagram of a display interface of a template effect in an embodiment of the present disclosure;
图6是本公开实施例中的弹窗展示模板图像的示意图;6 is a schematic diagram of a pop-up window displaying a template image in an embodiment of the present disclosure;
图7是根据本公开示例性实施例示出的一种图像效果的预览方法的流程图;FIG. 7 is a flowchart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure;
图8是根据本公开示例性实施例示出的一种图像效果的预览装置的框图;8 is a block diagram of an apparatus for previewing an image effect according to an exemplary embodiment of the present disclosure;
图9是根据本公开示例性实施例示出的一种电子设备的框图。FIG. 9 is a block diagram of an electronic device according to an exemplary embodiment of the present disclosure.
具体实施方式Detailed ways
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。In order to make those skilled in the art 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 with reference to the accompanying drawings.
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。It should be noted that the terms "first", "second" and the like in the description and claims of the present disclosure and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific sequence or sequence. It is to be understood that the data so used may be interchanged under appropriate circumstances such that the embodiments of the disclosure described herein can be practiced in sequences other than those illustrated or described herein. The implementations described in the illustrative examples below are not intended to represent all implementations consistent with this disclosure. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present disclosure as recited in the appended claims.
图1是根据本公开示例性实施例示出的一种图像效果的预览方法的流程图,如图1所示,该图像效果的预览方法用于手机、平板电脑或计算机等电子设备中,包括以下步骤。FIG. 1 is a flow chart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure. As shown in FIG. 1 , the method for previewing an image effect is used in electronic devices such as mobile phones, tablet computers, or computers, including the following step.
在步骤S11中,在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In step S11, a line control is displayed on the template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are respectively displayed on both sides of the line control.
其中,模板效果是预设的一些图像效果,例如可以是海报风格的效果、拼接风格的效果或者是一些贴纸等等。原图效果即原始图像的效果。The template effect is some preset image effects, such as a poster-style effect, a splicing-style effect, or some stickers, and so on. The original image effect is the effect of the original image.
在对图像效果进行预览时,一般是将图像效果显示在模板图像上,从而使得用户可以了解到在模板图像上添加不同的模板效果时所呈现的画面。针对一个模板图像,在模板图像上展示线条控件,线条控件是一个线条的形式且从模板图像的一侧连接到对侧并覆盖在模板图像上,可以供用户操作,在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,即整个模板图像被线条控件分为两部分,一部分叠加了模板效果,一部分未叠加模板效果,即具有原图效果。其中,模板效果在模板图像上的 展示方式可以是通过蒙层进行展示,即在线条控件待展示模板效果的一侧展示一个蒙层并在蒙层上展示模板效果。When previewing the image effect, the image effect is generally displayed on the template image, so that the user can know the picture presented when different template effects are added to the template image. For a template image, display a line control on the template image. The line control is in the form of a line and is connected from one side of the template image to the opposite side and overlaid on the template image. It can be operated by the user. Display part of the template image superimposed with the template effect and part of the template image with the original image effect, that is, the entire template image is divided into two parts by the line control, one part is superimposed with the template effect, and the other part is not superimposed with the template effect, that is, it has the original image effect. Wherein, the display mode of the template effect on the template image may be displayed through a mask layer, that is, a mask layer is displayed on the side of the line control where the template effect is to be displayed, and the template effect is displayed on the mask layer.
在本公开的一些示例性实施例中,在模板图像上展示线条控件,包括:In some exemplary embodiments of the present disclosure, displaying line controls on a template image includes:
在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的高;或者displaying the line control on a template image such that the line control is parallel to the height of the template image; or
在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的宽。The line control is displayed on the template image such that the line control is parallel to the width of the template image.
在本公开的一些示例性实施例中,线条控件的展示形式是平行于模板图像的高或者平行于模型图像的宽,一般为了便于比较,可以使得线条控件平行于模型图像的高。图2是本公开实施例中的线条控件平行于模板图像的高的示意图,如图2所示,在线条控件1的左右两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,在线条控件1的左侧展示叠加有模板效果的部分模板图像,在线条控件1的右侧展示具有原图效果的部分模板图像,或者在线条控件1的右侧侧展示叠加有模板效果的部分模板图像,在线条控件1的左侧展示具有原图效果的部分模板图像,用户可以操作线条控件,从而带动模板效果向相应方向移动。图3是本公开实施例中的线条控件平行于模板图像的宽的示意图,如图3所示,在线条控件1的上下两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,在线条控件1的上侧展示叠加有模板效果的部分模板图像,在线条控件1的下侧展示具有原图效果的部分模板图像,或者在线条控件1的下侧展示叠加有模板效果的部分模板图像,在线条控件1的上侧展示具有原图效果的部分模板图像,用户可以操作线条控件,从而带动模板效果向相应方向移动。In some exemplary embodiments of the present disclosure, the display form of the line control is parallel to the height of the template image or parallel to the width of the model image. Generally, for the convenience of comparison, the line control can be made parallel to the height of the model image. FIG. 2 is a schematic diagram of the height of the line control parallel to the template image in the embodiment of the present disclosure. As shown in FIG. 2 , the left and right sides of the line control 1 respectively display part of the template image superimposed with the template effect and the template image with the original image effect. Part of the template image, display part of the template image with the template effect superimposed on the left side of the line control 1, display part of the template image with the original image effect on the right side of the line control 1, or display on the right side of the line control 1. Part of the template image of the template effect is displayed on the left side of the line control 1 with the original image effect. The user can operate the line control to drive the template effect to move in the corresponding direction. FIG. 3 is a schematic diagram of the width of the line control parallel to the template image in the embodiment of the present disclosure. As shown in FIG. 3 , the upper and lower sides of the line control 1 respectively display part of the template image superimposed with the template effect and the template image with the original image effect. Part of the template image, display part of the template image with the template effect superimposed on the upper side of the line control 1, display part of the template image with the original image effect on the lower side of the line control 1, or display the template superimposed on the lower side of the line control 1. For the partial template image of the effect, the partial template image with the original image effect is displayed on the upper side of the line control 1, and the user can operate the line control to drive the template effect to move in the corresponding direction.
在步骤S12中,响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。In step S12, in response to the dragging instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
在接收到用户对线条控件的拖动指令时,向拖动指令指示的拖动方向移动线条控件,线条控件的移动带动模板效果的移动,即带动展示模板效果的蒙层的移动,从而改变模板效果在模板图像上的所占比例,使得叠加有模板效果的部分模板图像增大或者减小,具有原图效果的部分模板图像随之减小或增大。例如,以图2中线条控件平行于模板图像的高为例,在线条控件的左侧展示叠加有模板效果的部分模板图像,在线条控件的右侧展示具有原图效果的部分模板图像,在拖动指令指示从左向右拖动时,在线条控件左侧的叠加有模板效果的部分模板图像增大,而在线条控件右侧的具有原图效果的部分模板图像减小。When receiving the user's drag instruction for the line control, move the line control in the drag direction indicated by the drag instruction, and the movement of the line control drives the movement of the template effect, that is, drives the movement of the mask showing the template effect, thereby changing the template The proportion of the effect on the template image, so that the part of the template image superimposed with the template effect increases or decreases, and the part of the template image with the original image effect decreases or increases accordingly. For example, taking the height of the line control parallel to the template image in Fig. 2 as an example, the left side of the line control displays part of the template image superimposed with the template effect, the right side of the line control displays part of the template image with the original image effect, and the The drag command indicates that when dragging from left to right, the part of the template image with the superimposed template effect on the left side of the line control increases, while the part of the template image with the original image effect on the right side of the line control decreases.
在本公开的一些示例性实施例中,所述响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例,包括:In some exemplary embodiments of the present disclosure, the moving the line control and changing the proportion of the template effect on the template image in response to a drag instruction for the line control includes:
基于所述拖动指令指示向模板效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并减小所述模板效果在所述模板图像上的所占比例,增大所述原图效果在所述模板图像上的所占比例;Based on the drag instruction instructing to move to one side of the template effect, in response to the drag instruction for the line control, follow the drag instruction to move the line control, and reduce the template effect on the template The proportion on the image, increasing the proportion of the original image effect on the template image;
基于所述拖动指令指示向原图效果的一侧移动,响应于对所述线条控件的拖动指令, 跟随所述拖动指令移动所述线条控件,并增大所述模板效果在所述模板图像上的所占比例,减小所述原图效果在所述模板图像上的所占比例。Move to the side of the original image effect based on the drag instruction instruction, and in response to the drag instruction for the line control, move the line control following the drag instruction, and increase the template effect on the template The proportion on the image, to reduce the proportion of the original image effect on the template image.
基于拖动指令指示向模板效果的一侧移动,响应于对线条控件的拖动指令,跟随拖动指令移动线条控件,基于线条控件的移动带动具有模板效果的蒙层向模板效果的一侧进行移动,从而减小模板效果在模板图像上的所占比例,增大原图效果在模板图像上的所占比例。基于拖动指令指示向原图效果的一侧移动,响应于对线条控件的拖动指令,跟随拖动指令移动线条控件,基于线条控件的移动带动具有模板效果的蒙层向原图效果的一侧进行移动,从而增大模板效果在模板图像上的所占比例,减小原图效果在模板图像上的所占比例。通过基于用户的拖动指令,改变模板效果和原图效果在模板图像上的所占比例,便于用户观察模板效果和原图效果的不同,提高了交互性。Move to the side of the template effect based on the drag instruction instruction, in response to the drag instruction to the line control, follow the drag instruction to move the line control, and drive the mask with the template effect to the side of the template effect based on the movement of the line control. Move to reduce the proportion of the template effect on the template image, and increase the proportion of the original image effect on the template image. Move to the side of the original image effect based on the drag instruction instruction, in response to the drag instruction to the line control, follow the drag instruction to move the line control, and drive the mask with the template effect to the side of the original image effect based on the movement of the line control Move to increase the proportion of the template effect on the template image, and reduce the proportion of the original image effect on the template image. By changing the proportion of the template effect and the original image effect in the template image based on the user's drag instruction, it is convenient for the user to observe the difference between the template effect and the original image effect, and the interactivity is improved.
本公开示例性实施例提供的图像效果的预览方法,通过在模板图像上展示线条控件,并在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,响应于对线条控件的拖动指令,移动所述线条控件并移动所述模板效果,由于通过在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,改进了显示效果,而且用户可以拖动线条控件从而带动模板效果进行移动,便于用户观察模板效果和原图效果的不同,提高了交互性。The method for previewing an image effect provided by an exemplary embodiment of the present disclosure, by displaying a line control on a template image, and displaying a partial template image superimposed with the template effect and a partial template image with the original image effect on both sides of the line control, respectively, In response to the dragging instruction to the line control, the line control is moved and the template effect is moved, since the partial template image superimposed with the template effect and the partial template image with the original image effect are displayed on both sides of the line control respectively, The display effect is improved, and the user can drag the line control to drive the template effect to move, which is convenient for users to observe the difference between the template effect and the original image effect, and improves the interactivity.
在本公开的一些示例性实施例中,所述方法还包括:响应于接收到同款制作指令,从已有图像中获取选定图像,并将所述模板效果叠加在所述选定图像上。In some exemplary embodiments of the present disclosure, the method further includes: in response to receiving the same-style production instruction, acquiring a selected image from existing images, and superimposing the template effect on the selected image .
可以在模板图像的下方展示同款制作按钮,响应于检测到用户操作同款制作按钮,确定接收到同款制作指令,这时可以从图像存储空间获取至少一个已有图像,并展示获取到的至少一个已有图像,用户可以基于展示的至少一个已有图像,选定其中的一个已有图像,从而电子设备获取到至少一个已有图像中的选定图像,将模板图像上的模板效果叠加在选定图像上,得到带有模板效果的选定图像。通过展示的模板图像和模板效果,用户可以方便的选择已有图像并制作具有相同效果的图像,简化用户制作相同效果图像的操作步骤。The same-style production button can be displayed below the template image. In response to detecting that the user operates the same-style production button, it is determined that the same-style production instruction has been received. At this time, at least one existing image can be obtained from the image storage space, and the obtained image can be displayed. At least one existing image, the user can select one of the existing images based on the displayed at least one existing image, so that the electronic device obtains the selected image in the at least one existing image, and superimposes the template effect on the template image. On selected images, get selected images with a stencil effect. Through the displayed template images and template effects, the user can conveniently select an existing image and create an image with the same effect, which simplifies the operation steps for the user to create an image with the same effect.
在本公开的一些示例性实施例中,所述方法还包括:响应于接收到同款制作指令,显示拍摄预览界面,并通过摄像头获取目标图像;将所述模板效果叠加在所述目标图像上。In some exemplary embodiments of the present disclosure, the method further includes: in response to receiving the same-style production instruction, displaying a shooting preview interface, and acquiring a target image through a camera; superimposing the template effect on the target image .
可以在模板图像的下方展示同款制作按钮,响应于检测到用户操作同款制作按钮,确定接收到同款制作指令,这时显示拍摄预览界面以及拍摄按钮,用户可以将摄像头对准目标场景并操作拍摄按钮,响应于检测到用户对拍摄按钮的操作,通过摄像头获取目标场景的目标图像,将模板图像上的模板效果叠加在目标图像上,得到带有模板效果的目标图像。通过展示的模板图像和模板效果,用户可以方便的拍摄目标图像并制作具有相同效果的图像,简化用户制作相同效果图像的操作步骤。The same type of production button can be displayed below the template image. In response to detecting that the user operates the same type of production button, it is determined that the same type of production instruction has been received. At this time, the shooting preview interface and the shooting button are displayed, and the user can point the camera at the target scene. The shooting button is operated, and in response to detecting the operation of the shooting button by the user, the target image of the target scene is obtained through the camera, and the template effect on the template image is superimposed on the target image to obtain the target image with the template effect. Through the displayed template image and template effect, the user can conveniently shoot the target image and make an image with the same effect, which simplifies the operation steps for the user to make an image with the same effect.
图4是根据本公开示例性实施例示出的一种图像效果的预览方法的流程图,如图4所 示,该图像效果的预览方法用于手机、平板电脑或计算机等电子设备中,包括以下步骤。Fig. 4 is a flowchart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure. As shown in Fig. 4 , the method for previewing an image effect is used in electronic devices such as mobile phones, tablet computers, or computers, including the following step.
在步骤S41中,在模板图像集合的展示界面,展示多个模板图像。In step S41, a plurality of template images are displayed on the display interface of the template image set.
在模板图像集合的展示界面,展示多个模板图像,对于多个模板图像可以分别叠加展示不同的模板效果和对应的线条控件。On the display interface of the template image collection, multiple template images are displayed, and different template effects and corresponding line controls can be displayed in a superimposed manner for the multiple template images.
在步骤S42中,在每个模板图像上分别展示线条控件,并在模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In step S42, a line control is displayed on each template image, and a partial template image superimposed with a template effect and a partial template image with the original image effect are respectively displayed on both sides of the line control of the template image.
在模板图像集合的展示界面中,在每个模板图像上分别展示线条控件,对于每个模板图像,在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。每个模板图像叠加的模板效果可以不同,便于用户选择适合的模板效果。图5是本公开实施例中的模板效果的展示界面的示意图,如图5所示,在模板效果的展示界面展示多个模板图像,并在每个模板图像上分别展示线条控件1,在每个模板图像的线条控件1的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,每个模板图像上的线条控件均可以供用户操作。In the display interface of the template image collection, the line control is displayed on each template image, and for each template image, part of the template image superimposed with the template effect and part of the template with the original image effect are displayed on both sides of the line control. image. The superimposed template effect of each template image can be different, which is convenient for the user to select a suitable template effect. FIG. 5 is a schematic diagram of a display interface of a template effect in an embodiment of the present disclosure. As shown in FIG. 5 , a plurality of template images are displayed on the display interface of the template effect, and a line control 1 is displayed on each template image. The two sides of the line control 1 of each template image respectively display part of the template image superimposed with the template effect and part of the template image with the original image effect, and the line control on each template image can be operated by the user.
在本公开的一些示例性实施例中,在每个模板图像上分别展示线条控件,包括:获取线条控件的预设展示位置,并将所述预设展示位置确定为每个模板图像上线条控件的展示位置;基于所述展示位置在每个模板图像上分别展示所述线条控件。In some exemplary embodiments of the present disclosure, displaying line controls on each template image respectively includes: acquiring a preset display position of the line control, and determining the preset display position as the line control on each template image display position; display the line control separately on each template image based on the display position.
在模板图像集合的展示界面,在每个模板图像上分别展示线条控件时,首先确定每个模板图像上线条控件的展示位置,线条控件的展示位置可以是预设展示位置,从而将预设展示位置确定为每个模板图像上线条控件的展示位置,在每个模板图像的相应展示位置分别展示线条控件。In the display interface of the template image collection, when displaying line controls on each template image, first determine the display position of the line controls on each template image. The display position of the line controls can be a preset display position, so that the preset display The position is determined as the display position of the line control on each template image, and the line control is displayed at the corresponding display position of each template image.
其中,所述预设展示位置可以是模板图像的中间位置,也可以是其他位置,例如线条控件平行于模板图像的高时,预设展示位置可以是从左侧开始的3/10位置,或者从左侧开始的3/5位置等等。Wherein, the preset display position may be the middle position of the template image, or may be other positions, for example, when the line control is parallel to the height of the template image, the preset display position may be 3/10 position from the left, or 3/5 position from the left and so on.
在步骤S43中,响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。In step S43, in response to the dragging instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
在模板图像集合的展示界面中,每个模板图像上的线条控件均可以接收用户的拖动指令,响应于接收到用户对其中一个模板图像上的线条控件的拖动指令,基于拖动指令指示的拖动方向移动该线条控件,并带动叠加在该模板图像上的模板效果进行移动,从而改变模板效果在模板图像上的所占比例,使得叠加有模板效果的区域增大或者减小,具有原图效果的区域随之减小或增大。In the display interface of the template image set, the line control on each template image can receive the user's dragging instruction, and in response to receiving the user's dragging instruction on the line control on one of the template images, the line control on one of the template images can be indicated based on the dragging instruction. Move the line control in the direction of dragging, and drive the template effect superimposed on the template image to move, thereby changing the proportion of the template effect on the template image, making the area superimposed with the template effect increase or decrease, with The area of the original image effect decreases or increases accordingly.
本公开示例性实施例提供的图像效果的预览方法,通过在模板图像集合的展示界面展示多个模板图像,在每个模板图像上分别展示线条控件,并在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,响应于对其中一个模板图 像上的线条控件的拖动指令,移动线条控件并改变模板效果在模板图像上所占比例,便于用户观察每个模板图像上的模板效果和原图效果的不同,提高了交互性。In the image effect preview method provided by the exemplary embodiment of the present disclosure, multiple template images are displayed on the display interface of the template image set, line controls are displayed on each template image, and two sides of the line controls are displayed with superimposed Part of the template image of the template effect and the part of the template image with the original image effect, in response to the drag command of the line control on one of the template images, move the line control and change the proportion of the template effect on the template image, which is convenient for users to observe The stencil effect on each stencil image is different from the original image effect, improving interactivity.
在上述技术方案的基础上,所述方法还包括:响应于对所述多个模板图像中指定模板图像的点击指令,通过弹窗展示所述指定模板图像;在所述弹窗中,在指定模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。Based on the above technical solution, the method further includes: in response to a click instruction on a designated template image in the plurality of template images, displaying the designated template image through a pop-up window; in the pop-up window, in the designated template image The two sides of the line control of the template image display part of the template image superimposed with the template effect and part of the template image with the effect of the original image.
在图5所示的模板图像集合的展示界面中可以展示多个具有不同模板效果的模板图像,响应于检测到用户对其中一个模板图像的点击操作,确定该模板图像为指定模板图像,从而接收到用户对指定模板图像的点击指令,则通过弹窗展示该指定模板图像,如图6所示,在弹窗中,在指定模板图像的线条控件1的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,通过弹窗展示的指定模板图像相对于模板效果的展示界面中的模板图像要大一些,便于用户更加清楚的观察模板效果和原图效果的不同。In the display interface of the template image set shown in FIG. 5, a plurality of template images with different template effects can be displayed, and in response to detecting the user's click operation on one of the template images, it is determined that the template image is the specified template image, and the received template image is received. To the user's click instruction on the specified template image, the specified template image is displayed through a pop-up window, as shown in Figure 6, in the pop-up window, the parts with the template effect superimposed on both sides of the line control 1 of the specified template image are displayed respectively. For template images and some template images with original image effects, the specified template images displayed through the pop-up window are larger than the template images in the template effect display interface, so that users can more clearly observe the difference between the template effect and the original image effect.
图7是根据本公开示例性实施例示出的一种图像效果的预览方法的流程图,如图7所示,该图像效果的预览方法用于手机、平板电脑或计算机等电子设备中,包括以下步骤。FIG. 7 is a flow chart of a method for previewing an image effect according to an exemplary embodiment of the present disclosure. As shown in FIG. 7 , the method for previewing an image effect is used in electronic devices such as mobile phones, tablet computers, or computers, including the following step.
在步骤S71中,在模板图像集合的展示界面,展示多个叠加全部模板效果的模板图像。In step S71, a plurality of template images superimposed with all template effects are displayed on the display interface of the template image set.
在模板图像集合的展示界面,展示多个已叠加全部模板效果的模板图像,用户通过显示的模板图像集合的展示界面,可以预览具有不同模板效果的模板图像。On the display interface of the template image set, a plurality of template images with all template effects superimposed are displayed, and the user can preview the template images with different template effects through the display interface of the displayed template image set.
在步骤S72中,响应于对所述多个叠加全部模板效果的模板图像中一个模板图像的点击指令,通过弹窗展示所述点击指令对应的模板图像。In step S72, in response to a click instruction on one template image among the plurality of template images superimposed with all template effects, the template image corresponding to the click instruction is displayed through a pop-up window.
在模板图像集合的展示界面,展示的多个叠加全部模板效果的模板图像中不存在线条控件。每个叠加全部模板效果的模板图像均可以供用户点击,响应于检测到用户对多个叠加全部模板效果的模板图像中一个模板图像的点击指令,通过弹窗展示点击指令对应的模板图像。In the display interface of the template image collection, there is no line control in the multiple template images displayed with all the template effects superimposed. Each template image superimposed with all template effects can be clicked by the user, and in response to detecting the user's click instruction on one template image among the multiple template images superimposed with all template effects, the template image corresponding to the click instruction is displayed through a pop-up window.
在步骤S73中,在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In step S73, a line control is displayed on the template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control respectively.
在模板图像集合的展示界面,展示的多个叠加全部模板效果的模板图像中不存在线条控件,而在基于用户的点击指令展示的弹窗中,在展示的模板图像上展示线条控件,并在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,而且该线条控件可以接收用户的拖动指令并进行相应的移动。In the display interface of the template image collection, there is no line control in the displayed template images with all the template effects superimposed, but in the pop-up window displayed based on the user's click instruction, the line control is displayed on the displayed template image, and online The two sides of the bar control respectively display part of the template image superimposed with the template effect and part of the template image with the original image effect, and the line control can receive the user's drag instruction and move accordingly.
在本公开的一些示例性实施例中,所述在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,包括:获取线条控件的预设展示位置,并将所述预设展示位置确定为所述线条控件在所述模板图像上的展示位置;在所述弹窗中,基于所述展示位置,在所述模板图像上展示所述线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效 果的部分模板图像。In some exemplary embodiments of the present disclosure, the line control is displayed on the template image, and the partial template image superimposed with the template effect and the partial template image with the original image effect are respectively displayed on both sides of the line control, The method includes: obtaining a preset display position of the line control, and determining the preset display position as the display position of the line control on the template image; in the pop-up window, based on the display position, in the The line control is displayed on the template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are respectively displayed on both sides of the line control.
在弹窗展示的模板图像上展示线条控件时,首先确定该模板图像上线条控件的展示位置,线条控件的展示位置可以是预设展示位置,从而将预设展示位置确定为该模板图像上线条控件的展示位置,在弹窗中该模板图像的相应展示位置展示线条控件,并在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。When displaying the line control on the template image displayed in the pop-up window, first determine the display position of the line control on the template image. The display position of the line control can be a preset display position, so that the preset display position is determined as the line on the template image. Display position of the control, display the line control in the corresponding display position of the template image in the pop-up window, and display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control.
在步骤S74中,响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。In step S74, in response to the dragging instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
本公开示例性实施例提供的图像效果的预览方法,通过在模板图像集合的展示界面,展示多个叠加全部模板效果的模板图像,响应于对多个叠加全部模板效果的模板图像中一个模板图像的点击指令通过弹窗展示点击指令对应的模板图像,并在弹窗展示的模板图像上展示线条控件,在线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,响应于对线条控件的拖动指令,移动线条控件并移动模板效果,从而对于叠加全部模板效果的模板图像用户想了解模板效果和原图效果的不同时,可以点击该模板图像,在弹窗中展示该模板图像并在线条控件两侧分别展示模板效果和原图效果,便于用户清楚的观察一个模板图像上的模板效果与原图效果的不同,提高了交互性。In the image effect preview method provided by the exemplary embodiment of the present disclosure, by displaying a plurality of template images with all template effects superimposed on a display interface of a template image set, in response to a template image among the plurality of template images superimposed with all template effects The click command of the click command displays the template image corresponding to the click command through the pop-up window, and displays the line control on the template image displayed in the pop-up window, and displays part of the template image superimposed with the template effect and the part with the original image effect on both sides of the line control. Template image, in response to the drag command of the line control, move the line control and move the template effect, so that for the template image with all the template effects superimposed, when the user wants to know the difference between the template effect and the original image effect, you can click the template image, in The template image is displayed in the pop-up window, and the template effect and the original image effect are displayed on both sides of the line control, so that the user can clearly observe the difference between the template effect on a template image and the original image effect, which improves the interactivity.
图8是根据本公开示例性实施例示出的一种图像效果的预览装置的框图。参照图8,该装置包括效果对比展示模块81和效果拖动模块82。Fig. 8 is a block diagram of an apparatus for previewing an image effect according to an exemplary embodiment of the present disclosure. Referring to FIG. 8 , the apparatus includes an effect comparison display module 81 and an effect dragging module 82 .
该效果对比展示模块81被配置为在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像;The effect comparison display module 81 is configured to display a line control on the template image, and respectively display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control;
该效果拖动模块82被配置为响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。The effect dragging module 82 is configured to move the line control and change the proportion of the template effect on the template image in response to the drag instruction for the line control.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
第一图像集合展示模块,被配置为在模板图像集合的展示界面,展示多个模板图像;The first image collection display module is configured to display a plurality of template images on the display interface of the template image collection;
所述效果对比展示模块具体被配置为执行:The effect comparison display module is specifically configured to execute:
在每个模板图像上分别展示线条控件,并在模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。A line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
在本公开的一些实施例中,所述效果对比展示模块包括:In some embodiments of the present disclosure, the effect comparison display module includes:
第一展示位置确定单元,被配置为获取线条控件的预设展示位置,并将所述预设展示位置确定为每个模板图像上线条控件的展示位置;a first display position determination unit, configured to obtain a preset display position of the line control, and determine the preset display position as the display position of the line control on each template image;
第一线条控件展示单元,被配置为基于所述展示位置在每个模板图像上分别展示所述线条控件。The first line control display unit is configured to separately display the line control on each template image based on the display position.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
第一弹窗展示模块,被配置为响应于对所述多个模板图像中指定模板图像的点击指 令,通过弹窗展示所述指定模板图像;The first pop-up window display module is configured to display the specified template image through a pop-up window in response to a click instruction to the specified template image in the plurality of template images;
弹窗效果对比展示模块,被配置为在所述弹窗中,在指定模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。The pop-up window effect comparison display module is configured to display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control specifying the template image in the pop-up window.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
第二图像集合展示模块,被配置为在模板图像集合的展示界面,展示多个叠加全部模板效果的模板图像;The second image set display module is configured to display a plurality of template images superimposed with all template effects on the display interface of the template image set;
第二弹窗展示模块,被配置为响应于对所述多个叠加全部模板效果的模板图像中一个模板图像的点击指令,通过弹窗展示所述点击指令对应的模板图像。The second pop-up window display module is configured to, in response to a click instruction on one template image among the plurality of template images superimposed with all template effects, display the template image corresponding to the click instruction through a pop-up window.
在本公开的一些实施例中,所述效果对比展示模块包括:In some embodiments of the present disclosure, the effect comparison display module includes:
第二展示位置确定单元,被配置为获取线条控件的预设展示位置,并将所述预设展示位置确定为所述线条控件在所述模板图像上的展示位置;a second display position determining unit, configured to acquire a preset display position of the line control, and determine the preset display position as the display position of the line control on the template image;
效果对比展示单元,被配置为在所述弹窗中,基于所述展示位置,在所述模板图像上展示所述线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。The effect comparison display unit is configured to display the line control on the template image in the pop-up window based on the display position, and display the part with the template effect superimposed on both sides of the line control respectively Template images and partial template images with original effects.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
第一模板效果叠加模块,被配置为从已有图像中获取选定图像,并将所述模板效果叠加在所述选定图像上。The first template effect superimposing module is configured to obtain a selected image from an existing image, and superimpose the template effect on the selected image.
在本公开的一些实施例中,所述装置还包括:In some embodiments of the present disclosure, the apparatus further includes:
模板图像获取模块,被配置为响应于接收到同款制作指令,显示拍摄预览界面,并通过摄像头获取目标图像;The template image acquisition module is configured to display the shooting preview interface in response to receiving the same production instruction, and acquire the target image through the camera;
第二模板效果叠加模块,被配置为将所述模板效果叠加在所述目标图像上。The second template effect superimposing module is configured to superimpose the template effect on the target image.
在本公开的一些实施例中,所述效果对比展示模块包括:In some embodiments of the present disclosure, the effect comparison display module includes:
第二线条控件展示单元,被配置为在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的高;或者,在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的宽。The second line control display unit is configured to display the line control on the template image, so that the line control is parallel to the height of the template image; or, display the line control on the template image, so that the line The controls are parallel to the width of the template image.
在本公开的一些实施例中,所述效果拖动模块具体被配置为执行:In some embodiments of the present disclosure, the effect dragging module is specifically configured to execute:
基于所述拖动指令指示向模板效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并减小所述模板效果在所述模板图像上的所占比例,增大所述原图效果在所述模板图像上的所占比例;Based on the drag instruction instructing to move to one side of the template effect, in response to the drag instruction for the line control, follow the drag instruction to move the line control, and reduce the template effect on the template The proportion on the image, increasing the proportion of the original image effect on the template image;
基于所述拖动指令指示向原图效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并增大所述模板效果在所述模板图像上的所占比例,减小所述原图效果在所述模板图像上的所占比例。Based on the instruction of the dragging instruction to move to the side of the original image effect, in response to the dragging instruction to the line control, move the line control following the dragging instruction, and increase the template effect on the template The proportion on the image, to reduce the proportion of the original image effect on the template image.
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实 施例中进行了详细描述,此处将不做详细阐述说明。Regarding the apparatus in the above embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment of the method, and will not be described in detail here.
图9是根据本公开示例性实施例示出的一种电子设备的框图。例如,电子设备900可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。FIG. 9 is a block diagram of an electronic device according to an exemplary embodiment of the present disclosure. For example, electronic device 900 may be a mobile phone, computer, digital broadcast terminal, messaging device, game console, tablet device, medical device, fitness device, personal digital assistant, and the like.
参照图9,电子设备900可以包括以下一个或多个组件:处理组件902,存储器904,电源组件906,多媒体组件908,音频组件910,输入/输出(I/O)的接口912,传感器组件914,以及通信组件916。9, an electronic device 900 may include one or more of the following components: a processing component 902, a memory 904, a power supply component 906, a multimedia component 908, an audio component 910, an input/output (I/O) interface 912, a sensor component 914 , and the communication component 916 .
处理组件902通常控制电子设备900的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件902可以包括一个或多个处理器920来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件902可以包括一个或多个模块,便于处理组件902和其他组件之间的交互。例如,处理组件902可以包括多媒体模块,以方便多媒体组件908和处理组件902之间的交互。The processing component 902 generally controls the overall operation of the electronic device 900, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 902 may include one or more processors 920 to execute instructions to perform all or some of the steps of the methods described above. Additionally, processing component 902 may include one or more modules to facilitate interaction between processing component 902 and other components. For example, processing component 902 may include a multimedia module to facilitate interaction between multimedia component 908 and processing component 902.
存储器904被配置为存储各种类型的数据以支持在电子设备900的操作。这些数据的示例包括用于在电子设备900上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器904可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。 Memory 904 is configured to store various types of data to support operation at electronic device 900 . Examples of such data include instructions for any application or method operating on electronic device 900, contact data, phonebook data, messages, pictures, videos, and the like. Memory 904 may be implemented by any type of volatile or non-volatile storage device or combination thereof, such as static random access memory (SRAM), electrically erasable programmable read only memory (EEPROM), erasable Programmable Read Only Memory (EPROM), Programmable Read Only Memory (PROM), Read Only Memory (ROM), Magnetic Memory, Flash Memory, Magnetic or Optical Disk.
电源组件906为电子设备900的各种组件提供电力。电源组件906可以包括电源管理系统,一个或多个电源,及其他与为电子设备900生成、管理和分配电力相关联的组件。 Power supply assembly 906 provides power to various components of electronic device 900 . Power supply components 906 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to electronic device 900 .
多媒体组件908包括在所述电子设备900和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件908包括一个前置摄像头和/或后置摄像头。当电子设备900处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。 Multimedia component 908 includes a screen that provides an output interface between the electronic device 900 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from a user. The touch panel includes one or more touch sensors to sense touch, swipe, and gestures on the touch panel. The touch sensor may not only sense the boundaries of a touch or swipe action, but also detect the duration and pressure associated with the touch or swipe action. In some embodiments, the multimedia component 908 includes a front-facing camera and/or a rear-facing camera. When the electronic device 900 is in an operation mode, such as a shooting mode or a video mode, the front camera and/or the rear camera may receive external multimedia data. Each of the front and rear cameras can be a fixed optical lens system or have focal length and optical zoom capability.
音频组件910被配置为输出和/或输入音频信号。例如,音频组件910包括一个麦克风(MIC),当电子设备900处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器904或经由通信组件916发送。在一些实施例中,音频组件910还包括一个扬声器,用于输出音 频信号。 Audio component 910 is configured to output and/or input audio signals. For example, audio component 910 includes a microphone (MIC) that is configured to receive external audio signals when electronic device 900 is in operating modes, such as calling mode, recording mode, and voice recognition mode. The received audio signal may be further stored in memory 904 or transmitted via communication component 916 . In some embodiments, audio component 910 also includes a speaker for outputting audio signals.
I/O接口912为处理组件902和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。The I/O interface 912 provides an interface between the processing component 902 and a peripheral interface module, which may be a keyboard, a click wheel, a button, or the like. These buttons may include, but are not limited to: home button, volume buttons, start button, and lock button.
传感器组件914包括一个或多个传感器,用于为电子设备900提供各个方面的状态评估。例如,传感器组件914可以检测到电子设备900的打开/关闭状态,组件的相对定位,例如所述组件为电子设备900的显示器和小键盘,传感器组件914还可以检测电子设备900或电子设备900一个组件的位置改变,用户与电子设备900接触的存在或不存在,电子设备900方位或加速/减速和电子设备900的温度变化。传感器组件914可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件914还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件914还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。 Sensor assembly 914 includes one or more sensors for providing status assessments of various aspects of electronic device 900 . For example, the sensor assembly 914 can detect the open/closed state of the electronic device 900, the relative positioning of the components, such as the display and the keypad of the electronic device 900, the sensor assembly 914 can also detect the electronic device 900 or one of the electronic devices 900 Changes in the position of components, presence or absence of user contact with the electronic device 900 , orientation or acceleration/deceleration of the electronic device 900 and changes in the temperature of the electronic device 900 . Sensor assembly 914 may include a proximity sensor configured to detect the presence of nearby objects in the absence of any physical contact. Sensor assembly 914 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 914 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
通信组件916被配置为便于电子设备900和其他设备之间有线或无线方式的通信。电子设备900可以接入基于通信标准的无线网络,如WiFi,运营商网络(如2G、3G、4G或5G),或它们的组合。在一个示例性实施例中,通信组件916经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件916还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。 Communication component 916 is configured to facilitate wired or wireless communication between electronic device 900 and other devices. Electronic device 900 may access wireless networks based on communication standards, such as WiFi, carrier networks (eg, 2G, 3G, 4G, or 5G), or a combination thereof. In one exemplary embodiment, the communication component 916 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 916 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module may be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.
在示例性实施例中,电子设备900可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述图像效果的预览方法。In an exemplary embodiment, electronic device 900 may be implemented by one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable A programming gate array (FPGA), a controller, a microcontroller, a microprocessor or other electronic components is implemented for performing the above-mentioned preview method of the image effect.
在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器904,上述指令可由电子设备900的处理器920执行以完成上述图像效果的预览方法。可选地,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。In an exemplary embodiment, a computer-readable storage medium including instructions, such as a memory 904 including instructions, is also provided, and the instructions can be executed by the processor 920 of the electronic device 900 to complete the above image effect preview method. Alternatively, the computer-readable storage medium may be ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device, and the like.
在示例性实施例中,还提供一种计算机程序产品,包括计算机程序或计算机指令,所述计算机程序或计算机指令被处理器执行时实现上述图像效果的预览方法。In an exemplary embodiment, a computer program product is also provided, which includes a computer program or computer instructions, and when the computer program or computer instructions are executed by a processor, realizes the above-mentioned preview method for image effects.
本公开的所有实施例均可以单独被执行,也可以与其他实施例相结合被执行,均视为本公开要求的保护范围。All the embodiments of the present disclosure can be implemented independently or in combination with other embodiments, which are all regarded as the protection scope required by the present disclosure.
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可 以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。It should be understood that the present invention is not limited to the precise structures described above and illustrated in the accompanying drawings, and that various modifications and changes may be made without departing from its scope. The scope of the present invention is limited only by the appended claims.

Claims (32)

  1. 一种图像效果的预览方法,包括:A preview method of image effects, including:
    在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像;Display a line control on the template image, and display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control;
    响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。In response to a drag instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
  2. 根据权利要求1所述的方法,还包括:The method of claim 1, further comprising:
    在模板图像集合的展示界面,展示多个模板图像;Display multiple template images on the display interface of the template image collection;
    其中,在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,包括:Wherein, a line control is displayed on the template image, and part of the template image superimposed with the template effect and part of the template image with the original image effect are displayed on both sides of the line control, including:
    在每个模板图像上分别展示线条控件,并在模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。A line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
  3. 根据权利要求2所述的方法,其中,在每个模板图像上分别展示线条控件,包括:The method according to claim 2, wherein displaying line controls on each template image respectively comprises:
    获取线条控件的预设展示位置,并将所述预设展示位置确定为每个模板图像上线条控件的展示位置;Obtain the preset display position of the line control, and determine the preset display position as the display position of the line control on each template image;
    基于所述展示位置在每个模板图像上分别展示所述线条控件。The line controls are individually displayed on each template image based on the display position.
  4. 根据权利要求2所述的方法,其中,所述方法还包括:The method of claim 2, wherein the method further comprises:
    响应于对所述多个模板图像中指定模板图像的点击指令,通过弹窗展示所述指定模板图像;In response to a click instruction on a specified template image in the plurality of template images, displaying the specified template image through a pop-up window;
    在所述弹窗中,在指定模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In the pop-up window, the partial template image superimposed with the template effect and the partial template image with the original image effect are displayed on both sides of the line control specifying the template image.
  5. 根据权利要求1所述的方法,其中,所述方法还包括:The method of claim 1, wherein the method further comprises:
    在模板图像集合的展示界面,展示多个叠加全部模板效果的模板图像;In the display interface of the template image collection, multiple template images superimposed with all template effects are displayed;
    响应于对所述多个叠加全部模板效果的模板图像中一个模板图像的点击指令,通过弹窗展示所述点击指令对应的模板图像。In response to a click instruction on one template image among the plurality of template images superimposed with all template effects, the template image corresponding to the click instruction is displayed through a pop-up window.
  6. 根据权利要求5所述的方法,其中,所述在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,包括:The method according to claim 5, wherein said displaying a line control on the template image, and displaying a part of the template image superimposed with the template effect and the part of the template image with the original image effect on both sides of the line control, respectively, include:
    获取线条控件的预设展示位置,并将所述预设展示位置确定为所述线条控件在所述模板图像上的展示位置;obtaining a preset display position of the line control, and determining the preset display position as the display position of the line control on the template image;
    在所述弹窗中,基于所述展示位置,在所述模板图像上展示所述线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In the pop-up window, based on the display position, the line control is displayed on the template image, and part of the template image superimposed with the template effect and the template image with the original image effect are displayed on both sides of the line control respectively. Partial template image.
  7. 根据权利要求1所述的方法,其中,所述方法还包括:The method of claim 1, wherein the method further comprises:
    响应于接收到同款制作指令,从已有图像中获取选定图像,并将所述模板效果叠加在所述选定图像上。In response to receiving the same-style production instruction, a selected image is obtained from the existing images, and the template effect is superimposed on the selected image.
  8. 根据权利要求1所述的方法,其中,所述方法还包括:The method of claim 1, wherein the method further comprises:
    响应于接收到同款制作指令,显示拍摄预览界面,并通过摄像头获取目标图像;In response to receiving the same production instruction, display the shooting preview interface, and obtain the target image through the camera;
    将所述模板效果叠加在所述目标图像上。The stencil effect is superimposed on the target image.
  9. 根据权利要求1所述的方法,其中,在模板图像上展示线条控件,包括:The method of claim 1, wherein displaying the line control on the template image comprises:
    在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的高;或者displaying the line control on a template image such that the line control is parallel to the height of the template image; or
    在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的宽。The line control is displayed on the template image such that the line control is parallel to the width of the template image.
  10. 根据权利要求1所述的方法,其中,所述响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例,包括:The method according to claim 1, wherein the moving the line control and changing the proportion of the template effect on the template image in response to a drag instruction on the line control comprises:
    基于所述拖动指令指示向模板效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并减小所述模板效果在所述模板图像上的所占比例,增大所述原图效果在所述模板图像上的所占比例;Based on the drag instruction instructing to move to one side of the template effect, in response to the drag instruction for the line control, follow the drag instruction to move the line control, and reduce the template effect on the template The proportion on the image, increasing the proportion of the original image effect on the template image;
    基于所述拖动指令指示向原图效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并增大所述模板效果在所述模板图像上的所占比例,减小所述原图效果在所述模板图像上的所占比例。Based on the instruction of the dragging instruction to move to the side of the original image effect, in response to the dragging instruction to the line control, move the line control following the dragging instruction, and increase the template effect on the template The proportion on the image, to reduce the proportion of the original image effect on the template image.
  11. 一种图像效果的预览装置,包括:An image effect preview device, comprising:
    效果对比展示模块,被配置为在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模 板图像;The effect contrast display module is configured to display line controls on the template image, and respectively display part of the template images superimposed with the template effect and part of the template images with the original image effect on both sides of the line control;
    效果拖动模块,被配置为响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。The effect dragging module is configured to move the line control and change the proportion of the template effect on the template image in response to the dragging instruction for the line control.
  12. 根据权利要求11所述的装置,还包括:The apparatus of claim 11, further comprising:
    第一图像集合展示模块,被配置为在模板图像集合的展示界面,展示多个模板图像;The first image collection display module is configured to display a plurality of template images on the display interface of the template image collection;
    所述效果对比展示模块具体被配置为执行:The effect comparison display module is specifically configured to execute:
    在每个模板图像上分别展示线条控件,并在模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。A line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
  13. 根据权利要求12所述的装置,其中,所述效果对比展示模块包括:The device according to claim 12, wherein the effect comparison display module comprises:
    第一展示位置确定单元,被配置为获取线条控件的预设展示位置,并将所述预设展示位置确定为每个模板图像上线条控件的展示位置;a first display position determination unit, configured to obtain a preset display position of the line control, and determine the preset display position as the display position of the line control on each template image;
    第一线条控件展示单元,被配置为基于所述展示位置在每个模板图像上分别展示所述线条控件。The first line control display unit is configured to separately display the line control on each template image based on the display position.
  14. 根据权利要求12所述的装置,还包括:The apparatus of claim 12, further comprising:
    第一弹窗展示模块,被配置为响应于对所述多个模板图像中指定模板图像的点击指令,通过弹窗展示所述指定模板图像;a first pop-up window display module, configured to display the specified template image through a pop-up window in response to a click instruction on a specified template image in the plurality of template images;
    弹窗效果对比展示模块,被配置为在所述弹窗中,在指定模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。The pop-up window effect comparison display module is configured to display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control specifying the template image in the pop-up window.
  15. 根据权利要求11所述的装置,还包括:The apparatus of claim 11, further comprising:
    第二图像集合展示模块,被配置为在模板图像集合的展示界面,展示多个叠加全部模板效果的模板图像;The second image set display module is configured to display a plurality of template images superimposed with all template effects on the display interface of the template image set;
    第二弹窗展示模块,被配置为响应于对所述多个叠加全部模板效果的模板图像中一个模板图像的点击指令,通过弹窗展示所述点击指令对应的模板图像。The second pop-up window display module is configured to, in response to a click instruction on one template image among the plurality of template images superimposed with all template effects, display the template image corresponding to the click instruction through a pop-up window.
  16. 根据权利要求15所述的装置,其中,所述效果对比展示模块包括:The device according to claim 15, wherein the effect comparison display module comprises:
    第二展示位置确定单元,被配置为获取线条控件的预设展示位置,并将所述预设展示位置确定为所述线条控件在所述模板图像上的展示位置;a second display position determining unit, configured to acquire a preset display position of the line control, and determine the preset display position as the display position of the line control on the template image;
    效果对比展示单元,被配置为在所述弹窗中,基于所述展示位置,在所述 模板图像上展示所述线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。The effect comparison display unit is configured to display the line control on the template image in the pop-up window based on the display position, and display the part with the template effect superimposed on both sides of the line control respectively Template images and partial template images with original effects.
  17. 根据权利要求11所述的装置,还包括:The apparatus of claim 11, further comprising:
    第一模板效果叠加模块,被配置为从已有图像中获取选定图像,并将所述模板效果叠加在所述选定图像上。The first template effect superimposing module is configured to obtain a selected image from an existing image, and superimpose the template effect on the selected image.
  18. 根据权利要求11所述的装置,还包括:The apparatus of claim 11, further comprising:
    模板图像获取模块,被配置为响应于接收到同款制作指令,显示拍摄预览界面,并通过摄像头获取目标图像;The template image acquisition module is configured to display the shooting preview interface in response to receiving the same production instruction, and acquire the target image through the camera;
    第二模板效果叠加模块,被配置为将所述模板效果叠加在所述目标图像上。The second template effect superimposing module is configured to superimpose the template effect on the target image.
  19. 根据权利要求11所述的装置,其中,所述效果对比展示模块包括:The device according to claim 11, wherein the effect comparison display module comprises:
    第二线条控件展示单元,被配置为在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的高;或者,在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的宽。The second line control display unit is configured to display the line control on the template image, so that the line control is parallel to the height of the template image; or, display the line control on the template image, so that the line The controls are parallel to the width of the template image.
  20. 根据权利要求11所述的装置,其中,所述效果拖动模块具体被配置为执行:The apparatus of claim 11, wherein the effect dragging module is specifically configured to perform:
    基于所述拖动指令指示向模板效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并减小所述模板效果在所述模板图像上的所占比例,增大所述原图效果在所述模板图像上的所占比例;Based on the drag instruction instructing to move to one side of the template effect, in response to the drag instruction for the line control, follow the drag instruction to move the line control, and reduce the template effect on the template The proportion on the image, increasing the proportion of the original image effect on the template image;
    基于所述拖动指令指示向原图效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并增大所述模板效果在所述模板图像上的所占比例,减小所述原图效果在所述模板图像上的所占比例。Based on the instruction of the dragging instruction to move to the side of the original image effect, in response to the dragging instruction to the line control, move the line control following the dragging instruction, and increase the template effect on the template The proportion on the image, to reduce the proportion of the original image effect on the template image.
  21. 一种电子设备,包括:An electronic device comprising:
    处理器;processor;
    用于存储所述处理器可执行指令的存储器;a memory for storing the processor-executable instructions;
    其中,所述处理器被配置为执行所述指令,以实现如下步骤:Wherein, the processor is configured to execute the instructions to achieve the following steps:
    在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像;Display a line control on the template image, and display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control;
    响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。In response to a drag instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
  22. 根据权利要求21所述的电子设备,其中,所述处理器还被配置为执行如下 步骤:The electronic device of claim 21, wherein the processor is further configured to perform the steps of:
    在模板图像集合的展示界面,展示多个模板图像;Display multiple template images on the display interface of the template image collection;
    其中,在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,包括:Wherein, a line control is displayed on the template image, and part of the template image superimposed with the template effect and part of the template image with the original image effect are displayed on both sides of the line control, including:
    在每个模板图像上分别展示线条控件,并在模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。A line control is displayed on each template image, and a part of the template image superimposed with the template effect and a part of the template image with the original image effect are displayed on both sides of the line control of the template image.
  23. 根据权利要求22所述的电子设备,其中,在每个模板图像上分别展示线条控件,包括:The electronic device according to claim 22, wherein the line controls are displayed on each template image respectively, comprising:
    获取线条控件的预设展示位置,并将所述预设展示位置确定为每个模板图像上线条控件的展示位置;Obtain the preset display position of the line control, and determine the preset display position as the display position of the line control on each template image;
    基于所述展示位置在每个模板图像上分别展示所述线条控件。The line controls are individually displayed on each template image based on the display position.
  24. 根据权利要求22所述的电子设备,其中,所述处理器还被配置为:The electronic device of claim 22, wherein the processor is further configured to:
    响应于对所述多个模板图像中指定模板图像的点击指令,通过弹窗展示所述指定模板图像;In response to a click instruction on a specified template image in the plurality of template images, displaying the specified template image through a pop-up window;
    在所述弹窗中,在指定模板图像的线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In the pop-up window, part of the template image superimposed with the template effect and part of the template image with the original image effect are displayed on both sides of the line control specifying the template image.
  25. 根据权利要求21所述的电子设备,其中,所述处理器还被配置为:The electronic device of claim 21, wherein the processor is further configured to:
    在模板图像集合的展示界面,展示多个叠加全部模板效果的模板图像;In the display interface of the template image collection, multiple template images superimposed with all template effects are displayed;
    响应于对所述多个叠加全部模板效果的模板图像中一个模板图像的点击指令,通过弹窗展示所述点击指令对应的模板图像。In response to a click instruction on one template image among the plurality of template images superimposed with all template effects, the template image corresponding to the click instruction is displayed through a pop-up window.
  26. 根据权利要求25所述的电子设备,其中,所述在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像,包括:The electronic device according to claim 25, wherein the line control is displayed on the template image, and a partial template image superimposed with a template effect and a partial template image with an original image effect are respectively displayed on both sides of the line control ,include:
    获取线条控件的预设展示位置,并将所述预设展示位置确定为所述线条控件在所述模板图像上的展示位置;obtaining a preset display position of the line control, and determining the preset display position as the display position of the line control on the template image;
    在所述弹窗中,基于所述展示位置,在所述模板图像上展示所述线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像。In the pop-up window, based on the display position, the line control is displayed on the template image, and part of the template image superimposed with the template effect and the template image with the original image effect are displayed on both sides of the line control respectively. Partial template image.
  27. 根据权利要求21所述的电子设备,其中,所述处理器还被配置为:The electronic device of claim 21, wherein the processor is further configured to:
    响应于接收到同款制作指令,从已有图像中获取选定图像,并将所述模板效果叠加在所述选定图像上。In response to receiving the same-style production instruction, a selected image is obtained from the existing images, and the template effect is superimposed on the selected image.
  28. 根据权利要求21所述的电子设备,其中,所述处理器还被配置为:The electronic device of claim 21, wherein the processor is further configured to:
    响应于接收到同款制作指令,显示拍摄预览界面,并通过摄像头获取目标图像;In response to receiving the same production instruction, display the shooting preview interface, and obtain the target image through the camera;
    将所述模板效果叠加在所述目标图像上。The stencil effect is superimposed on the target image.
  29. 根据权利要求21所述的电子设备,其中,在模板图像上展示线条控件,包括:The electronic device of claim 21, wherein displaying the line control on the template image comprises:
    在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的高;或者displaying the line control on a template image such that the line control is parallel to the height of the template image; or
    在模板图像上展示所述线条控件,使得所述线条控件平行于所述模板图像的宽。The line control is displayed on the template image such that the line control is parallel to the width of the template image.
  30. 根据权利要求21所述的电子设备,其中,所述响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例,包括:The electronic device according to claim 21, wherein the moving the line control and changing the proportion of the template effect on the template image in response to a drag instruction for the line control comprises:
    基于所述拖动指令指示向模板效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并减小所述模板效果在所述模板图像上的所占比例,增大所述原图效果在所述模板图像上的所占比例;Based on the drag instruction instructing to move to one side of the template effect, in response to the drag instruction for the line control, follow the drag instruction to move the line control, and reduce the template effect on the template The proportion on the image, increasing the proportion of the original image effect on the template image;
    基于所述拖动指令指示向原图效果的一侧移动,响应于对所述线条控件的拖动指令,跟随所述拖动指令移动所述线条控件,并增大所述模板效果在所述模板图像上的所占比例,减小所述原图效果在所述模板图像上的所占比例。Based on the instruction of the dragging instruction to move to the side of the original image effect, in response to the dragging instruction to the line control, move the line control following the dragging instruction, and increase the template effect on the template The proportion on the image, to reduce the proportion of the original image effect on the template image.
  31. 一种计算机可读存储介质,当所述计算机存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如下步骤:A computer-readable storage medium, when the instructions in the computer storage medium are executed by a processor of an electronic device, the electronic device can perform the following steps:
    在模板图像上展示线条控件,并在所述线条控件的两侧分别展示叠加有模板效果的部分模板图像和具有原图效果的部分模板图像;Display a line control on the template image, and display part of the template image superimposed with the template effect and part of the template image with the original image effect on both sides of the line control;
    响应于对所述线条控件的拖动指令,移动所述线条控件,并改变所述模板效果在所述模板图像上所占比例。In response to a drag instruction for the line control, the line control is moved, and the proportion of the template effect on the template image is changed.
  32. 一种计算机程序产品,包括计算机程序或计算机指令,所述计算机程序或计算机指令被处理器执行时实现如权利要求1至10任一项所述的图像效果的预览方法。A computer program product, comprising a computer program or computer instructions, when the computer program or computer instructions are executed by a processor, the image effect preview method according to any one of claims 1 to 10 is implemented.
PCT/CN2021/130549 2021-03-31 2021-11-15 Preview method for image effect, and preview apparatus for image effect WO2022205930A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110352862.0A CN113206948B (en) 2021-03-31 2021-03-31 Image effect previewing method and device, electronic equipment and storage medium
CN202110352862.0 2021-03-31

Publications (1)

Publication Number Publication Date
WO2022205930A1 true WO2022205930A1 (en) 2022-10-06

Family

ID=77026008

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/130549 WO2022205930A1 (en) 2021-03-31 2021-11-15 Preview method for image effect, and preview apparatus for image effect

Country Status (2)

Country Link
CN (1) CN113206948B (en)
WO (1) WO2022205930A1 (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113206948B (en) * 2021-03-31 2022-11-22 北京达佳互联信息技术有限公司 Image effect previewing method and device, electronic equipment and storage medium
CN114780004A (en) * 2022-04-11 2022-07-22 北京达佳互联信息技术有限公司 Image display method and device, electronic equipment and storage medium
CN115022696B (en) * 2022-04-18 2023-12-26 北京有竹居网络技术有限公司 Video preview method and device, readable medium and electronic equipment

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100080484A1 (en) * 2008-09-29 2010-04-01 Keyence Corporation Image Processing Apparatus, Image Processing Method, and Computer Program
CN102929475A (en) * 2012-09-07 2013-02-13 广东欧珀移动通信有限公司 Previewing method for mobile terminal camera
CN104322050A (en) * 2012-05-22 2015-01-28 株式会社尼康 Electronic camera, image display device, and image display program
CN111124239A (en) * 2019-12-06 2020-05-08 广州柏视医疗科技有限公司 Medical film reading method and device
CN113206948A (en) * 2021-03-31 2021-08-03 北京达佳互联信息技术有限公司 Image effect previewing method and device, electronic equipment and storage medium

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014038560A (en) * 2012-08-20 2014-02-27 Canon Inc Information processing device, information processing method, and program
CN103049922B (en) * 2012-12-05 2015-08-19 深圳深讯和科技有限公司 Move axle special efficacy image generating method and device
CN105812650B (en) * 2015-06-29 2017-08-15 维沃移动通信有限公司 A kind of image acquiring method and electronic equipment
CN106681606A (en) * 2016-12-06 2017-05-17 宇龙计算机通信科技(深圳)有限公司 Picture processing method and terminal
CN107623763B (en) * 2017-10-19 2019-10-25 Oppo广东移动通信有限公司 The method and apparatus for editing image
CN108537724A (en) * 2018-04-09 2018-09-14 维沃移动通信有限公司 A kind of image processing method and mobile terminal
CN110730299B (en) * 2019-09-29 2021-08-17 深圳酷派技术有限公司 Method and device for imaging of camera under screen, storage medium and electronic equipment

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100080484A1 (en) * 2008-09-29 2010-04-01 Keyence Corporation Image Processing Apparatus, Image Processing Method, and Computer Program
CN104322050A (en) * 2012-05-22 2015-01-28 株式会社尼康 Electronic camera, image display device, and image display program
CN102929475A (en) * 2012-09-07 2013-02-13 广东欧珀移动通信有限公司 Previewing method for mobile terminal camera
CN111124239A (en) * 2019-12-06 2020-05-08 广州柏视医疗科技有限公司 Medical film reading method and device
CN113206948A (en) * 2021-03-31 2021-08-03 北京达佳互联信息技术有限公司 Image effect previewing method and device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN113206948A (en) 2021-08-03
CN113206948B (en) 2022-11-22

Similar Documents

Publication Publication Date Title
WO2020057327A1 (en) Information list display method and apparatus, and storage medium
WO2022205930A1 (en) Preview method for image effect, and preview apparatus for image effect
CN109600659B (en) Operation method, device and equipment for playing video and storage medium
CN109947521B (en) Interface switching method and device and storage medium
JP2018518723A (en) Game live method and apparatus
WO2017101485A1 (en) Video display method and device
CN107977083B (en) Operation execution method and device based on VR system
CN104298433A (en) Screen display method, device and mobile terminal
CN104461232A (en) Method and device for determining reduction scale in screen display process
WO2022037348A1 (en) Video generation method and apparatus
CN110636382A (en) Method and device for adding visual object in video, electronic equipment and storage medium
US11372516B2 (en) Method, device, and storage medium for controlling display of floating window
KR102457864B1 (en) Method and device for processing video, terminal communication apparatus and storage medium
KR101788496B1 (en) Method and apparatus for controlling video image and terminal
WO2022142871A1 (en) Video recording method and apparatus
WO2018018508A1 (en) Playing control method and apparatus
WO2022199038A1 (en) Image adjustment parameter adjustment method and apparatus
CN112929561B (en) Multimedia data processing method and device, electronic equipment and storage medium
WO2022206037A1 (en) Video playback speed adjustment method and electronic device
WO2023134583A1 (en) Video recording method and apparatus, and electronic device
WO2022160699A1 (en) Video processing method and video processing apparatus
WO2022262211A1 (en) Content processing method and apparatus
WO2019061118A1 (en) Panoramic capture method and terminal
EP4040437A1 (en) Method and apparatus for playing an animation, device and storage medium
CN112000250B (en) Information processing method, device, electronic equipment and storage medium

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 21934566

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 13/02/2024)