[ uchadb @ 06.04.2007. 21:59 ] @
Potrebna mi je pomoc!
Kako da u Flash-u napravim efekat nastajanja slova (onako kako ga pisemo olovkom).
[ gordon_beneth @ 07.04.2007. 09:46 ] @
Pogledaj ovu temu

http://www.elitesecurity.org/t...crtavaju-konture-nekog-objekta

Isti princip možeš da primeniš i za tekst
[ uchadb @ 08.04.2007. 11:04 ] @
Pogledao sam temu i tvoje objasnjenje, ali posto sam pocetnik, nije mi u potpunosti najjasnije. Pokusao sam da otvorim Primer ali ne moze. Da li bi mogao da mi objasnis na jednom slovu, recimo A, u koracima, kako da dobijem prvo kosu odozdo na gore, pa kosu odozgo na dole i na kraju horizontalnu liniju (kao olovkom).
[ gordon_beneth @ 08.04.2007. 14:53 ] @
Primer je u flash 8 formatu, ako koristiš MX verovatno zato nisi mogao da ga otvoriš
Evo ti primer za "A" u MX formatu, ali ako si baš početnik ne bi bilo loše da naučiš neke osnovne stvari oko animacija u flashu (motion tween, putanje itd...) i crtanja iz actionscripta, inače ti ni ovo neće biti jasno. Ako ti samo treba nešto gotovo i nećeš da se smaraš sa učenjem flasha postavi konkretno šta ti treba, pa ako nije mnogo komplikovano napraviću ti kad budem imao vremena (nadam se da nije hitno :-))
[ uchadb @ 08.04.2007. 16:18 ] @
Savladao sam osnove Flasha i radim crtanje, jednostavne animacije i sto je vazno u ovom slucaju (u primeru koji si mi dao) vodjene animacije. Pogledao sam i dosta mi je jasnije. Ono sto mi "skripi" je ActionScript. Pregledacu detaljno tvoj primer pa ako mi nesto ne bude jasno javicu se. Nadam se da te ne smaram puno.
Pozdrav!
[ uchadb @ 08.04.2007. 17:25 ] @
Uradio sam film donekle. Sada ne znam kako da ga prebacim u Movieclip pa da bude smesten u jedan Frame (uspem da ga prebacim, ali onda nestaje Motion Tween). Film je u prilogu.
[ gordon_beneth @ 08.04.2007. 20:17 ] @
Insert->NewSymbol-> MovieClip daš mu neko ime pa onda u njemu napraviš ono što si napravio u primeru i dodaj as u prvom frame-u
Kad završiš vratiš se na stage i prevučeš mc iz library na stage
[ uchadb @ 08.04.2007. 21:04 ] @
Upravo se spremam da vicem EUREKA jer sam pronasao kako da uradim, kad zaticem tvoju poruku. Tako sam i uradio, setio sam se vezbe koju sam radio za prikazivanje serije fotografija. Uspeo sam po ugledu na tvoj primer da napravim efekat nastajanja pisanog slova A (linije mu nisu glatke, u onoj drugoj temi rekao si da treba vise fram-ova da bi se ovo otklonilo, pa cu tako i uraditi). Bukvalno sam prekopirao kod (namestio da na 31. frame-u tacka skoci na horizontalnu liniju). Da li isti kod mogu koristiti za bilo koje slovo, ili cak rec i recenicu. Tu ce biti vise skokova jer ima vise prekida, kako bi se to moglo resiti. VELIKO HVALA za pomoc!
[ gordon_beneth @ 08.04.2007. 22:17 ] @
Pa ako imaš strpljenja možeš ceo roman da napišeš :-)
Skokove možeš da rešiš sa više if uslova ili sa case-swich-break ali za iole duži tekst ima da se prilično da se namučiš
Drugi način je da iscrtavanje napraviš da bude maska, a "normalan" text da staviš ispod
Evo ti još dva primera, jedan je na prethodnu foru samo malo komplikovanije ( senka, brisanje..), a drugi je sa maskom
To sam nešto isprobavao na brzinu, pa nije baš "reprezentativno" :-) ali može da ti da ideju
[ uchadb @ 08.04.2007. 22:57 ] @
Animirao sam slovo A. Umesto tacke ubacio sam sliku pera. Zasto vrh pera ne sledi putanju linije?
[ uchadb @ 08.04.2007. 23:06 ] @
Opet ne mogu da otvorim primere koje si mi poslao. Kod mene je Flash MX.
[ gordon_beneth @ 08.04.2007. 23:27 ] @
Izvini zaboravio sam evo sad šaljem u MX formatu zajedno sa tvojim perom (popravljenim :-))
Samo treba da postaviš vrh pera u centar mc-a (onaj krstić u sredini)
[ djalfirevic @ 09.04.2007. 07:26 ] @
Moze li jedan tekstualni tutorijal za efekat nastajanja slova?

Napravi 2 layer-a. Nazovi jedan layer text, a drugi text_mask. text_mask postavi da se nalazi iznad layer-a text. U layer text, napisi slovo A. Zatim desni klik na text_mask i izaberi opciju Mask.
Otkljucaj oba layer-a posto su po default-u zakljucana. Dakle, prvi frame text layer-a je "napunjem" slovom A, a text_mask ima blank keyframe. Zatim u text_mask layer, uzmi Brush Tool i izaberi neku boju koja je drugacija od boje text-a da bi lakse uradio mask efekat.

Maska radi po principu da ono sto je ispod nje, to se trenutno prikazuje na ekranu, tj. ono sto ona maskira to je u stvari vidljivo. U prvi frame u text_mask layer-u oboj samo deo slova sa Brush Tool-om. Zatim dodaj novi keyframe, pa u njega oboj jos jedan deo slova, s tim sto naravno treba da bude obojen i onaj prethodni, ali to sam Flash radi automatski, jer dodavanjem novog keyframe-a, u taj novi se kopira ono sto je bilo u prethodnom. Tu radnju ponavljaj sve dok ne "obojis" sva slova. Testiraj film i to je sve.

Nadam se da sam bio od pomoci.
[ uchadb @ 09.04.2007. 17:24 ] @
Probao sam sa maskiranjem i funkcionise veoma uspesno. Hvala!!!
Za gordon_beneth-a: Saljem prilog u kome ocigledno pravim gresku u kodu. Mozes li mi reci gde gresim?
[ gordon_beneth @ 09.04.2007. 20:05 ] @
Nije problem u AS već u tweenu tj imaš prazne frejmove koje je trebalo ukloniti
[ uchadb @ 18.04.2007. 11:43 ] @
Za gordon_benetha:
Ponovo imam problem. Upravo radim film u Flash-u. Trenutno se sastoji od tri scene. U trecoj sceni (ima vise slojeva) napravim clip koji bi trebao da oponasa nastajanje slova i pridruzim mu kod. Kada idem na test tacka izvodi nastajanje slova ali ne ostavlja trag. Dakle, kada pravim jedan film sve je u redu, ali kada pravim klip u okviru veceg filma nece da ostavlja trag. U cemu je problem.
[ gordon_beneth @ 18.04.2007. 21:35 ] @
Pretpostavljam da nisi zakačio kod kako treba, ali teško da mogu da ti pomognem ovako napamet, ajde pošalji .fla pa da vidim
[ uchadb @ 20.04.2007. 09:59 ] @
Ne vredi. fla mi je suvise veliki i ne mogu da ga posaljem. Probam na novom primeru i radi a u prethodnom filmu nece. Snasao sam se sa maskiranjem ali je kod bolja varijanta. Usput, kako da izvedem da od razbacanih slova (recimo N, A, A)
prevlacenjem na tacno odredjena mesta sastavim rec ANA. Ako dovucem slovo na pogresno mesto da ono odleti na svoje pocetno mesto, a ako ga dovucem na pravo da se "prilepi" na njega.
[ gordon_beneth @ 20.04.2007. 17:52 ] @
Ako ne možeš da pošalješ zbog ograničenja na ES postavi ga na rapidshare ili neki sličan sajt pa ostavi link. Ako je zbog spore veze ... j***ga
Kod možeš da zakačiš na tri načina:
1 U glavnoj vremenskoj liniji. Tada moraš sve akcije da referenciraš (valjda se tako kaže) ka istanci movie clipa npr:
mc.lineStyle(1,0x000000);
mc.onEnterFrame=function(){
mc.lineTo(mc.tacka._x,mc.tacka._y)
}
(da nisi zaboravio da dodeliš naziv instanci mc-a ?)
2 U vremenskoj liniji samog mc-a npr:
this.lineStyle(1,0x000000);
this.onEnterFrame=function(){
this.lineTo(tacka._x,tacka._y)
}
mada može i bez this
3 U action panelu instance mc-a na stageu (prevučeš mc iz library na stage selektuješ i otvoriš action panel). Tada treba da koristiš onClipEvent npr:
onClipEvent (load) {
lineStyle(1, 0x0000ff);
}
onClipEvent (enterFrame) {
lineTo(tacka._x, tacka._y);
}
Što se maskiranja tiče pogledaj primer koji sam ti poslao ranije (ispisuje "flash"). On je urađen pomoću maske i AS-a. Linija koja sa u ovom slučaju ispisuje je u stvari maska koja "otkriva" tekst koji se nalazi ispod.
Ovo za prevlačenje može na dva načina:
Code:

mc.onMouseDown = function() {
    mc.startDrag();
};
mc.onMouseUp = function() {
    mc.stopDrag();
    if (mc._x>250 & mc._x<300 & mc._y>250 & mc._y<300) {
        mc._x = 250;
        mc._y = 250;
    } else {
        mc._x = 100;
        mc._y = 100;
    }
};

Kod ide u glavnu vr. liniju, mc je clip koji prevalačiš 250x250 je pozicija na koju treba da se postavi a 100x100 je početna pozicija (ti naravno stavi vrednosti koje tebi odgovaraju) Pošto teško neko može da pogodi poziciju tačno u piksel dodao sam i ove uslove za 300x300 poziciju tako da će sa kli postaviti na mesto ako mu je reg. point unutar kvadrata 50x50 na poziciji 250x250 (nacrtaj takav kvadrat da bi ti bilo lakše)
Drugi način bi bio da postaviš neki drugi mc na stage, pa da umesto provere pozicije proveravaš koliziju sa hitTest metodom. Isti kod kao i gore samo promeni
if (mc._x>250 & mc._x<300 & mc._y>250 & mc._y<300)
u
if (mc.hitTest(poz))
poz je clip koji određuje poziciju
Ovog puta će se ponašati drugačije odnosno postaviće mc na mesto i ako je samo dotakao poz clip. Ako hoćeš da se ponaša isto upiši
if (mc.hitTest(poz._x,poz._y))
Ima još par varijanti što se tiče hitTest i hitArea pogledaj help pa izaberi šta ti odgovara
[ kiselilimun @ 03.05.2007. 12:38 ] @
Vrlo iscrpno ali poucno, pozz!
[ hajduk7 @ 15.05.2007. 15:20 ] @
Efekat nestajanje slova se radi na sledeci nacin prvo u Flash napises neku rec onda sam odredis kolko frejmova oces da traje taj efekat i na blanko frejm kliknes desni klik insert new keyframe onda drzeci ctrl i levim klikom misa obelezis sve frejmove i onda ides desni klik create motion tween, prvi frejm normalan izgled slova a zadnji podesis da su slova skroz izbledjena tacnije da se ne vide to imas tamo gde su boje cini mi se da se Alpha bese zove,a posto hoces da izvedes da slova nestaju onako kako ih pises olovkom to mozes da uradis ovako. Napises rec i onda kliknes na nju pa onda Ctrl+B(nekad treba da klknes i dva puta Ctrl+B sve zavisi od verzije Flasha, radnja je uspela ako se slova dok su selektovana vide kao obican vektorski crtez u Flash tacnije kao slika koju ti ctras u Flash) i onda normalno odredis duzini animacije tako sto ces na svaki frejm kliknuti desni klik pa insert new keyframe pa onda na svaki frejm malo po malo seckas rec sve dok je skroz ne iseces tako da je nema. Probaj da ukombinujes ova dva primera sto sam ti naveo i upotrebi malo maste i doci ces do idealnog resenja. Ja sam ti ovo objasnio bez koriscenja skripti u Flashu, ali ako poznajes kodove nije iskljuceno da ih upotrebis.
[ djalfirevic @ 16.05.2007. 21:19 ] @
nAstajanje...
[ hajduk7 @ 16.05.2007. 22:31 ] @
@djalfirevic
Sve jedno preko ova dva primera koja sam naveo mozes da uradis i nestajanje i nastajanje slova.
[ djalfirevic @ 17.05.2007. 16:42 ] @
Citat:
hajduk7: @djalfirevic
Sve jedno preko ova dva primera koja sam naveo mozes da uradis i nestajanje i nastajanje slova.


Naravno... moze sve da se odradi pa reverse frames...