How to use Yiqixiu to create H5 page micro-scenes

The first link when searching for ‘Yiqixiu’ on Baidu is the official website of Yiqixiu;

After entering, click to log in. You can register a new account or log in using a third-party account (QQ, WeChat).

Log in and you can see the scenes you created before and some data collected, so it is recommended to use the same account to log in to Yiqixiu to manage your own scenes;

Press the arrow in the picture Click 'Create Scene' as shown to start creating a new scene.

Create a new scene;

You can choose to create it yourself or use a template. The template is divided into five categories: industry, individual, enterprise, holiday, and style. In each major category, you can choose the corresponding ones according to your needs, such as birthdays, parties, resumes, recruitment, training, meetings, various holidays, color styles, etc. If there is nothing that meets your needs, you can choose to create it yourself.

Here we choose to create it independently for demonstration. Click Create and fill in the ‘scene name’ and select the category.

Pay attention to the tips in the arrows in the picture, otherwise you will not be able to create it.

This is the page for creating new scenes independently. As shown in the picture, we divide the page into 4 parts;

The first part can be used for background, pictures, text, video, and music. , buttons, phone calls, special effects, etc. are added. Each column has different functions. Just drag it into the edit box to edit as needed (I won’t introduce each function. Friends who don’t know the use can try each function. , very convenient);

In the second part, you can choose the layout, style and interactive functions you need; the layout is the layout format of the layout, including pictures and texts, atlases, text and table formats; the style can Choose the color style of the background; interactively, you can add some registration forms, messages, contacts, and other functions that allow experiencers to submit materials directly. No matter which type you choose, what you choose here is the background of the scene;

The third part is the editing area, and the actions you operate are displayed here;

The fourth part can be displayed The page number you are currently editing, and you can select a page number to copy or modify. Click 'My Templates' to save your own templates in the second part 'My', which can be retrieved at any time.

We drag the first part 'Background' to the editing area to add a background;

For background, you can choose to upload your own background, or you can choose one from the existing background library. For convenience here, we selected a picture from the background library as the background;

After selecting, you can see that our editing area already has a background.

Add pictures, text and other content in the editing area. The method is the same as adding a background. Just drag and drop the required functions to the editing area;

Here we added one picture, two A paragraph of text and a text used to rotate around the image;

Next we will create animation effects.

Click the picture or text to display the function options; these functions can adjust the color, border, background, transparency, shadow, etc. of the picture or text. We choose 'Animation' to set animation effects.

In the animation interface, you can set the animation method, animation duration, animation delay time, play times, whether to loop and add multiple animations. (Note that the delay time is the time calculated after entering the entire page, not the delay time between the previous animation and this animation. For example, the delay of A is 0.5 seconds, then if B wants to appear after A, it must be set to 0.6 seconds later. , and so on).

Here we set the animation mode of the picture to 'pop in', and select the pop-up direction as 'top to bottom'; add a second animation and set the mode to 'hanging', and adjust it according to the preview Animation time, you can get an animation of 'a pear falling from above and swinging left and right'.

The animation mode and delay time of the following two paragraphs of text can be set as needed. Here we set it to pop in from the left and right respectively, with a time delay of 0.5 seconds.

The principle of setting animation around text is the same. Select 'Fade' in the animation mode, and select 'Rotate' for the second animation. If you select loop animation, you can make the text rotate around the picture continuously.

Add a piece of music to the scene;

After the scene is completed, adding a piece of music can make the scene more vivid!

It is also very simple to add music. Drag 'Music' to the editing area to select music in the music library. You can also upload a piece of your own music or fill in a music link.

It is recommended to choose music according to the content of the scene, preferably pure melody, to make your scene more meaningful!

You can create a simple and personalized animated scene by following the steps; however, one page alone is definitely not a complete scene, and here are some basic operation methods. After you operate these functions several times and become familiar with them, you will be able to create more personalized scenes at will.

The software just provides everyone with a convenient tool. If you want to use the software to create shocking effects, you also need to have a strong mind.