Tuto publié par Dans ce tutoriel, je vais vous présenter le petit nouveau de la gamme Adobe, ce logiciel se nomme Flash Catalyst et il est disponible gratuitement à cette adresse: http://labs.adobe.com/technologies/flashcatalyst/
Dans cette vidéo de plus d'une heure, nous verrons comment il est possible de créer un website dynamique depuis un simple fichier psd et en utilisant les outils de Flash Catalyst.
Vous trouverez un aperçu de l'application finale ici: WEBSITE_CATALYST
Voici ce que nous passerons en revu:
Gestion de l'importation:
- Importation d'un fichier psd
- Paramètre d'importation des fichiers
- Découverte et présentation de l'interface
- Création des différentes pages du website avec l'outil dupliquer
- Utilisation du panneau 'état'
- Utilisation du panneau 'calque' pour la mise en place des pages
- Création du menu de gauche (rollOver et rollOut)
- Utilisation du scénario et des fondus
- Création des fondus entre les page de notre website
- Mise en place du menu de droite
- Mise en place de l'animation des boutons
- gestion des mouvements
- gestion du redimensionnement
- gestion du déplacement
- Rapide passage de l'interface code
- Explication des différente fonctions créer depuis l'environnement 'création'
Vous trouverez le fichier psd nécessaire à l'élaboration de ce tutoriel dans la partie 'fichiers', vous trouverez aussi le fichier source pour Catalyst, celui-ci à été légèrement amélioré concernant la partie du menu de droit, en effet les boutons possède désormais quatre états (ce qui régle un petit bug de clignotement)
Jetez un oeil à ces autres tuto Flash Catalyst 1 Beta
Adobe Flash Catalyst CS5.5…
Dans sa version CS5.5, Flash Catalyst bénéficie désormais…
Roundtrip dans Photoshop
Cette vidéo est un roundtrip via Photoshop. C'est parti !
États
Dans cette vidéo, nous allons créer les états d'application.…
Nouveautés CS5.5 : scénario…
Apprenez à réaliser les transitions régulières sur plusieurs…
Réaliser un Livre Virtuel…
Dans ce tuto Flash Catalyst CS5, je vous propose de réaliser…
Création carrousel comme…
Dans ce tuto Flash Catalyst, apprenez à réaliser le carrousel…
Menu et navigation dans une…
Dans ce Ttuto Flash Catalyst CS5, je vous propose de réaliser…
Créez des boutons web pro…
Dans ce tuto Flash Catalyst, vous allez apprendre à créer…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash Catalyst 1 Beta de 1 heure 5 minutes est proposée dans une résolution plus grande que l’extrait suivant :
artkabis
, formateur certifié
Passionné par le webdesign, j'aime acquérir de nouvelles connaissances en ratissant la toile.
Au fil du temps j'ai su mettre à profit mes compétences de webdesigner pour mélanger interactivité,
design et animation. Curieux, j'aime être au courant des dernières nouveautés en matière
d'applications internet riches (RIA). Autodidacte, je sais m'adapter aux différents outils de création web.
J'utilise au quotidien une multitude de logiciels pour parfaire ma soif de création.
En savoir plus sur artkabis
Témoignage des clients de artkabis
Merci pour tous tes tutoriels. Ils sont super agréables et bien conçus. Grâce à toi j'ai appris de nouvelles choses.
Très bien permet d'apprendre flash rapidement et efficacement
En un mot...stupéfiant ! Merci beaucoup :)
Supers tuto, plein de bonnes astuces, merci :)
Artkabis, vraiment toi tu déchires grave... J'aime vraiment tes tuto et on voit de suite ta passion pour le flash, j'aimerai vraiment avoir 5% de tes connaissances... Bonne continuation à toi...
Lire les autres témoignages
D'autres tuto de artkabis
Un effet loupe avec inertie
Dans ce tutoriel de plus d'une heure, nous allons créer un véritable effet loupe…
Section privee dynamique (mot de passe externe)
Dans ce tutoriel, nous allons créer une section privée gérant l'ouverture…
Preloader dynamique réutilisable et paramètrable (as3)
Dans ce tutoriel vidéo, nous développerons une classe de pré-chargement ou preloader …
Website xml avec utilisation de SWFAddress et SWFObject
Dans ce tutoriel, nous allons créer un website dynamique qui utilisera les bibliothèques…
Notes attribuées par les utilisateurs (7 votes)
Les avis / Questions des utilisateurs (35)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Flash Catalyst 1 Beta d’une durée de 1 heure 5 minutes a été acheté 227 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 29 juin 2009 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 3,9/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi 24011 tuto classés dans nos 201 logiciels ou langages informatiques.
(auteur de ce tuto - 25 octobre 2010)
" alors comme dans l'intitulé, cette formation est proposé pour flash catalusyt beta 1, je vais voir si je peux retrouver cette version pour la transférer vers la dernière, n'étant pas chez moi, je vais essayer de recupe le fichier source comme je pourrais.
Cordialement, Artkabis "
(a acheté ce tuto - 21 octobre 2010)
" Voici ce que j'obtiens à l'ouverture de ton fichier !
http://www.imagup.com/data/1287639061.html
une solution ? "
(auteur de ce tuto - 16 juillet 2010)
" Alors envoie moi un mail à cette adresse artkabis@artkabis.net, je t'enverrais moi même le fichier en pièce jointe.
Bye "
(a acheté ce tuto - 15 juillet 2010)
" Pas possible de récuperer le .psd de départ normalement livré avec le tuto, "erreur 404"... "
(auteur de ce tuto - 07 mai 2010)
" Merci, c'est sympa. "
(a acheté ce tuto - 07 mai 2010)
" je t'ai envoyé les liens sur ton adresse "
(a acheté ce tuto - 06 mai 2010)
" sur une boite mail ça ne passera pas, je te l'up sur un site et je te donne les liens via ton email "
(auteur de ce tuto - 06 mai 2010)
" oui si ça ne te dérange pas: artkabis@artkabis.net "
(a acheté ce tuto - 06 mai 2010)
" je peux te l'envoyer si tu veux, 520Mo "
(auteur de ce tuto - 04 mai 2010)
" Tu as fini par la trouver comment ? Parce que sa m'intéresse aussi ;) "
(a acheté ce tuto - 04 mai 2010)
" bien le bonjour, merci de ton aide, j'ai trouvé la version française, encore merci "
(auteur de ce tuto - 30 avril 2010)
" Re, alors je viens de passer mon DD en revue en faisant une recherche de la release fr de Catalyst et je viens de me rendre compte que j'ai perdu cette version en faisant ma mise à jour. Donc à moins qu'une sauvegarde est présente ailleurs, je crois que je ne pourrais pas t'aider sur ce coup là. Si vraiment je trouve une soluc pour récupérer ceci, tu seras le premier a en être informé. Cordialement, Artkabis. "
(a acheté ce tuto - 29 avril 2010)
" a ben c super sympa ça, merci beaucoup "
(auteur de ce tuto - 29 avril 2010)
" alors je ne promets rien, mais je vais essayer de voir si j'ai gardé la version française sur mon pc, si oui je peux essayer de te l'envoyer "
(a acheté ce tuto - 29 avril 2010)
" salut, merci de me répondre
j'ai déjà un compte adobe, mais quand je veux prendre catalyst, sur la page il n'y a que la version anglaise, c'est pour cela que je demandais où on pouvait avoir la version française. "
(auteur de ce tuto - 28 avril 2010)
" Salut, alors il va falloir que tu commence par créer un compte Adobe et une fois ton compte activé, télécharges Flash Catalyst, normalement, tu pourras choisir la langue lors de l'install. La clé d'activation est aussi présente sur cette page, alors copies là avant l'installation, voici le lien de téléchargement pour la beta 2 : http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashcatalyst
"
(a acheté ce tuto - 28 avril 2010)
" bonjour, je viens de prendre ce tuto qui m'a l'air bien sympathique.
je vois que ds ton tuto tu utilises catalyst en français, où puis-je me le procurer? merci d'avance "
(auteur de ce tuto - 30 mars 2010)
" Salut, merci pour le com. Sinon tu peux télécharger la v2 de Flash Catalyst en visitant ce lien : http://labs.adobe.com/technologies/flashcatalyst/ N'oublies pas de créer un compte Adobe si tu n'en a pas, c'est gratuit et sa te permettra de pouvoir tester gratuitement n'importe qu'elle versions d'évaluations. Cordialement, Artkabis "
(a acheté ce tuto - 29 mars 2010)
" Très très bien tout ça, bravo Artkabis,
sais-tu à quelle adresse je peux trouver Catalyst en français ? pour Mac ?
Par avance merci. "
(auteur de ce tuto - 29 janvier 2010)
" En effet le code est modifiable dans Flex, mais pas directement dans catalyst... J'utilise Flex régulièrement, un peu moins Catalyst, mais je crois que la modification du code n'est pas possible directement dans Catalyst, non ? "
(n'a pas acheté ce tuto - 29 janvier 2010)
" @lannoy
En fait Catalyst n'est pas basé sur l'action script. ( flex basé sur éclipse )
Le code est récupérable et entierement modifiable grâce a Flex Builder. ( un peu de connaissance en AS3, C+, Php.... )
Un tutorial t'interesserait ?
"
(a acheté ce tuto - 28 novembre 2009)
" Tu nous tient au courant pour communiquer avec PHP ? Au faite j'ai dl la démo mais a première vue dispo que en anglais :'( . "
(auteur de ce tuto - 25 novembre 2009)
" Alors pour ce qui est de la formation flash/ActionScript et bien je suis déjà sur le projet, mais bon la mise en place d'une telle formation demande du temps, alors elle ne sera disponible que dans quelques semaines. "
(a acheté ce tuto - 25 novembre 2009)
" Super, car j'aimerais travailler avec PHP en même temps . Compte tu faire une formation compléte Flash / ActionScript car je nage dans l'inconnue la ^^ . "
(auteur de ce tuto - 25 novembre 2009)
" C'est plutôt une bonne idée, je vais voir avec mon développeur php si nous pouvons rendre tout ça dynamique... "
(a acheté ce tuto - 25 novembre 2009)
" Salut artkabis,
Je vient d'acheter ton tutoriel, il est en cour de téléchargement, crois tu que tu pourrais en faire un autre pour communiquer avec php ?
Afin de rendre le site plus dynamique ? "
(auteur de ce tuto - 13 octobre 2009)
" En fait, j'utilise désormais du zip, mais à l'époque ou je n'avais pas mon nouveau DD, j'ai préférais utiliser un format moins groumant, d'où le zipx de winzip qui est d'ailleurs assez répandu. Mais je viens de modifier la source au format zip, donc tout est désormais ok.
@+ "
(a acheté ce tuto - 13 octobre 2009)
" HA oui du zipx.... qui ne s'ouvre donc pas sur mac (aucun utilitaire de décompression pour du zipx)
Bon ben retour sur pc en installant un winzip.
Pourquoi pas du zip ou rar ? cela aurait été plus facile pour tous?
merci de la réponse "
(auteur de ce tuto - 13 octobre 2009)
" Et avec winzip ?
En tout cas le zip est bien présent et il contient les bons fichiers, je pense donc que l'erreur est lié à ton logiciel de décompression qui ne doit pas supporter le format: zipx.
Si tu n'arrivais vraiment pas à récupérer la source, renvoies moi un message, histoire que je puisses résoudre ceci. "
(a acheté ce tuto - 13 octobre 2009)
" bonjour, je n'arrive pas a ouvrir le fichier source .zip
le fichier est corrompu et vide. j'ai essayé plusieur utilitaires de decompression rien a faire....
dommage "
(auteur de ce tuto - 16 septembre 2009)
" Il sont belle et bien présent, tu les retrouveras normalement à gauche dans le lecteur weecast, enfin là où tu trouves habituellement les fichiers sources de tes tutoriels. "
(a acheté ce tuto - 16 septembre 2009)
" Le tuto est interessant mais ou sont les fichiers source ? "
(auteur de ce tuto - 29 juin 2009)
" Désormais, vous trouverais un nouvel extrait vidéo, l'ensemble des fichiers sources du projet et l'aperçu final de l'application.... "
(auteur de ce tuto - 29 juin 2009)
" Oui bien sûr, le tutoriel viens d'être publié je m'occupe de ça très très vite... "
(a acheté ce tuto - 29 juin 2009)
" C'est bien tentant. Je n'avais pas entendu parler de ce logiciel. Il serait possible d'avoir un rendu final, pour voir de quoi est capable le logiciel, et le résultat que l'on à la fin du tuto.
Merci "