E-learn.ro
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

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: 3524 3524 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 claibornelara
claibornelara Rang utilizator claibornelara - Incepator
4305
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4165
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4160
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
4084
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
3985
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
JSON Sony Vegas XML Lightroom Bridge CSS PHP StyleSheet Outlook RoR Gimp Java Fireworks HTML XHTML Action Script Illustrator Photoshop Javascript Swift 3D COREL DRAW Word MySQL PSD AJAX SEO Dreamweaver Python Powerpoint Verilog Vista Fotografie SWF Flash Ruby on Rails Excel
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-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software