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.

31 mars 2008

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

2

Nommez le « bouton » choisissez bouton entre les trois choix et cliquez sur « OK »

3

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.

4

Prenez l’outil de dessin, ellipse ou rectangle à votre convenance, puis allez dans la couleur de contour pour la supprimer puis mettez la couleur que vous désirez pour la couleur de remplissage.

5

Puis dessinez une forme sur la scène, une fois cela fait, cliquez sur l’image dessus puis d’un clic droit ajouter une image clé, faites de même pour l’image abaissé. Voici votre bouton de fait.

6

Maintenant, prenez l’outil flèche noire, sélectionner votre forme puis l’image dessus et changez la couleur de fond, puis faites de même pour l’image abaissé. Votre bouton comporte maintenant 3 couleurs selon l’image sur laquelle vous cliquez.

7

Cliquez sur séquence en dessous de la timeline pour revenir sur votre scène.

8

Si votre bibliothèque est bien ouverte, vous devriez voir votre bouton à l’intérieur, cliquez dessus et faites le glisser jusqu'à votre scène.

9

Faites un Ctrl+Entrée pour voir le fruit de vos efforts. Vous pouvez bien entendu ajouter du texte ou des effets à chaque état de votre bouton sans soucis. Petit conseil, essayez au maximum de bien faire votre bouton sur votre première image afin que les copies qui suivent soit le plus conforme possible et qu’il n’y est pas de soucis de décalage.

Exemple : bouton

Arthelius

Si vous avez des questions ou des suggestions rendez vous sur le forum.

Posté par arthelius à 22:09 - Tutorial Flash - Commentaires [7] - Rétroliens [0] - Permalien [#]


11 mars 2008

Dessiner un cube

Dessiner un cube

Si vous avez déjà tenté de dessiner un cube à la main dans Illustrator, vous devez savoir combien il est difficile d’arriver à le faire droit. Aujourd’hui je vous montre une technique toute simple pour faire des cubes qui pourront vous servir pour vos icones web.

Ouvrez un nouveau document. Prenez l’outil rectangle et dessinez un carré, en maintenant la touche Maj appuyé.

1

Allez dans Effets>3D>Extrusion et biseautage, puis indiquez ces paramètres, attention en fonction de la taille de votre carré votre serez peut être obligé d’ajouter de la profondeur, donc n’oubliez pas de cliquer sur aperçu avant pour être sur du résultat avant de valider.

2

3

Voilà votre joli cube.

4

Maintenant Décomposez votre forme. Pour cela allez dans Objet>Décomposer l’aspect, puis faites Ctrl+Maj+G pour dégrouper le tout.

5

Maintenant sélectionnez à l’aide de la flèche blanche votre deux parties du bas. Puis allez dans Pathfinder et cliquez sur fusion.

6

 Et appliquez leur un joli dégradé bleu clair-bleu foncé grâce à l’outil dégradé. N’oubliez pas de sélectionnez le dégradé en bas en dessous du fond et contour.

7

Faites de même avec la partie du haut.

8

Maintenant sélectionnez l’ensemble de votre carré, copiez le, et collez le (ctrl+C puis Ctrl+V) Agrandissez le un peu en maintenant la touche Maj, puis mettez lui une transparence de 50%.

Et voici votre icone web

9

Reste plus qu'a fignoler, si vous avez des questions n'hésitez pas le forum est la pour ça.

Arthelius

Posté par arthelius à 11:11 - Tutorial Illustrator - Commentaires [2] - Rétroliens [0] - Permalien [#]

03 mars 2008

Faire un échiquier

Faire un échiquier

Vous avez surement déjà du avoir à faire un dallage ou une répétition de motif, et vous avez donc du chercher une méthode pour rendre la tâche plus rapide ou plus sur. Vous avez peut être trouvé la solution, ou pas. Pour tout cela aujourd’hui je propose ce petit tuto simple, certes mais diablement efficace !

Sur votre nouveau document, prenez l’outil rectangle, et en maintenant la touche Maj dessinez un joli rectangle. Faites attention ce rectangle représente la taille qu’aura votre échiquier final, faites le donc assez grand.

1

Allez dans objet>Tracé>Tableau

2

Mettez 8 en colonnes et en lignes, faites attention à bien mettre 0 en gouttières par contre.

3

Voilà votre échiquier de créer. Chaque case est sélectionnable séparément. Je vous conseil de maintenir la touche Maj enfoncé, une fois tous vos carrés sélectionnés (1 sur 2) appliqué votre couleur noire.

4

Vous avez votre échiquier mais il est possible de faire encore quelques retouches pour l’améliorer. Vous pouvez très bien l’incliné grâce à l’outil Déformation, puis réduire sa taille, pour lui donner un effet de relief. Et par la suite ajoutez des pions (voir tuto sur la Révolution)

5

Vous pouvez aussi grâce aux tableaux créer un rubik’s cube.

Arthelius

Si vosu avez des questions ou des suggestions rendez vous sur le forum.

Posté par arthelius à 11:25 - Tutorial Illustrator - Commentaires [2] - Rétroliens [0] - Permalien [#]
« Accueil  1