Hjälp och självstudiekurser - helpx.adobe.com · Arbeta med Fireworks-filer i Flash 386 Använda Flash Professional med Adobe Scout 389 Arbeta med TLF-text (Text Layout Framework)

Hjlp och sjlvstudiekurserADOBE FLASH PROFESSIONAL

InnehllNyheter 1

Sammanfattning av nya funktioner 2Sammanfattning av nya funktioner 2014 11Nyheter i Flash Professional CS6 18Sammanfattning av nya funktioner 21

Plattformar 30Konvertera till andra dokumentformat 31Std fr anpassade plattformar 32Skapa och publicera ett HTML5 Canvas-dokument 34Skapa och publicera ett WebGL-dokument 41Paketera program fr AIR fr iOS 46Publicera AIR fr Android-program 52Publicera fr Adobe AIR fr datorprogram 56Instllningar fr ActionScript-publicering 64API-referens fr anpassade plattformar 69Arbeta med ActionScript 70Skapa hjlpmedelsanpassat innehll 77God praxis riktlinjer fr hjlpmedel 86Hjlpmedel p arbetsytan i Flash 89Felska ActionScript 3.0 92Skriva och hantera skript 96Arbeta med plugin-program fr anpassade plattformar 105God praxis organisera ActionScript i ett program 108Aktivera std fr anpassade plattformar 109

Arbetsyta och arbetsflde 114Anvnda scen- och verktygspanelerna 115Arbetsflde och arbetsyta i Flash 119Tidslinjer och ActionScript 128Arbeta med flera tidslinjer 131Ange instllningar i Flash 132Anvnda redigeringspanelerna i Flash 138Tidslinjelager 144Flytta och kopiera objekt 150Synka instllningarna fr Flash Professional med Creative Cloud 152Arbeta med panelen Adobe Color 156Mallar 158

Skapa en Sprite-mall 159Sk och erstt i Flash 161ngra, gr om och panelen Historik 164Kortkommandon 167Tidslinjen 169Skapa HTML-tillgg 172

Animering och interaktivitet 174Benverktyget 175Animeringsguide 186Arbeta med animering med klassisk interpolering 190Animering med rrelseinterpolering 201Redigera rrelseinterpoleringar med rrelseredigeraren 222Forminterpolering 230Bildrutor och nyckelbildrutor 235Bildruta-fr-bildruta-animering 238Anpassade penslar 240Skapa och publicera ett HTML5 Canvas-dokument 244Grunderna vid animering 251Skapa knappar 255Arbeta med flera tidslinjer 258Arbeta med scener 259Skapa och publicera ett WebGL-dokument 261God praxis annonsera med Flash 266Skapa interaktivitet med kodfragment 269Anvnda maskeringslager 271

Multimedia och video 273Arbeta med videoreferenspunkter 274Lgga till videoklipp i Flash 275Skapa videofiler fr anvndning i Flash 283Anvnda ljud i Flash 289Omforma och kombinera grafiska objekt 297Arbeta med biblioteket 303Rita linjer och former 309Kontrollera stavning 323Arbeta med Photoshop PSD-filer i Flash 3243D-grafik 330Tillmpa mnster med sprejpenseln 337Ordna objekt 338

Automatisera uppgifter med menyn Kommandon 340Rita i Flash 342Rita med ritstift 347Bdda in teckensnitt fr enhetlig text 352Ritinstllningar 354Skala och cacha symboler 356Grafikfilter 359Exportera SVG-filer 366Dela biblioteksobjekt mellan filer 369Omforma linjer och former 373Linjer, fyllningar och vertoningar 376Arbeta med panelen Adobe Color 384Arbeta med Fireworks-filer i Flash 386Anvnda Flash Professional med Adobe Scout 389Arbeta med TLF-text (Text Layout Framework) 391Arbeta med Illustrator AI-filer i Flash 404Arbeta med InDesign-filer i Flash 412Arbeta med symbolinstanser 413Arbeta med symboler 417Arbeta med Adobe Premiere Pro och After Effects 421

Exportera och publicera 424Exportera frn Flash 425Exportera SVG-filer 427Exportera grafik och video 430Publicera Flash-dokument 434Skapa en Sprite-mall 439Exportera ljud 441Exportera QuickTime-videofiler 443Instllningar fr publicering 444God praxis tips fr att skapa innehll p mobila enheter 463God praxis strukturera FLA-filer 469God praxis beteendekonventioner 471God praxis riktlinjer fr utveckling av SWF-program 473God praxis optimera FLA-filer fr SWF-utdata 477God praxis videokonventioner 485Styra extern videouppspelning med ActionScript 487Arbeta med Adobe Premiere Pro och After Effects 491Arbeta med Flash Pro och Flash Builder 494

Exportera projektorfiler 497Instllningar fr ActionScript-publicering 498Exportera video med Flash Professional CS6 503Publiceringsmallar fr HTML 505

Nyheter

1

Sammanfattning av nya funktionerFlash Professional CC 2015

I 2015 rs version av Adobe Flash Professional CC terinfrs benverktyget,som du kan anvnda fr att skapa benarmaturer med hjlp av symboler ellerformer som enkelt kan omvandlas till verklighetstrogna animeringar. Versioneninnehller ven funktioner fr import av H.264-video, en universelldokumenttypskonverterare, integrering med de senaste versionerna av FlashPlayer och AIR SDK och mnga fler frbttringar. Nedan ges en kortintroduktion till de nya funktionerna i den senaste uppdateringen av FlashProfessional CC, och du hittar ven lnkar till andra resurser med merinformation.

Adobe Flash Professional CC version 2015 har funktioner fr att skapafantastiska tecknade figurer med verklighetstrogna rrelser med det nyabenverktyget. Du kan ocks konvertera projekt till valfria dokumenttyper medden universella dokumenttypskonverteraren, importera H.264-videofilmer ocharbeta med de senaste versionerna av Flash Player och AIR SDK. Allt dettaoch mnga fler frcka funktioner hjlper dig att skapa grafik- ochanimeringsprojekt som slr det mesta.

verst p sidan

Nyheter och frbttringarAdobe Flash Professional CC version 2015

BenverktygetImportera H.264-videofilmer med ljudExportera bitmappar som Sprite-mallar fr HTML5 CanvasPenselskalning med scenens zoomnivUniversell dokumenttypskonverterareFrbttrade arbetsflden fr ljudFrbttrad rrelseredigeringPanellsningStd fr kodfragment fr WebGLFrbttringar av SDK fr anpassade plattformarIntegrering med den senaste versionen av Flash Player och AIR SDKIntegrering med de senaste CreateJS-bibliotekenTypeScript-definitionsfil fr API:t fr WebGL-miljnvriga frbttringar

Systemkrav

Adobe Flash Professional CC version 2015

Benverktyget

2

Nyheter i Flash Professional CC 2015

Flash Professional CC version 2015 har funktioner fr att skapa verklighetstrogna rrelser hos animeradefigurer med det nya benverktyget.

Benverktyget i Flash har funktioner fr omvnd kinematik (IK). Omvnd kinematik (IK) r ett stt att animeraobjekt med hjlp av ben som kedjas i linjra eller frgrenade armaturer i verordnade och underordnaderelationer. Nr ett ben flyttas, flyttas kopplade ben i frhllande till det. Med omvnd kinematik kan du enkeltskapa naturliga rrelser. Om du vill animera med hjlp av omvnd kinematik (IK) anger du start- ochslutpositionerna fr benen p tidslinjen. Flash interpolerar automatiskt positionerna fr benen i armaturenmellan start- och slutbildrutorna.

Du kan anvnda omvnd kinematik p fljande stt:

Genom att anvnda en form som en behllare fr flera ben. Du kan till exempel lgga tillben p en teckning av en orm s att den slingrar sig realistiskt. Du kan rita de hrformerna i objektritlget. Genom att kedja symbolinstanser. Du kan till exempel lnka filmklipp med en bl, arm,underarm och hand s att de rr sig realistiskt i frhllande till varandra. Varje instans harbara ett ben.

Benverktyget har kontroller p scenen fr att skapa strre precision i rrelserna. Med kontrollerna p scenenkan du vxla mellan lgena Lst, ppet och Begrnsat fr rotations- och versttningsegenskaper frindividuella ben i IK-armaturen. Nu kan du justera de hr begrnsningarna direkt p scenen och se tydligtvad som hnder.

Kontroller p scenen fr benverktyget

Mer information om hur du anvnder benverktyget finns i Benverktyget

Importera H.264-videofilmer med ljud


Utver FLV-videofilmer har den hr versionen ocks ett alternativ fr att bdda in H.264-videofilmer ptidslinjen. Nr en H.264-video har bddats in terges videons bildrutor p scenen nr du drar tidslinjen. P sstt kan du anvnda videofilmer som en guide fr att synkronisera animeringen p scenen. EftersomFlash Player och andra miljer inte har std fr tergivning av inbddade H.264-videofilmer publiceras deinte. Import av H.264-video r bara avsedd att anvndas under designarbetet.

Ljuduppspelning r aktiverat fr H.264-videofilmer. Nu kan du vlja alternativet Inkludera ljud vid import avH.264-videofilmer. Efter import till scenen (med alternativet Placera instansen p scenen markerat) br ljudetfr de relevanta bildrutorna spelas upp nr du drar tidslinjen. Nr du spelar upp tidslinjen (Retur) branimeringen spelas upp med den importerade videons bildrutehastighet, s att ljudet r synkroniserat medvideobildrutorna p scenen.

Du kan lsa mer om import av H.264-videofilmer i Lgga till videoklipp i Flash.

S hr importerar du video:

Klicka p Arkiv > Importera > Importera video och markera alternativet Bdda in H.264-videofilmer ptidslinjen (endast vid designarbetet det gr inte att exportera videon) som visas i fljande bild:

3

http://idiom-q-win-1/se/flash/using/bone-tool-animation.htmlhttp://idiom-q-win-1/se/flash/using/add-video-flash.html

Mer information om att anvnda ljud finns i Anvnda ljud i Flash.

Exportera bitmappar som Sprite-mallar fr HTML5 Canvas


Med Exportera alla bitmappar som Sprite-mallar kan du paketera alla bitmappar i ett HTML5 Canvas-dokument i en Sprite-mall. En ny kryssruta, Exportera alla bitmappar som Sprite-mallar, har lagts till och denr som standard aktiverad. Du kan ange den hgsta tilltna storleken p Sprite-mallen genom att angevrden fr hjd och bredd i publiceringsinstllningarna. Den hr frbttringen minskar antaletserverfrfrgningar, vilket ger bttre prestanda.

Du hittar mer information om den hr funktionen i Skapa och publicera HTML5 Canvas-dokument.

Penselskalning med scenens zoomniv

4

http://idiom-q-win-1/se/flash/using/using-sounds-flash.htmlhttp://idiom-q-win-1/se/flash/using/creating-publishing-html5-canvas-document.html

Frn och med den hr versionen av Flash Professional skalas penselstorleken proportionellt med scenenszoomniv. Med proportionell zoomning fr du en automatisk anpassning efter zoomnivn nr du ritar och kansamtidigt frhandsgranska arbetet. Om du vill terg till det tidigare standardbeteendet fr penslar, med enfast pixelstorlek ven nr scenens zoomniv ndras, mste du avmarkera kryssrutan Zoomstorlek med scen iegenskapsinspektren fr penslar.

A. ka/minska penselstorlek B. Frhandsgranska penselstorlek C. Alternativ fr att skala penselstorlekenefter scenens zoomniv

Du hittar mer information om den hr funktionen i Anpassade penslar.

Universell dokumenttypskonverterare


Med dokumenttypskonverteraren kan du konvertera befintliga FLA-projekt (alla typer) till andra dokumenttypersom HTML5 Canvas eller WebGL.

Om du vill anvnda den hr funktionen klickar du p Kommandon > Konvertera till andra dokumentformat ochvljer sedan mldokumenttyp och anger skvgen fr den konverterade filen.

Du kan lsa mer om dokumenttypskonverteraren i Konvertera till andra dokumentformat.

Frbttrade arbetsflden fr ljud


Frbttrat arbetsflde fr import

I tidigare versioner av Flash Pro var du tvungen att importera ljudfilen till biblioteket och sedan lgga till den iett lager p tidslinjen. I den hr versionen kan du importera ljudet direkt till scenen/tidslinjen genom att draoch slppa filen p ett lager eller genom att anvnda alternativet Arkiv > Importera > Importera till scenen.

Alternativet Dela ljud p snabbmenyn

Direktuppspelat ljud som r inbddat p tidslinjen kan enkelt delas via snabbmenyn Dela ljud. Med Dela ljudkan du pausa ljudet nr det behvs och sedan teruppta ljuduppspelningen frn den punkt d den stoppadesi en senare bildruta p tidslinjen.

Kom ihg alternativ fr ljudsynkronisering i egenskapsinspektren

Alternativen fr synkronisering sparas nu i egenskapsinspektren i Flash Pro. Om du vljer ett ljud i delenLjud i egenskapsinspektren och sedan frsker ange ett annat ljud i en ny nyckelbildruta viaegenskapsinspektren kommer Flash ihg synkroniseringsalternativen Direktuppspelning och Hndelse frn

5

http://idiom-q-win-1/se/flash/using/custom-brushes.htmlhttp://idiom-q-win-1/se/flash/using/universal-document-type-converter.html

det fregende ljudet.

Du kan lsa mer om ljud i Flash i Anvnda ljud i Flash.

Frbttrad rrelseredigering


Funktionen Klistra in har frbttrats p fljande stt:

Klistra in: Fram till version 2014.1 gller fljande: Nr du kopierar en kurva irrelseredigeraren och anvnder alternativet Klistra in fr att klistra in den i ett nyttintervall klistras den in inom den aktuella kurvans intervall och inte med absoluta vrden. Iden hr versionen klistrar alternativet Klistra in in kurvan med absoluta vrden.Klistra in i det aktuella omrdet: Det hr alternativet fungerar nu som det gamlaalternativet Klistra in och klistrar in kurvan inom den aktuella kurvans intervall och intemed absoluta vrden.

Du kan lsa mer om Rrelseredigeraren i Redigera rrelseinterpoleringar med rrelseredigeraren.

Panellsning

Ett nytt alternativ, Ls/Ls upp, har lagts till p panelernas utfllbara menyer fr att lsa dockan. Nr endocka vl r lst gr det inte att flytta panelerna i den, men du kan fortfarande ndra storlek p dem. P sstt slipper du rka ut fr att du flyttar eller ndrar storlek p panelerna av misstag.

Std fr kodfragment fr WebGL

Frn och med den hr versionen r kodfragment tillgngliga fr vissa vanliga tgrder i WebGL-dokument.

Obs! Den hr frbttringen finns bara i den engelska versionen av programmet.

6

http://idiom-q-win-1/se/flash/using/using-sounds-flash.htmlhttp://idiom-q-win-1/se/flash/using/editing-motion-tween-using-motion.html

Frbttringar av SDK fr anpassade plattformar

Den hr versionen innehller fljande frbttringar av SDK fr anpassade plattformar och exempelplugin-programmet:

Mjlighet att frga efter typen fr en bibliotekssymbol: ILibraryItem::GetProperties()returnerar den extra nyckeln "SymbolType" fr symboler. Vrdet p nyckeln kan vara"Button," "MovieClip" eller "Graphic".Mjlighet att skilja p knapp och filmklipp: Fram till den frra versionen behandladesknappinstanser som filmklipp av bde DOM och IFrameCommandGenerator-tjnsten.Frn och med Flash Pro CC 2015 finns ett grssnitt med std fr knappinstanser. OmIMovieClip-instansen ven implementerar IButton-grnssnittet kan den behandlas som enknappinstans. De fyra lgena fr en knapp, Upp, ver, Ned och Trff, mappas alltid tillbildrutorna 0, 1, 2 och 3. Filen IButton.h innehller mer information om knappinstansen.Nytt API fr att hmta grnserna fr IClassicText-objekt: Funktionen AddClassicText iITimelineBuilder-grnssnittet returnerar nu ett CLASSIC_TEXT_INFO_2-objekt (i stlletfr det gamla CLASSIC_TEXT_INFO), som innehller en ny "fltgrns" som representerargrnserna fr IClassicText-objektet.

Du kan lsa mer om API:er fr anpassade plattformar i API-referens fr anpassade plattformar.

Integrering med den senaste versionen av Flash Player och AIR SDK

I den hr versionen r Flash Player version 17.0 och AIR SDK 17.0 integrerade.

Integrering med de senaste CreateJS-biblioteken

I den hr versionen av Flash Professional r de senaste CreateJS-biblioteken integrerade.

Eftersom de senaste biblioteken inte hanteras via CDN n avmarkerar du kryssrutan Hanterade bibliotek idelen Avancerat i dialogrutan Publiceringsinstllningar (Redigera > Publiceringsinstllningar > Avancerat) fratt visa utdata.

TypeScript-definitionsfil fr API:t fr WebGL-miljn

Flash Professional CC innehller en TypeScript-definitionsfil fr API:t fr WebGL-miljn, som du kan anvndafrn ditt Typescript-projekt tillsammans med kodtips, formatering, felkontroll och andra funktioner som finns iden utvecklingsmilj du anvnder.

Du kan ladda ned definitionsfilen och exempelprojektet och lsa mer om hur du anvnder dem i TypeScript-definitionsfil fr API:t fr WebGL-miljn.

vriga frbttringar


Optimeringar av Spara-funktionen

Den hr versionen innehller fljande frbttringar av Spara-funktionen:

7

http://idiom-q-win-1/se/flash/using/custom-platform-support-api-reference.htmlhttp://idiom-q-win-1/se/flash/kb/typescript-definition-file-for-webgl-runtime-api.htmlhttp://idiom-q-win-1/se/flash/kb/typescript-definition-file-for-webgl-runtime-api.html

Optimeringen av algoritmen fr Spara-funktionen innebr att det gr fortare att sparaFLA-filerProblem med att filer skadas nr de sparas via ntverket har nu lsts

Optimering av automatisk terstllning

Fljande frbttringar av automatisk terstllning ingr i den hr versionen:

Inga ondiga filer fr automatisk terstllning skapas i Flash Professional. En fil frautomatisk terstllning skapas bara om dokumentet ndrats sedan de senaste filerna frautomatisk terstllning skapades.Frloppsindikatorn visas bara nr Flash Pro r det aktiva programmet.Filen fr automatisk terstllning tas inte bort frrn kommandot Spara har slutfrts.

Fljande ndringar av automatisk terstllning medfr att du slipper hamna i en ondlig slinga av automatiskaterstllningar:

En gonblicksbild av de filer som ndrats sedan den senaste terstllningen skapas vidvarje terstllningstidpunkt.Timern fr nsta automatiska terstllning startas inte frrn den hr processen harslutfrts.

Du kan lsa mer om alternativen fr automatisk terstllning i Flash i Ange instllningar i Flash.

Ordna importerade GIF-filer i biblioteket

Tack vare den hr frbttringen kan du importera animerade GIF-filer p ett mer ordnat stt, s att biblioteketinte blir stkigt och svrhanterat. I tidigare versioner placerades importerade GIF-resurser i biblioteketsrotmapp utan korrekta namn. I den hr versionen skapas en mapp med namnet GIF och alla associeradebitmappar placeras i den. Som fljande bild visar namnges bitmapparna nu korrekt baserat p derassekvens.

Ls mer om hur du ordnar biblioteket i Arbeta med biblioteket.

Biblioteksskning via lnkningsnamn

I den hr versionen har skpanelen fr biblioteket frbttrats och nu kan du ska efter symboler viaActionScript-lnkningsnamn, utver att ska efter symbolnamn.

Ls mer om hur du sker i biblioteket i Arbeta med biblioteket.

Invertera markering

Det hr nya alternativet p menyn Redigera och p scenens snabbmeny inverterar de objekt eller former somfr tillfllet r markerade p scenen.

8

http://idiom-q-win-1/se/flash/using/set-preferences-flash.htmlhttp://idiom-q-win-1/se/flash/using/library.htmlhttp://idiom-q-win-1/se/flash/using/library.html

Klistra in och skriv ver bildrutor


Med det nya snabbmenyalternativet Klistra in och skriv ver bildrutor i tidslinjen kan du klistra in kopieradebildrutor genom att erstta det exakta antalet bildrutor, utan att skjuta bildrutor framfr dig. Detta erstter detbefintliga sttet att markera det exakta antalet bildrutor som ska ersttas med samma antal kopieradebildrutor. Om du till exempel vill kopiera tio bildrutor frn en tidslinje och erstta samma antal bildrutor p enannan tidslinje kopierar du bara tio bildrutor och anvnder Klistra in och skriv ver bildrutor fr att klistra indem vid den frsta bildrutan. Den frsta bildrutan och de efterfljande nio bildrutorna skrivs d ver med detio kopierade bildrutorna.

Ls mer om alternativen fr inklistring i Arbeta med animering med klassisk interpolering.

terstll tidslinjezoomning till standardniv

Nu kan du terstlla tidslinjezoomningen till standardnivn med en enda klickning, enligt bilden.

9

http://idiom-q-win-1/se/flash/using/classic-tween-animation.html

Twitter- och Facebook-inlgg omfattas inte av villkoren i Creative Commons-licensen.

Juridiska meddelanden | Onlinesekretesspolicy

verst p sidan

Systemkrav

Ls systemkraven fr Adobe Flash Professional CC 2015 p Systemkrav | Flash Professional.

Se venVersionsinformation fr Flash Professional CC 2015Nyheter i Flash Professional CC | 2014

10

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/sv_SE/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_sehttp://idiom-q-win-1/se/flash/system-requirements.htmlhttp://idiom-q-win-1/se/flash/release-note/flash-professional-cc-2015.htmlhttp://idiom-q-win-1/se/flash/using/whats-new-2014.html

Sammanfattning av nya funktioner 2014

Adobe Flash Professional CC 2014 r en utvecklingsmilj fr att skapaanimeringar och multimedieinnehll fr webben, som grafiska designers kananvnda fr att skapa interaktiva upplevelser som ser likadana ut p bdedatorer och mobilenheter. Nedan ges en kort introduktion till de nyafunktionerna i den senaste uppdateringen av Flash Professional CC, och duhittar ven lnkar till andra resurser med mer information.

I uppdateringen av Adobe Flash Professional CC 2014 fr juli 2014 finnsett API-biblioteket fr WebGL-miljn (Web Graphics Library) som du anvnderfr att lgga till interaktivitet till WebGL-animeringar genom att frndra elementi en scen och kontrollera uppspelningen.

verst p sidan

Nyheter och frbttringarAdobe Flash Professional CC 2014 | Version frn februari 2015

Optimeringar fr HTML5 CanvasLjuddelningMaskeringsstd i SDK fr anpassade plattformar

Adobe Flash Professional CC 2014 | Oktober-versionAnimeringsguideAnpassad penselStd fr ljud och bildruteskript i WebGL-dokumentFrbttrad anvndbarhetPublicera program fr Intel x86-baserade Android-enheterPublicera AIR-program med delad krningsmiljImportera SWF-filer

Adobe Flash Professional CC 2014 | Juli-versionNy och bttre rrelseredigerareSkapa och publicera WebGL-innehllExportera till SVG-formatFrbttra linjer med verktyget fr variabel breddKuler-panelenSkapa HTML-tillgg fr Flash Professional CCSynkronisera arbetsytor med Adobe Creative CloudAndra viktiga frbttringar

Systemkrav

Adobe Flash Professional CC 2014 | Version frn februari 2015

Nyheter i Flash Professional CC 2014 | Version frn februari 2015

Uppdateringen frn februari 2015 fr Flash Professional CC 2014 innehller funktioner fr att paketera 64-bitars binra filer s att de uppfyller kraven frn Apple med effekt frn 1 februari 2015. Med AIR 16.0 friOS kan du generera 64-bitars binra filer med alternativet Aktivera snabbare paketering p fliken Distribution

11

i dialogrutan AIR fr iOS-instllningar som r aktiverad som standard.

Obs! Eftersom AIR 16.0 inte har slppts fr Android r en delad milj inte tillgnglig i versionen. Du kananvnda den inbddade AIR-miljn fr Android-program.

Mer information om att paketera AIR fr iOS finns i Paketera program fr AIR for iOS.

Optimeringar fr HTML5 Canvas


Med den hr versionen kan du optimera utdata fr dokumenttypen HTML5 Canvas genom att inte exporteraoanvnda medieresurser som ljud och bitmappar som finns i biblioteket. Instllningen r aktiverad somstandard vilket innebr att oanvnda medier utan lnkar inte exporteras och att bara de medieobjekt (ljud,bitmappar) som anvnds p scenen inkluderas i utdata. Det innebr att storleken minskar avsevrt, specielltom det finns ett stort antal sdana medieobjekt i biblioteket som inte anvnds.

Flash Professional CC exporterar inte fljande objekt i HTML5 Canvas-biblioteket:

Alla oanvnda biblioteksobjekt, som symboler, ljud och bitmappar utan lnkningResurser i stdlinjelagerResurser i dolda lager om Inkludera dolda lager inte r valt i publiceringsinstllningarnaResurser i oanvnda bildrutor fr grafiksymboler

Om ditt innehll har resurser som faller inom kategorierna ovan, optimerar Flash Professional storleken ppublicerade utdata genom att utelmna oanvnda och dolda resurser.

Mer information om funktionen finns i Skapa och publicera ett HTML5 Canvas-dokument.

Ljuddelning


Direktuppspelat ljud som r inbddat p tidslinjen kan nu enkelt delas via snabbmenyn Dela ljud. Dela ljudinfogar en tom nyckelbildruta och ljudet fortstter i nsta nyckelbildruta vilket gr att du kan pausa ljudet nrdet behvs och sedan teruppta ljuduppspelningen vid den punkt ljudet stoppades i en senare bildruta ptidslinjen.

Gr fljande nr du vill dela ett ljudklipp p tidslinjen:

Mer information om att dela ljud finns i Anvnda ljud i Flash.1. Vlj Arkiv > Importera > Importera till biblioteket. 2. Markera ljudklippet och importera det till biblioteket. 3. Skapa ett nytt lager p tidslinjen och lgg till klippet p lagret. 4. Under Egenskaper > Ljud ska du vlja Synk som Direktuppspelning.5. Hgerklicka p bildrutan dr du vill dela ljudet och klicka p Dela ljud.

Maskeringsstd i SDK fr anpassade plattformar


Den hr versionen har std fr maskering i tjnsten IFrameCommandGenerator. Det nya grnssnittetITimelineBuilder2, som bygger p det befintliga ITimelineBuilder, innehller de funktioner somplugin-programmet mste implementera fr att funktionen ska fungera.

Hmta filen CustomPlatformSupport_Eshwar_M04.zip i nedladdningsavsnittet nr du vill arbeta med vrsenaste SDK med std fr anpassade plattformar och plugin-exemplet.

Mer information att anvnda vr SDK med std fr anpassade plattformar finns i Aktivera std franpassade plattformar.

12

verst p sidan

Adobe Flash Professional CC 2014 | Oktober-version

Nyheter i Flash Professional CC 2014 | Oktober-version

Med oktober-versionen av Flash Professional CC 2014 fr du ett utvecklingsverktyg fr anpassadeplattformar, som hjlper dig att utka funktionerna i den kraftfulla Flash-plattformen till anpassade format somsaknar inbyggt std i Flash. Med hjlp av API:erna fr anpassade plattformar och exempelkoden iutvecklingsverktyget kan du skapa plugin-program fr nya format och distribuera dem via Adobes webbplatsfr tillgg. Anvndare kan hmta lmpliga plugin-program fr sina publiceringsbehov frn Adobes webbplatsfr tillgg, installera dem med Flash Professional CC 2014 och brja skapa och publicera kreativa resurser.

Du hittar mer information om std fr anpassade plattformar i Std fr anpassade plattformar.

Om du vill lra dig att bygga ett plugin-program med utvecklingsverktyget fr anpassade plattformar lser duAktivera std fr anpassade plattformar.

Anvisningar om hur du hmtar, installerar och anvnder plugin-program fr anpassade plattformar finns iArbeta med plugin-program fr anpassade plattformar.

Fullstndig referensdokumentation fr API:erna fr anpassade plattformar finns i API-referens franpassade plattformar.

Animeringsguide


Animeringsguiden i Adobe Flash Professional CC hjlper dig att frbttra de animeringar du skapar genomatt definiera en bana fr de objekt du animerar. Detta r srskilt anvndbart nr du arbetar p en animeringsom inte har en rak bana. Processen krver tv lager fr att skapa en animering. Det ena lagret innehllerdet objekt som du ska animera, och det andra definierar den bana som objektet ska flja under animeringen.Du kan bara anvnda animeringsguiden med klassiska interpoleringar.

Du hittar mer information om animeringsguiden och exempel i Animeringsguide.

Anpassad pensel


Med penselverktyget (B) i Adobe Flash Professional CC kan du definiera en anpassad pensel genom attange parametrar som form och vinkel. P s stt kan du skapa naturliga teckningar i projekt med enanpassad pensel som passar dina behov. Du skapar en anpassad pensel i Flash Professional genom attvlja penselverktyget i verktygsldan i egenskapsinspektren.

Mer information om hur du skapar och ndrar anpassade penslar finns i Anpassade penslar.

Std fr ljud och bildruteskript i WebGL-dokument


WebGL-dokumenttypen har frbttrats med fljande funktioner:

Ljud: WebGL-dokumenttypen i Flash Professional har nu std fr ljuduppspelning. Du kan importera ochbdda in ljud i WebGL-dokument, styra uppspelningen med hjlp av olika synkroniseringsinstllningar(hndelse, start och stopp) och spela upp ljud p tidslinjen vid krning.

Skript: Nu kan du skriva JavaScript-kod p panelen tgrder, som krs nr spelaren kommer in i bildrutan.Variabeln 'this' nr det gller bildruteskript avser den instans av MovieClip den tillhr. Bildruteskript kandessutom komma t JavaScript-funktioner och -variabler som deklareras i HTML-behllarfilen. Nr du

13

verst p sidan

kopierar en bildruta eller ett lager frn ett ActionScript-dokument och klistrar in den/det i ett WebGL-dokumentkommenteras eventuella skript bort.

Kodtips: WebGL-dokumenttypen innehller nu std fr kodtips, som underlttar WebGL-kodning medsammanhangsbaserade kodfrslag.

Prestanda: Tack vare den optimerade publiceringsprocessen fr WebGL gr publicering snabbare. Den hrversionen innehller ven flera prestandafrbttringar fr WebGL-dokument, som medfr att de krssnabbare p enheter.

Mer information om hur du skapar och publicerar interaktiva WebGL-dokument finns i Skapa och publiceraett WebGL-dokument.

Frbttrad anvndbarhet

Nyheter i Flash Professional CC 2014 | Oktober

Den hr versionen innehller fljande frbttringar:

Alternativen Vnd vgrtt och Vnd lodrtt har lagts till p panelen Omforma.Snabbmenyn har frbttrats genom att tidigare saknade alternativ som Omforma, Ordnaoch Justera har lagts till.Snabbmenyn fr rrelseredigeraren innehller nu alternativet Vnd, som du anvnder fratt vnda egenskapskurvor fr rrelse.

Publicera program fr Intel x86-baserade Android-enheter


Med den hr versionen av Flash Professional kan programutvecklare paketera sina AIR-program i bde lstaoch delade krningsmiljer fr Intel x86-baserade Android-enheter.

Publicera AIR-program med delad krningsmilj


Frn och med den hr versionen kan programutvecklare anvnda alternativet fr delad krningsmilj fr attpaketera AIR-program. Den delade krningsmiljn minskar storleken p programmet i frhllande till denlsta miljn (som ven innehller AIR). Nr du vljer alternativet fr delad krningsmilj vid publicering hmtarinstallationsprogrammet miljn frn en angiven plats under installationen.

Importera SWF-filer


Nu kan du importera SWF-filer till Flash Professional. Funktionen fr SWF-import r en av de mestefterfrgade funktionerna bland anvndarna i Flash Professional-forum. Funktionen underlttar import avprimitiva resurser till Flash Professional, dr de sedan kan redigeras ytterligare.

Men eftersom SWF r en tergiven fil r det flera datatyper, som ljud, interpoleringar, lagerinformation ochrrelsebanor som inte kan terimporteras till Flash.

Adobe Flash Professional CC 2014 | Juli-version

14

Nyheter i Flash Professional CC 2014 | Juli

Juli-versionen av Flash Professional CC 2014 innehller API-biblioteket fr WebGL-miljn. Med detta APIkan du ndra elementen i en scen och styra uppspelningen i GPU-accelererade animeringar som du skapar iWebGL-dokumentformat.

Du hittar mer information om API:t fr WebGL-miljn i API-referens fr WebGL-miljn Index.

Flj de steg som beskrivs p sidan Komma igng med WebGL-animering om du vill veta hur du skapar eninteraktiv WebGL-animering.

Ny och bttre rrelseredigerare

Nyheter i Flash Professional CC 2014 | Juni

I Flash Professional CC frn juni 2014 har rrelseredigeraren ftt ett mycket intuitivt och smidigt format. Dennya rrelseredigeraren underlttar arbetet med att frfina rrelseinterpoleringar. Du kommer enkelt trrelseredigeraren frn tidslinjen, och med den frbttrade designen r det nu enkelt och smidigt att redigeraegenskapskurvor. Med den nya rrelseredigeraren kan du i ngra enkla steg skapa komplexa ochengagerande interpoleringar, som emulerar hur objekt beter sig i verkligheten.

Du hittar mer information i Redigera rrelseinterpoleringar med rrelseredigeraren.

Skapa och publicera WebGL-innehll


Flash Professional CC har inbyggt std fr WebGL-formatet (Web Graphics Library). Nu kan du skapa ochpublicera WebGL-innehll direkt frn Flash Professional CC. I den senaste uppdateringen finns en nydokumenttyp, WebGL (frhandsgranskning), som innehller frinstllda dokument- ochpubliceringsinstllningar. Nu kan du arbeta med bekanta funktioner som tidslinjen, arbetsytan och verktygen iFlash Professional samt producera WebGL-innehll.

Flash Professional CC kan utnyttja GPU-accelererad bearbetning och tergivning av WebGL-innehll, som rintegrerat i de flesta moderna webblsare.

Du hittar mer information i Skapa och publicera ett WebGL-dokument.

Obs! WebGL-dokumenttypen r en experimentell funktion som bara finns som frhandsgranskning, och denhar begrnsat std fr interaktivitet.

Exportera till SVG-format


I Flash Professional CC kan du exportera grafik i SVG-format (Scalable Vector Graphics). SVG r en ppen

15

webbstandard fr att skapa och publicera vektorgrafik. Med SVG-formatet kan du skapa och enkelt bdda ingrafik av hg kvalitet p de flesta webbsidor.

Vanliga bildformat som JPEG, PNG, BMP och GIF har lg upplsning och r ofta utrymmeskrvande mednegativ effekt p webbsidornas inlsningshastighet. Tack vare SVG-stdet i Flash Professional CC kan duskapa grafik med verlgsen kvalitet, som inte rastreras vid skalning (upplsningsoberoende).

Du hittar mer information i Exportera till SVG-format.

Frbttra linjer med verktyget fr variabel bredd


Frbttra linjer med verktyget fr variabel bredd i Flash Professional CC. Med breddverktyget kan du lggatill bredder med olika former och tjocklekar i ritningar p scenen. Med hjlp av variabel bredd kan duomvandla enkla linjer till snygg grafik. I Flash Professional CC kan du skapa och spara breddprofiler, som dusedan kan anvnda fr att ge ritningar p scenen variabel bredd.

Du hittar mer information i Frbttra linjer med verktyget Bredd.

Interpolera linjer med variabel bredd

Du kan nu forminterpolera linjer med variabel bredd. Tidigare kunde du bara interpolera heldragna linjer iFlash Pro. Nu kan du interpolera avancerade linjer som skapats med verktyget fr variabel bredd. I Flash Prokan du dessutom interpolera heldragna linjer som r associerade med standardbreddprofiler eller anpassadebreddprofiler.

Mer information finns i Forminterpolera linjer med variabel bredd.

Kuler-panelen

16



Alternativet fr att ngra p objektniv harteraktiverats och finns i dialogrutan Instllningar.Du hittar mer information i ngra, gr om ochpanelen Historik.

Export av projektorfiler har ocks teraktiverats.Lgg mrke till att alternativet fr att exporteraprojektorfiler finns p menyn Kommandon. Du hittarmer information i Exportera projektorfiler.

verst p sidan


Flash Professional CC har nu en integrerad Kuler-panel, ett molnbaserat program fr att skapa frgtemanmed iPhone eller webblsare p datorer. Med Kuler-panelen kan du synkronisera dina frgskapelser direkt tillFlash Professional CC via Creative Cloud. Om du vill skapa frgteman med Kuler besker du den hrwebbsidan.

Du hittar mer information i Arbeta med Kuler-panelen.

Skapa HTML-tillgg fr Flash Professional CC

Frbttringar i Flash Professional CC 2014 | Juni

Du kan utka Flash Professional CC med HTML-tillgg. Tidigare gick det bara att integrera FlashProfessional CC med SWF-tillgg som paketerats med Adobe Extension Builder. Med Adobe ExtensionBuilder 3 kan du emellertid skapa och paketera HTML-tillgg som kan skickas till Adobe Exchange. FlashProfessional CC har frbttrats fr att utnyttja HTML-tillgg som paketerats med Extension Builder 3. Du kanladda ned dessa tillgg med Adobe Exchange och hantera dem med Adobe Extension Manager direkt frnFlash Professional CC.

Du hittar mer information i Skapa HTML-tillgg.

Synkronisera arbetsytor med Adobe Creative Cloud

Frbttringar i Flash Professional CC 2014 | Juni

Nu kan du synkronisera instllningarna fr arbetsytan i Flash Professional CC med Creative Cloud. Du kananpassa arbetsytan efter dina behov, och via Creative Cloud kan du sedan teranvnda dessa anpassningarp flera enheter.

Du hittar mer information i Synkronisera Flash Professional-instllningar med Creative Cloud.

Andra viktiga frbttringar

Systemkrav


Se venNyheter i Flash Professional CC | 2013

17

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/sv_SE/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_sehttps://kuler.adobe.com/https://kuler.adobe.com/http://labs.adobe.com/technologies/extensionbuilder3/http://labs.adobe.com/technologies/extensionbuilder3/https://www.adobeexchange.com/http://www.adobe.com/exchange/em_download/http://idiom-q-win-1/se/flash/using/whats-new-flash-professional-cc.html

Nyheter i Flash Professional CS6

Till brjan

Till brjan

Till brjan

Till brjan

Till brjan

Den hr artikeln innehller en versikt ver nyheterna i Adobe Flash Professional CS6.

Std fr Adobe AIR 3.4 (endast uppdatering 12.0.2 fr Flash Professional CS6)Toolkit for CreateJS 1.2Simulering av mobilinnehll fr AIRVlja ntverksgrnssnitt fr fjrrfelskning fr AIRToolkit for CreateJSExportera sprite-mallarHgeffektiv SWF-komprimeringPublicering i lget DirektStd fr tergivningslget Direkt i AIR-plugin-programFelska iOS via Wi-FiStd fr lsta miljer fr AIRANE-tillgg fr AIRHmta den senaste Flash Player inifrn Flash ProExportera PNG-sekvens

Std fr Adobe AIR 3.4 (endast uppdatering 12.0.2 fr Flash Professional CS6)I och med uppdatering 12.0.2 fr Flash Professional CS6 utkas stdet i Flash Professional fr AIR 3.4 och Flash Player 11.4. Med den hruppdateringen kan Flash Professional dessutom utnyttja funktioner frn AIR 3.4 som frbttrar utvecklingsarbetsfldet fr iOS-enheter.

Distribuera AIR-program direkt p iOS-enheterSystemspecifik iOS-simulatorStd fr hgupplst Retina-skrm fr nya iPad

Toolkit for CreateJS 1.2I version 1.2 av Toolkit for CreateJS finns utkat std fr att konvertera knappar till HTML5. I uppdateringen finns ven korrigeringar fr flera JSX-relaterade fel. Andra problem s som utelmnande av flera tomma nyckelbildrutor har ven tgrdats i denna uppdatering.

Du kan hmta och installera Toolkit for CreateJS 1.2 frn Adobe Extension Manager CS6. Mer information om Toolkit finns i Anvnda Toolkit forCreateJS i Flash Professional.

Simulering av mobilinnehll fr AIRMed den nya simulatorn fr mobilinnehll kan du simulera maskinvarutangenter, accelerometer, flerberringsgester och geografiska platser.

Vlja ntverksgrnssnitt fr fjrrfelskning fr AIRNr du publicerar ett AIR-program fr en Android- eller iOS-enhet kan du vlja vilket ntverksgrnssnitt som ska anvndas fr fjrrfelskning.Flash Pro paketerar IP-adressen fr det valda ntverksgrnssnittet i felskningsmobilprogrammet. Programmet kan sedan ansluta automatiskt tillvrdens IP-adress fr att starta en felskningssession s fort programmet startas p mlmobilenheten. Du kommer t instllningen via Arkiv >Publiceringsinstllningar, dr du vljer fliken Distribution i dialogrutan AIR-instllningar. Mer information finns i artiklarna Paketera program fr AIRfr iOS och i Publicera fr Adobe Air fr datorer.

Toolkit for CreateJSToolkit for CreateJS i Adobe Flash Professional r ett tillgg till Flash Professional CS6 som anvnds av designers och animatrer fr att skaparesurser fr HTML5-projekt med hjlp av CreateJS JavaScript-bibliotek med ppen kllkod. Tillgget har std fr de flesta viktiga animerings- och

18

http://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit-createjs.htmlhttp://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit-createjs.htmlhttp://helpx.adobe.com/se/flash/using/packaging-applications-air-ios.htmlhttp://helpx.adobe.com/se/flash/using/packaging-applications-air-ios.htmlhttp://helpx.adobe.com/se/flash/using/publishing-adobe-air-desktop.html

Till brjan

Till brjan

Till brjan

Till brjan

Till brjan

Till brjan

Till brjan

illustrationsfunktionerna i Flash Professional som exempelvis vektorer, bitmappar, klassiska interpoleringar, ljud, rrelsestdlinjer, animerademasker och tidslinjeskript fr JavaScript. Med Toolkit for CreateJS kan du i en enda klickning exportera innehllet p scenen och i biblioteket somJavaScript-kod. Den hr koden kan du sedan frhandsgranska i webblsaren, s att du enkelt kommer igng med att bygga uttrycksfullt HTML5-baserat innehll.

Toolkit for CreateJS r avsett att hjlpa Flash Pro-anvndare med vergngen till HTML5. Det gr symboler i biblioteket och i innehllet pscenen till tydlig formaterad JavaScript-kod som r lttfrstlig, redigeringsbar och teranvndningsbar av utvecklare som interaktivt kan lgga tillnytt innehll med JavaScript och CreateJS-API:er som r vlbekanta fr ActionScript 3-anvndare. Toolkit for CreateJS publicerar ven en enkelHTML-sida som gr det ltt att frhandsgranska resurserna. Mer information finns i den hr artikeln.

Exportera sprite-mallarNu kan du exportera en sprite-mall genom att vlja en symbol i biblioteket eller p scenen. En sprite-mall r en enda bildfil, som innehller allabildelement som anvnds i den valda symbolen. Elementen r ordnade i ett rutnt i filen. Du kan ocks inkludera bitmappar i biblioteket nr duvljer en symbol i biblioteket. S hr skapar du en sprite-mall:

1. Vlj en symbol i biblioteket eller p scenen.2. Hgerklicka och vlj Exportera Sprite-mall.

Hgeffektiv SWF-komprimeringFr SWF-filer med Flash Player 11 eller senare som ml finns det nu en ny komprimeringsalgoritm, LZMA. Den nya komprimeringen kan vara upptill 40 % mer effektiv, srskilt fr filer som innehller mycket ActionScript-kod eller vektorgrafik.

1. Vlj Arkiv > Publiceringsinstllningar2. Vlj alternativet Komprimera filmen i delen Avancerat i dialogrutan och vlj sedan LZMA p menyn.

Publicering i lget DirektDet finns ett nytt fnsterlge, Direkt, fr maskinvaruaccelererat innehll via Stage3D. (Stage3D krver Flash Player 11 eller senare.)

1. Vlj Arkiv > Publiceringsinstllningar2. Vlj HTML-wrapper.3. Vlj Direkt p menyn Fnsterlge.

Mer information finns i den hr artikeln.

Std fr tergivningslget Direkt i AIR-plugin-programMed den hr funktionen lggs std fr tergivningslget Direkt fr StageVideo/Stage3D i Flash Player till i AIR-program. Den nya instllningenrenderMode=direct kan anvndas i programbeskrivningsfilen fr ett AIR-program. Du kan ange lget Direkt fr AIR for Desktop, AIR for iOSoch AIR for Android.

Felska iOS via Wi-FiDu kan nu felska AIR-program p iOS via Wi-Fi, bl.a. brytpunkter, stega in och stega ut, variabelvervakning och sprning.

Mer information om hur du felsker AIR-program finns i AIR Debug Launcher (ADL).

Std fr lsta miljer fr AIRDialogrutan Publiceringsinstllningar i AIR har nu ett alternativ fr att bdda in AIR-miljn i program-paketet. Ett program med inbddad milj kan kras p alla datorer, Android-enheter och iOS-enheter utan att den delade AIR-miljn behver varainstallerad.

Adobe rekommenderar:

Titta p videofilmerna om Adobe AIR med std fr lst krningsmilj fr Mobiler och Datorer.

ANE-tillgg fr AIR

19

http://www.adobe.com/go/learn_fl_createJS_toolkit_sehttp://helpx.adobe.com/se/flash/using/publish-settings-cs5-5.htmlhttp://help.adobe.com/sv_SE/air/build/WSfffb011ac560372f-6fa6d7e0128cca93d31-8000.htmlhttp://tv.adobe.com/watch/adc-presents/adobe-air-with-captive-runtime-support-for-mobile/http://tv.adobe.com/watch/adc-presents/adobe-air-with-captive-runtime-support-for-desktop/

Nyckelord: Nyheter i Flash CS6, Nya funktioner i Flash Professional CS6, Nya funktioner i Flash CS6, Nyheter i Flash Professional CS6

Twitter- och Facebook-poster omfattas inte av villkoren i Creative Commons.


Till brjan

Till brjan

Du kan inkludera ANE-tillgg i de AIR-program du utvecklar med Flash Pro. Med hjlp av ANE-tillgg kan dina program komma t alla funktionerp mlplattformen, ven om sjlva miljn inte har inbyggt std fr dem.

Adobe rekommenderar:

Titta p dessa videofilmer: ANE-tillgg fr Android, Del 1 och Del 2.

Hmta den senaste Flash Player inifrn Flash ProDu kan nu g direkt till hmtningssidan fr Flash Player p Adobe.com frn Hjlp-menyn i Flash Pro.

Exportera PNG-sekvensAnvnd den hr funktionen fr att generera bildfiler, som kan anvndas av Flash Pro och andra program fr att generera innehll. PNG-sekvenseranvnds till exempel ofta i spel. Med den hr funktionen kan du exportera en sekvens med PNG-filer frn ett biblioteksobjekt eller frn enskildafilmklipp, bildsymboler och knappar p scenen.

1. Vlj ett filmklipp, en knapp eller en bildsymbol i biblioteket eller p scenen.2. Hgerklicka fr att visa snabbmenyn.3. Vlj Exportera PNG-sekvens.4. I dialogrutan Spara vljer du nskad plats fr utdata. Klicka p OK.5. Ange nskade alternativ i dialogrutan Exportera PNG. Klicka p Exportera fr att exportera PNG-sekvensen.

20

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/sv_SE/legalnotices/index.htmlhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_sehttp://gotoandlearn.com/play.php?id=148http://gotoandlearn.com/play.php?id=149

Sammanfattning av nya funktionerFlash Professional CC 2015

I 2015 rs version av Adobe Flash Professional CC terinfrs benverktyget,som du kan anvnda fr att skapa benarmaturer med hjlp av symboler ellerformer som enkelt kan omvandlas till verklighetstrogna animeringar. Versioneninnehller ven funktioner fr import av H.264-video, en universelldokumenttypskonverterare, integrering med de senaste versionerna av FlashPlayer och AIR SDK och mnga fler frbttringar. Nedan ges en kortintroduktion till de nya funktionerna i den senaste uppdateringen av FlashProfessional CC, och du hittar ven lnkar till andra resurser med merinformation.

Adobe Flash Professional CC version 2015 har funktioner fr att skapafantastiska tecknade figurer med verklighetstrogna rrelser med det nyabenverktyget. Du kan ocks konvertera projekt till valfria dokumenttyper medden universella dokumenttypskonverteraren, importera H.264-videofilmer ocharbeta med de senaste versionerna av Flash Player och AIR SDK. Allt dettaoch mnga fler frcka funktioner hjlper dig att skapa grafik- ochanimeringsprojekt som slr det mesta.

verst p sidan

Nyheter och frbttringarAdobe Flash Professional CC version 2015

BenverktygetImportera H.264-videofilmer med ljudExportera bitmappar som Sprite-mallar fr HTML5 CanvasPenselskalning med scenens zoomnivUniversell dokumenttypskonverterareFrbttrade arbetsflden fr ljudFrbttrad rrelseredigeringPanellsningStd fr kodfragment fr WebGLFrbttringar av SDK fr anpassade plattformarIntegrering med den senaste versionen av Flash Player och AIR SDKIntegrering med de senaste CreateJS-bibliotekenTypeScript-definitionsfil fr API:t fr WebGL-miljnvriga frbttringar

Systemkrav

Adobe Flash Professional CC version 2015

Benverktyget

21


Flash Professional CC version 2015 har funktioner fr att skapa verklighetstrogna rrelser hos animeradefigurer med det nya benverktyget.

Benverktyget i Flash har funktioner fr omvnd kinematik (IK). Omvnd kinematik (IK) r ett stt att animeraobjekt med hjlp av ben som kedjas i linjra eller frgrenade armaturer i verordnade och underordnaderelationer. Nr ett ben flyttas, flyttas kopplade ben i frhllande till det. Med omvnd kinematik kan du enkeltskapa naturliga rrelser. Om du vill animera med hjlp av omvnd kinematik (IK) anger du start- ochslutpositionerna fr benen p tidslinjen. Flash interpolerar automatiskt positionerna fr benen i armaturenmellan start- och slutbildrutorna.

Du kan anvnda omvnd kinematik p fljande stt:

Genom att anvnda en form som en behllare fr flera ben. Du kan till exempel lgga tillben p en teckning av en orm s att den slingrar sig realistiskt. Du kan rita de hrformerna i objektritlget. Genom att kedja symbolinstanser. Du kan till exempel lnka filmklipp med en bl, arm,underarm och hand s att de rr sig realistiskt i frhllande till varandra. Varje instans harbara ett ben.

Benverktyget har kontroller p scenen fr att skapa strre precision i rrelserna. Med kontrollerna p scenenkan du vxla mellan lgena Lst, ppet och Begrnsat fr rotations- och versttningsegenskaper frindividuella ben i IK-armaturen. Nu kan du justera de hr begrnsningarna direkt p scenen och se tydligtvad som hnder.

Kontroller p scenen fr benverktyget

Mer information om hur du anvnder benverktyget finns i Benverktyget

Importera H.264-videofilmer med ljud


Utver FLV-videofilmer har den hr versionen ocks ett alternativ fr att bdda in H.264-videofilmer ptidslinjen. Nr en H.264-video har bddats in terges videons bildrutor p scenen nr du drar tidslinjen. P sstt kan du anvnda videofilmer som en guide fr att synkronisera animeringen p scenen. EftersomFlash Player och andra miljer inte har std fr tergivning av inbddade H.264-videofilmer publiceras deinte. Import av H.264-video r bara avsedd att anvndas under designarbetet.

Ljuduppspelning r aktiverat fr H.264-videofilmer. Nu kan du vlja alternativet Inkludera ljud vid import avH.264-videofilmer. Efter import till scenen (med alternativet Placera instansen p scenen markerat) br ljudetfr de relevanta bildrutorna spelas upp nr du drar tidslinjen. Nr du spelar upp tidslinjen (Retur) branimeringen spelas upp med den importerade videons bildrutehastighet, s att ljudet r synkroniserat medvideobildrutorna p scenen.

Du kan lsa mer om import av H.264-videofilmer i Lgga till videoklipp i Flash.

S hr importerar du video:

Klicka p Arkiv > Importera > Importera video och markera alternativet Bdda in H.264-videofilmer ptidslinjen (endast vid designarbetet det gr inte att exportera videon) som visas i fljande bild:

22

http://idiom-q-win-1/se/flash/using/bone-tool-animation.htmlhttp://idiom-q-win-1/se/flash/using/add-video-flash.html

Mer information om att anvnda ljud finns i Anvnda ljud i Flash.

Exportera bitmappar som Sprite-mallar fr HTML5 Canvas


Med Exportera alla bitmappar som Sprite-mallar kan du paketera alla bitmappar i ett HTML5 Canvas-dokument i en Sprite-mall. En ny kryssruta, Exportera alla bitmappar som Sprite-mallar, har lagts till och denr som standard aktiverad. Du kan ange den hgsta tilltna storleken p Sprite-mallen genom att angevrden fr hjd och bredd i publiceringsinstllningarna. Den hr frbttringen minskar antaletserverfrfrgningar, vilket ger bttre prestanda.

Du hittar mer information om den hr funktionen i Skapa och publicera HTML5 Canvas-dokument.

Penselskalning med scenens zoomniv

23

http://idiom-q-win-1/se/flash/using/using-sounds-flash.htmlhttp://idiom-q-win-1/se/flash/using/creating-publishing-html5-canvas-document.html

Frn och med den hr versionen av Flash Professional skalas penselstorleken proportionellt med scenenszoomniv. Med proportionell zoomning fr du en automatisk anpassning efter zoomnivn nr du ritar och kansamtidigt frhandsgranska arbetet. Om du vill terg till det tidigare standardbeteendet fr penslar, med enfast pixelstorlek ven nr scenens zoomniv ndras, mste du avmarkera kryssrutan Zoomstorlek med scen iegenskapsinspektren fr penslar.

A. ka/minska penselstorlek B. Frhandsgranska penselstorlek C. Alternativ fr att skala penselstorlekenefter scenens zoomniv

Du hittar mer information om den hr funktionen i Anpassade penslar.

Universell dokumenttypskonverterare


Med dokumenttypskonverteraren kan du konvertera befintliga FLA-projekt (alla typer) till andra dokumenttypersom HTML5 Canvas eller WebGL.

Om du vill anvnda den hr funktionen klickar du p Kommandon > Konvertera till andra dokumentformat ochvljer sedan mldokumenttyp och anger skvgen fr den konverterade filen.

Du kan lsa mer om dokumenttypskonverteraren i Konvertera till andra dokumentformat.

Frbttrade arbetsflden fr ljud


Frbttrat arbetsflde fr import

I tidigare versioner av Flash Pro var du tvungen att importera ljudfilen till biblioteket och sedan lgga till den iett lager p tidslinjen. I den hr versionen kan du importera ljudet direkt till scenen/tidslinjen genom att draoch slppa filen p ett lager eller genom att anvnda alternativet Arkiv > Importera > Importera till scenen.

Alternativet Dela ljud p snabbmenyn

Direktuppspelat ljud som r inbddat p tidslinjen kan enkelt delas via snabbmenyn Dela ljud. Med Dela ljudkan du pausa ljudet nr det behvs och sedan teruppta ljuduppspelningen frn den punkt d den stoppadesi en senare bildruta p tidslinjen.

Kom ihg alternativ fr ljudsynkronisering i egenskapsinspektren

Alternativen fr synkronisering sparas nu i egenskapsinspektren i Flash Pro. Om du vljer ett ljud i delenLjud i egenskapsinspektren och sedan frsker ange ett annat ljud i en ny nyckelbildruta viaegenskapsinspektren kommer Flash ihg synkroniseringsalternativen Direktuppspelning och Hndelse frn

24

http://idiom-q-win-1/se/flash/using/custom-brushes.htmlhttp://idiom-q-win-1/se/flash/using/universal-document-type-converter.html

det fregende ljudet.

Du kan lsa mer om ljud i Flash i Anvnda ljud i Flash.

Frbttrad rrelseredigering


Funktionen Klistra in har frbttrats p fljande stt:

Klistra in: Fram till version 2014.1 gller fljande: Nr du kopierar en kurva irrelseredigeraren och anvnder alternativet Klistra in fr att klistra in den i ett nyttintervall klistras den in inom den aktuella kurvans intervall och inte med absoluta vrden. Iden hr versionen klistrar alternativet Klistra in in kurvan med absoluta vrden.Klistra in i det aktuella omrdet: Det hr alternativet fungerar nu som det gamlaalternativet Klistra in och klistrar in kurvan inom den aktuella kurvans intervall och intemed absoluta vrden.

Du kan lsa mer om Rrelseredigeraren i Redigera rrelseinterpoleringar med rrelseredigeraren.

Panellsning

Ett nytt alternativ, Ls/Ls upp, har lagts till p panelernas utfllbara menyer fr att lsa dockan. Nr endocka vl r lst gr det inte att flytta panelerna i den, men du kan fortfarande ndra storlek p dem. P sstt slipper du rka ut fr att du flyttar eller ndrar storlek p panelerna av misstag.

Std fr kodfragment fr WebGL

Frn och med den hr versionen r kodfragment tillgngliga fr vissa vanliga tgrder i WebGL-dokument.

Obs! Den hr frbttringen finns bara i den engelska versionen av programmet.

25

http://idiom-q-win-1/se/flash/using/using-sounds-flash.htmlhttp://idiom-q-win-1/se/flash/using/editing-motion-tween-using-motion.html

Frbttringar av SDK fr anpassade plattformar

Den hr versionen innehller fljande frbttringar av SDK fr anpassade plattformar och exempelplugin-programmet:

Mjlighet att frga efter typen fr en bibliotekssymbol: ILibraryItem::GetProperties()returnerar den extra nyckeln "SymbolType" fr symboler. Vrdet p nyckeln kan vara"Button," "MovieClip" eller "Graphic".Mjlighet att skilja p knapp och filmklipp: Fram till den frra versionen behandladesknappinstanser som filmklipp av bde DOM och IFrameCommandGenerator-tjnsten.Frn och med Flash Pro CC 2015 finns ett grssnitt med std fr knappinstanser. OmIMovieClip-instansen ven implementerar IButton-grnssnittet kan den behandlas som enknappinstans. De fyra lgena fr en knapp, Upp, ver, Ned och Trff, mappas alltid tillbildrutorna 0, 1, 2 och 3. Filen IButton.h innehller mer information om knappinstansen.Nytt API fr att hmta grnserna fr IClassicText-objekt: Funktionen AddClassicText iITimelineBuilder-grnssnittet returnerar nu ett CLASSIC_TEXT_INFO_2-objekt (i stlletfr det gamla CLASSIC_TEXT_INFO), som innehller en ny "fltgrns" som representerargrnserna fr IClassicText-objektet.

Du kan lsa mer om API:er fr anpassade plattformar i API-referens fr anpassade plattformar.

Integrering med den senaste versionen av Flash Player och AIR SDK

I den hr versionen r Flash Player version 17.0 och AIR SDK 17.0 integrerade.

Integrering med de senaste CreateJS-biblioteken

I den hr versionen av Flash Professional r de senaste CreateJS-biblioteken integrerade.

Eftersom de senaste biblioteken inte hanteras via CDN n avmarkerar du kryssrutan Hanterade bibliotek idelen Avancerat i dialogrutan Publiceringsinstllningar (Redigera > Publiceringsinstllningar > Avancerat) fratt visa utdata.

TypeScript-definitionsfil fr API:t fr WebGL-miljn

Flash Professional CC innehller en TypeScript-definitionsfil fr API:t fr WebGL-miljn, som du kan anvndafrn ditt Typescript-projekt tillsammans med kodtips, formatering, felkontroll och andra funktioner som finns iden utvecklingsmilj du anvnder.

Du kan ladda ned definitionsfilen och exempelprojektet och lsa mer om hur du anvnder dem i TypeScript-definitionsfil fr API:t fr WebGL-miljn.

vriga frbttringar


Optimeringar av Spara-funktionen

Den hr versionen innehller fljande frbttringar av Spara-funktionen:

26

http://idiom-q-win-1/se/flash/using/custom-platform-support-api-reference.htmlhttp://idiom-q-win-1/se/flash/kb/typescript-definition-file-for-webgl-runtime-api.htmlhttp://idiom-q-win-1/se/flash/kb/typescript-definition-file-for-webgl-runtime-api.html

Optimeringen av algoritmen fr Spara-funktionen innebr att det gr fortare att sparaFLA-filerProblem med att filer skadas nr de sparas via ntverket har nu lsts

Optimering av automatisk terstllning

Fljande frbttringar av automatisk terstllning ingr i den hr versionen:

Inga ondiga filer fr automatisk terstllning skapas i Flash Professional. En fil frautomatisk terstllning skapas bara om dokumentet ndrats sedan de senaste filerna frautomatisk terstllning skapades.Frloppsindikatorn visas bara nr Flash Pro r det aktiva programmet.Filen fr automatisk terstllning tas inte bort frrn kommandot Spara har slutfrts.

Fljande ndringar av automatisk terstllning medfr att du slipper hamna i en ondlig slinga av automatiskaterstllningar:

En gonblicksbild av de filer som ndrats sedan den senaste terstllningen skapas vidvarje terstllningstidpunkt.Timern fr nsta automatiska terstllning startas inte frrn den hr processen harslutfrts.

Du kan lsa mer om alternativen fr automatisk terstllning i Flash i Ange instllningar i Flash.

Ordna importerade GIF-filer i biblioteket

Tack vare den hr frbttringen kan du importera animerade GIF-filer p ett mer ordnat stt, s att biblioteketinte blir stkigt och svrhanterat. I tidigare versioner placerades importerade GIF-resurser i biblioteketsrotmapp utan korrekta namn. I den hr versionen skapas en mapp med namnet GIF och alla associeradebitmappar placeras i den. Som fljande bild visar namnges bitmapparna nu korrekt baserat p derassekvens.

Ls mer om hur du ordnar biblioteket i Arbeta med biblioteket.

Biblioteksskning via lnkningsnamn

I den hr versionen har skpanelen fr biblioteket frbttrats och nu kan du ska efter symboler viaActionScript-lnkningsnamn, utver att ska efter symbolnamn.

Ls mer om hur du sker i biblioteket i Arbeta med biblioteket.

Invertera markering

Det hr nya alternativet p menyn Redigera och p scenens snabbmeny inverterar de objekt eller former somfr tillfllet r markerade p scenen.

27

http://idiom-q-win-1/se/flash/using/set-preferences-flash.htmlhttp://idiom-q-win-1/se/flash/using/library.htmlhttp://idiom-q-win-1/se/flash/using/library.html

Klistra in och skriv ver bildrutor


Med det nya snabbmenyalternativet Klistra in och skriv ver bildrutor i tidslinjen kan du klistra in kopieradebildrutor genom att erstta det exakta antalet bildrutor, utan att skjuta bildrutor framfr dig. Detta erstter detbefintliga sttet att markera det exakta antalet bildrutor som ska ersttas med samma antal kopieradebildrutor. Om du till exempel vill kopiera tio bildrutor frn en tidslinje och erstta samma antal bildrutor p enannan tidslinje kopierar du bara tio bildrutor och anvnder Klistra in och skriv ver bildrutor fr att klistra indem vid den frsta bildrutan. Den frsta bildrutan och de efterfljande nio bildrutorna skrivs d ver med detio kopierade bildrutorna.

Ls mer om alternativen fr inklistring i Arbeta med animering med klassisk interpolering.

terstll tidslinjezoomning till standardniv

Nu kan du terstlla tidslinjezoomningen till standardnivn med en enda klickning, enligt bilden.

28

http://idiom-q-win-1/se/flash/using/classic-tween-animation.html



verst p sidan

Systemkrav


Se venVersionsinformation fr Flash Professional CC 2015Nyheter i Flash Professional CC | 2014

29

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/sv_SE/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_sehttp://idiom-q-win-1/se/flash/system-requirements.htmlhttp://idiom-q-win-1/se/flash/release-note/flash-professional-cc-2015.htmlhttp://idiom-q-win-1/se/flash/using/whats-new-2014.html

Plattformar

Exportera till HTML5 frn Flash ProfessionalTom Barclay (27 februari 2012)Sjlvstudier - videoI den hr videon fr du en frhandsglimt av en spnnande funktion fr HTML5-export som Adobe Flash Professional-gruppen har arbetat med.CreateJS-verktyget kan underltta vergngen frn ActionScript-utveckling till JavaScript.

Anvnda SWC-filer fr att bygga upp stora Flash- och AIR-projekt med flera SWF-filer fr iOSTom Krcha (27 februari 2012)Sjlvstudier - textNr du utvecklar spelprogram fr Android eller Blackberry Tablet OS med Adobe AIR, kan du lsa in SWF-filer direkt under krningen; fr AIRfor iOS finns inte detta alternativ. P Android eller Blackberry Tablet OS tolkas koden frn ActionScript-bytekod, medan all kod fr iOS mstekompileras frn ActionScript-bytekod till systemspecifik bytekod som en IPA-fil, som du endast kan skapa frn en SWF-fil.

30

http://tv.adobe.com/watch/adobe-technology-sneaks-2012/export-to-html5-from-flash-professional/http://www.adobe.com/devnet/flash/articles/combine-swfs-with-swcs.html

Konvertera till andra dokumentformat



verst p sidan

Konvertera ett Flash Professional-dokument till ett annat dokumentformatKonvertera ett Flash-dokument med hjlp av dokumenttypskonverteraren

Konvertera ett Flash Professional-dokument till ett annatdokumentformat

Med dokumenttypskonverteraren kan du konvertera befintliga FLA-projekt (alla typer) till andra dokumenttypersom HTML5 Canvas, ActionScript/AIR, WebGL eller ngon anpassad dokumenttyp. Nr du konverterar till ettformat kan du utnyttja de redigeringsfunktioner som finns fr den dokumenttypen i Flash Professional.

Konvertera ett Flash-dokument med hjlp av dokumenttypskonverteraren

S hr konverterar du ett Flash-dokument till en annan dokumenttyp:

1. ppna det dokument som du vill konvertera och klicka p Kommandon > Konvertera tillandra dokumentformat. Dialogrutan Dokumenttypskonverterare visas.

2. Vlj den dokumenttyp till vilken du vill konvertera dokumentet i listan Konverteradokumentet till.

3. Klicka p Blddra och vlj den mapp dr du vill spara den konverterade filen. Klickasedan p OK.

Dialogrutan Dokumenttypskonverterare

Obs! Om du frsker konvertera ett dokument med flera scener till dokumenttypen HTML5 Canvas sparasalla scener som separata filer, eftersom HTML5 Canvas saknar std fr flera scener. Placera alla scener iseparata symboler om du vill anvnda dem i ett och samma dokument.

Du kan konvertera befintliga Flash-projekt till andra format eller teranvnda resurser i ett projekt genomatt helt enkelt kopiera och klistra in lager och bibliotekssymboler.

31

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/sv_SE/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_se

Std fr anpassade plattformar

verst p sidan

Obs!

Flash Professional har std fr att skapa avancerade bilder och animeringar med dokumenttyper som ActionScript, HTML5 och WebGL. Med hjlpav funktionen fr anpassade plattformar utkas funktionerna i Flash Professional CC till att ven omfatta plattformar som inte annars finns i Flash.

Du kan lgga till std fr anpassade plattformar i Flash Professional genom att implementera ett plugin-program med en uppsttning API:er somingr i utvecklingsverktyget fr anpassade plattformar. Utvecklare kan skapa plugin-program fr anpassade plattformar fr Flash med dessagrnssnitt och referera till exempelkoden. Genom att installera ett plugin-program fr plattformsstd fr en ny dokumenttyp kan anvndare skapaegna teckningar med de mnga funktionerna i Flash Professional och publicera i den anpassade plattformens utdataformat.

Arbetsflden

Funktionen fr anpassade plattformar bestr av tv delar: en fr utvecklare som skapar plugin-program fr anpassade plattformar och en annanfr anvndare som installerar och anvnder plugin-programmet.

Utvecklare

Om du r utvecklare och bygger tillgg fr Flash Professional kan du anvnda fljande arbetsflde fr att utveckla och distribuera dina plugin-program:

Anvisningar om hur du utvecklar plugin-program fr anpassade plattformar med utvecklingsverktyget finns i Aktivera std fr anpassadeplattformar.

Detaljerad dokumentation om API:erna i utvecklingsverktyget finns i API-referens fr anpassade plattformar.

Anvndare

Om du r Flash Pro-anvndare kan du hmta ett plugin-program fr anpassade plattformar p ngot av fljande stt:

Hmta plugin-programmet fr anpassade plattformar fr nskad plattform frn Adobes webbplats fr tillgg. P Adobes

32

http://idiom-q-win-1/se/flash/using/enabling-support-custom-platforms.htmlhttp://idiom-q-win-1/se/flash/using/enabling-support-custom-platforms.htmlhttp://idiom-q-win-1/se/flash/using/custom-platform-support-api-reference.htmlhttps://creative.adobe.com/addons

Nyckelord: custom platform support, flash professional, cc 2014, extending support to custom platforms, using flash to publish non-nativedocument formats, new document formats in flash



webbplats fr tillgg kan du hmta ett plugin-program och installera det med Adobe Creative Cloud-programmet. Hmta en .zxp-fil frn en plugin-utvecklare och installera den med Adobe Extension Manager.

Fljande arbetsflde visar hur du kan installera ett plugin-program fr anpassade plattformar och skapa ett eget dokument fr anpassad plattform.

Relaterad dokumentation

33

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/sv_SE/legalnotices/index.htmlhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_se

Skapa och publicera ett HTML5 Canvas-dokument

verst p sidan

verst p sidan

Vad r HTML5 Canvas?Den nya dokumenttypen HTML5 Canvas

Flash Professional och Canvas-programmeringsgrnssnittetSkapa ett HTML5 Canvas-dokumentLgga till interaktivitet i HTML5 Canvas-dokument

Anvnda JavaScript-kodfragmentReferenser till CreateJS-dokumentation

Publicera animeringar till HTML5Optimera HTML5 Canvas-utdata

Exportera bitmappar som Sprite-mallarOm HTML5 Canvas-utdataverfra befintligt innehll till HTML5 Canvas

ndringar som anvnds p innehll efter verfringKonvertera ActionScript 3 till HTML5 Canvas-dokument med JSFL-skriptKonvertera och teranvnda ActionScript-resurser i HTML5 Canvas

Vad r HTML5 Canvas?

Canvas r ett nytt element i HTML5, som tillhandahller programmeringsgrnssnitt fr att generera ochterge bilder, diagram och animeringar dynamiskt. Med programmeringsgrnssnittet HTML5 Canvas frHTML5-plattformen funktioner fr tvdimensionell ritning och blir nnu bttre. De flesta modernaoperativsystem och webblsare har std fr de hr funktionerna.

I princip r Canvas en motor fr bitmappstergivning. Bilderna r slutgiltiga och du kan inte ndra derasstorlek. Objekt som ritas med Canvas ingr inte heller i webbsidans DOM.

Inom en webbsida kan du lgga till Canvas-element med taggen . Du kan sedan frbttra de hr elementenmed JavaScript fr att skapa interaktivitet. Du hittar mer information p den hr webbsidan.

Den nya dokumenttypen HTML5 Canvas

Med Flash Professional CC kan du skapa ett HTML5 Canvas-dokument med bland annat utfrlig grafik,bilder och animeringar. En ny dokumenttyp (HTML5 Canvas), med inbyggt std fr att skapa interaktivtHTML5-innehll, har lagts till i Flash Pro. Det innebr att du kan anvnda tidslinjen, arbetsytan och verktygeni Flash Professional fr att skapa innehll, men nd producera HTML5-utdata. Med bara ngra fklickningar kan du skapa ett HTML5 Canvas-dokument och generera fullt fungerande utdata. Alternativen frdokument och publicering i Flash Pro r drfr frinstllda fr att generera HTML5-utdata.

Flash Professional CC r integrerat med CreateJS, som anvnds fr interaktivt innehll p ppnawebbplattformar via HTML5. Flash Pro CC genererar HTML- och JavaScript-kod fr innehll (bl.a. bitmappar,vektorer, former, ljud och interpoleringar) som skapas p scenen. Utdata kan kras p alla enheter ochwebblsare med std fr HTML5 Canvas.

Flash Professional och Canvas-programmeringsgrnssnittet

34

http://www.w3schools.com/html/html5_canvas.asp

verst p sidan

verst p sidan

Kodtips

Syntaxmarkering

Kodfrgning

Flash Pro publicerar till HTML5 via Canvas-programmeringsgrnssnittet. I Flash Pro verstts objekt somskapats p scenen till sina Canvas-motsvarigheter. Tack vare 1:1-mappning av Flash-funktioner motfunktioner i Canvas-programmeringsgrnssnittet kan du med Flash Pro publicera komplext innehll tillHTML5.

Skapa ett HTML5 Canvas-dokument

S hr skapar du ett HTML5 Canvas-dokument:

Nu kan du brja skapa HTML5-innehll med verktygen i Flash Pro. Nr du brjar arbeta med HTML5Canvas-dokumentet kommer du att mrka att vissa funktioner och verktyg inte stds och r inaktiverade.Detta beror p att Flash Professional bara har std fr de funktioner som i sin tur stds av Canvas-elementeti HTML5. 3D-omformningar, prickade linjer och avfasningseffekter stds till exempel inte.

1. Starta Flash Professional CC.2. Klicka p alternativet HTML5 Canvas p vlkomstskrmen. D ppnas en ny FLA-fil med

Publiceringsinstllningar som anpassats fr HTML5-utdata.3. Du kan ocks vlja menyalternativet Arkiv > Nytt fr att visa dialogrutan Nytt dokument.

Klicka p alternativet HTML5 Canvas.

Lgga till interaktivitet i HTML5 Canvas-dokument

Flash Professional CC publicerar HTML5-innehll med hjlp av CreateJS-bibliotek. CreateJS r en samlingmodulra bibliotek och verktyg som mjliggr anvndning av interaktivt innehll p ppna webbplattformar viaHTML5. CreateJS-samlingen bestr av: EaselJS, TweenJS, SoundJS, PreloadJS och Zo. CreateJSkonverterar innehll som skapats p scenen till HTML5 med dessa individuella bibliotek fr att produceraHTML- och JavaScript-utdatafiler. Du kan ven anpassa den hr JavaScript-filen fr att frbttra innehllet.

Men med Flash Professional CC kan du lgga till interaktivitet i objekt p scenen som skapats fr HTML5Canvas direkt. Det betyder att du kan lgga till JavaScript-kod till enskilda objekt p scenen inifrn Flash Prooch frhandsgranska under utvecklingsarbetet. Flash Pro har i sin tur inbyggt std fr JavaScript, medpraktiska funktioner i kodredigeraren som frbttrar arbetsfldet fr programmerare.

Du kan vlja enskilda bildrutor och nyckelbildrutor p tidslinjen fr att lgga till interaktivitet i innehllet. Fr ettHTML5 Canvas-dokument kan du lgga till interaktivitet med JavaScript. Du hittar mer information om attskriva JavaScript-kod p den hr webbsidan.

Du kan skriva JavaScript-kod direkt p tgrdspanelen, och fljande funktioner stds nr du skriverJavaScript-kod:

Anvnds fr att snabbt infoga och redigera JavaScript-kod, utan misstag. Nr du skriver tecken ptgrdspanelen visas en lista med frslag p det du skriver.

Flash Professional har dessutom std fr vissa inbyggda funktioner p tgrdspanelen nr du arbetar medHTML5 Canvas. De hr funktionerna frbttrar arbetsfldet nr du lgger till interaktivitet i objekt p scenen.De r:

Visar kod i olika teckensnitt eller frger beroende p syntaxen. Tack vare den hrfunktionen r det lttare att skriva kod p ett strukturerat stt, och du fr visuell hjlp att skilja p korrekt kodoch syntaxfel.

Visar kod i olika frger beroende p syntaxen. P s stt blir det lttare att se skillnad p olikadelar av en syntax.

35

http://www.w3schools.com/js/js_intro.asp

Parentes

verst p sidan

Utdata

Lgger automatiskt till inledande och avslutande parenteser nr du skriver JavaScript-kod.

(A) Syntaxmarkering (B) Kodfrgning (C) Parenteser

Du kan lgga till interaktivitet i former och objekt p scenen med JavaScript. Du kan lgga till JavaScript ienskilda bildrutor och nyckelbildrutor.

1. Markera den bildruta i vilken du vill lgga till JavaScript.2. Vlj Fnster > tgrder fr att ppna tgrdspanelen.

Anvnda JavaScript-kodfragment

Du kan lgga till interaktivitet med de JavaScript-kodfragment som finns i Flash Professional CC. Du kommert kodfragment genom att vlja Fnster > Kodfragment. Mer information om hur du lgger till JavaScript-kodfragment finns i den hr artikeln.

Referenser till CreateJS-dokumentation

CreateJS-bibliotek API-dokumentation Kodexempel p G

EaselJS http://createjs.com/Docs/EaselJS/modules/EaselJS.html https://github.com/create

TweenJS http://createjs.com/Docs/TweenJS/modules/TweenJS.html https://github.com/create

SoundJS http://createjs.com/Docs/SoundJS/modules/SoundJS.html https://github.com/create

PreloadJS http://createjs.com/Docs/PreloadJS/modules/PreloadJS.html https://github.com/create

Publicera animeringar till HTML5

S hr publicerar du innehll p scenen till HTML5:

1. Vlj Arkiv > Publiceringsinstllningar.2. Ange fljande instllningar i dialogrutan Publiceringsinstllningar:

Den katalog FLA-filen publiceras till. Som standard r detta samma katalog som FLA-filen finns i,men du kan ndra den genom att klicka p knappen Blddra "...".

36

http://createjs.com/Docs/EaselJS/modules/EaselJS.htmlhttps://github.com/createjs/easeljs/http://createjs.com/Docs/TweenJS/modules/TweenJS.htmlhttps://github.com/createjs/tweenjs/http://createjs.com/Docs/SoundJS/modules/SoundJS.htmlhttps://github.com/createjs/soundjs/http://createjs.com/Docs/PreloadJS/modules/PreloadJS.htmlhttps://github.com/createjs/preloadjs/

Repetera tidslinje

Publicera HTML

Alternativ fr resursexport

JavaScript-namnutrymmen

Hanterade bibliotek

Inkludera dolda lager

Komprimera former

Grnser fr flera bildrutor

Om du markerar detta repeteras tidslinjen, annars stoppar den nr slutet ns.

Om du inte markerar detta genereras inte HTML-filen.

Den relativa skvg dit bilder, ljud och CreateJS JavaScript-bibliotekexporteras. Om kryssrutan till hger inte r markerad exporteras dessa resurser inte frn FLA-filen, men denangivna skvgen anvnds nd fr att samla deras URL:er. Detta kan f publicering frn en FLA-fil medmnga medieresurser att g fortare eller frhindra att ndrade JavaScript-bibliotek skrivs ver.Med alternativet Exportera alla bitmappar som Sprite-mallar kan du paketera alla bitmappar i ettHTML5 Canvas-dokument i en Sprite-mall, vilket minskar antalet serverfrfrgningar och ger bttreprestanda. Du kan ange den hgsta tilltna storleken p Sprite-mallen genom att ange vrden fr hjd ochbredd.

Det namnutrymme i vilket symboler, bilder och CreateJS-bibliotek placeras ochfrn vilket dessa refereras.

Om du markerar detta anvnds kopior av de bibliotek som finns p CreateJS CDN pcode.createjs.com. P s stt kan biblioteken cachelagras och delas mellan olika platser.

Om du inte markerar detta inkluderas inte dolda lager i utdata.

Om du markerar detta genereras vektorinstruktioner i ett kompakt format. Avmarkeradet om du vill exportera lsbara, detaljerade instruktioner (bra vid utbildning).

Om du markerar detta inkluderar tidslinjesymboler en frameBounds-egenskap,som innehller en array med rektanglar som motsvarar grnserna fr varje bildruta p tidslinjen. Grnser frflera bildrutor kar publiceringstiden avsevrt.

37

Obs!

verst p sidan

verst p sidan

1. Klicka p Publicera fr att publicera innehllet till den angivna platsen.

En animering som skapats med kapslade tidlinjer i en och samma bildruta kan inte repeteras.

Optimera HTML5 Canvas-utdata

I Flash Professional kan du optimera HTML5 Canvas-utdata genom att:

Exportera bitmappar och Sprite-mallar med alternativet under Alternativ fr resursexport.Utesluta dolda lager (genom att avmarkera kryssrutan Inkludera dolda lager) ochstdlinjelager frn publicerade utdata (standard).Utesluta alla resurser som inte anvnds, som ljud och bitmappar, och alla resurser ioanvnda bildrutor (standard).Ange att resurserna frn FLA-filen inte ska exporteras genom att avmarkera alternativenfr resursexport fr bilder, ljud och CreateJS JavaScript-bibliotek som stds och anvndrelativa URL:er fr exporten.

Obs! Frn och med Flash Professional CC version 2015 har kryssrutan Optimera grafik tagits bort frndialogrutan Publiceringsinstllningar, eftersom Flash Professional utfr den hr optimeringen implicit underpublicering av HTML5 Canvas-dokument.

Exportera bitmappar som Sprite-mallar

Genom att exportera ett antal bitmappar som du har anvnt i ett HTML5 Canvas-dokument som en endaSprite-mall minskar du antalet serverfrfrgningar och utdatastorleken samt fr bttre prestanda. Du kanange den hgsta tilltna storleken p Sprite-mallen genom att ange vrden fr hjd och bredd.

1. Markera kryssrutan Exportera alla bitmappar som Sprite-mallar under Alternativ frresursexport.

2. Ange strsta tilltna hjd och bredd fr Sprite-mallen i Strsta tilltna storlek p Sprite-mallar.

Om HTML5 Canvas-utdata

Publicerade HTML5-utdata innehller fljande filer:

38

HTML-fil

JavaScript-fil

verst p sidan

Kopiera

Importera

Arbeta

Skript

Innehll tas bort

Innehller definitioner fr alla former, objekt och bilder i Canvas-elementet. Det anropar venCreateJS-namnutrymmet fr att konvertera Flash till HTML5 och motsvarande JavaScript-fil med interaktivaelement.

Innehller dedikerade definitioner och kod fr alla interaktiva element i animeringen. Kod fralla typer av interpoleringar definieras ocks i JavaScript-filen.

De hr filerna kopieras som standard till samma plats som FLA-filen. Du kan ndra platsen genom att angeutdataskvg i dialogrutan Publiceringsinstllningar (Arkiv > Publiceringsinstllningar).

verfra befintligt innehll till HTML5 Canvas

Du kan verfra befintligt innehll i Flash Pro fr att skapa HTML5-utdata. I Flash Pro kan du verfrainnehll genom att kopiera eller importera enskilda lager, symboler och andra biblioteksobjekt manuellt. Dukan ocks kra kommandot Konvertera AS3 till HTML5 Canvas-dokument om du vill verfra befintligtActionScript-innehll till ett nytt HTML5 Canvas-dokument automatiskt. Du hittar mer information p den hrwebbsidan.

Nr du arbetar med HTML5-dokumenttypen i Flash Professional CC kommer du dock att mrka att vissaFlash-funktioner inte stds. Detta beror p att funktionerna i Flash saknar motsvarande funktioner i Canvas-programmeringsgrnssnittet. Drfr kan du inte heller anvnda dessa funktioner i HTML5 Canvas-dokument.Detta kan pverka dig vid innehllsmigrering, nr du frsker att:

innehll (lager eller bibliotekssymboler) frn ett vanligt Flash-dokument (som t.ex. ActionScript 3.0,AIR for Android eller AIR for Desktop) till ett HTML5-dokument. En innehllstyp som inte stds tas i s fallbort eller konverteras till ngot som stds.Om du till exempel kopierar en 3D-animering tas alla 3D-omformningar som anvnts p objekt p scenenbort.

en PSD- eller AI-fil med innehll som inte stds. I s fall tas innehllet bort eller konverteras tillngot som stds.Om du till exempel importerar en PSD-fil med en vertoningsavfasning tas effekten bort i Flash Pro.

med flera dokumenttyper (t.ex. ActionScript 3.0 och HTML5 Canvas) samtidigt eller nr du vxlarmellan dokument med ett verktyg eller alternativ som inte stds. I s fall visas tydligt att funktionen inte stdsi Flash Pro CC.Detta kan till exempel hnda om du har skapat en prickad linje i ett ActionScript 3.0-dokument och vxlar tillHTML5 Canvas nr linjeverktyget fortfarande r aktivt. Lgg mrke till pekaren och egenskapsinspektren,som visar ikoner som anger att prickade linjer inte stds i HTML5 Canvas.

ActionScript-komponenter tas bort och koden kommenteras ut. Om du har skrivit JavaScript-kod inutikommentarsblocket (fr Toolkit for CreateJS med Flash Professional CC 13.0) ser du till att duavkommenterar den koden manuellt.Om du till exempel har kopierat lager som innehller knappar s tas dessa bort.

ndringar som anvnds p innehll efter verfring

Fljande typer av ndringar anvnds nr du verfr ldre innehll till ett HTML5 Canvas-dokument.

Innehllstyper som inte stds i HTML5 Canvas tas bort. Till exempel:3D-omformningar tas bortActionScript-kod kommenteras utVideoklipp tas bort

39



Innehll ndras till ett standardvrde som stds

verst p sidan

Obs!

Innehllstypen eller funktionen stds, men en egenskaphos funktionen stds inte. Till exempel:

Blandningslget vertckning stds inte och ndras till Normal.Prickad linje stds inte och ndras till heldragen.

Du hittar en komplett lista ver funktioner som inte stds och deras respektive reservvrden under verfringi den hr artikeln.

Konvertera ActionScript 3 till HTML5 Canvas-dokument med JSFL-skript

Flash Professional CC innehller ett JSFL-skript fr konvertering av AS3-dokument till HTML5 Canvas-dokument. JSFL-skriptet utfr fljande nr du kr det:

Skapar ett nytt HTML5 Canvas-dokument.Kopierar alla lager, symboler och biblioteksobjekt till det nya HTML5 Canvas-dokumentet.Anvnder standardvrden fr funktioner, delfunktioner och funktionsegenskaper som intestds.Skapar separata FLA-filer fr varje scen, eftersom HTML5 Canvas-dokumentet inte harstd fr flera scener.

S hr konverterar du ett AS3-dokument till ett HTML5 Canvas-dokument:1. ppna ActionScript 3-dokumentet i Flash Professional CC.2. Vlj Kommandon > Konvertera AS3 till HTML5 Canvas-dokument.

Var noga med att lsa varningarna p utdatapanelen. Varningarna innehller information om dendringar som anvndes p innehllet under konverteringen.

40

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/sv_SE/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_se

Skapa och publicera ett WebGL-dokument

verst p sidan

Obs!

verst p sidan

verst p sidan

verst p sidan

Vad r WebGL?WebGL-dokumentSkapa ett WebGL-dokumentFrhandsgranska WebGL-innehll i webblsarePublicera innehll till WebGL-formatetOm WebGL-utdataLgga till ljud i WebGL-dokumentverfra befintligt innehll till ett WebGL-dokumentFrbttra tergivning med bitmappscaching

Vad r WebGL?

WebGL r en ppen webbstandard fr bildtergivning i kompatibla webblsare, utan ngot behov av extra plugin-program. WebGL r heltintegrerat i webblsarens webbstandarder och medger GPU-accelererad bildbearbetning och effektbearbetning som en del av webbsidan. WebGL-element kan bddas in med andra HTML-element och sttas samman med andra delar av sidan.

De flesta moderna webblsare har std fr WebGL, men besk grna den hr webbsidan om du vill veta mer om exakt vilka versioner som stds.

Vissa webblsare har inte WebGL aktiverat som standard. Om du vill aktivera WebGL i din webblsare lser du den hr artikeln.

Se till att du aktiverar WebGL i webblsaren, eftersom vissa webblsare har WebGL inaktiverat som standard.

WebGL-dokument

I Flash Professional CC kan du skapa och publicera interaktivt innehll i WebGL-format (Web Graphics Library). Eftersom WebGL r heltintegrerat i webblsare kan Flash Professional utnyttja GPU-accelererad bildbearbetning och bildtergivning som en del av webbsidan.

I Flash Professional CC har en ny dokumenttyp lagts till fr WebGL. Med den kan du skapa innehll och snabbt publicera till WebGL-utdata. Dukan anvnda de kraftfulla verktygen i Flash fr att skapa avancerat innehll och terge WebGL-utdata som fungerar i alla kompatibla webblsare.Det innebr att du kan anvnda tidslinjen, arbetsytan och ritverktygen i Flash fr att skapa och producera WebGL-innehll. De flesta vanligawebblsare har std fr WebGL, och drmed ven fr tergivning i Flash Pro till de flesta webbplattformar.

Skapa ett WebGL-dokument

I Flash Professional CC kan du anvnda WebGL-dokument fr att snabbt skapa och publicera innehll fr WebGL-formatet. S hr skapar du ettWebGL-dokument:

1. Starta Flash Professional CC.2. Klicka p alternativet WebGL (frhandsgranskning) p vlkomstskrmen. Du kan ocks vlja menyalternativet Arkiv > Nytt fr

att visa dialogrutan Nytt dokument. Klicka p alternativet WebGL (frhandsgranskning).

Frhandsgranska WebGL-innehll i webblsare

Du kan anvnda funktionen Testa filmen i Flash Pro fr att frhandsgranska eller testa innehllet. S hr frhandsgranskar du:

41

http://caniuse.com/#search=WebGLhttp://www.khronos.org/webgl/wiki_1_15/index.php/Getting_a_WebGL_Implementation

verst p sidan

Utdatafil

Publicera HTML

Inkludera dolda lager

Repetera tidslinje

Obs!

verst p sidan

HTML-omslutningsfil

JavaScript-fil (WebGL-krningsmilj)

Texturkarta

Flash Professional CC krver en webbserver fr att kra WebGL-innehll. Flash Pro CC har en inbyggd webbserver, som r konfigurerad att kraWebGL-innehll p port 8090. Om det finns en server som redan anvnder den hr porten identifieras och lses den hr konflikten automatiskt iFlash Pro.

1. Tryck p Ctrl+Retur i Windows och CMD+Retur p MAC i Flash Professional CC. D ppnas standardwebblsaren ochWebGL-innehllet terges.

Publicera innehll till WebGL-formatet

I Flash Pro kan du skapa och publicera WebGL-innehll direkt frn programmet.

S hr publicerar du ett WebGL-dokument:

1. Vlj Arkiv > Publiceringsinstllningar fr att visa dialogrutan Publiceringsinstllningar. Du kan ocks vlja Arkiv > Publiceraom du redan har angett publiceringsinstllningar fr WebGL.

2. I dialogrutan Publiceringsinstllningar anger du vrden fr:

Ange ett beskrivande namn fr utdata. Blddra till eller ange den plats dr du vill publicera WebGL-utdata.

Om detta r markerat publiceras HTML-omslutningsfilen.

Inkluderar alla dolda lager i WebGL-utdata. Om du avmarkerar Inkludera dolda lager hindras alla dolda lager (inklusivelager som r kapslade i filmklipp) frn att exporteras till den resulterande WebGL-filen. P s vis kan du ltt testa olika versioner av WebGL-dokument genom att gra lager osynliga.

Upprepar innehllet nr den sista bildrutan ns. Avmarkera det hr alternativet om du vill stoppa innehllet nr den sistabildrutan ns.

3. Klicka p Publicera fr att publicera WebGL-innehllet till den angivna platsen.

Det hgsta antalet bildrutor per sekund (fps) som kan anges fr WebGL-innehll som krs i webblsare r 60 fps.

Om WebGL-utdata

Publicerade WebGL-utdata innehller fljande filer:

Denna innehller krningsmiljn, anropar resurser och initierar ven WebGL-tergivningen. Filen namnges som standardsom .html. Du kan ange ett annat namn fr HTML-filen i dialogrutan Publiceringsinstllningar (Arkiv > Publiceringsinstllningar).HTML-filen placeras som standa

Documents

Hjälp och självstudiekurser - helpx.adobe.com · Arbeta med Fireworks-filer i Flash 386 Använda Flash Professional med Adobe Scout 389 Arbeta med TLF-text (Text Layout Framework)