Skapa en SWF-applikation. Avancerad erfarenhet - Guide för att skapa SWF-applikationer




Jag fick en sådan flash-enhet i SWF-textprogrammet


Vänta på fullständig nedladdning. Glöm inte att slå på ljudet !!!

För att skapa denna flash-enhet använde jag SWF-textprogrammet. Om själva programmet och hur jag lärde mig om det från meddelandet
(Tack för referensen * Nika *)

SWF Text är ett program för att skapa en animerad textflash. Du kan använda mer än 150 texteffekter och mer än 20 bakgrundseffekter, du kan ändra alla egenskaper i texten efter eget gottfinnande, inklusive teckensnitt, färg, format och liknande.
Med SWF-text, utan erfarenhet av Flash, kan du enkelt skapa en vacker banner eller en introduktionssida om några minuter. Allt du behöver göra är att ange texten, välj teckensnittet och konfigurera effekterna.

Därför, i bloggar, sätter vi vanligtvis en bild när du klickar på som vi kommer till adressen till flashenheten själv.

Därför är sekvensen av åtgärder sådan ...
1. Spara USB-flashenheten i SWF-format
2. Dessutom behöver vi en bild
(Det betyder att vi sparar vår flash-enhet till en dator som fortfarande finns i GIF-format)

Nu måste vi bestämma vår USB-flash-enhet någonstans på Internet så att hon har en juridisk adress.
För detta ändamål använde jag min dagbok på Lira.

Vi gör det så ...
I dagboken öppnar du en ny post på LIRA och bifogar en Flash-enhet (SWF) som en bild:
... (i sin helhet under inspelningen till höger finns ett fönster "bifoga filen",
Öppna fönstret "Översikt", vi hittar din flash-enhet, klicka på den),
Och vi sparar i utkastet.
Sedan går vi till utkastet - det finns redan vår flash-enhet, bara liten ... och spelar
Öppna den för redigering, öka storleken och publicera i dagboken.
Härifrån tar vi också adressen till flash-enheten på Internet, så att senare i bloggar för att hänvisa till tillverkningen av en banner.

Nu om den andra delen - en bild av GIF-formatet.
Det visade sig vara mycket tungt, - (mer än 5 MB) och cirka 80 lager.

Uppgiften är att underlätta bilden.

För detta, I.
1) reducerade antalet skikt upp till 20 (dvs 4 gånger), och tiden för varje ram krävdes i enlighet därmed till 4 gånger.
2) Minskade storleken på själva bilden (även om det var möjligt att inte göra det).

Som ett resultat minskade bildens vikt 10 gånger och blev lika med 586 kb
(för jämförelse almiria. Bilden väger 3,22 MB, d.v.s. 6 gånger mer - men det är vackrare och mer i storlek).
Det måste finnas en rimlig kompromiss.

I princip, med hjälp av AVI-videoformat, kan du ladda ner en flash-enhet på videon. Mey.ru. Hur jag gjorde det i

De flesta datorsystem, på ett eller annat sätt har kommit över Flash-animering. Detta format gjorde många teckningar, banderoller på webbplatser eller till och med enkla internetspel. Men vad är SWF-filerna och hur skapas de eller redigeras om du behöver göra några ändringar i det färdiga projektet? Om detta och många fler och kommer att diskuteras.

Vad är SWF-filer?

Få tänker på vad som är faktiskt en SWF-format animationsfil, med tanke på den vanliga videon.

Faktum är att filerna själva sammanställs derivat från FLA-källformatet, vilket i sin tur är ett projekt där du kan se och ändra den ursprungliga strukturen. Naturligtvis behöver du några typer av SWF-filer. Men vad? Idag har det trots allt så många program skapats för att skapa och redigera Flash-animering som det är lätt att bli av med dem.

Så här öppnar du SWF-filen?

Återvänder till redaktörerna senare. Under tiden överväger vi hur du öppnar SWF-filen i den enklaste situationen. Alternativ minst två: Använd antingen någon form av programvara som stöder detta format (KMPlayer) eller kör uppspelning i en webbläsare.

I det andra fallet, för korrekt reproduktion, är förutsättningen för närvaron av den installerade Flash Player-pluginet från Adobe eller dess analog i form av Macromedia Flash-expansion, som i allmänhet är densamma.

Principen att redigera Ready Flash-Roller

Nu är några ord om hur det färdiga projektet redigeras i allmänna termer. Redaktören för SWF-projekten av den mest primitiva typen är lätt att öppna filen, eftersom den färdiga SWF-filen, som redan nämnts, sammanställs och innehåller ett minimum av information om den ursprungliga strukturen.

Således, innan den enklaste SWF-filredigeraren används, måste först den färdiga filen översättas, så att tala, i en läsbar vy. Med andra ord måste det dekompileras i FLA-källformen. För detta tillämpas speciella verktyg, vilket kommer att sägas separat.

De bästa redaktörerna för att skapa animering från början

De enklaste applikationerna kan dock användas för att skapa en rulle (och inte redigera) vid det ursprungliga steget och hela programvaran för professionell nivå.

Alla kommer inte att kunna beskriva, men bland de som är avsedda för dessa program kan särskiljas av flera mest populära:

  • Alligator Flash Designer.
  • Swish max.
  • Adobe Flash Professional.
  • Corel R.a.v.e.
  • Sony Vegas Pro.

Alligator Flash Designer.

Denna SWF-redaktör på ryska från allt som presenteras är det enklaste och avsedda främst att snabbt skapa animerade banderoller som kommer att användas på webbplatserna på Internet.

Verktygen till nybörjaren av nybörjaren är inte så mycket, ändå finns det cirka hundra trettio olika effekter, förmågan att skapa en animerad text, ritningar eller infoga ljud. Gränssnittet till gränsen är enkelt och förståeligt, så att den här applikationen är mycket väl lämpad för utvecklingen av en animering av denna typ av animering.

Swish max

Den här animationsfilredigeraren liknar det tidigare verktyget, även om det ser något mer komplext för nybörjaren.

Med det kan du skapa mer professionellt arbete med god kvalitet. Att hantera det kommer att kunna någon användare på grund av det faktum att själva applikationen ger video lektioner som förklarar grunderna för att skapa animerade rullar.

Adobe Flash Professional

Adobe Flash SWF-filredigeraren är ett program för professionell nivå, som inte kommer att kunna behärska första gången.

I hans arsenal finns det så många verktyg som, som många professionella webbdesigners och animatörer överväger, med hjälp med hjälp av någon fantasi. Förresten, om du tittar på världens programvarubetyg av detta område, är Adobe Flash-applikationerna från CS och CC-serien de ovillkorliga ledarna.

Corel R.a.v.e.

Vi har en annan professionell SWF-redaktör med funktioner som är jämförbara med föregående paket av Adobe.

Från det mest intressanta kan du notera möjligheten att dra tvådimensionella föremål, som definierar sin rörelse på en förutbestämd väg, bindning till den angivna banan, vilket skapar en tvilling av ett animerat objekt för att ändra endast storlek, färg eller plats, varefter Programmet utför automatiskt den nödvändiga konverteringen och animerar bilden. Naturligtvis är det inte allt som kan den här applikationen. Studera det och beundra allt med nya och nya funktioner under mycket lång tid.

Sony Vegas Pro.

Detta paket för att arbeta med video är verkligen i vyn behöver inte. Även de som aldrig varit engagerade i arbete med multimedia Denna typ har inte varit kända om honom. Naturligtvis är det inte en SWF-redaktör som sådan, men verktygen för att skapa animering i det är och mycket värdig uppmärksamhet.

Programmet låter dig skapa och redigera animerade rullar (i det här fallet läggs tonvikten på dem) med mer än 200 effekter, redigering kan göras baserat på ett 8-bitars läge och vid slutstadiet för att förbättra kvaliteten Byt till 32-bitars. Omedelbart kan färgfilter användas för att eliminera skillnader i olika fragment, ställa in rundfrekvensen vid nivån av 30 fps och högre, och även etablera en mängd olika bildsaspektförhållanden, inklusive även transformationer och övergångar mellan dem (4: 3, 16 : 9, 16: 10), etc. I allmänhet är verktygen tillräckligt.

Ytterligare verktyg för arbete med Flash

Tala om att skapa och redigera animerade rullar, du kan inte komma runt parterna och några ytterligare verktyg som kan vara användbara i jobbet. I synnerhet handlar det om omvandlingen av den slutliga SWF-filen till källformatet för FLA-projektet genom att dekompilera (kodformatering), liksom några ytterligare verktyg som används för att förbättra bildkvaliteten och minska storleken på den slutliga filen utan förlust av kvalitet.

Bland de mest nödvändiga programmen kan noteras enligt följande:

  • Flash Decompiler Trillix.
  • Sothink SWF dekompiler.
  • Flash Optimizer.
  • Sparkle SWF Optimizer.

Flash Decompiler Trillix.

Det här programmet behöver en nybörjare för att konvertera SWF-filen till FLA-format så att projektet kan upptäckas även i den enklaste redigeraren och göra de nödvändiga ändringarna.

Faktum är att det här är en avancerad omvandlare med redaktörens kapacitet, där förändringar kan göras "på flugan". Det kan också också vara batchkonvertering. Och det här är allt gjort utan den obligatoriska installationen av Adobe och Macromedia plug-ins.

Sothink SWF dekompiler

Detta program är också en dekompilerredigerare, sanningen betalas. Dess möjligheter är mycket intressanta. Det är inriktat på snabb skapande eller redigering av banners, rullar och till och med flashspel.

För nybörjare ger bilagan för närvaro av en speciell "master" baserat på valet av formen och strukturen i det framtida projektet från de befintliga mallarna. Dessutom kan du arbeta med källkoden, tillämpa alla typer av filter, effekter eller skapa vektorbilder i en speciell WYSIWYG-miljö.

Flash Optimizer och Sparkle SWF Optimizer

Dessa två små verktyg, som redan förståeligt från titeln, är några optimeringar som låter dig minska storleken på den färdiga SWF-filen för att spara utrymme utan kvalitetsförlust. Speciellt kommer de att använda alla som marscherar sitt arbete på Internet eller är engagerat i att skapa banners och online-spel Flash-format.

Som framgår av de officiella arbetsplatserna tillåter dessa verktyg komprimering och minska storleken på källobjektet med så mycket som 70%. De har flera typer av optimering med automatisk omvandling efter angivande av de nödvändiga parametrarna.

Vad ska man använda?

Slutligen är frågan det viktigaste: "Vad ska man välja mellan allt detta?". Vi tror att nybörjare animatörer och webbdesigners börjar stå med de enklaste verktygen. De som förstår skapandet och redigeringen av SWF-klippen, utan tvekan, kommer professionella verktyg att vara lämpliga. Här är valet av användare. Men om så önskas och studier av referensinformation, som är tillgänglig i de flesta skickade applikationer, kan du dock behärska arbeta med dem helt enkelt. Men vilken redaktör är bättre? Till höger om Palma Championship tillhör utvecklingen av Adobe, även om de återstående redaktörerna och dekompilanterna inte är värda att avslöja.

Du trodde inte att han gömde sig bakom den vackra animationen av banderoller på internet? Eller för nybildade teckningar skapade med hjälp av datorteknik? Oftast är de baserade på "kött", det är mer noggrant översatt från den engelska namnet Flash-tekniken. Idag kommer vi att prata om Flash Animation för webbplatsen:

Flashteknik

Multimediabasen utvecklades av Macromedia. Men efter hennes absorption (fusion) bytte alla rättigheter till teknik till den nya ägaren - Adobe-systemen.

Region av modern användning Adobe Flash:

  • Att skapa webbapplikationer är en ganska ny riktning. Det innebär full eller partiell användning av blixt för att skapa webbplatser. Med partiell användning med denna teknik skapas separata designelement: olika interaktiva menyer, animerade knappar, etc.

Jämfört med vanliga resurser baserade på HTML har Flash-platser några funktioner som begränsar deras tillämpning. Detta kan hänföras till den större kostnaderna för utveckling, serverresursbehov, lång laddningstid med en långsam anslutning till Internet och några andra aspekter:

  • Genomförandet av multimedia-funktioner - För att lyssna på ljud och spela video på webbplatser används mediaspelare som skapas baserat på blixt. Deras utveckling innefattar användningen av ett av skriptspråken (oftare javascript):
  • I internetannonsering - oftast används tekniken för att skapa animerade banderoller. De menar inte bara uppspelningen av multimediaannonsering, utan också någon interaktion med användaren på spelbasis.

Grundläggande och verktyg för utveckling av Flash

För att skapa en flash-animering används den traditionella verktygslådan från Adobe oftast:

  • Adobe Flash Professional är ett program för att skapa en interaktiv animering (animator);
  • Adobe Flash Builder - Onsdag för att skapa webbapplikationsgränssnitt;
  • Adobe Flash Player är en integrerad att spela spelare spelare för att spela Flash.

Utöver det kan multimediainnehållet i denna typ ha ett antal program från tredje part. De mest populära av dem är gnash, QuickTime och några andra:

Med denna teknik kan du visa vilken typ av grafik som helst ( raster, vektor, 3d). Och stöder också strömmande relä av ljud- och videodata. Speciellt för mobila enheter utvecklades en lätt version av Flash Lite.

Huvudstandarden för Flash-filer är SWF-förlängningen. Förkortningen dekrypteras som litet webbformat. Den video som spelats in i Flash har FLV-filtillägg, F4V.

Grunden för utvecklingen av interaktiv animering till Flash Lies Vector Graphics. Det var på grund av detta att det var möjligt att genomföra stöd från multimediaplattformen och oberoende av kvaliteten på animering från skärmupplösningen.

Flash-filstorleksansökningar är desamma för alla användare, oavsett skärmspecifikationer (behörigheter).

Interaktiv animering på Flash är baserad på morphing (vektortyp), där ett långsamt flöde mellan nyckelramarna inträffar. För att spela upp data används en Flash Player, vars arbete i stor utsträckning liknar Javascript-virtuell maskin. Programkomponenten i tekniken implementeras med hjälp av ActionScript-språket.

Bristen på teknik inkluderar följande punkter:

  • Stark belastning på klientmaskinens centrala processor. Detta beror på den låga effektiviteten hos den virtuella virtuella maskinen som är inbäddad med spelaren i användarens webbläsare;
  • Hög sannolikhet för fel - blinkande flash animering kan uppstå med en stor sannolikhet för fel förekomst. Dessutom påverkar Flash-uppspelningsfel negativt arbetet med hela klientprogrammet (webbläsare). Detta beror på detta med otillräcklig kontroll av programtoleransen för programkoden när du skapar Flash-applikationer.
  • Omöjligheten att indexera är hela textinnehållet som visas i Innehållet i Flash, deltar inte i indexeringsprocessen. Denna begränsning är särskilt problematisk för de resurser som är baserade på denna teknik.

Översikt över program från tredje part för att skapa Flash

Som ett upplevt urval av en ansökan som vi kommer att visa grunden för att skapa blixt, togs en Sothink SWF snabbare. Enligt många yrkesverksamma är programmet mest förståeligt och lätt att utforska.

Förutom att skapa och redigera en blixt, vet redaktören "att arbeta med alla andra typer av webbanimering (GIF, HTML och andra standarder):

Efter installationen, gå till ett vänligt programgränssnitt. Tyvärr, efter vandring för alla promotorer av gränssnittsspråket, hittade vi inte.

För att förstå hur du gör en flash-animering i den här applikationen, använd de inbyggda mallarna. Dialogrutan New Frome-mall visas omedelbart efter att programmet startats. Dessutom kan det kallas genom huvudmeny "File". Bland de föreslagna alternativen valde vi skapandet av en banner:

I det andra fönstret på guiden från rullgardinsmenyn, välj mallen för vilken animationen kommer att inträffa. Under det är en liten ram där den valda mallen spelas:

I följande steg måste du ställa in bannerns storlek och ange 5 fraser av texten som spelas i animationen. Dessutom måste du ange adressen till den resurs som användaren kommer att leda Clic på bannern:

Efter att ha sammanställt projektet och stänger wizard-fönstret kan du se den resulterande rullen i den inbyggda spelaren. För att göra detta, klicka på den gröna pilen på toppen:

Efter att ha stängt spelaren, låt oss studera applikationsgränssnittet mer detaljerat. Observera att den består av två huvudfönster: toppen är utformad för att redigera rullarens tidsintervall, och botten är en vanlig grafisk redigerare. Var och en av elementen är placerad på ett separat lager, som är tillgängligt för ändring med standardverktyg som finns på sidofältet:

Skapad Flash Animation för webbplatsen kan publiceras. Publikationsmetoden kan väljas genom att klicka på toppen på "Publish" -knappen. Det föreslås att man väljer tre alternativ, inklusive att infoga i HTML-kod. Detaljerad konfiguration av denna process finns i ett separat "Publish Settings" -fönster.

I dagens lektion kommer du att lära dig hur du skapar en Flash Banner Online Newcomer utan kunskap om Onov Flash Animation och utan speciella program (läs). Det är nödvändigt att nämna att på internet finns det ett stort antal generatorer som låter dig skapa banderoller, inklusive i Flash-format (SWF), men de flesta är engelsktalande utan stöd av ryska teckensnitt. Jag letar speciellt efter en tjänst där du kan skapa en banner med rysk text.

Låt mig påminna dig om att banners är grafisk annonseringsplats, blogg eller någon annan webbsida. Animerade banners kan vara i Flash-format (SWF) och i form av GIF-animering (läs - den här tjänsten hjälper dig att skapa en GIF-banner). Bannerannonsering på Internet är utbredd och ganska effektiv.

För att skapa en Flash Banner Online, klicka på länken.

I bannerns nu generator, klicka på knappen "Skapa banner nu".

På den nya sidan väljer du storleken på den framtida bannern.

Du kan välja en av standardbannern storlekar eller ange dina inställningar. Här kan du välja en bakgrund av banner och clipart eller ladda ner din egen. För att göra detta, sätt ett fält motsatt objekt Egen bakgrund. , välj kategorin bilder från de föreslagna (djur, mat, bakgrunder, djur, knappar, etc.) eller ladda med knappen ladda upp filer. .

Tryck på "Skapa banner" igen.

Så vi kom in i Flash Editor Banners. Om du inte fick ett val av din bakgrund, kan du välja en ny. Under arbetsområdet i dokumentet hittar du ett galleri av bilder (bildgalleri) och knappen Ladda upp filer (ladda ditt foto till redigeraren). Efter att ha lagt till bakgrunden, redigera sin position och storlekar genom att dra kanten på bilden.

Använd förhandsgranskning (förhandsgranskningsbanner) för att styra arbetet vid mellanstadier.

Till höger om arbetsområdet ser vi lager. Du kan justera transparensen (Alpha Property), ändra sekvensen av lager och radera onödigt.

Till vänster om arbetsytan ser du en väg med diabilder. Som standard glider bannern 1. Du kan lägga till bilder, duplicera, radera, ändra glidens varaktighet. För att radera eller lägga till en bild, klicka på ikonen Inställningar i nedre högra hörnet av bilden:

Vi ändrar glidens varaktighet genom att ändra tiden nära klockikonen (du kan också hitta under bilden).

Från ovan ser du effekterna för text. De är uppdelade i kategorier:

  • visas (utseende)
  • bo (statisk)
  • försvinner (försvinnande).

Om du klickar på knappen bredvid effekterna kan du välja effekten för bilden.

Efter att ha lagt till text väljer du dess färg, storlek, teckensnitt, plats i inställningarna till vänster om arbetsytan.

När du skapade en flush banner online måste du ladda ner den. Klicka på knappen Hämta Banner (SWF).

Här sätter vi inställningarna:

  • autoplay (Auto),
  • uPPREPA,
  • knappläge (knappläge),
  • banner hyperlänk (sidan där bannern kommer att referera till),
  • Öppna URL på ny sida (Öppna sidan i ett nytt fönster),
  • använd preload (använd sida nedladdning bild),
  • skicka hane av banner till mitt e-postmeddelande (skicka en kopia av bannern till mitt e-postmeddelande).

Här är en sådan banner från oss:

Jag erbjuder dig några fler generatorer flash banners med stöd av det ryska språket:

  • www.animationonline.com.
  • www.lact.ru/banner/en.
  • www.flashbanner-maker-online.com/customsizebanner3.php.

Dessa tjänster är lättare att använda, så ansökningsinstruktionen är inte nödvändig.

Om du har frågor kan du fråga dem i kommentarerna.
Videolektion för att arbeta med service

Ett par gånger måste det redan svettas över en inte helt standarduppgift: Det finns en Flash-banner (fil i Format.swf), som måste göras ... I allmänhet är sådana saker gjorda i spolen själv medan du utvecklar en banner, och länken är direkt banner utan att lägga den i taggen . Men tydligen glömd att fråga kunden, där bannern skulle leda, och Syo flyttas på axlarna i Vestcher. Och här är det ett problem.

Alternativ 1 (icke-fungerande). Tanken kommer med go. Tanken om dumt wrap bannern med referens. Men om du helt enkelt lindrar Flash Banner-koden i taggen Links Flash Banner-koden, kommer du inte att ha någonting: När du svänger markörens banner, kommer länken i statusfältet inte att vara synlig och klicken kommer ge inte något till bannern.

Alternativ 2 (icke-fungerande). En sofistikerad projeser kommer att gå vidare och försöka göra ett länkblock och ställa det helt direkt ovanpå bannern, ställa in det till z-index mer. Men, märkligt nog, det kommer inte ge någonting. Det är dags att vända problemet: flashobjekt som standard har ett oändligt Z-index "Ohm, överlappande, även absolut placerade objekt.

Alternativ 3 (delvis arbetar). För att spara blixt från ett oändligt Z-index "A, Flash-utvecklare" A gav oss en bekväm parameter: Eller helt enkelt wmode \u003d "opak", om du bädde in flash igenom .

Här får vi följande alternativ:

Men det är inte allt! När allt kommer omkring, om det inte finns någon text i länken, är det konstigt vägrade att arbeta i IE 6-9 (om länken fortfarande kommer att vara texten, kommer den här texten ovanpå Flash Banner att vara ganska klickbar i IE), och som vanligt för åsnan behöver vi speciell krycka ...

Alternativ 4 (100% arbete)

För att alternativet 3 ska fungera och i IE behövs en unik kryckning - för att ställa in en transparent bakgrund med en ensidig transparent bild (i detta fall s.gif):

Det här alternativet fungerar i alla populära webbläsare. Jag personligen kontrollerade på IE7-9, relevant för idag versioner av FF, Safari, Opera.







2021. gtavrl.ru..