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 Flash CS4Gérer un modèle 3D dans…
Dans ce tuto Flash CS4 et ActionScript 3 vous apprendrez à…

Jeu Merlin FLash 3DJeu Merlin FLash 3D
Ce tuto ActionScript 3 en vidéo, d'un niveau intermédiaire,…

Champ de vidéos 3DChamp de vidéos 3D
Dans ce tuto Actionscript 3 en vidéo, vous allez apprendre…

Répertoire téléphonique avec Flash, xml et PHPRépertoire téléphonique…
Dans ce tuto Flash en vidéo, vous allez apprendre à développer…

Créez un site flash de type PortfolioCréez un site flash de type…
Apprenez dans cette formation à réaliser un site complet en…

 Website xml avec utilisation de SWFAddress et SWFObjectWebsite xml avec utilisation…
Dans ce tutoriel, nous allons créer un website dynamique qui…

Créer un website avec gestion xml en as3Créer un website avec gestion…
Dans ce tutoriel nous allons créer ensemble un mini site internet…

Débutez facilement avec Flash CS4Dé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 :

Partagez cet extrait

Lien vers cet extrait : Embed code :

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 photosRé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 Flash10 modèles de galeries photos XML et Flash
Dans cette série de 16 tuto Flash & ActionScript 3, nous allons ensemble apprendre à…

voir tous les tuto de Olivier

Notes attribuées par les utilisateurs (4 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (8)

par redcrowproda voté :
(a acheté ce tuto - 23 janvier 2012)

" très bon tuto qui me permet de revoir mes bases (perdus ...) Merci "

par aricovera voté :
(a acheté ce tuto - 28 avril 2011)

" super "

par shaarmatth
(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 !

"

par Macoxy
(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 "

par Alice63a voté :
(a acheté ce tuto - 27 septembre 2010)

" Excellent !!! Convient tout à fait à la débutante que je suis "

par Maxouela voté :
(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. "

par Olivier
(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 ! "

par artkabis
(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 "

 

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.

N'hésitez pas à nous contacter si vous avez la moindre question !