Articles Commentaires

Artbooktuto » Tuto Flash

[Illustrator, Photoshop, etc.] Bien placer les ombres

Il y a quelques temps, lors d’un sondage, une lectrice m’avait demandé si je pouvais faire un tuto expliquant comment placer les ombres. Une idée forte intéressante, car il s’agit là d’un fondement du dessin : savoir gérer les ombres et les lumières. C’est ce que nous allons essayer de faire aujourd’hui avec ce petit tuto très explicatif. … Lire l'Article Entier »

Classé dans : Tuto Flash, Tuto Illustrator, Tuto Photoshop

Livre qui s’ouvre et se ferme

Livre qui s’ouvre et se ferme Je vous propose aujourd’hui de réaliser un livre au style ancien, ou vous pourrez présenter vos travaux ou photos, le tout dans un livre qui s’ouvre. Comme vous pouvez le voir sur mon site d’illustration à cette adresse : www.vianney.fr/illustrations Pour réaliser ce tuto nous aurons besoin, d’une bibliothèque de sons que l’on trouvait exclusivement dans flash 8, vous pourrez la télécharger ici (ensuite installer la dans C:/Programmes (ou program files)/Adobe/Flash CS3/ ) Et il nous faudra ensuite les différentes images de l’animation que j’ai au préalable transformé sous Photoshop (je suis bon avec vous lol), télécharger le ici. Nous avons maintenant en mains, tous les outils nécessaires. Ouvrez un nouveau, et importer toutes les images de l’archive dans votre bibliothèque. Ensuite la méthode va être simple, il va juste falloir mettre les différentes toutes les 5 images. Commençons par la … Lire l'Article Entier »

Classé dans : Tuto Flash

Bouton flash mailto

Créer un mailto sur un bouton flash Un tuto vraiment simpliste pour vous expliquer comment créer un bouton flash, pour vos sites qui permettra à vos visiteurs de vous contacter grâce à leur boite mail favorite. Créer un nouveau document en AS2, puis allez dans Fenêtre>Bibliothèque commune>Boutons Maintenant choisissez le bouton de votre choix (c’est pour l’exemple après, bien entendu, vous fabriquerez vos propres boutons, créer sous photshop ou illustrator par exemple) Maintenant faites un clic droit et cliquez sur Actions. Ensuite coller le code qui suit, bien sur il faut changer l’adresse mail par la votre. Appuyez sur F9 pour ouvrir la fenêtre actions. on (release) { getURL("mailto:arthelius5@aol.com?subject=Mailto Flash"); } Il ne reste plus qu’a faire un petit Ctrl+Entrée pour vérifier si cela marche, et m’envoyer un mail par l’occasion par exemple. Arthelius Si vous avez des questions, n'hésitez pas le forum est là pour … Lire l'Article Entier »

Classé dans : Tuto Flash

Images défilantes

Fond défilant Fichier exemple Un joli effet images défilantes pour ce tuto très simple. Créez un nouveau document de 700×550. Nous allons maintenant faire un fond en dégradé afin d’égayer le tout. Pour cela prenez l’outil rectangle, supprimer la couleur de contours et dans la couleur de fond sélectionner le dégradé bleu. Puis dessinez un rectangle de la taille de votre scène. Maintenant dans la fenêtre des couleurs à droite, ajoutez un godet au dégradé et sélectionnez un bleu, puis dans le godet central mettez du blanc et dans le troisième ajouter le même bleu que dans le premier.  Changez le dégradé radial en linéaire. Maintenant prenez l’outil transformation libre, et tournez votre rectangle à 90° afin que votre dégradé soit à l’horizontal, grâce au petit cercle qui se dessinera une fois que votre souris sera dans l’un des coins. Ensuite il suffit d’ajuster … Lire l'Article Entier »

Classé dans : Tuto Flash

Mini Lecteur MP3

Mini lecteur MP3 Fichier source : minilecteur Fichier exemple : minilecteur Tuto proposé par X-bead sur le forum, puis photographié et écrit par Arthelius. Nous allons voir comment faire un mini lecteur MP3, qui lira qu’une seule musique. Idéal pour mettre un extrait de musique sur un site. Ceci a pour but de voir comment faire un mini lecteur MP3, avant de voir comment faire un lecteur plus gros et complet dans un futur tuto. Attention ! Ce tuto est fait en actionscript 2.0 Ouvrez un nouveau document en AS 2.0 Puis cliquez sur Fenêtre>Bibliothèque commune>Boutons Vous trouverez à l’intérieur des boutons déjà tout fait, vous pouvez aussi faire un bouton vous-même grâce au précédent tuto. Une nouvelle fenêtre s’ouvre, double cliquez sur le dossier « playback flat » cliquez sur flat blue play et faites glisser votre boutons dans la scène. Faites un clic droit sur … Lire l'Article Entier »

Classé dans : Tuto Flash

Faire un bouton

Faire un bouton Fichier source : bouton Exemple : bouton Si vous désirez mettre la moindre interactivité sur vos documents flash, vous devrez obligatoirement passer par des boutons. C’est primordial dans Flash, car les boutons peuvent avoir des fonctionnalités ActionScript que les simples dessins vectoriels ne peuvent avoir.   Créez un nouveau document. Puis allez dans Insertion>Nouveau Symbole Nommez le « bouton » choisissez bouton entre les trois choix et cliquez sur « OK » Votre scène a changé ainsi que votre timeline, vous êtes maintenant dans votre bouton. Les 4 images de la timeline correspondent aux 4 états de votre bouton : Haut, lorsqu’il est présent sans être activé, Dessus, lorsque la souris passe dessus, Abaissé, lorsque celui-ci a été cliqué, et enfin cliqué pour définir la zone cliquable. Prenez l’outil de dessin, ellipse ou rectangle à votre convenance, puis allez dans la couleur de contour … Lire l'Article Entier »

Classé dans : Tuto Flash

Gardez vos polices

Les polices restent visibles Vous avez surement déjà du avoir ce soucis, vous ouvrez un document flash mais il manque les polices. Avec ce tuto nous allons voir comment faire pour que vos polices soient visibles de tous. Dans votre document, faites un clic droit dans la bibliothèque, en faisant attention a ce que votre souris ne se trouve sur aucun élément. Sélectionnez Nouvelle police. Entrez un nom pour désigner votre police, puis sélectionnez votre police dans le menu déroulant. Cochez ou non les cases du style de votre police. Puis cliquez sur Ok. Votre police est maintenant un élément de votre bibliothèque. Arthelius Si vous avez des questions ou des suggestions rendez vous sur le forum. … Lire l'Article Entier »

Classé dans : Tuto Flash

Fond animé

 Arrière plan qui défile fichier exemple : nuagesFichier source : nuages Le temps des fonds statiques est révolu, avec ce tuto nous allons voir comment faire un fond qui défile. Créez un nouveau ActionScript 3, puis changer les paramètres de votre scène, par ceci : taille, 500 pixels de largeur, et 350 de hauteur, et une vitesse de 30 images seconde pour que l’animation soit fluide. Importez votre image dans la scène (celle qui se trouve en dessous) et placez la bien au centre. Convertissez la en symbole graphique d’un clic droit, ayant pour nom nuage. Dupliquez cette image deux fois, placez les deux copies des deux côtés de l’original, collés à l’image du centre. Sélectionnez l’image du centre et faites Modification>Transformer>Renverser horizontalement. Sélectionnez les trois images et convertissez-les en symbole de clip, avec un alignement à gauche. Nommez le clip fond, n’oubliez pas de nommer aussi … Lire l'Article Entier »

Classé dans : Tuto Flash

animation : rouages qui tournent

Rouages qui tournent exemple : rouagefichier source :rouage Dans Illustrator nous avons vu comment faire un rouage 3D, maintenant nous allons voir comment faire tourner des rouages avec flash. Dans votre nouveau document, prenez l’outil ellipse et tracez un grand cercle au centre. Changez la couleur de fond. Et maintenant tracez un cercle plus petit, placez le en haut au centre (si vos repères sont magnétisés, normalement un petit rond apparait) et faites un Ctrl+C puis un Ctrl+V, et placez le second cercle, en face en bas. Sélectionnez les 2 formes et allez dans Fenêtre>Transformer, mettez 45° dasn pivoter, et cliquez sur la petite icône en bas>  « copiez et appliquez la transformation. » Récliquez sur l’icône 3 fois. Sélectionnez toutes les formes vertes (ou d’une autre couleur chez vous) et appuyez sur latouche suppr. Pour supprimer et ainsi créer votre rouage. Faites Ctrl+V suppirmer un cercle … Lire l'Article Entier »

Classé dans : Tuto Flash

Flocons de neige

Flocons de neige Fichier exemple : neige Fichier source :neige Après la pluie, on passe à la neige, avec cette fois ci de l’actionscript. Ouvrez votre nouveau document, et mettez comme couleur d’arrière plan du noir, en cliquant dans les propriétés sur taille. Cliquez sur Insertion>Nouveau symbole, pour faire un nouveau clip. Dans ce clip prenez l’outil Ellipse, dessinez un cercle bien au centre avec un dégradé allant du blanc (centre) au noir (bord) Revenez sur votre scène, importez votre clip au dessus de votre cadre noir en haut à gauche, que vous nommerez flocon dans le nom d’occurrence. C’est la fin maintenant il vous suffit juste de coller ce code, en cliquant sur la première image, clic droit Actions.   for (i=0; i<=200; i++) {  flocon.duplicateMovieClip(“flocon”+i, i);  this["flocon"+i]._x = random(500);  this["flocon"+i]._y = random(400);  this["flocon"+i]._height = random(20);  this["flocon"+i]._width = this["flocon"+i]._height; }   vitesse = 5;   ralentit = true; onEnterFrame = function () {    if (ralentit == true) {    choix = Math.floor(random(2));    ralentit = false;    ajout = -1;  }  if (choix == 0 || choix … Lire l'Article Entier »

Classé dans : Tuto Flash