Commentaires sur : Skiner un composant Flex 3 avec Fireworks CS3 [Tutoriel Vidéo] http://www.lafabrick.com/blog/2008/05/10/323-tuto-vido-skiner-un-composant-flex-3-avec-fireworks-cs3/ Laboratoire d'interfaces riches (Flex, Flash, Air ...) Fri, 20 Jan 2012 17:06:57 +0000 hourly 1 http://wordpress.org/?v=3.1.4 Par : _Stef http://www.lafabrick.com/blog/2008/05/10/323-tuto-vido-skiner-un-composant-flex-3-avec-fireworks-cs3/comment-page-1/#comment-454 _Stef Sat, 17 May 2008 22:01:49 +0000 http://92.243.2.196/lafabrick/blog/?p=323#comment-454 <p>Salut, <br /> <br /> pour ma part, j'utilise simplement un swf normal avec simplement un nom d'export qui va bien sur mes movieClips et que j'utilise dans flex avec la propriété stylename et une liaison via un css. <br /> <br /> Simple et euuuh... vecto :) <br /> <br /> Dans le css ça donne <br /> <br /> .allMusic<br /> {<br /> upSkin:Embed(source="../assets/skin.swf", symbol="Button2_upSkin");<br /> overSkin:Embed(source="../assets/skin.swf", symbol="Button2_overSkin");<br /> downSkin:Embed(source="../assets/skin.swf", symbol="Button2_downSkin");<br /> }<br /> <br /> et dans le flex <br /> <br /> <mx:Button useHandCursor="true" buttonMode="true" styleName="allMusic" click="audio(event)" horizontalCenter="-15" top="93"/><br /> <br /> Tu utilises quel soft pour le screencast ? ET juste un truc, il manque un petit zoom, parce que la pour les dossiers de calques on te croit sur paroles hein :) ... <br /> <br /> <br /> </p> Salut,

pour ma part, j’utilise simplement un swf normal avec simplement un nom d’export qui va bien sur mes movieClips et que j’utilise dans flex avec la propriété stylename et une liaison via un css.

Simple et euuuh… vecto :)

Dans le css ça donne

.allMusic
{
upSkin:Embed(source="../assets/skin.swf", symbol="Button2_upSkin");
overSkin:Embed(source="../assets/skin.swf", symbol="Button2_overSkin");
downSkin:Embed(source="../assets/skin.swf", symbol="Button2_downSkin");
}

et dans le flex

<mx:Button useHandCursor="true" buttonMode="true" styleName="allMusic" click="audio(event)" horizontalCenter="-15" top="93"/>

Tu utilises quel soft pour le screencast ? ET juste un truc, il manque un petit zoom, parce que la pour les dossiers de calques on te croit sur paroles hein :) …

]]> Par : Erick http://www.lafabrick.com/blog/2008/05/10/323-tuto-vido-skiner-un-composant-flex-3-avec-fireworks-cs3/comment-page-1/#comment-453 Erick Mon, 12 May 2008 14:50:13 +0000 http://92.243.2.196/lafabrick/blog/?p=323#comment-453 <p>@Iteratif : salut msieur :). Pour ma part, tout va plutôt bien depuis ton passage chez les gônes ! comme tu vois je m'essaye à des ... euh .. nouvelles expériences :D. <br/> Pour ce qui est des thèmes fournis par Adobe, ils sont très bien... pour commencer... mais maintenant j'aime bien partir from the scratch... On s'amuse comme on peut !!! :) <br/>Et toi ? ça roule ? Aux vues de l'actu de Indigo, j'imagine que t'as pas tellement profité du soleil ces derniers temps ;). <br/><br/>@Phiphou : bien le bonjour, merci pour le lien j'avais oublié l'existence de ton tuto. Je le rajoute dans le corps de l'article. <br/> Pour ce qui est de photoshop/ illustrator, je crois que ça va... je vais laisser passer mon tour :). Par contre, je vais jeter un coup d'oeil à Degrafa. t'as déjà testé ?<br/></p> @Iteratif : salut msieur :) . Pour ma part, tout va plutôt bien depuis ton passage chez les gônes ! comme tu vois je m’essaye à des … euh .. nouvelles expériences :D .
Pour ce qui est des thèmes fournis par Adobe, ils sont très bien… pour commencer… mais maintenant j’aime bien partir from the scratch… On s’amuse comme on peut !!! :)
Et toi ? ça roule ? Aux vues de l’actu de Indigo, j’imagine que t’as pas tellement profité du soleil ces derniers temps ;) .

@Phiphou : bien le bonjour, merci pour le lien j’avais oublié l’existence de ton tuto. Je le rajoute dans le corps de l’article.
Pour ce qui est de photoshop/ illustrator, je crois que ça va… je vais laisser passer mon tour :) . Par contre, je vais jeter un coup d’oeil à Degrafa. t’as déjà testé ?

]]> Par : Phiphou http://www.lafabrick.com/blog/2008/05/10/323-tuto-vido-skiner-un-composant-flex-3-avec-fireworks-cs3/comment-page-1/#comment-452 Phiphou Mon, 12 May 2008 01:04:28 +0000 http://92.243.2.196/lafabrick/blog/?p=323#comment-452 <p>Bonjour,<br /> <br /> Avec ton tuto, sur Fireworks, et le mien (<a href="http://blog.phiphou.com/index.php/?2007/10/30/82-l-extension-flex-skin-design-pour-flash)" title="http://blog.phiphou.com/index.php/?2007/10/30/82-l-extension-flex-skin-design-pour-flash)" rel="nofollow">blog.phiphou.com/index.ph...</a><br /> sur Flash, manque plus que ceux sur Photoshop et Illustrator ! Qui s'y colle ? Remarquez, pour ces deux derniers, c'est quasi pareil que pour celui là.<br /> <br /> ...même si on enlève les euuuh et autres hésitations...<br /> <br /> De ce point de vue là, je te bats allègrement :=)<br /> <br /> Très bon tuto en tout cas. Merci</p> Bonjour,

Avec ton tuto, sur Fireworks, et le mien (blog.phiphou.com/index.ph…
sur Flash, manque plus que ceux sur Photoshop et Illustrator ! Qui s’y colle ? Remarquez, pour ces deux derniers, c’est quasi pareil que pour celui là.

…même si on enlève les euuuh et autres hésitations…

De ce point de vue là, je te bats allègrement :=)

Très bon tuto en tout cas. Merci

]]> Par : Iteratif http://www.lafabrick.com/blog/2008/05/10/323-tuto-vido-skiner-un-composant-flex-3-avec-fireworks-cs3/comment-page-1/#comment-451 Iteratif Sun, 11 May 2008 17:37:54 +0000 http://92.243.2.196/lafabrick/blog/?p=323#comment-451 <p>Salut Erick,<br /> <br /> comment va depuis notre dernière rencontre ;)<br /> <br /> Pas mal pour un premier essai et ce qui est du euhhhh... tu le coupes au montage ;)<br /> <br /> J'utilise pas mal les gabarits présents dans le SDK pour faire les skins en Flash (AeonGraphical ou l'original) ainsi que les feuilles de style correspondantes.<br /> <br /> AeonGraphical : Program Files\Adobe\Flex Builder 3\sdks\3.0.0\themes\AeonGraphical<br /> Original : <br /> C:\Program Files\Adobe\Flex Builder 3\sdks\3.0.0\frameworks\projects\framework\assets<br /> <br /> En tout cas super ;)</p> Salut Erick,

comment va depuis notre dernière rencontre ;)

Pas mal pour un premier essai et ce qui est du euhhhh… tu le coupes au montage ;)

J’utilise pas mal les gabarits présents dans le SDK pour faire les skins en Flash (AeonGraphical ou l’original) ainsi que les feuilles de style correspondantes.

AeonGraphical : Program Files\Adobe\Flex Builder 3\sdks\3.0.0\themes\AeonGraphical
Original :
C:\Program Files\Adobe\Flex Builder 3\sdks\3.0.0\frameworks\projects\framework\assets

En tout cas super ;)

]]> Par : Erick http://www.lafabrick.com/blog/2008/05/10/323-tuto-vido-skiner-un-composant-flex-3-avec-fireworks-cs3/comment-page-1/#comment-450 Erick Sun, 11 May 2008 15:56:52 +0000 http://92.243.2.196/lafabrick/blog/?p=323#comment-450 <p>Ouai c'est clair que parler seul devant çà machine, c'est vraiment pas fun. Et en plus c'est long... par contre je suis persuadé que c'est un très bon exercice, très bénéfique à terme en tout cas. <br/> En ce qui concerne l'export bitmap, du point de vue "visuel", c'est pas très génant je trouve grâce au scale grid. Par contre c'est vrai que faut faire un peu gaffe au poids final de l'appli. Dans une démo de C.Coenraets javais matté, la skin faisait au final plusieurs Mo... mais c'était vraiment très zoli :)... <br/> Par contre il me semble que le plugin flex skin design pour flash permet d'export du vectoriel via un swf. Un sujet pour le prochain tuto vidéo ;)... </p> Ouai c’est clair que parler seul devant çà machine, c’est vraiment pas fun. Et en plus c’est long… par contre je suis persuadé que c’est un très bon exercice, très bénéfique à terme en tout cas.
En ce qui concerne l’export bitmap, du point de vue « visuel », c’est pas très génant je trouve grâce au scale grid. Par contre c’est vrai que faut faire un peu gaffe au poids final de l’appli. Dans une démo de C.Coenraets javais matté, la skin faisait au final plusieurs Mo… mais c’était vraiment très zoli :) …
Par contre il me semble que le plugin flex skin design pour flash permet d’export du vectoriel via un swf. Un sujet pour le prochain tuto vidéo ;) …

]]> Par : Tek http://www.lafabrick.com/blog/2008/05/10/323-tuto-vido-skiner-un-composant-flex-3-avec-fireworks-cs3/comment-page-1/#comment-447 Tek Sun, 11 May 2008 12:22:15 +0000 http://92.243.2.196/lafabrick/blog/?p=323#comment-447 <p>C'est ultra-long à faire les didacticiels vidéo. Il faut s'y essayer au moins un jour, mais ça laisse jamais de très bons souvenirs. :)<br /> <br /> Pour en revenir au sujet de base du didacticiel, j'avais exploré cette possibilité pour skinner l'application sur laquelle je travaillais. Mais j'avais abandonné parce que Fireworks n'exporte en fait que du raster, pas du vectoriel. <br /> <br /> Il faudrait la même simplicité d'export des skins de composants, mais depuis Flash pour avoir du vectoriel. J'espère que Thermo permettra de faire ce travail et qu'il sera livré en natif avec l'intégralité des composants Flex prêts à skinner.</p> C’est ultra-long à faire les didacticiels vidéo. Il faut s’y essayer au moins un jour, mais ça laisse jamais de très bons souvenirs. :)

Pour en revenir au sujet de base du didacticiel, j’avais exploré cette possibilité pour skinner l’application sur laquelle je travaillais. Mais j’avais abandonné parce que Fireworks n’exporte en fait que du raster, pas du vectoriel.

Il faudrait la même simplicité d’export des skins de composants, mais depuis Flash pour avoir du vectoriel. J’espère que Thermo permettra de faire ce travail et qu’il sera livré en natif avec l’intégralité des composants Flex prêts à skinner.

]]> Par : piouPiouM http://www.lafabrick.com/blog/2008/05/10/323-tuto-vido-skiner-un-composant-flex-3-avec-fireworks-cs3/comment-page-1/#comment-446 piouPiouM Sun, 11 May 2008 12:11:56 +0000 http://92.243.2.196/lafabrick/blog/?p=323#comment-446 <p>Dur dur l'exercice du tuto vidéo, n'est-ce pas :D<br /> Néanmoins, tu ne t'en sors pas si mal (contrairement à un autre que tu connais bien xD) ;-)<br /> <br /> Le plus déroutant étant de parler seul, à sa machine…</p> Dur dur l’exercice du tuto vidéo, n’est-ce pas :D
Néanmoins, tu ne t’en sors pas si mal (contrairement à un autre que tu connais bien xD) ;-)

Le plus déroutant étant de parler seul, à sa machine…

]]>