Dans ce tuto Flash nous allons réaliser un petit portfolio (avec ActionScript3 + TweenMax) ce composant d'une mini galerie ainsi que d'une page "A Propos". Pour finir nous ajouterons un bouton contact avec un lien "mailto".
Testez le portfolio final !
Le but de ce tuto est de vous permettre de découvrir le workflow à travers Illustrator (pour le design du site), Flash (pour l'intégration et le développement) et Dreamweaver (intégration du swf dans une page HTML et CSS).
Bon courage pour cette formation Flash, qui j'espère, vous apprendra beaucoup.
Jetez un oeil à ces autres tuto Flash CS4
Gérer un modèle 3D dans…
Dans ce tuto Flash CS4 et ActionScript 3 vous apprendrez à…
Jeu Merlin FLash 3D
Ce tuto ActionScript 3 en vidéo, d'un niveau intermédiaire,…
Champ de vidéos 3D
Dans ce tuto Actionscript 3 en vidéo, vous allez apprendre…
Répertoire téléphonique…
Dans ce tuto Flash en vidéo, vous allez apprendre à développer…
Créez un site flash de type…
Apprenez dans cette formation à réaliser un site complet en…
Website xml avec utilisation…
Dans ce tutoriel, nous allons créer un website dynamique qui…
Créer un website avec gestion…
Dans ce tutoriel nous allons créer ensemble un mini site internet…
Débutez facilement avec Flash…
Cette vidéo de découverte va vous permettre de découvrir…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash CS4 de 1 heure 24 minutes est proposée dans une résolution plus grande que l’extrait suivant :
Olivier
, Formateur
Salut à tous, je suis Olivier, graphiste installé en freelance depuis maintenant deux ans. J'adore la création numérique qu'elle soit en 2 ou 3D.
J'ai commencé à "bidouiller" sur Photoshop (version 5), à l'age de 13 ans. J'ai découvert ce logiciel chez mon oncle qui a l'époque était photographe. Il m'a transmit le virus et depuis je n'ai jamais décroché.
Les softs que j'utilise que ce soit pour de la création perso ou pro sont Photoshop, Illustrator, Flash, Dreamweaver, Première, After Effect, Cinema 4D et zBrush.
S'avez d'autres questions ma ptite dame ? ^_^
Toutes les formations de Olivier
Témoignage des clients de Olivier
![]()
agréable, explique bien et on sent qu'il aime partager ses connaissances :)
![]()
Ces tutos sont clair, précis et bien organisés. J'en suis très content.
![]()
Je ne connaissais pas ce formateur et je n'ai qu'une chose à dire : bravo ! J'ai passé un très bon moment, merci !
![]()
Formateur agréable !
D'autres tuto de Olivier
Réalisation de 8 galeries photos
Dans cette série de tuto en vidéo, je vous propose de réaliser 8 galeries photos en…
10 modèles de galeries photos XML et Flash
Dans cette série de 16 tuto Flash & ActionScript 3, nous allons ensemble apprendre à…
Notes attribuées par les utilisateurs (4 votes)
Les avis / Questions des utilisateurs (8)
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 CS4 d’une durée de 1 heure 24 minutes a été acheté 54 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 8 mai 2010 par Olivier, contributeur, ayant reçu une note moyenne de 4,8/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Flash webdesign.
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.












(a acheté ce tuto - 23 janvier 2012)
" très bon tuto qui me permet de revoir mes bases (perdus ...) Merci "
(a acheté ce tuto - 28 avril 2011)
" super "
(a acheté ce tuto - 02 janvier 2011)
" Bonjour !
Je suis totalement débutant sur flash, aussi j'ai une petite difficulté :
Lorsque je rentre le code pour faire fonctionner la galerie, que l'on puisse cliquer sur les boutons pour faire défiler etc., j'ai plusieurs erreurs qui apparaissent
séquence 1, calque 'as', image 1, ligne 5 1158 : Erreur de syntaxe: il manque une accolade d'ouverture avant le corps de la fonction
séquence 1 calque 'as' image 1 ligne 7 1084: identifier est attendu devant rightparen
Et ceci pour toutes les autres lignes également.
Aussi quand je veux tester (control+entrée) la galerie défile vitesse grand V sans s'arrêter, pourtant j'ai bien écris la fonction stop(); dans la partie galerie.
Merci !
"
(a acheté ce tuto - 20 décembre 2010)
" Excellent tuto !
Cependant , je débute en Flash et même avec ce tutorial je n'arrive pas à faire fonctionner mon code ( pour activer le click et faire slider les images ) ... Pourriez vous m'aider ?
Je vous remercie "
(a acheté ce tuto - 27 septembre 2010)
" Excellent !!! Convient tout à fait à la débutante que je suis "
(a acheté ce tuto - 03 juillet 2010)
" super le tuto, ça va m'être bien utile pour réaliser mon portfolio :D
Juste une question : est ce qu'il est possible d'intégrer des videos dans la galerie ? Et si oui sous quel format doivent être les videos ??
Merci et encore bravo pour ce tuto, depuis le temps que j'en cherchai un. "
(auteur de ce tuto - 10 mai 2010)
" Salut Artkabis ! Le premier commentaire qui est fais sur le premier tuto que je met en ligne sur weecast est écrit par le plus gros formateur flash de la plateforme. C'est un honneur :) ! Je savais très bien lors de la création du code que le < réagirais ainsi. J'ai toutefois choisis de ne pas mettre de coordonnées fixe pour le tween du > étant donné que les tween du contenu ont déjà des valeurs fixes. Cela m'a permis de montrer comment utilisé les tween en disant "alors tu reprend les coordonnées actuel du > et tu ajoutes 75 quel que soit la position de l'objet animé". Comme ca les personnes suivant cette formations sauront : - tweener des objets vers une coordonnée fixe - déplacer un objet d'une distance précise quel que soit la position de départ de celui-ci. Les personnes qui suivront cette formation en saurons bien assez pour corriger ce petit désagrément d'eux même. C'était juste histoire de montrer 2 façons différentes de procéder avec TweenMax. Je te remercie d'avoir commenté, c'est vrai que j'aurais pus passer à coté de cela ! A plus :) Olive ! "
(n'a pas acheté ce tuto - 10 mai 2010)
" Salut cette formation m'a l'aire bien sympathique, par contre en testant l'application, je me suis appercu qu'au clic du bouton galerie, l'icône "^" se déplace vers la gauche et fini par sortir de la scène au bout de quelques clic. Voilà je préfèrais t'informer de ce petit bug, qui à mon avis doit êtrer simple à corriger.
Cordialement artkabis.
PS : Encore une fois cette formation a l'aire pas mal, je pense que je vais l'acheter pour voir comment celle-ci a été construite "