ArtBook - le blog des tutoriaux graphiques -

Un blog rempli de tutoriaux gratuits et complets pour apprendre à utiliser Photoshop, Illustrator, Flash et d'autres applications web. Mise à jour très fréquentes.

16 janvier 2008

CV en Flash

CV en flash

Exemple : CV
Fichier source : CV

Avec l’arrivée d’internet les CV statiques sont devenus obsolètes, surtout si vous envoyez vos CV par mail, et cela même si vous ne postulez pas à un poste dans le domaine graphique. Le visuel est le meilleur moyen de capter l’attention, je vais vous montrez comment faire.

Créer un nouveau document, puis mettez-le à cette taille 500x700 grâce à la fenêtre des paramètres (si vous désirez une autre taille il n’y a aucuns soucis)

1

Maintenant nous allons créer nos différents calques. Pour cela cliquez sur nouveau calque dans la timeline. Le premier se nomme pages c’est le calque d’origine, et le second : pages.

2

Maintenant cela le nombre de pages que vous allez mettre le nombre d’images sera différent. Pour ce tuto je vous propose un Cv classique avec 3 pages + le sommaire. A l’image 5,10 et 15 du calque page vous allez insérer une image clé avec clic droit insérer une image clé.

3

Vous allez nommer dans les propriétés en étiquette d’image la page1 sommaire, la page 5 formation, la page 10 experience (sans accent) et la page 15 logiciel
Normalement les noms devraient apparaitre dans les images de la timeline, ainsi qu’un petit drapeau rouge.

4

Passons aux boutons. Allez dans Insertion>Nouveau Symbole, choisissez bouton et nommez le lien.

5

Vous voici dans votre bouton, prenez l’outil ellipse, et tracez un cercle au centre.

6

Insérez une image clé sur chaque position, dessus, cliqué, abaissé.

7

Pour vous repérez mettez une couleur différente a chaque état. Refaites un nouveau bouton avec Insertion>Nouveau symbole que vous nommez Index, et refaites la même chose mais avec une forme et des couleurs différentes si possible.

8

Revenez sur la scène en cliquant sur le bouton séquence1 en haut de la timeline.

9

Mettez vous sur le calque bouton et faites glissez votre bouton lien vers la scène depuis votre bibliothèque. Faites cela trois fois. Vous pouvez bien entendu bien les aligné mas tout ceci fais partie du détail.

10

Cliquez sur votre premier bouton puis sur la fenêtre Actions, et copiez ce code à l’intérieur

on (release) {
 gotoAndPlay("formation");
}

11

Faites de même pour les 2 autres boutons mais en changeant le mode formation entre guillemet par experience et logiciel
Maintenant allez sur votre calque pages, et sur l’image 5 ou se trouve la page formation, et faites glissez le bouton index sur la scène, puis cliquez sur le bouton, puis sur action et collez ce code.

on (release) {
 gotoAndPlay("sommaire");
}

12

Faites de même sur les 2 autres pages.
Faites bien attention de bien être dans la page et non sur le bouton et ajouter ce code dans actions. Faites le sur les 4 pages du CV

Stop ()

13

Voilà votre CV fais il vous suffit juste de le remplir et de le rendre plus joli, pour cela vous pouvez changer vos boutons mettre des petites animations après tout est possible. Mais pour un Cv de base vous possédez déjà tout ce dont vous avez besoin.

Voilà le CV exemple : CV

Arthelius

Si vous avez des questions ou des suggestiosn rendez vous sur le forum

tuto.fr

Posté par arthelius à 12:31 - Tutorial Flash - Commentaires [24] - Rétroliens [0] - Permalien [#]

Commentaires

MERCI

TRéS SIMPLE ET EFFICACE MERCI

Posté par TROM, 28 février 2008 à 17:18

c est vraiment de la merde tes tutos

Posté par stillius, 26 avril 2008 à 11:20

merci et coup de gueule

Merci pour ce tuto, ça aide à assimiler quelques notions ...!
mais je ne comprends pas pourquoi il y a toujours des gros cons pour laisser des commentaires de merde

Posté par Arpen, 01 mai 2008 à 22:18

Merci et...

Un peu pareil que Arpen, merci tout d'abord pour ce tuto qui, je pense, en aidera plus d'un.
Concernant le commentaire de stillius, je pense et j'espère que l'auteur du tuto ne le prendra pas au sérieux. Celui-ci (le commentaire) est totalement inutile (tout comme son auteur) et n'est argumenté sur aucun point. J'aimerai ajouté un message personnel à stillius : " Argumente et prouve nous que tu fais mieux, après tu pourras te permettre de critiquer les autres ".

Posté par d0ws, 11 mai 2008 à 22:36

merci a vous tous (ou presque)

Ce genre de message ne me touche pas, par contre j'ai pris la peine de répondre à son auteur pour que celui ci argumente ses propos, qu'ils devraient modéré, mais bien entendu l'adresse mail était fausse.
Sinon je remercie tous ceux qui postent des messages de remerciement ou pour me poser des uqestiosn cela me motive beaucoup. ^^

Posté par Arthelius, 11 mai 2008 à 22:42

Petite question

J'aimerai savoir s'il serait possible que tu fasses un autre tuto (quand tu auras le temps) de "Comment remplir le contenu du CV". Car mettre du texte ce n'est pas très dur, mais lorsqu'il faut le modifier cela devient plus gênant...

Je pense qu'il faut faire appel à un fichier externe non ?

Merci d'avance :)

Posté par d0ws, 13 mai 2008 à 11:52

tu ser a ti

Posté par lax, 14 mai 2008 à 14:08

je ne sais plus quoi faire ! help

Salut, merci pour ce tuto, j'ai besoin d'aide pour apprendre. je ne serais pas expliquer ce qui ne va pas. si seulement on pouvait étudier ensemble mon fichier source.fla et me dire ou est le souci ??

merci de me répondre par mail que je vous envoi mon travail afin que je puisse mieux exploiter ce tuto.

ps: je suis vraiment débutant flash et j'ai pas tout compris les phrases de ce tuto, cela laisse perplexe sur certaine explication.

Posté par guyhom, 26 juin 2008 à 16:30

par exemple !!!

une phrase bizarre :

"Maintenant cela le nombre de pages que vous allez mettre le nombre d’images sera différent."

Ce n'est pas Français ?! non ?!!

Posté par guyhom, 26 juin 2008 à 16:32

ptite question

bonjour,
comment diffuses tu ton CV ?
si tu dois l'envoyer par mail par exemple.....

Posté par cap, 25 septembre 2008 à 03:41

merci

salut merci beaucoup pour ce tutoriel je suis nouveaux dans ce domaine même si ça fesai 3 ans que j 'étudie dans le domaine d'art graphique j aimerai apprendre a créer un CD interactif avec photo shop illustrator et flash oui en fin adobe photoshop pour la création du design des bouton et flash pour la programmation et 'intégration des illustration faite le tous dans un cd interactif qui se lance dés linsertion du CD dans le lecteur "autorun " pardon si je demande trop mais jaimerai aprendre je voulai aprendre ca fesai 5 ou ans de ca mais ca ma pas été possible vue que j habite en algerie

Posté par momo, 11 octobre 2008 à 04:01

CV Flash

Pour tout ce qui est PSD, FLA et AI pas de soucis, après au niveau autorun, faut que je cherche mais pourquoi pas ça pourrait être un bon tuto.

Je vous promet rien tout de suite, mais j'y pense promis.

Posté par arthelius, 11 octobre 2008 à 14:14

demande

c'est ce dont j'ai besoin comme tuto, mais comme étant encore nulle j'ai pas pu bien suivre les étapes, alors serait il possible de faire le meme mais en video??
merci d'avance

Posté par DOUSHKA, 16 octobre 2008 à 21:30

Je me permets de réagir.
Je trouve personnellement que ce tuto n'a aucun intérêt... Pourquoi?
1/ Le code est obsolète, il s'agit d'un version de code de type as1 des versions antérieur à Flash 5
Même si je ne prends pas en compte a l'heure ou j'écris ces lignes, l'existence des l'as3, il existait tout de même déjà l'as2, ou au moins une version conforme de l'as1.
2/ L'auteur parle de rendre attractif un CV, certes, mais c'est nullement visible durant le tuto...
Même si l'on conçoit le fait d'optimiser soi-même l'apparence, un minimum graphique s'impose, parce que la des vieilles formes classiques, ne donnent pas envie de continuer a lire le tuto, qui ne réponds plus alors aux "promesses" de l'introduction...
3/ J'ai eu un ressenti de bâclé lors de la lecture. Ce qui n'est pas le mieux pour un service d'aide aux autre.

Posté par black Almond, 15 décembre 2008 à 13:06

Faut pas pousser !!

black Almond, je trouve ton comportement vraiment incorrecte. Premierement le service proposé ici est gratuit.

"Un minimum graphique s'impose" : qui est tu pour imposer des minimum. C'est à prendre ou à laisser.
La moindre des politesses est de remercier la personne qui à bosser avec ses moyens, son niveau pour faire partager son savoir.

Pour ce qui est du style des bouton et de l'apparence de ce CV tu doit être assé grand pour pouvoir imaginer une personnalisation.
Si tu attends que la solution te tombe toute faite à ton nom etc, va voir ailleur.

Si tu trouve le travail baclé qu'a tu de mieux à proposer ??? je ne rien vu sur ton blog. D'ailleur en matière de graphisme tu peut mieux faire.

Posté par rgadais, 24 décembre 2008 à 11:13

merci

Je remercie tout ceux qui me soutiennent.
Pour le message de Black, je voudrais simplement dire que je ne refuse pas de publier un tuto de ton cru, si tu as des précisions ou une meilleure méthode, aucun problème.
Après pour le graphisme, je laisse à chacun faire ses choix, car après sinon j'ai pas fini, lol. C'est déjà assez long à écrire, et puis je ne voudrais pas brider la créativité des internautes.

Mon seul but est de proposer les meilleurs tutos, et d'aider les gens. Je publierai donc volontiers des tutos d'autres personnes si ces derniers vont dans ce sens.

Restons ouverts. ^^

Posté par arthelius, 24 décembre 2008 à 16:00

merci inifiniment

merci bien c genial ce tutto
car ça nous aide nous les zero a ameliorer nos compétences

Posté par haman00, 21 janvier 2009 à 16:25

de rien ^^

Je suis heureux que ce tuto vous ai plus et ai pu vous aider. Il ne manque que votre patte graphique pour rendre celui ci encore plus attractif.

Je pensais aussi faire un tuto pour faire des sites simples en flash.
Si vous êtes intéressé dites le moi.

Posté par arthelius, 21 janvier 2009 à 16:28

:S

Je dois être carrement en dessous de "zero" car j'arrive pas à faire glisser les deux boutons dans la scéne, ca doit etre tout con mais :s
De plus sur tes captures d'ecran les boutons sont remplis d'une couleur...chose que je n'arrive pas à faire.
Dsl de parraitre si amateur mais je debute vraiment sur ce logiciel.
Merci
Amicalement
Etienne

Posté par Etienne, 11 février 2009 à 17:41

merci inifiniment

bien sur que je suis interesse, j'aimera bien apprendre le flash, et si t'as des tutto n'hesité plus a les partager svp, on attendant vos propositions, accepter mes salutations respectueuses

Posté par haman00, 21 février 2009 à 11:53

MMMhh..

Je suis tombé sur ce tuto par hasard en cherchant tes astuces pour mon projet..
Bon ce tuto ne m'a pas servi car j'ai déjà les bases, mais je pense qu'il peut servir pour des personnes partant de zero, leur inculquer les quelques bases qui leur permettront de démarrer ET PAR LEURS PROPRES MOYENS, ENSUITE, DE PERSONNALISER CE QU ILS ONT APPRIS POUR ABOUTIR A QUELQUE CHOSE DE GRAPHIQUEMENT SATISFAISANT... En effet ici le tuto n'a nullement la prétention (si j'ai bien compris) de proposer quelque chose de fini, de joli, c'est juste des mécanismes à assimiler, qui permettront d'articuler des éléments graphiques.. c'est pas un cours de dessins vectoriel ou de webdesign. donc les pas contents plutôt que de râler ici passez votre chemin ou proposez mieux... ceci dit c'est vrai que l'utilisation de l'as1 n'était peut être pas des plus judicieuses, mais bon je pense que la version 2 fonctionne un peu sur le même principe et ne demandera que peu d'adaptation (contrairement à la 3 qui est vraiment tentaculaire)..
Je tiens à faire remarquer à la plupart des auteurs des commentaires que leur expression, orthographe et grammaire est des plus déplorable!! mais bon en même temps je suis juste un chieur qui s'ennuie un peu et c'est pas un tuto sur la langue française!!
bravo pour ceux qui auront eu le courage de me lire jusqu'à la fin!

Posté par boulet, 15 avril 2009 à 23:35

Merci mais...

Merci pour ce tuto mais j'ai une galère. J'ai bien suivi chaque étape et rempli le contenu de mon cv mais que je fait une prévisualisation, mon cv est illisible car chaque page se suit sans qu'on puisse en lire le contenu...je crois que j'ai pas copié le code au bon endroit mais je n'arrive pas à régler le problème. Je peux t'envoyer mon fichier pour que tu vois ça de plus près? ça me rendrai bien service!

En tout cas encore merci pour ce tuto et je suis interessée pour faire un site simple en flash.

Posté par Zou, 19 août 2009 à 17:48

Merci

beaucoup Arthelius pour ce tuto sur le cv, je viens de réaliser le mien, que j'ai personnalisé et j'en suis très contente.
j'ai une petite question pour l'envoi par mail: il vaut mieux envoyer un lien pour télécharger le flash player, non ?
Je découvre ce blog et j'en suis enchantée, les tutos sont simples et bien expliqués.
Ce qui critiquent n'ont rien de mieux à faire sans doute, il est vrai que c'est toujours plus facile de baver sur le travail des autres que de proposer gratuitement et gentillement de les aider.

Posté par Kat, 12 octobre 2009 à 12:28

j'ai pas tout compris

Je suis revenue sur le premier bouton et j'ai cliquer sur la fenêtre (actions) mais je ne voit pas où l'on met le scrpit .

Malgré tout c'est une bonne initiative pour des gens qui débutent sous flash

Posté par chomiste, 16 décembre 2009 à 13:01

Poster un commentaire







Rétroliens

URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=327702&pid=7581665

Liens vers des weblogs qui référencent ce message :