*********__***__***__*** UTO N°1
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
***Créer un cadre original et y intégrer un gif***
***Créer un cadre original et y intégrer un gif***
***Créer un cadre original et y intégrer un gif***
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
ETAPE 1: créer le cadre.1) Tout d'abord, nous allons
créer un nouveau document:
Fichier > Nouveau. La taille ne doit pas être trop grande car le gif ne doit pas dépasser 1Mo pour être sur votre blog. (
Celui-ci fait 250x208). Choisissez une couleur d'arrière plan blanc
[en image]2) Nous allons
remplir l'arrière plan du document de la couleur de votre fond de blog:
Edition > Remplir et choisir la couleur de votre fond de blog (code couleur html que vous trouverez dans la fonction habillage de votre blog.)
[en image]3) Maintenant nous allons créer la base de notre cadre. Nous allons tout simplement dessiner les contours d'un
rectangle au centre de notre document. Créons un
nouveau calque à l'aide de l'icône se trouvant juste avant la corbeille en bas de la fenêtre de calques. Ensuite sélectionnons l'
outil rectangle de sélection et faisons notre rectangle. Celui-ci apparait en pointillés, pour que la sélection devienne un tracé, il suffit d'appliquer un
contour:
Édition > Contour (choisissez la couleur et l'épaisseur de votre trait).
[en image]Vous obtenez
ça4) Enjoliver votre cadre avec des
brush. Pour cela il vous faut télécharger de nouvelles formes de pinceaux, je vous recommande
ce site. Une fois vos formes charger dans Photoshop (voir article truc et astuces), nous allons créer un nouveau calque, choisir la couleur pour votre brush, choisir le brush et appliquer le brush à l'endroit que vous souhaitez.
[en image]5) Nous allons maintenant rajouter un
autre brush avec
option de fusion. Tout d'abord, créons un nouveau calque. Choisissons la même couleur que l'arrière plan (ici noir), choisissons une forme de pinceau (ici une croix) et appliquons la à l'endroit désiré. (Pour penché votre brush, vérifiez que vous êtes sur le bon calque et faite CTRL + T, un cadre apparaitra autour, vous pourrez ainsi soit redimensionner votre brush, soit l'incliner : cliquer en dehors du cadre et faite glisser votre souris tout en maintenant le clic. Taper sur Entrée pour valider.)
Pour appliquer une option de fusion, faite un clic droit sur le nom du calque et sélectionner "
Option de fusion", cocher "
Lueur externe", ne rien changer aux paramètres et valider.
[en image]6) Pour terminer notre cadre, il nous reste à insérer notre
texte (pseudo). Encore une fois nous allons créer un nouveau calque. Choisir l'
outil texte (T) dans la colonne d'outils à gauche. Cliquer à l'endroit où l'on veut que le texte soit placé. Choisir la police, la taille et la couleur du texte.
[en image]Voila, notre cadre est à présent terminé.
ETAPE 2: insérer le gif1) Tout d'abord, il va falloir
importer le gif.
Fichier > Importation >Images vidéo dans des calques... (il faut avoir Quick Time d'installé sur votre pc). Une fenêtre s'ouvre, allez chercher votre gif (attention seules les vidéos apparaissent, pour que tous les fichiers apparaissent taper *.* dans nom de fichier et cliqué sur charger). Lorsque vous chargez votre gif, une autre fenêtre s'ouvre, si le gif contient beaucoup d'images, cocher la case "limiter à toutes les 2 images" puis validez.
[en image]2) Votre gif apparait maintenant dans un document avec
toutes les images sous forme de calques. Pour faire apparaitre la fenêtre d'animation, faite
Fenêtre > Animation, une ligne de calque apparait en bas.
Sélectionnez tous les calques (à droite) de la manière suivante: se mettre sur le premier calque, appuyer sur la touche Shift (majuscule) et tout en maintenant la touche enfoncée, cliquez sur le dernier calque.
Ensuite, retournez sur le document de votre cadre et sélectionner l'arrière plan (cliquer sur le calque correspondant).
Le fait que ce calque soit sélectionner est important car cela défini l'endroit où sera intégré le gif, c'est à dire en dessous du rectangle, des brush et du texte.[en image]3) Retournez maintenant sur le document du gif, sélectionnez l'
outil Déplacement et faite glisser votre gif sur le document du cadre. Placez le au centre du cadre. S'il est plus grand que le cadre, il suffit de redimensionner soit le cadre, soit le gif.
Pour redimensionner le cadre, sélectionner le calque du rectangle et fait CTRL+T et redimensionner selon la dimension du gif (déplacer les brush si besoin en sélectionnant le calque correspondant et en utilisant l'outil déplacement).
Pour redimensionner le gif vérifier que tous les calques du gif sont sélectionnés avant de faire CTRL+T, cliquer sur l'
icône "conserver les proportions" et redimensionner selon le cadre.
[en image]4) Dans la
fenêtre d'animation, il se peut qu'il n'y ai plus qu'un seul calque, dans ce cas là il va falloir refaire l'animation. Cela peut prendre du temps selon le nombre d'images contenu dans le gif.
Tout d'abord se mettre sur le premier calque dans la fenêtre d'animation et vérifier dans la fenêtre de calques (à droite) que seul le premier calque pour le gif est visible (l
'icône ½il doit apparaitre devant le calque. Pour mettre ou enlever l'½il il suffit de cliquer dessus), les calques du cadre doivent être bien entendu visibles. Choisir la vitesse de défilement des calques.
Créer un nouveau calque dans la fenêtre d'animation, dans la fenêtre de calques (à droite) enlever l'½il devant le premier calque et mettez le devant le second. Créer un troisième calque, enlever l'½il devant de second calque et le mettre devant le 3ème et ainsi de suite jusqu'au dernier calque du gif.
[en image]ETAPE 3: enregistrer votre gifPour que votre création soit enregistrée en
gif animé, procédez de la manière suivante:
-
Fichier > Enregistrer pour le web et les périphériques...- Sélectionner
GIF en haut à droite.
- Cliquez sur
Enregistrer.
[en image]Voila, votre gif est terminé !PS: si le gif dépasse 1Mo, il faudra soit enlever des images au gif, soit redimensionner le gif que vous venez de créer (Image > taille de l'image)____________________________________________________________________________________________________
J'espère que ce premier tuto vous a plu et que mes explications sont compréhensibles... c'est mon premier tuto alors soyez indulgents ^^. J'y ai passé beaucoup de temps !
LAISSER MOI VOS IMPRESSIONS ET MONTRER MOI VOS CHEF D'¼UVRE ^^
Merci de ne pas reproduire les mêmes créas que moi... ayez un peu d'imagination...
Prochain tuto: Avatar gif scène... dans 50 coms (ou plus lol)
Maintenant place au résultat :