BDisOKE
%Europe/Berlin %461 %2005, 12:03
Gisteren heeft Macromedia Studio 8 aangekondigd.
Het pakket zal waarschijnlijk vanaf half september beschikbaar zijn.
We hebben al gekeken naar een aantal van de nieuwe features van Flash 8 en de Flashplayer. Vandaag ga ik wat dieper in op die dingen en vertel verder wat mij opvalt als “designer”. Morgen kunnen de scripters onders ons hun hart ophalen met de scripters review. De scripting mensen mogen hier natuurlijk ook gewoon verder lezen!
http://www.flashfocus.nl/~images/flash8-alg/flash8-versions.gif
Flash 8 Professional en Basic
Inhoud:
In dit artikel vind je meer informatie over de volgende onderwerpen:
Filters
Blend Modes
Custom Easing
Flash Type Rendering Engine
Advanced library
Object Drawing
Strokes & gradients
Video
Wat mij verder opviel...
Afsluiting
Filters
Ondanks dat de overname met Adobe pas ter sprake is gekomen toen men al heel lang met Flash 8 bezig was zitten er toch aardig wat dingen, die je normaal gesproken tegen komt in Photoshop, nu in Flash. En dat is best prettig! Handelingen die normaal veel meer tijd kostte en waar je in ieder geval een beeldbewerkingsprogramma voor nodig had, kunnen nu razend snel allemaal in Flash zelf gedaan worden. Als ik bijvoorbeeld een achtergrond zou willen blurren, zou ik dat in Flash MX 2004 met Photoshop hebben gedaan. Afbeeldingen vanuit Flash exporteren, openen in Photoshop, blurren, opslaan en weer importeren in Flash. Eventueel een symbol van maken en motiontweenen.
In Flash8: Je maakt twee keyframes, selecteert je symbol op het laatste frame, kiest filters, blur en maakt je instellingen, motiontweenen. Thats it, klaar.
Alle filters die je toepast zijn ook volledig uitwisselbaar met Fireworks 8. Copy en paste je een symbol vanuit Flash in Fireworks dan zullen alle filter eigenschappen meegenomen worden.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="200" id="blurcrabben" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.flashfocus.nl/~images/flash8-design/blurcrabben.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.flashfocus.nl/~images/flash8-design/blurcrabben.swf" quality="high" bgcolor="#ffffff" width="600" height="200" name="blurcrabben" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
Hierboven zie je 3 crabben.
De eerste heeft geen filters, de tweede heeft een dropshadow en de derde heeft een dropshadow en een innershadow, wat een soort van 3D effect / belichting geeft.
De achtergrond is geblurred.
Blend Modes
Met Blend Modes kan je heel makkelijk een vector afbeelding of bitmap plaatje laten “blenden” met de achtergrond. Er zitten een aantal tussen die nogal... lelijk zijn maar er zitten ook aantal bruikbare tussen. Net als de filters, selecteer je symbol, Blend Modes, maak je keuze en klaar. Dit zijn samen met de filters wel van die effecten die makkelijk verkeerd gebruikt kunnen worden. Bijna iedereen gebruikt als ze photoshop net hebben ook net iets teveel Filters, maar als je het met mate toepast is het nuttig en zitten er mooie dingen tussen. Het mooie ervan is ook dat de bestanden heel klein blijven. Voeg een filter toe aan een symbol en er komen maar een paar bytes bij.
Heb je een bepaalde combinatie van filters en blend modes gevonden dan kan je hiervan een command maken. Op die manier kan je het heel makkelijk op een ander symbol weer toepassen.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="200" id="blendbeque align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.flashfocus.nl/~images/flash8-design/blendbeque.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.flashfocus.nl/~images/flash8-design/blendbeque.swf" quality="high" bgcolor="#ffffff" width="600" height="200" name="blendbeque" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>Hierboven zie je een aantal Blend Modes toegepast op een barbeque.
Custom Easing
Had je in de vorige versies de keuze uit in of out via een slidertje, nu kan je kiezen uit allerlei opties. Die in een grafiek weer worden gegeven, en toepasbaar zijn op positie, rotatie, schalen, colors en filters. Je kan ze allemaal in een keer stellen of een bepaalde easing meegeven. Dit werkt allemaal erg simpel en je kan op de playknop klikken om het af te spelen.
http://www.flashfocus.nl/~images/flash8-design/easing.gif
Flash Type Rendering Engine
Macromedia heeft veel aandacht besteedt aan de leesbaarheid van teksten en de verschillende manieren waarop je tekst kunt gebruiken. Speciaal hiervoor is de Flash Type Rendering Engine ontwikkelt. Dit geeft je verschillende opties die je per tekstobject toe kunt passen. Bijvoorbeeld optimaliseren voor animatie of leesbaarheid.
Ook kan je een custom anti-alias instellen.
http://www.flashfocus.nl/~images/flash8-design/flashtypemogelijkheden.gif
Advanced Library
Zoals gisteren gemeld is deze nu helemaal bugvrij, gaat niet meer uit zichzelf op allerlei locaties staan en is ook niet plotseling verdwenen. Je hebt één library venster, ook als je meerdere files open hebt staan. Wil je in verschillende files elementen uit een bepaalde library plaatsen en die altijd open houden, dan kan je die library (vast) pinnen. Kan je niet wennen aan dat vaste venster, of wil je even een library om mee te slepen, dingen uit te pakken, dan kan je ook nog een nieuw library panel aanmaken.
http://www.flashfocus.nl/~images/flash8-design/pin_library.gif
Pin je library vast terwijl je door verschillende fla's heen klikt.
Object Drawing
Speciaal voor de mensen die maar niet kunnen wennen aan de tekentools van Flash en dus blijven tekenen in bijvoorbeeld Illustrator heeft Macromedia het een en ander aangepast. Door Object Drawing aan te zetten kan je je shapes net zo plaatsen zoals je dat in illustrator doet. Het lijkt of er groups geplaatst worden, maar je kunt deze objecten met je zwarte of witte selection tool gelijk editen. Tenzij je een stuk van de shape af wilt hakken, dan moet je er eerst op dubbelklikken. Teken je het ene vlak over het andere en haal je er een weg dan vallen er geen gaten in het vlak wat achter blijft. Wil je weer een gewone shape dan kan je met ctrl+b het object breaken.
http://www.flashfocus.nl/~images/flash8-design/flash8-object-drawing.gif
Object drawing, nog een reden om in Flash te tekenen!
Strokes & gradients
In Flash 8 heb je meer controle over de verschillende objecten die je tekent, een vulling of een lijn geeft. Je kan nu ook een stroke verkante hoeken geven, 100 punten dik maken of zelfs een gradient als vulling geven.
http://www.flashfocus.nl/~images/flash8-design/strokes.gif
3 verschillende strokes.
Ook over gradients heb je meer controle nu.
Je kan het middelpunt bijvoorbeeld aanpassen zodat je gradient binnen je vorm blijft.
Het is ook mogelijk om je gradient op verschillende manier te laten "overflowen".
http://www.flashfocus.nl/~images/flash8-design/flash8-gradient-controle.jpg
Pas je gradients nog makkelijker aan.
Video
Video, het is één van de kernpunten van deze release.
De nieuwe On2 VP6 Video Codecs zorgen voor een goede kwaliteit en de bestandsgrootte blijft goed te doen. Ook kan je in Flash 8 video met alpha channels importeren.
Je zou bijvoorbeeld iemand kunnen filmen voor een blauw scherm en hem ergens op kunnen laten klimmen. Dit moest je eerst doen door middel van een hele reeks png’s met transparency te importeren in flash. Nu importeer je de video met alpha channels en laat degene die je gefilmt hebt op een menu-item, knop of kader in je site klimmen. Het importeren gaat erg simpel en er zijn verschillende opties waar je voor kunt kiezen, externe files die al op een server staan, FLVs, of het importeren van de video in je Flash file zelf. Ook kan je nu keypoints aanmaken in je FLV en Metatags toevoegen. De keypoints kunnen later in Flash aangeroepen worden om bijvoorbeeld ondertiteling te triggeren, of naar bepaalde stukken in de video te gaan. Hier onder zie je een aantal schermen van het importeerproces.
http://www.flashfocus.nl/~images/flash8-design/flash8-video1.gif
Kies hoe je je video wilt gebruiken.
http://www.flashfocus.nl/~images/flash8-design/flash8-video2.gif
Als je hem in je Flash plaatst krijg je deze mogelijkheden.
http://www.flashfocus.nl/~images/flash8-design/flash8-video3.gif
Maak een keuze uit de verschillende codecs en comprimeer opties.
Wat mij verder opviel...
De ruimte om je stage rekt automatisch mee als het nodig is en is dus nooit meer te klein.
De normal mode is er weer, voor de mensen die het gemist hebben (ik niet...) en heet nu Script Assist.
Je kan kiezen tussen tussen object level undo of document level undo. (handig!)
Upgraden van oudere Macromedia producten naar de nieuwe Studio is makkelijker nu.
Dat ondanks dit meer een "designer release" is er toch veel scripters ook razend enthousiast zijn.
Er heel veel flash 8 experimenten online staan.
De nieuwe video codecs super zijn!
Heel veel mensen enthousiast zijn over Flash 8 (including me...)
Ik zodra er iemand tegen me begint te praten vol enthousiasme over Flash 8 begin te vertellen.
Ik de postbode toch niet over kon halen tot het opschrijven van de url Flashfocus.nl, zodat hij ook kon lezen over Flash 8...
Afsluiting
Al met al ben ik erg tevreden met deze release.
Waren de vorige 2 releases meer gericht op de scripters, deze keer staan de designers onders ons er gekleurd op. Er zitten heel veel nieuwe features in zowel Flash als de nieuwe Flashplayer en al deze dingen zijn voor designers simpel te implementeren en voor scripters via actionscript runtime aan te passen. Tel daarbij de performance en video mogelijkheden van de nieuwe Flashplayer bij op...
Dan denk ik dat we vanaf half september een heleboel mooie Flash dingen zullen gaan zien.
Of het echt alleen maar feest voor de designers is lees je woensdag in de scripting review.
Stay tuned!
Het pakket zal waarschijnlijk vanaf half september beschikbaar zijn.
We hebben al gekeken naar een aantal van de nieuwe features van Flash 8 en de Flashplayer. Vandaag ga ik wat dieper in op die dingen en vertel verder wat mij opvalt als “designer”. Morgen kunnen de scripters onders ons hun hart ophalen met de scripters review. De scripting mensen mogen hier natuurlijk ook gewoon verder lezen!
http://www.flashfocus.nl/~images/flash8-alg/flash8-versions.gif
Flash 8 Professional en Basic
Inhoud:
In dit artikel vind je meer informatie over de volgende onderwerpen:
Filters
Blend Modes
Custom Easing
Flash Type Rendering Engine
Advanced library
Object Drawing
Strokes & gradients
Video
Wat mij verder opviel...
Afsluiting
Filters
Ondanks dat de overname met Adobe pas ter sprake is gekomen toen men al heel lang met Flash 8 bezig was zitten er toch aardig wat dingen, die je normaal gesproken tegen komt in Photoshop, nu in Flash. En dat is best prettig! Handelingen die normaal veel meer tijd kostte en waar je in ieder geval een beeldbewerkingsprogramma voor nodig had, kunnen nu razend snel allemaal in Flash zelf gedaan worden. Als ik bijvoorbeeld een achtergrond zou willen blurren, zou ik dat in Flash MX 2004 met Photoshop hebben gedaan. Afbeeldingen vanuit Flash exporteren, openen in Photoshop, blurren, opslaan en weer importeren in Flash. Eventueel een symbol van maken en motiontweenen.
In Flash8: Je maakt twee keyframes, selecteert je symbol op het laatste frame, kiest filters, blur en maakt je instellingen, motiontweenen. Thats it, klaar.
Alle filters die je toepast zijn ook volledig uitwisselbaar met Fireworks 8. Copy en paste je een symbol vanuit Flash in Fireworks dan zullen alle filter eigenschappen meegenomen worden.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="200" id="blurcrabben" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.flashfocus.nl/~images/flash8-design/blurcrabben.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.flashfocus.nl/~images/flash8-design/blurcrabben.swf" quality="high" bgcolor="#ffffff" width="600" height="200" name="blurcrabben" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
Hierboven zie je 3 crabben.
De eerste heeft geen filters, de tweede heeft een dropshadow en de derde heeft een dropshadow en een innershadow, wat een soort van 3D effect / belichting geeft.
De achtergrond is geblurred.
Blend Modes
Met Blend Modes kan je heel makkelijk een vector afbeelding of bitmap plaatje laten “blenden” met de achtergrond. Er zitten een aantal tussen die nogal... lelijk zijn maar er zitten ook aantal bruikbare tussen. Net als de filters, selecteer je symbol, Blend Modes, maak je keuze en klaar. Dit zijn samen met de filters wel van die effecten die makkelijk verkeerd gebruikt kunnen worden. Bijna iedereen gebruikt als ze photoshop net hebben ook net iets teveel Filters, maar als je het met mate toepast is het nuttig en zitten er mooie dingen tussen. Het mooie ervan is ook dat de bestanden heel klein blijven. Voeg een filter toe aan een symbol en er komen maar een paar bytes bij.
Heb je een bepaalde combinatie van filters en blend modes gevonden dan kan je hiervan een command maken. Op die manier kan je het heel makkelijk op een ander symbol weer toepassen.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="200" id="blendbeque align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.flashfocus.nl/~images/flash8-design/blendbeque.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.flashfocus.nl/~images/flash8-design/blendbeque.swf" quality="high" bgcolor="#ffffff" width="600" height="200" name="blendbeque" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>Hierboven zie je een aantal Blend Modes toegepast op een barbeque.
Custom Easing
Had je in de vorige versies de keuze uit in of out via een slidertje, nu kan je kiezen uit allerlei opties. Die in een grafiek weer worden gegeven, en toepasbaar zijn op positie, rotatie, schalen, colors en filters. Je kan ze allemaal in een keer stellen of een bepaalde easing meegeven. Dit werkt allemaal erg simpel en je kan op de playknop klikken om het af te spelen.
http://www.flashfocus.nl/~images/flash8-design/easing.gif
Flash Type Rendering Engine
Macromedia heeft veel aandacht besteedt aan de leesbaarheid van teksten en de verschillende manieren waarop je tekst kunt gebruiken. Speciaal hiervoor is de Flash Type Rendering Engine ontwikkelt. Dit geeft je verschillende opties die je per tekstobject toe kunt passen. Bijvoorbeeld optimaliseren voor animatie of leesbaarheid.
Ook kan je een custom anti-alias instellen.
http://www.flashfocus.nl/~images/flash8-design/flashtypemogelijkheden.gif
Advanced Library
Zoals gisteren gemeld is deze nu helemaal bugvrij, gaat niet meer uit zichzelf op allerlei locaties staan en is ook niet plotseling verdwenen. Je hebt één library venster, ook als je meerdere files open hebt staan. Wil je in verschillende files elementen uit een bepaalde library plaatsen en die altijd open houden, dan kan je die library (vast) pinnen. Kan je niet wennen aan dat vaste venster, of wil je even een library om mee te slepen, dingen uit te pakken, dan kan je ook nog een nieuw library panel aanmaken.
http://www.flashfocus.nl/~images/flash8-design/pin_library.gif
Pin je library vast terwijl je door verschillende fla's heen klikt.
Object Drawing
Speciaal voor de mensen die maar niet kunnen wennen aan de tekentools van Flash en dus blijven tekenen in bijvoorbeeld Illustrator heeft Macromedia het een en ander aangepast. Door Object Drawing aan te zetten kan je je shapes net zo plaatsen zoals je dat in illustrator doet. Het lijkt of er groups geplaatst worden, maar je kunt deze objecten met je zwarte of witte selection tool gelijk editen. Tenzij je een stuk van de shape af wilt hakken, dan moet je er eerst op dubbelklikken. Teken je het ene vlak over het andere en haal je er een weg dan vallen er geen gaten in het vlak wat achter blijft. Wil je weer een gewone shape dan kan je met ctrl+b het object breaken.
http://www.flashfocus.nl/~images/flash8-design/flash8-object-drawing.gif
Object drawing, nog een reden om in Flash te tekenen!
Strokes & gradients
In Flash 8 heb je meer controle over de verschillende objecten die je tekent, een vulling of een lijn geeft. Je kan nu ook een stroke verkante hoeken geven, 100 punten dik maken of zelfs een gradient als vulling geven.
http://www.flashfocus.nl/~images/flash8-design/strokes.gif
3 verschillende strokes.
Ook over gradients heb je meer controle nu.
Je kan het middelpunt bijvoorbeeld aanpassen zodat je gradient binnen je vorm blijft.
Het is ook mogelijk om je gradient op verschillende manier te laten "overflowen".
http://www.flashfocus.nl/~images/flash8-design/flash8-gradient-controle.jpg
Pas je gradients nog makkelijker aan.
Video
Video, het is één van de kernpunten van deze release.
De nieuwe On2 VP6 Video Codecs zorgen voor een goede kwaliteit en de bestandsgrootte blijft goed te doen. Ook kan je in Flash 8 video met alpha channels importeren.
Je zou bijvoorbeeld iemand kunnen filmen voor een blauw scherm en hem ergens op kunnen laten klimmen. Dit moest je eerst doen door middel van een hele reeks png’s met transparency te importeren in flash. Nu importeer je de video met alpha channels en laat degene die je gefilmt hebt op een menu-item, knop of kader in je site klimmen. Het importeren gaat erg simpel en er zijn verschillende opties waar je voor kunt kiezen, externe files die al op een server staan, FLVs, of het importeren van de video in je Flash file zelf. Ook kan je nu keypoints aanmaken in je FLV en Metatags toevoegen. De keypoints kunnen later in Flash aangeroepen worden om bijvoorbeeld ondertiteling te triggeren, of naar bepaalde stukken in de video te gaan. Hier onder zie je een aantal schermen van het importeerproces.
http://www.flashfocus.nl/~images/flash8-design/flash8-video1.gif
Kies hoe je je video wilt gebruiken.
http://www.flashfocus.nl/~images/flash8-design/flash8-video2.gif
Als je hem in je Flash plaatst krijg je deze mogelijkheden.
http://www.flashfocus.nl/~images/flash8-design/flash8-video3.gif
Maak een keuze uit de verschillende codecs en comprimeer opties.
Wat mij verder opviel...
De ruimte om je stage rekt automatisch mee als het nodig is en is dus nooit meer te klein.
De normal mode is er weer, voor de mensen die het gemist hebben (ik niet...) en heet nu Script Assist.
Je kan kiezen tussen tussen object level undo of document level undo. (handig!)
Upgraden van oudere Macromedia producten naar de nieuwe Studio is makkelijker nu.
Dat ondanks dit meer een "designer release" is er toch veel scripters ook razend enthousiast zijn.
Er heel veel flash 8 experimenten online staan.
De nieuwe video codecs super zijn!
Heel veel mensen enthousiast zijn over Flash 8 (including me...)
Ik zodra er iemand tegen me begint te praten vol enthousiasme over Flash 8 begin te vertellen.
Ik de postbode toch niet over kon halen tot het opschrijven van de url Flashfocus.nl, zodat hij ook kon lezen over Flash 8...
Afsluiting
Al met al ben ik erg tevreden met deze release.
Waren de vorige 2 releases meer gericht op de scripters, deze keer staan de designers onders ons er gekleurd op. Er zitten heel veel nieuwe features in zowel Flash als de nieuwe Flashplayer en al deze dingen zijn voor designers simpel te implementeren en voor scripters via actionscript runtime aan te passen. Tel daarbij de performance en video mogelijkheden van de nieuwe Flashplayer bij op...
Dan denk ik dat we vanaf half september een heleboel mooie Flash dingen zullen gaan zien.
Of het echt alleen maar feest voor de designers is lees je woensdag in de scripting review.
Stay tuned!