How to Create Back, Next, and Home Buttons in Adobe Animate cc

Neicytechno.com – Creating Back, Next, and Home buttons in Adobe Animate CC are very easy. The method remains the same as in the previous tutorial, namely using the Button to go to another Frame “Go to Frame”.

Creating buttons in Adobe Animate is very important for creating Android apps or games. For that, you have to learn how to make buttons in adobe animate. Well, here I will share how to make a simple button.

How to Create Back, Next, and Home Buttons in Adobe Animate/Adobe Flash

To create a button, you need a few steps to create it. There are several components that must be prepared such as the Home Frame Location, Button object, and Content to be created. After that, Connect all Frames using the Home, back, and next buttons.

To create one, follow these steps:

1. Open Adobe Animate on your PC/Laptop. Then create 3 different Frames.
2. Frame 1 for the Home Page, Frame 2 for the First Page, and Frame 3 for the Second Page.
   
3. After creating 3 Frames for 3 different pages. Then the next step is to create a Button to link all Pages.
4. Create a button on the Home Page.
   Button To Go to the first page “Start”
   – Create Object for Button or you can also use the default button.
   – then change the object to Button. By Right Click > convert to symbol (F8) > Type Button
   – Fill in the Instance Name section. For example use button1
   Go to Actions by right-clicking on Frame 1 > Actions. Then use the following script:
   
   stop()
   button1.addEventListener(MouseEvent.CLICK, hal1);
   function hal1(event:MouseEvent):void{
   gotoAndPlay(2);
   }
   
5. Create a button on the first page (Frame 2)
   In the Main page section, Create 2 buttons to go to page 2 and the Home page.
   First Button To Go To Home Page:
   – Create Object for Button or you can also use the default button.
   – then change the object to Button. By Right Click > convert to symbol (F8) > Type Button
   – Fill in the Instance Name section. For example use buttonhome1
   
   Second Button To Go To Second Page:
   – Create Object for Button or you can also use the default button.
   – then change the object to Button. By Right Click > convert to symbol (F8) > Type Button
   – Fill in the Instance Name section. For example use button2
   
   Go to Actions by right-clicking on Frame 2 > Actions. Then use the following script:
   
   stop()
   buttonhome1.addEventListener(MouseEvent.CLICK, home1);
   function home1(event:MouseEvent):void{
   gotoAndPlay(1);
   }
   button2.addEventListener(MouseEvent.CLICK, hal2);
   function hal2(event:MouseEvent):void{
   gotoAndPlay(3);
   }
   
6. Create a Button on the Second Page (Frame 3)
   Create 2 Buttons to go to the Home page and Previous Page.
   First Button to Go to Home page:
   – Create Object for Button or you can also use the default button.
   – then change the object to Button. By Right Click > convert to symbol (F8) > Type Button
   – Fill in the Instance Name section. For example use buttonhome2
   
   Second Button to Go to Previous page:
   – Create Object for Button or you can also use the default button.
   – then change the object to Button. By Right Click > convert to symbol (F8) > Type Button
   – Fill in the Instance Name section. For example use button3
   
   Go to Actions by right-clicking on Frame 3 > Actions. Then use the following script:
   
   stop()
   buttonhome2.addEventListener(MouseEvent.CLICK, homee2);
   function homee2(event:MouseEvent):void{
   gotoAndPlay(1);
   }
   button3.addEventListener(MouseEvent.CLICK, hal3);
   function hal3(event:MouseEvent):void{
   gotoAndPlay(2);
   }
   
7. Finished

So That’s How to create Back, Next, and Home Buttons in Adobe Animate CC or Adobe Flash. The method above is very simple, so you can learn it very easily.

Making English Translations in Adobe Animate cc

How to Make Android apps and Games using Adobe Animate CC