Tutorial Photoshop!
Ici, vous apprendrez tous les trucs,astuces et effets spéciaux permis par Photoshop!
CREER UN GIF A PARTIR D'UNE PHOTO ET L'ANIMER 
| Emprunter un Gif pour une réalisation n'est pas difficile, le dessiner devient déja plus délicat, tout le monde ne possède pas l'art du dessin. Il nous reste une 3ème solution, c'est de faire un Gif à partir d'une photo prise par nous et à condition que le sujet se détache bien de son environnement, cela n'est pas très compliqué. |
 |
1. Ouvrir la photo 2. Prendre le lasso et détourer le sujet 3. Edition - Copier 4. Fichier - Nouveau 5. Edition - Coller 6. Nettoyer le contour du sujet
|
 |
7. Image - Mode - Couleurs RVB 8. Fichier - Enregistrer sous.... Choisir GIF et Entrelacée |
Maintenant nous réaliserons 4 nouvelles images
Avant de commencer, faites d'abord un fichier pour recevoir les calques du montage.
1. Nous ouvrons l' image otarie en GIF 2. Nous prenons le lasso et nous sélectionnons la tête de l'otarie. Edition-Copier et nous collons la tête dans une nouvelle image. (Fichier-Nouveau-OK) 3. Resélectionner la même tête et tourner la tête vers le haut en utilisant Edition - Transformation manuelle - Enter . Ajuster la tête et corriger avec la gomme et le duplicateur la bonne position. 4. Copiez la tête également sur une nouvelle image 5. Désélectionner et maintenant nous sélectionnons le corps sans tête que nous plaçons également sur une nouvelle image. 6. Nous faisons une 4ème nouvelle image et avec l'outil Ellipse de sélection nous traçons un cercle, que nous collerons et qui fera office de ballon. 7. Nous juxtaposons ces 4 images
 |
 |
 |
 |
| Je vous montre l'ensemble du montage pour vous donner une idée de la chronologie du montage. Le tableau est représenté par 10 images ou Gif. Mais chaque image est faite séparement et enregistrée dans le fichier que nous avons préparé. Nous obtenons donc 10 images dans le fichier réservé à cet effet. |
 |
COMMENT REALISER
|
1. Nous ouvrons une nouvelle image plus haute que large. 2. Nous sélectionnons le corps de l'otarie et nous le glissons dans la nouvelle image. 3. Nous prenons la tête horizontale et nous reconstituons l'otarie. 4. Maintenant nous allons chercher le ballon et le plaçons sur le nez de notre sujet. 5. Nous enregistrons cette image (la première) dans le fichier réservé. 6. Nous bleuissons le calque ballon. Edition - Transformation manuelle et nous tournons d'un quart de tour le ballon. Nous enregistrons maintenant notre 2ème image dans notre fichier. 7. Nous répétons point 6 8. Encore une fois, répéter point 6 7.Dans les calques, nous éteignons l'oeil de la tête, qui devient invisible. Après la sélection du calque ballon nous glissons celui-ci un peu plus haut et nous allons chercher la tête verticale . que nous ajustons sur le corps. Enregistrer l'image dans notre fichier. 8. Sélectionner le ballon et le remonter plus haut. Enregistrer dans le fichier. 9. Refaire point 8 10. Refaire le point 8 mais cette fois-ci descendre le ballon. Enregistrer. 11.Refaire point 10 et placer le ballon sur le nez de l'otarie. Enregistrer. 12. Dans les calques, éteindre l'oeil vertical et rallumer l'oeil de la tête horizontale. Placer le ballon sur le nez et Enregistrer votre 10ème image dans le fichier.
|
|
Nous ouvrons maintenant ImageReady Fichier - Importation - Cliquer sur Dossier comme images. Choisir le fichier où se trouvent nos images enregistrées - OK |
 |
 |
Les 10 images enregistrées se trouvent maintenant placées sur la bande Animation. Cliquez sur la petite flèche à droite et " Optimiser les images" Vérifiez maintenant si les 10 images se suivent dans le bon ordre en cliquant dessus à tour de rôle. Si néccessaire les glisser à leur place. Déterminez maintenant le temps de chaque image en cliquant sur les sec. Dernier controle en cliquant sur la flèche de démarrage. L'arrêt est sur le même bouton qui s'est transformé. Fichier - Enregistrer une copie optimisée sous ......
|
|
Il existe de multiples façons de faire une bannière. Mais avant de se décider, il faut réfléchir, il est inutile de trop charger la bannière car avant tout, elle doit attirer le regard et l'intéret, un fond d'image qui attire trop le regard manque son but car l'intéret se trouve déplacé.
|
|
Nous allons faire la bannière directement dans ImageReady de Photoshop. Mais avant cela, nous allons regarder l'aspect et les boutons que nous allons utiliser. |
 |
Comme vous pouvez le constater, l'aspect de "ImageReady" ne diffère pas beaucoup de celui de Photoshop. Nous importons de la même façon les images ou un nouveau fichier. Les outils sont à la même place, mais un peu réduits en nombre. Les calques et les styles sont également là .
La différence se trouve donc dans l'ajoute d'une bande "Animation", où nous allons monter, l'animation de nos bannières.
Regardez le point 2. Il nous permet de dupliquer fidèlement le calque dans l'animation ce même calque, que nous allons modifier pour obtenir un effet de mouvance.
point 3. Va nous permettre d'intercaler des calques entre le calque mère et sa duplication.
point 1. Nous permet de contrôler la mouvance. Le même bouton se changera en bouton d'arrêt.
point 5. Ouvert avec Fichier - Nouveau , va être la zone de travail et au moment de contrôler l'animation, elle va jouer le rôle d'écran.
point 4. Il va ouvrir une zone contextuelle, où entr'autre, nous pouvons choisir la taille des vignettes dans la palette des Animations.
DEBUTONS
1. Ouvrir Photoshop, puis ImageReady (dernier bouton)
2. Fichier - Nouveau - Inscrire les dimensions -ou -Cliquer sur -Personnalisée - Bannière Web
3. Ici, j'ai choisi comme fond, un ciel sélectionné dans une photo. (Copier - Coller)
4. Cliquer sur le T pour faire le premier texte ( Faisons...) 5.Eteindre l'oeil du calque Faisons..... et faire le 2ème texte (Photoshop) 6. Pour débuter le montage de l'animation, il est néccessaire de masquer l'oeil du calque Photoshop et de remettre l'oeil du calque Faisons...
 |
7. Nous dupliquons maintenant le calque dans la barre d'animation. 8. Nous allons maintenant dans les calques et nous diminuons l'opacité, jusqu'a ce que le texte disparaisse dans le calque dupliqué. Il est plus facile de regarder dans l'écran.(zone de travail) |
 |
9. Nous cliquons maintenant sur le bouton de " trajectoire des images animées" 10. Nous inscrivons le nombre d'images que nous désirons (ici 5) OK et les 5 images viennent se mettre avec le texte en dégradé entre les 2 images. Vous pouvez augmenter le nombre des images à intercaler, le dégradé sera mieux. |
 |
|
11. Nous éborgnons maintenant le calque du premier texte et nous remettons l'oeil dans le calque Photoshop. Celui-ci vient se mettre automatiquement sur le dernier calque. 12. Nous inscrivons maintenant le temps de défilement, en cliquant sur les sec, nous avons un choix dans les temps. 13. Nous pouvons maintenant essayer l'animation en cliquant sur le bouton de démarage. L'arrêt est sur le même bouton. 14. Maintenant nous enregistrons dans - Ficher- Une copie optimisée PS. Si vous avez ajouté un 3ème texte, il suffit de continuer à partir du point 7 |
| Animer une signature |
| Il suffit d'ouvrir un site quelconque pour être immergé par des gifs animés. Beaucoup d'entre nous sont captivés par cette technique et se demandent s'ils peuvent également réaliser cette prouesse. Cela n'est pas plus difficile que d'autres techniques faites au moyen de Photoshop. Nous commençons donc par animer une signature, ce qui est une bonne base de départ pour la technique d'animation. |
 |
Nous commençons par ouvrir une nouvelle image et nous inscrivons pour la Hauteur 300 px et pour la largeur 250 px. Puis nous allons chercher dans nos fichiers un encrier et une plume ( Fichier - ouvrir - fichier X -) Vérifier si ces 2 derniers sont dans le format PNG. Sinon ouvrir l'image et faites Fichier - Enregistrer sous - et les enregistrer dans votre fichier en format PNG . |
 |
1. Nous bleuissons l'image de la plume et nous cliquons avec la baguette magique dans le blanc.
2. Sélection - Intervertir
3. Edition - Copier et nous glissons la plume avec l'outil de déplacement dans la nouvelle image.
4. Nous répétons les points 1 - 2- et 3 avec l'encrier. En double cliquant sur le calque nous pouvons donner des noms correspondants aux calques.
5. Nous allons maintenant dans la barre d'outils et nous cliquons sur le T (texte) et déterminons un espace pour notre signature. Nous choisissons la police et la couleur et nous inscrivons le nom. Clic sur Enter
6. Nous allons maintenant dans - Calque - Pixellisation - Texte (clic)
7. Nous dupliquons le calque du texte. - Calque - Dupliquons le calque - OK
8. Nous rendons le premier calque avec le nom, invisible en cliquant sur l'oeil. Nous obtenons ce qu'on montre ici plus haut. Quoi qu'on fasse, ce texte nous ne pouvons plus l'abimer.
 |
PS. Pour le bon déroulement de notre travail, il est néccessaire d'avoir un fichier spécial et vide. Appelons le " ANIMATION". 9. Nous bleuissons le calque Plume et avec l'outil de déplacement nous glissons la plume, pour qu'elle touche l'extrémité de la dernière lettre. Vous avez remarqué que nous débutons à la fin du mot. Il y a maintenant 2 façons de travailler. Soit, nous gardons le numérotage des enregistrements à l' envers ( dernière lettre portera le N° 1 et l'avant-dernière lettre sera le N° 2 et ainsi de suite) Cela signifie que nous devons changer l'ordre chronologique dans le montage. Ou bien, nous comptons le nombre de lettres, plus un, (pour débuter dans le vide) et nous numérotons nous-mêmes 8, 7, 6, 5 etc.... L'ordre des clichés est tout de suite respecté dans le montage. 10. Fichier - Enregistrer sous... Choisir le fichier vide ( Animation) Changer le format en GIF et enregistrer.
|
 |
11. Nous bleuissons de nouveau le calque plume et avec l'outil de déplacement, nous glissons la pointe de la plume sur l'extrémité de la lettre U 12. Avec l'outil Gomme nous effaçons la lettre E 13. Fichier - Enregistrer sous ... choisir de nouveau le fichier " Animation" et enregistrer en format GIF
|
14. Continuer ainsi, jusqu'à la dernière lettre, qui sera faite 2 fois ( fin et après effacement)
15. Nous passons maintenant à l'Image Ready
16. Après l'ouverture de ImageReady. Nous ouvrons - Fichier - Importation - et clic sur - Dossier comme images - et choisir le fichier "Animation" clic sur OK
Le tableau suivant s'ouvre devant nos yeux. Ceux, chez qui la numérotation est à l'envers, doivent maintenant, glisser les petites images dans l' ordre correct dans la barre des animations. Puis pour tout le monde, il faut déterminer le temps de défilement pour chaque image. Cela se fait en cliquant sur le 0 sec en-dessous de chaque image.
 |
Si tout est correct . Nous pouvons enfin . Ouvrir - Fichier et Enregistrer une copie optimisée
En ouvrant, nous pouvons contempler le résultat.
 |
LE CLIN D'OEIL
C'est toujours agréable de modifier une photo, dans un sens ou l'autre. Pourquoi ne pas faire une blague à un ami, en lui (r)envoyant une photo où il fait un clin d'oeil ? Cela n'est pas très compliqué, mais la grande difficulté se trouve dans la coloration de la sélection. Mais au moins, après cet exercice, vous saurez ce que cela veut dire, colorer d'après modèle.
1. Ouvrir la photo, enlever le cadenas 2. Diminuer la taille de l'image - ( Image - Taille de l'image ) 3. Calque - Dupliquer le calque - OK 4. Utiliser le navigateur pour agrandir l'espace de travail ( ici l'oeil )
 |
5. Prendre l'outil - Lasso- et faire une sélection entre la paupière et le sourcil 6. Edition - Couper
Attention, on dirait que rien n'a été coupé, mais après la resélection il faut imiter la couleur présente. 7. Sélection - Resélectionner 8. Prendre la pipette et choisir un échantillon de couleur dans la sélection. Le premier plan se chargera automatiquement de cet échantillon de couleur. 9. Maintenant vous prenez le - Pinceau - et vous colorez la sélection à l'endroit où vous avez pris l'échantillon. PS . Recommencer autant de fois que néccessaire le coloriage. Vous colorez sur l'ancienne couleur, car l'image est restée entière.
|
 |
10.Sélection - Désélectionner 11.Edition - Coller 12.Prendre l'outil de déplacement et glisser la sélection sur l'oeil, l'oeil est maintenant fermé. Faire maintenant les corrections de coloriage de la même facon qu'on l'explique dans les points 8 et 9 N'oubliez pas d'effacer les traces de jointures 13. Calque - Dupliquer le calque - OK |
 |
14. Les 2 calques avec les sélections de la paupière seront fusionnés avec le calque précedent (image complète) Pour cela nous cliquons sur - Calque - puis sur- Fusionner avec le calque inférieur Comme il y a 2 calques à fusionner le point 14 sera donc répété. Il restera seulement les 2 calques complets. |
 |
15. Nous cliquons maintenant sur - Passer à l'image Ready
16. Clic sur la petite flèche à droite dans - l'animation (en-dessous de la croix rouge)
17. Clic sur " Créer des images à partir de calques "
18. Clic sur l'indication de temps en-dessous des 2 petites images et inscrire le temps voulu.
19. Nous cliquons de nouveau sur la petite flèche et clic sur - Optimiser l'animation - OK
20. Fichier - Enregistrer une copie optimisée sous ..... (n'oubliez pas)
 |
ANIMER UN SUJET
Photographier un papillon n'est pas toujours aisé. Le faire voler sur un écran semble peut-être impossible pour un débutant en Photoshop, mais ils verront ici, que cela est plus facile que de courir aprés le papillon.
 |
1.Ouvrir la photo du sujet 2. Le détourer et bien nettoyer 3. Image - Taille de l'image - Diminuer les dimensions de l'image pour la légèreté des animations. 4. Baguette magique - Cliquer dans le blanc 5. Sélection - Intervertir
|
 |
 |
6. Calque - Dupliquer le calque - OK
7. Edition - Transformation manuelle -
8. Resserrer la largeur de votre papillon. - Enter
9. Recommencer les points - 6 - 7 - 8 - Jusque vous arrivez au résultat voulu.
10. Sélection - Déselection
.
 |
 |
11. En bas de la palette d'outils, cliquer sur - Modifier dans l'Image Ready.
|
 |
 |
Image Ready s'ouvre. Si votre fenêtre animation n'est pas apparente, Cliquez sur - Fenêtre - Animation. 12 . Dans la fenêtre Animation, cliquez sur la petite flèche à droite et cliquez sur - Créer des images à partir de calques . Les differents calques vont s'afficher dans la fenêtre Animation. 13. Cliquez de nouveau sur la petite flèche et puis sur - Optimiser l'animation |
Fichier - Enrégistrer une copie optimisée sous ........