U današnjoj lekciji naučit ćete kako napraviti flash banner online za početnike bez znanja o flash animaciji i bez posebnih programa (čitajte). Treba napomenuti da na internetu postoji veliki broj generatora koji vam omogućavaju kreiranje banera, uključujući i one u flash (swf) formatu, ali većina njih je na engleskom bez podrške za ruske fontove. Posebno sam tražio uslugu gdje bih mogao napraviti baner sa ruskim tekstom.
Da vas podsjetim da su baneri grafički oglasi za web stranicu, blog ili bilo koju drugu web stranicu. Animirani baneri mogu biti u flash formatu (swf) i u obliku gif animacije (čitaj - ova usluga će vam pomoći da napravite gif baner). Baner oglašavanje na Internetu je široko rasprostranjeno i prilično efikasno.
Za kreiranje flash banera na mreži, slijedite vezu.
U generatoru Banner Now kliknite na dugme „Kreiraj baner sada“.
Na novoj stranici odaberite veličinu budućeg banera.
Možete odabrati jednu od standardnih veličina banera ili odrediti vlastita podešavanja. Ovdje također možete odabrati pozadinu banera i isječak ili postaviti svoj vlastiti. Da biste to učinili, označite polje pored prilagođena pozadina , odaberite kategoriju slika od predloženih (životinje, hrana, pozadine, životinje, dugmad, itd.) ili prenesite pomoću dugmeta upload files .
Ponovo kliknite na dugme "kreiraj baner".
Tako smo ušli u Flash banner editor. Ako niste zadovoljni izborom svoje pozadine, onda možete odabrati novu. Ispod radnog prostora dokumenta naći ćete galeriju slika (Galerija slika) i dugme Upload files (prenesite svoju fotografiju u uređivač). Nakon što dodate pozadinu, uredite njen položaj i veličinu povlačenjem ivica slike mišem.
Koristite baner za pregled za kontrolu rada u srednjim fazama. 
Desno od radnog područja vidimo slojeve. Možete podesiti transparentnost (alfa svojstvo), promijeniti redoslijed slojeva i izbrisati nepotrebne.
Sa lijeve strane radnog prostora vidite stazu sa slajdovima. Po defaultu, baner ima 1 slajd. Možete dodavati slajdove, duplicirati, brisati, mijenjati trajanje slajda. Da biste uklonili ili dodali slajd, kliknite na ikonu postavki u donjem desnom uglu slajda:
Mijenjamo trajanje slajda promjenom vremena pored ikone sata (možete ga pronaći i ispod slajda).
Na vrhu radnog područja vidite efekte za tekst. Podijeljeni su u kategorije:
- pojaviti (izgled),
- ostati (statičan),
- nestati (nestanak).
Ako kliknete na dugme pored efekata, možete odabrati efekat za sliku.
Nakon dodavanja teksta, birate njegovu boju, veličinu, font, lokaciju u postavkama lijevo od radnog prostora.
Kada kreirate flash baner na mreži, morate ga preuzeti. Kliknite na dugme za preuzimanje banera (swf).
Ovdje postavljamo postavke: 
- autoplay (autoplay),
- ponoviti (ponoviti),
- način rada gumba (režim gumba),
- hiperveza na baner (stranica na koju će se baner povezati),
- otvori url na novoj stranici (otvori stranicu u novom prozoru),
- koristite preload (koristite sliku za učitavanje stranice),
- pošalji kopiju banera na moj e-mail (pošalji kopiju banera na moj e-mail).
Evo našeg banera:
Nudim vam još nekoliko generatora flash bannera s podrškom za ruski jezik:
- www.animationonline.com
- www.lact.ru/banner/en
- www.flash-banner-maker-online.com/customsizebanner3.php
Ove usluge su lakše za korištenje, tako da upute za korištenje nisu potrebne.
Ako imate bilo kakvih pitanja, možete ih postaviti u komentarima.
Video tutorial o radu sa servisom
Ovo je fleš disk koji sam dobio u programu SWF Text
Sačekajte potpuno preuzimanje. Ne zaboravite uključiti zvuk!!!
Za kreiranje ovog fleš diska koristio sam SWF Text program. O samom programu i načinu rada u njemu sam saznao iz poruke
(Hvala na linku *NIKA*)
SWF Text je program za kreiranje animiranog Flash teksta. Možete koristiti više od 150 tekstualnih efekata i više od 20 efekata pozadine, možete promijeniti sva svojstva teksta kako želite, uključujući font, boju, format itd.
Sa SWF tekstom, bez ikakvog Flash iskustva, lako možete kreirati prekrasan baner ili uvodnu stranicu za nekoliko minuta. Sve što trebate učiniti je unijeti tekst, odabrati font i postaviti efekte.
Stoga u blogovima obično postavljamo sliku, kada kliknemo, dolazimo do adrese samog fleš diska.
Dakle, redosled je...
1. Sačuvajte fleš disk u SWF formatu
2. Osim toga, potrebna nam je slika
(to znači da ćemo naš fleš disk dodatno sačuvati na računar u GIF formatu)
Sada treba da definišemo naš fleš disk negdje na internetu tako da ima legitimnu adresu.
U tu svrhu koristio sam svoj dnevnik o Lyri.
Mi to radimo ovako...
U dnevniku na LiRu otvorite novi unos i priložite fleš disk (SWF) kao sliku:
... (u punom obliku, ispod unosa sa desne strane nalazi se okvir "Priloži fajl",
otvorite prozor "Pregledaj", pronađite svoj fleš disk, kliknite na njega),
i sačuvajte u nacrtu.
Zatim idemo na Draft - naš fleš disk je već tamo, samo mali ... i radi
Otvaramo ga za uređivanje, povećavamo veličinu i objavljujemo u dnevniku.
Odavde preuzimamo i adresu fleš diska na Internetu, kako bismo kasnije u blogovima mogli da se pozivamo na nju prilikom izrade banera.
Sada o drugom dijelu - GIF slici.
Ispostavilo se da je za mene jako težak, - (više od 5 MB) i otprilike - 80 slojeva.
Cilj je posvijetliti sliku.
Za ovo ja
1) smanjio je broj slojeva na 20 (tj. 4 puta), a vrijeme svakog kadra je trebalo odgovarajuće povećati za 4 puta.
2) smanjila veličinu same slike (iako je to bilo moguće ne učiniti).
Kao rezultat toga, težina slike se smanjila za 10 puta i postala jednaka 586 KB
(za poređenje, almiria slika je teška 3,22 MB, tj. 6 puta veća - ali je ljepša i veće veličine).
Ovdje mora postojati razuman kompromis.
U principu, koristeći AVI video format, možete ovako učitati USB fleš disk na Video.Me.ru. kako sam to uradio
Da li ste se ikada zapitali šta se krije iza prelepe animacije banera na internetu? Ili za novonastale crtane filmove stvorene uz pomoć kompjuterske tehnologije? Najčešće se baziraju na "mesu", tačnije, tako se sa engleskog prevodi naziv Flash tehnologije. Danas ćemo pričati o flash animaciji za stranicu:
Flash tehnologija
Multimedijalni okvir je razvio Macromedia. Ali nakon njenog preuzimanja (spajanja), sva prava na tehnologiju su preneta na novog vlasnika - Adobe Systems.
Opseg savremene primene Adobe Flash-a:
- Kreiranje web aplikacija je prilično nov smjer. To podrazumijeva potpunu ili djelomičnu upotrebu Flash-a za kreiranje web stranica. Uz djelomičnu primjenu, ova tehnologija stvara zasebne elemente dizajna: različite interaktivne menije, animirane gumbe itd.
U poređenju sa konvencionalnim resursima zasnovanim na html-u, flash stranice imaju neke karakteristike koje ograničavaju njihovu upotrebu. To uključuje visoke troškove razvoja, zahtjevne serverske resurse, dugo vrijeme učitavanja uz sporu internetsku vezu i neke druge aspekte:
- Implementacija multimedijalnih mogućnosti - za slušanje zvuka i reprodukciju videa na stranicama često se koriste media playeri bazirani na Flash-u. Njihov razvoj uključuje upotrebu jednog od skriptnih jezika (češće JavaScript):
- U internet oglašavanju - najčešće se koristi tehnologija za kreiranje animiranih banera. Oni ne podrazumijevaju samo reprodukciju multimedijalnog oglašavanja, već i neku vrstu interakcije s korisnikom na bazi igre.
Osnove i alati za razvoj Flasha
Za kreiranje flash animacije najčešće se koriste tradicionalni Adobe alati:
- Adobe Flash Professional - program za kreiranje interaktivne animacije (animator);
- Adobe Flash Builder - okruženje za kreiranje interfejsa za web aplikacije;
- Adobe Flash Player je plejer integrisan u pretraživač za igranje Flasha.
Pored toga, brojne aplikacije trećih strana mogu reproducirati multimedijalni sadržaj ovog tipa. Najpopularniji od njih su Gnash, QuickTime i neki drugi:
Ova tehnologija vam omogućava da prikažete bilo koju vrstu grafike ( raster, vektor, 3D). I također podržava prijenos audio i video podataka. Lagana verzija Flash Lite-a razvijena je posebno za mobilne uređaje.
Glavni standard za flash datoteke je ekstenzija SWF. Akronim je skraćenica od Small Web Format. Video snimljen u Flash-u ima ekstenzije fajla FLV, F4V.
Razvoj interaktivne animacije u Flashu baziran je na vektorskoj grafici. Zahvaljujući tome, bilo je moguće implementirati podršku za multimedijalnu platformu i nezavisnost kvaliteta animacije od rezolucije ekrana.
Veličina datoteke flash aplikacije je ista za sve korisnike, bez obzira na specifikacije ekrana (rezoluciju).
Interaktivna animacija u Flash-u je bazirana na morfiranju (vektorski tip), koji se polako stapa između ključnih kadrova. Za reprodukciju podataka koristi se flash player, čiji je rad na mnogo načina sličan radu JavaScript virtuelne mašine. Softverska komponenta tehnologije implementirana je korištenjem ActionScript jezika.
Nedostaci tehnologije uključuju sljedeće točke:
- Veliko opterećenje centralnog procesora klijentske mašine. Ovo je zbog niske efikasnosti flash virtuelne mašine, koja je ugrađena sa plejerom u pretraživač korisnika;
- Velika vjerovatnoća greške – Reprodukcija Flash animacije može biti vrlo sklona greškama. Štaviše, kvarovi u Flash reprodukciji negativno utiču na rad cele klijentske aplikacije (pretraživača). To je zbog nedovoljne kontrole tolerancije na greške programskog koda prilikom kreiranja flash aplikacija;
- Nije moguće indeksirati - Sav tekstualni sadržaj prikazan u Flash sadržaju nije indeksiran. Ovo ograničenje je posebno problematično za one resurse koji su bazirani na ovoj tehnologiji.
Pregled softvera za kreiranje Flash-a treće strane
Sothink SWF Quicker je uzet kao prototip aplikacije na kojoj ćemo demonstrirati osnove kreiranja Flash-a. Prema mišljenju mnogih stručnjaka, program je najrazumljiviji i najlakši za učenje.
Osim kreiranja i uređivanja, flash editor "zna kako" raditi sa svim drugim vrstama web animacija (GIF, HTML i drugi standardi):
Nakon instalacije prelazimo na korisničko sučelje programa. Nažalost, nakon lutanja kroz sve kutke i rupe preklopnika jezika interfejsa, nismo ga pronašli.
Da bismo razumjeli kako napraviti flash animaciju u ovoj aplikaciji, koristit ćemo ugrađene šablone. Dijaloški okvir New From Template pojavljuje se odmah nakon pokretanja programa. Osim toga, može se pozvati preko stavke glavnog menija "Datoteka". Među predloženim opcijama odabrali smo izradu banera:
U sljedećem prozoru čarobnjaka potrebno je sa padajuće liste odabrati predložak prema kojem će se kreirati animacija. Ispod je mali okvir u kojem se reproducira odabrani šablon:
U sljedećim koracima potrebno je podesiti veličinu banera i unijeti 5 fraza teksta koje će se reproducirati u animaciji. Osim toga, morate navesti adresu resursa na koji će korisnik biti odveden klikom na baner:
Nakon kompajliranja projekta i zatvaranja prozora čarobnjaka, rezultujući film možete pogledati u ugrađenom plejeru. Da biste to učinili, kliknite na zelenu strelicu na vrhu:
Nakon što zatvorite plejer, pogledajmo bliže interfejs aplikacije. Imajte na umu da se sastoji od dva glavna prozora: gornji je za uređivanje vremenskog intervala videa, a donji je običan grafički uređivač. Svaki od elemenata nalazi se na zasebnom sloju, koji je dostupan za uređivanje pomoću standardnih alata koji se nalaze na bočnoj traci:
Kreirana flash animacija za stranicu može biti objavljena. Možete odabrati način objavljivanja klikom na dugme "Objavi" na vrhu. Postoje tri opcije koje možete izabrati, uključujući umetanje u html kod. Detaljne postavke za ovaj proces dostupne su u posebnom prozoru "Postavke objave".
Vjerovatno su svi vidjeli neku vrstu reklamne animacije na stranicama, kada pređete mišem preko nje, nešto se u njoj počinje mijenjati. Ili igrali online aplikacije/igre na web stranicama (društvene mreže ili druge). Čak i ako odete na ovu stranicu koristeći nepostojeći link, bit ćete odvedeni na približno istu stranicu, kreiranu na bazi tehnologije flash animacije. I imaju datoteku sa ekstenzijom SWF. Ovaj članak opisuje kakva je to datoteka, kako je otvoriti (na primjer, igrati igračku van mreže) i kako je promijeniti (za obožavatelje).
Šta je .swf fajl?
SWF datoteka je flash animacija kreirana sa Adobe Flash ili neki drugi program za razvoj flash aplikacija. Flash filmovi mogu sadržavati i običan tekst i vektorske, rasterske slike, 3D grafiku (ograničeno), audio, video, ActionScript skripte.
Flash platforma je postala veoma raširena u oblasti kreiranja interaktivnih aplikacija. To mogu biti flash crtani filmovi, igrice, video snimci (.FLV fajlovi), web stranice kreirane u cijelosti ili djelomično pomoću ove tehnologije.
Pa, onda slijedite upute sa stranice.
Da biste ga otvorili, pokrenite pretraživač (po mogućnosti kreirajte novu karticu u njemu), "zgrabite" LMB na svom swf fajlu i prevucite ga u pretraživač.
Opcija 2
Kroz program.
Postoje 2 dobra programa za otvaranje takvih datoteka - ovaj (nisam našao stranicu) i .
Što se tiče drugog, besplatan je, ali je na engleskom i programeri su prestali da objavljuju ažuriranja za njega, a to je maksimum za XP.
Ako se izgubite na web stranici proizvođača i ne pronađete kako preuzeti ovaj program:
izaberite karticu Preuzimanja u gornjem meniju
Većina korisnika kompjuterskih sistema, na ovaj ili onaj način, naišla je na Flash-animaciju. U ovom formatu napravljeno je mnogo crtanih filmova, banera na web stranicama ili čak jednostavnih internetskih igrica. Ali šta su zapravo SWF datoteke i kako se kreiraju ili uređuju ako je potrebno izvršiti neke promjene u gotovom projektu? O ovome i još mnogo toga će se dalje raspravljati.
Šta su SWF fajlovi?
Malo ljudi razmišlja o tome šta je zapravo SWF animacijski fajl, smatrajući da je to običan video.
U stvari, sami fajlovi su kompajlirani derivati originalnog FLA formata, koji je, zauzvrat, projekat u kojem možete videti i promeniti originalnu strukturu. Naravno, ovo zahtijeva neku vrstu uređivača za SWF datoteke. Ali šta? Danas je, uostalom, stvoreno toliko programa za kreiranje i uređivanje Flash animacije da se u njima prilično lako zbuniti.
Kako otvoriti SWF datoteku?
Urednicima ćemo se vratiti nešto kasnije. U međuvremenu, razmotrimo kako otvoriti SWF datoteku u najjednostavnijoj situaciji. Postoje najmanje dvije opcije: ili koristite neki softverski plejer koji podržava ovaj format (KMPlayer) ili pokrenite reprodukciju u web pretraživaču.
U drugom slučaju, za ispravnu reprodukciju, preduvjet je prisustvo instaliranog Flash Player dodatka od Adobe-a ili njegovog ekvivalenta u obliku Macromedia Flash ekstenzije, koja je, općenito, ista.
Princip montaže gotovog Flash filma
Sada nekoliko riječi o tome kako se, općenito, vrši uređivanje gotovog projekta. Uređivač SWF projekata najprimitivnijeg tipa neće moći otvoriti datoteku tek tako, jer je gotova SWF datoteka, kao što je već spomenuto, kompajlirana i sadrži minimum informacija o početnoj strukturi.
Dakle, prije nego što se koristi najjednostavniji uređivač SWF datoteka, gotova datoteka mora se prvo prevesti, da tako kažemo, u čitljivu formu. Drugim riječima, potrebno ga je dekompilirati u njegov originalni FLA oblik. Za to se koriste posebni uslužni programi, o kojima će biti riječi posebno.
Najbolji uređivači za kreiranje animacije od nule
Ipak, za kreiranje videa (a ne za njegovo uređivanje), u početnoj fazi mogu se koristiti i najjednostavnije aplikacije i cijeli softverski paketi na profesionalnom nivou.
Neće ih biti moguće opisati sve, ali među programima dizajniranim za to može se izdvojiti nekoliko najpopularnijih:
- Aligator Flash Designer.
- SWIS Max.
- Adobe Flash Pro.
- Corel R.A.V.E.
- Sony Vegas Pro.
Aligator Flash Designer
Ovaj SWF uređivač na ruskom najjednostavniji je od svih prikazanih u nastavku i uglavnom je namijenjen za brzo kreiranje animiranih banera koji će se koristiti na web stranicama na Internetu.
Početkom web dizajneru nema toliko alata na raspolaganju, ali postoji oko sto trideset različitih efekata, mogućnost kreiranja animiranog teksta, crteža ili umetanja zvuka. Interfejs je izuzetno jednostavan i jasan, tako da je ova aplikacija vrlo pogodna za učenje osnova kreiranja ove vrste animacije.
SWISH Max
Ovaj uređivač animacijskih datoteka je vrlo sličan prethodnom uslužnom programu, iako izgleda malo kompliciranije za početnike.
Uz to, možete stvoriti profesionalniji rad dobrog kvaliteta. Svaki korisnik će se moći nositi s tim zbog činjenice da sama aplikacija predviđa prisustvo video tutorijala koji objašnjavaju osnove stvaranja animiranih videa.
Adobe Flash Professional
Adobe Flash SWF editor je softverski paket na profesionalnom nivou koji ne može svako savladati prvi put.
U njegovom arsenalu postoji toliko mnogo alata da se, prema mišljenju mnogih profesionalnih web dizajnera i animatora, uz njihovu pomoć može ostvariti svaka fantazija. Inače, ako pogledate svjetske ocjene softvera u ovoj oblasti, to su Adobe Flash aplikacije serije CS i CC koje su neprikosnoveni lideri.
Corel R.A.V.E.
Pred nama je još jedan profesionalni SWF editor sa karakteristikama uporedivim sa prethodnim Adobe paketom.
Od najzanimljivijih, može se primijetiti mogućnost crtanja dvodimenzionalnih objekata, određivanja njihovog kretanja duž unaprijed određene putanje, vezanja za navedenu stazu, stvaranja blizanca animiranog objekta za promjenu samo veličine, boje ili lokacije, nakon čega program automatski izvodi potrebne transformacije i animira sliku. Naravno, ovo nije sve što ova aplikacija može. Možete ga proučavati i diviti se sve više i više novih mogućnosti jako dugo.
Sony Vegas Pro
Ovaj paket za rad sa videom svakako ne treba predstavljati. Toga su svjesni i oni koji nikada nisu radili s multimedijom ovog tipa. Naravno, ovo nije SWF editor kao takav, ali ima alate za kreiranje animacije i vrlo je vrijedan pažnje.
Program vam omogućava da kreirate i uređujete animacijske isječke (u ovom slučaju naglasak je na njima) koristeći više od 200 efekata, uređivanje se može vršiti na osnovu 8-bitnog načina rada, au fazi finalizacije prebaciti se na 32- malo za poboljšanje kvaliteta. Također možete primijeniti filtere u boji da eliminišete razlike u različitim fragmentima, postaviti brzinu kadrova na 30 fps i više i postaviti širok izbor omjera slike, uključujući čak i transformacije i prijelaze između njih (4:3, 16:9, 16 : 10), itd. Generalno, alata ima dovoljno.
Dodatni uslužni programi za rad sa Flash-om
Govoreći o kreiranju i uređivanju animiranih videa, ne možete zanemariti neke dodatne uslužne programe koji vam mogu dobro doći u radu. Konkretno, ovo se odnosi na pretvaranje finalne SWF datoteke u originalni format FLA projekta dekompilacijom (formatiranje koda), kao i na neke dodatne alate koji se koriste za poboljšanje kvaliteta slike i smanjenje veličine konačnog fajla bez gubitka kvaliteta.
Među najpotrebnijim programima su sljedeći:
- Trillix Flash Decompiler.
- Sothink SWF Decompiler.
- Flash Optimizer.
- Sparkle SWF Optimizer.
Flash Decompiler Trillix
Početkom korisniku trebat će ovaj program za pretvaranje SWF datoteke u FLA format kako bi se projekt mogao otvoriti čak i u najjednostavnijem uređivaču i izvršiti potrebne izmjene u njemu.
Zapravo, ovo je napredni pretvarač sa mogućnostima uređivača, u kojem se promjene mogu vršiti u hodu. Može se koristiti i za grupnu konverziju. I sve se to radi bez obavezne instalacije Adobe i Macromedia dodataka.
Sothink SWF Decompiler
Ovaj program je i dekompajler-uređivač, ali se plaća. Njegove mogućnosti su veoma zanimljive. Fokusiran je na brzo kreiranje ili uređivanje banera, video zapisa, pa čak i Flash igrica.
Za početnike, aplikacija predviđa prisustvo posebnog "Čarobnjaka" na osnovu izbora vrste i strukture budućeg projekta iz dostupnih predložaka. Osim toga, možete raditi sa izvornim kodom, primijeniti sve vrste filtera, efekata ili kreirati vektorske slike u posebnom WYSIWYG okruženju.
Flash Optimizer i Sparkle SWF Optimizer
Ova dva mala uslužna programa, kao što već ime implicira, su neka vrsta optimizatora koji vam omogućavaju da smanjite veličinu gotove SWF datoteke kako biste uštedjeli prostor bez gubitka kvalitete. Posebno će biti korisni svima onima koji svoje radove plasiraju na Internet ili se bave izradom banera i online igrica Flash formata.
Kako je navedeno na službenim web stranicama programera, ovi uslužni programi vam omogućavaju da komprimirate i smanjite veličinu originalnog objekta za čak 70%. Imaju nekoliko vrsta optimizacija koje primjenjuju automatsku transformaciju nakon postavljanja potrebnih parametara.
Šta koristiti?
Na kraju, najvažnije pitanje: „Šta izabrati od svega ovoga?“. Smatramo da bi početnici animatori i web dizajneri trebali početi s najjednostavnijim uslužnim programima. Za one koji su barem malo upućeni u kreiranje i montažu SWF filmova, bez sumnje će poslužiti profesionalni uslužni programi. Ovdje je izbor na korisniku. Međutim, ako želite i proučite referentne informacije koje su dostupne u većini predstavljenih aplikacija, možete vrlo jednostavno savladati rad s njima. Ali koji je urednik bolji? Po pravu, dlan pripada razvoju Adobe-a, iako ne treba zanemariti ni druge uređivače i dekompilatore.
