E-learn.ro Elefant.ro - Premium
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google
Topul celor mai bine cotate tutoriale
Topul celor mai vizualizate tutoriale
* Cele mai bine clasate si cele mai votate tutoriale sunt selectate dintre tutorialele adaugate in ultimele 30 de zile.

Tutoriale Adobe Flash

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

GRAFICA 2D  /  Adobe Flash  /  ActionScript (14)

Preloader simplu

11.04.2008
Preloader simplu

Principiul de realizare a unui preloader in Flash.
Este o tehnica foarte simpla in care e folosit foarte putin cod Action Script.

Total vizualizari: 2127 2127 afisari   |   Comentarii  0   |   Rating   |   (0 voturi)   |   Timp necesar: 15 min 15 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Download
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

Creearea unui Movie Clip
Deseneaza un dreptunghi fara contur. Daca panoul Color Mixture nu este deschis apasa Shift+F9 pentru a-l deschide, selecteaza unealta dreptunghi (tasta R), mergi la color mixture si alege modul Linear din meniul derulant.

Acum schimba efectul de umplere lineara (linear fill), cu alb in capatul din dreapta si culoarea de fundal la celalalt capat.

Selecteaza acest dreptunghi si apasa F8 pentru a transforma dreptunghiul intr-un simbol cu denumirea "Bar". Selecteaza tipul Graphic si apasa OK.

Preloader

Apasa Ctrl+F8 pentru a creea o noua instanta cu denumirea de "preloader_mc". Selecteaza tipul Movie Clip si apasa OK.

Deseneaza un zig zag "fara margini" ca in imaginea de mai jos pe primul frame si apasa F5 pe frame-ul 90.

Preloader

Creeaza un nou layer, trage-l sub Layer1 si insereaza simbolul grafic "Bar" in acest nou layer, Layer2. Inaltimea simbolului "Bar" trebuie sa fie un pic mai mare decat inaltimea zig-zag-ului, iar pozitionarea acestuia sa fie ca in imaginea de mai jos.

Preloader

Apasa F6 in frame-ul 35. Pastrand framehead-ul pe frame-ul 35, trage graficul "bar" pe cealalta parte a zig-zag-ului.

Preloader

Selecteaza orice frame intre frame-ul 2 si 34 si alege Motion din meniul pop-up Tween din Property Inspector. Selecteaza frameul 40 si apasa F6 pentru a insera un nou keyframe pe frameul 40.

Mentinand framehead pe al 40-lea frame, selecteaza graficul "bar" si mergi in meniul principal, Modify>Transform>Flip Horizontal. Selecteaza frame-ul 85 si apasa F6 pentru a insera un nou keyframe in frameul 85.

Mentinand framehead pe frameul 85, trage simbolul grafic "bar" in pozitia initiala ca in frameul 1. Selecteaza orice frame intre frame-urile 41 si 84 si click pe Motion din meniul pop-up Tween din Property Inspector. Selecteaza frameul 90 si apasa F5.

Adaugarea unui preloader la Scene1.
Mergi la Scene1 si insereaza 3 layere noi.
Trage "preloader_mc" din Library pe zona de lucru plasandu-l in centru. Apasa F5 pe al 2-lea frame.
Scrie "LOADING" pe primul frame din layerul 2
Scrie scriptul de mai jos in Action Panel in primul frame din primul layer.

ifFrameLoaded ("end") {
        gotoAndPlay ("start");
        }

Apasa F6 pe al 2-lea frame al primului layer si insereaza scriptul de mai jos in Action Panel din frameul 2 din layerul 1

gotoAndPlay (1);

Porneste Main Movie de la frame-ul 3 mai departe. Numeste primul frame al filmului principal (main movie) "start" si ultimul frame "end".
Testeaza preloader-ul (Ctrl+Enter)

Pagina:
1
comenteaza printeaza
Alte tutoriale Adobe Flash:
Noteaza acest tutorial
Rating tutorial
 
(0 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
3027
Tutoriale scrise de adry.ro
adry.ro Rang utilizator adry.ro - Incepator
794
Tutoriale scrise de Pustiu
Pustiu Rang utilizator Pustiu - Expert
625
Tutoriale scrise de tornaddoss
tornaddoss Rang utilizator tornaddoss - Incepator
589
Tutoriale scrise de angel140581
angel140581 Rang utilizator angel140581 - Incepator
335
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
aparate foto
XHTML Photoshop CSS XML COREL DRAW JSON Java Flash Word Ruby on Rails Dreamweaver Javascript SEO Sony Vegas Gimp HTML Illustrator Swift 3D SWF PHP Verilog Fotografie Vista AJAX Powerpoint Bridge RoR Fireworks Excel Action Script PSD Outlook StyleSheet Python MySQL Lightroom
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2012 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software
Submit Your Site SmartNetBook.ro