Deviation Actions

Valentina-Remenar's avatar

How to make next-prev button

In this tutorial I'll show you how to make next and previous button. This tutorial have 10 pages, and click on button if you want to continue. I made them in Adobe Flash CS4. If you can't see the text you can download tutorial or hold Ctrl and zoom in with scroll wheel. :D

In this tutorial you can find:
:bulletred: About this tutorial
:bulletred: Step one
:bulletred: File size
:bulletred: Making a keyframe
:bulletred: Making a button
:bulletred: Actions
:bulletred: Next button
:bulletred: Previous button

:bulletred: :below:This tutorial you can DOWNLOAD here:below:

:bulletred: This tutorial is translated into 3 languages (English, Slovenian, Croatian)
:bulletred: Tutorial I made in Adobe Flash CS4 and in Adobe Photoshop CS4.

I hope this tutorial helped you make the basic buttons.

+Other tutorials+

:bulletred: Photoshop tutorial- PS basics for newbies (journal tutorial)
:bulletred: Photoshop tutorial- PS basics for newbies 2 (journal tutorial)
:bulletred: Photoshop tutorial- PS basics 3 (journal tutorial)

EDIT: I change Croatian text and some functions...but everything else is the same.

Programming and tutorial by Valentina Remenar
Tutorial edited by ~Sepulchral-Roses
Image details
Image size
1000x700px 2.16 MB
© 2010 - 2021 Valentina-Remenar
Join the community to add your comment. Already a deviant? Log In
This is needed Thank You
Kohaya7Koizu's avatar
Hello ;w;
Your tutorial is really easy to follow, thank you. But may I ask a question?

I can't get the on (release) to work... I use flash cs5, could that be the matter? I can't resume to the next page, I have Read button, and when I hover the mouse over it, it lights because that's how I set it up but further, I can't go to next page. I get this error "Mouse events are permitted only for button instances"...

Thank you in advance... : )
Valentina-Remenar's avatar
Aww...welcome ^^ Did you write it exactly like that: on(release){ (without the spaces)...when you made a button, did you converted it from Image to Button symbol (click on F8 and select Button). Then try to apply that action :D
FurPuff's avatar
This was so helpful!
But how do you make multi choice buttons?
Like, if you had a menu and you can select different buttons to make different things.
Valentina-Remenar's avatar
Yay...I'm glad it was :squee: Then you have to write different ActionScript. This will work only for Next and Previous buttons. One tutorial with menu I made here. For me, each clicked button had separate frame. Because I wanted that each button shows different section in menu. When tutorial started then I just put actions for Next and Previous buttons (not menu).
FurPuff's avatar
Could you give me the codes, please?
sakooo's avatar
Really great tutorial .. Thanks alot for making this 

PS : Anyone can make my manga a SWF file with next and previous buttons ? , so i can add it here on DA 

i really have alot problems on my device and flash right now - - 
if anyone can do it for me , message me plz

Valentina-Remenar's avatar
Than you...and it's my pleasure :tighthug: :love: Hmm...I'm pretty busy right now, so I don't know if I would be able to make this ^^; But how many pages your manga have?! :D
sakooo's avatar
aw Thanks , it's fine , you don't have to , i just solved the troubles and did it myself 
Thanks again for the tutorial <3
Valentina-Remenar's avatar
Aww...welcome. I'm glad you were able to make it :aww:
Qinni's avatar
thanks for this <3~!
Valentina-Remenar's avatar
My pleasure...anytime :glomp: :love:
OrangePhaze's avatar
will this still work in photoshop cs3
Valentina-Remenar's avatar
This was done with Flash...if CS3 have option ActionScript 2.0 then it might work :la:
NotedDreams's avatar
This is a great tutorial, but do you know how to make a back button that goes to the frame it was just on?
For example: If I'm in the kitchen and click menu I will be taken to the menu (which is on a frame all by itself). When I am done viewing the menu I will click Leave and be taken back to the kitchen.
My menu is on a frame by itself and is located away from the rest of my frames, so I can't use on(release){
Valentina-Remenar's avatar
Sorry for so late response, I didn't have installed Flash for a long time, so I couldn't
see the script right ^^; Anyway... when I want to make my "menu" button (which is
on frame by itself and away from the rest of the tutorial), then I use action (this
action you add on a button):

gotoAndPlay (frame number);

But you must be sure that you add action on a frame of your menu... stop();
Otherwise it'll play your animation and it won't stop (till the frame where you
added stop action). Then the same you do in the menu if you want to go
to the previous step (you only need to write another frame number in the script).
I hope this helps :D And Marry Christmas...and a Happy New Year :santa: :hug:
NotedDreams's avatar
Anouchka-G's avatar
Thank you very much for your tutorial, it helped me a lot ! I understood why I had an error when I wanted to add the next button. (I tried with ActionScript 3.0)
Valentina-Remenar's avatar
Hahaha...yea, it doesn't work with AS3 ;P Thanks, and it's my pleasure :iconbrohugplz:
myhappygirl's avatar
Thanke you for helpful [link]
Youkah's avatar
I can't enter the tutorial. There's no button. D:
Join the community to add your comment. Already a deviant? Log In