apprendre rapidement a utiliser adobe photoshop par la pratique. devenez web-designer ! tutorial photoshop, exercice, formation, webdesign, skins, textures, infographie, pixel.


 ACCUEIL   PORTFOLIO   LOGICIELS   TUTORIELS   DOSSIERS 

Traducteur Photoshop

Ce traducteur automatique vous permet d'obtenir une traduction en direct des outils, menus, commandes et fonctions photoshop en français depuis un tutorial en anglais.
url :
traduire
voir un exemple : original - traduit

Interfaces
Webdesigns
Typographie
Textures
Effets
Retouches
Pixel-art
Divers
cd
12 étapes
polaroïd
9 étapes
Subaquatique
10 étapes
Timbre
5 étapes
scotch
11 etapes
nebuleuse
12 étapes
nuages
7 étapes
Soleil
9 étapes
Lune
11 étapes
bille en acier
6 étapes
code barre
6 étapes
parchemin 2
7 étapes
parchemin
11 étapes
oeil
17 étapes
perles
9 étapes
link bouton 01
animation
Perso BD
10 étapes
HTML/DHTML/Javascript
Annonces Google

link bouton 01

Comme promis, voilà mon premier tutorial sur l'animation de boutons de lien. Pour commencer, nous allons voir ensemble le principe de création d'une animation par "fade". (merci à Guy Badoux pour sa correction orthographique)

Identification Abonné :

Votre Email :
Votre Mot de Passe :
Se souvenir de moi
login

Français :
Anglais :
Shortcut PC :
Shortcut Mac :
Menu :
francais
english



Afficher les commandes photoshop en français

Afficher les commandes photoshop en anglais

Afficher la version imprimable du tutorial


Etape 1

les boutons de lien sont normalisés.
largeur : 88 pixels
hauteur : 31 pixels


Etape 2

commencez par créer les différentes étapes principales de votre animation.
plus vous faite de calques séparés, plus vous pouvez faire des effets de transitions


Etape 3

une fois les étapes principales créer,
décomposé l'animation pour créer les effets d'animation
ici on allume au fur et a mesure les calques textes
sauvegarder l'image de chaque etape au format BMP numéroté
ex:01.bmp / 02.bmp / 03.bmp / ...


Etape 4

faites de même pour la transition entre étapes principales


Etape 5

une fois toute les étapes sauvegardées,
sous JASC Animation shop, cliquez sur le bouton : animation wizard
laissez toute les valeurs par défaut jusqu'à la fenêtre d'ajout d'image
cliquez sur le bouton Add Image
sélectionnez tous les BMP de l'animation un par un resélectionnez le BMP 01.bmp en dernier pour boucler l'animation


Etape 6

sur la fenêtre d'animation,
sélectionnez la première image
puis menu effects / image transitions ...


Etape 7

choisir la transition : Fade
Transition length : 0.4 secs
Frames per second : 9 fps
cela vous donne un fade de 3 images
cliquez sur ok


Etape 8

le fade de animation shop double l'image d'origine
selectionner ce doublon ce supprimer le afin de gagner quelques octets a la sauvegarde
repeter l'opération 6,7 et 8 pour chaque etapes


Etape 9

selectionner chaque étape principale de l'animation
ouvrir le popup menu avec le bouton droit de la souris
selectionner properties
changer le delay d'affichage des étape principale
entre 150 et 300 centieme de seconde
et voila votre premier bouton animée.

Fichier(s) associé(s) au tutorial
bouton animé (45 Ko) télécharger
Commentaires des visiteurs
Ajouter un commentaire
Copyright Jérome Boulinguez 1995/2007
Tous les éléments de ce site sont la propriété de leurs auteurs respectifs.
Toutes reproductions, distributions, commercialisations, copies sous quelques formes que ce soit est strictement interdit sous peine de poursuites.


point de croix .  broderie .  cross stitch .  broderie prenom .  broderie portrait .  pochoir .  pochoir personalisé .  stickers .  scrapbooking .  pochoirs à imprimer .  loisir créatif .  templates .  lifting .  cadeaux personnalisés .  pop art .  warhol .  warhol .  pop art .  affiches .  journal de naissance .  prénom .  étiquettes personnalisées .  parchemin personnalisé .  parchemin .  pagerank .  calendrier .  avatar .  faire-part .  collections .  mariage .  telephone portable .  tableau prénom .  fausse couverture people .  fausse couverture de magazine .  fausse couverture de journal .  calligraphie prenom .  t-shirt personnalisé .  géo-localisation .  fausse affiche .  affiche humour .  marque-pages .  plaque de rue .  roman photo .  cadre photo .  faux papiers .  dés photos .  pêle mêle .  pancarte de porte .  pour les nuls .  carte de membre .  scrapbooking .  acrostiche .  graffiti .  invitation a imprimer .  tapis de souris personnalise .  mug personnalisé .  mug photo .  grille point de croix gratuite .