53 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto photoshop] Réaliser un effet "image scotché".

 
n°11503
Berious
Profil : Penguin
Avatar
profil
Posté le 23-07-2007 à 22:36:54  
 

Bienvenu dans mon premier tutoriel photoshop cs2, où nous allons apprendre, à donner un effet bloc-notes à vos photos. (exemple ci-dessous):
http://bp0.blogger.com/_5ppLvNFISuQ/RpO6VjWx4AI/AAAAAAAAACI/uZ-gzzNW-lo/s320/coccinelle.png

 

(nous allons commencer par le début, le B très B.A), mais avant de commencer, téléchargez le fichier .zip qui contient les formes et déplacez les formes dans un autre fichier. C' est fait? Alors c' est parti!

 


Commencez par ouvrir l' image dans photshop. Puis double-cliquez sur le calque.
http://bp0.blogger.com/_5ppLvNFISuQ/RpO6TjWx3_I/AAAAAAAAACA/zxsnm4lZSos/s320/tutoriel_11.jpg

 

Cette fenêtre devrait apparaitre. Vous pouvez renommer le calque et lui attribuer une couleur. Ensuite cliquez sur Ok.
http://bp1.blogger.com/_5ppLvNFISuQ/RpO6VzWx4BI/AAAAAAAAACQ/0qpfMSa_0vI/s320/tutoriel_12.jpg

 

Bien, nous allons commencer par les bordures de la photo. Créez un nouveau calque en cliquant sur l' icône en forme de feuille.
http://bp2.blogger.com/_5ppLvNFISuQ/RpPAPDWx4CI/AAAAAAAAACY/mL55L_UOUU8/s320/tutoriel_13.jpg

 

Renommez-le en double-cliquant sur son nom.
http://bp1.blogger.com/_5ppLvNFISuQ/RpPCHzWx4EI/AAAAAAAAACo/eVJ1Y9lHJ4g/s320/tutoriel_14.jpg

 

Cliquez sur la vignette, gardez enfoncé puis déplacez le calque "marges blanches" en dessous du calque "X"
http://bp2.blogger.com/_5ppLvNFISuQ/RpPCIDWx4FI/AAAAAAAAACw/X293AeYT5eU/s320/tutoriel_15.jpg

 

Séléctionnez le pot de peinture, (si vous ne le voyez pas, faites un clique droit sur le dégradé et cliquez sur l' outils "pot de peinture";).
http://bp1.blogger.com/_5ppLvNFISuQ/RpPCHzWx4DI/AAAAAAAAACg/qbUHMKlQCx8/s320/tutoriel_16.jpg

 

Pour sélectionner le blanc, cliquez sur cette double-flèche, mais si les deux couleurs ne sont pas noir et blanc, cliquez sur la miniature de ces deux cadres.
http://bp2.blogger.com/_5ppLvNFISuQ/RpPGfDWx4GI/AAAAAAAAAC4/83kAPDXVlBI/s320/tutoriel_17.jpg

 

Cliquez sur le calque "Marges blanche" puis sur l' oeil à coté du calque X, et enfin, cliquez sur le fond transparent. Celui-ci vient de se remplir de blanc. Recliquez sur l' espace (là où était l' oeil). Vous venez de faire réapparaitre le calque X. Maintenant nous allons réduire la taille du calque X. Pour se faire, cliquez sur le calque X puis faites "Ctrl + T" ou pomme + T sur un mac. De droles de petits carrés viennent d' apparaitre. Gardez shift enfoncé puis gardez également le clic gauche enfoncé sur l' un des carrés des coins. Déplacez votre curseur vers le centre de l' image !!!Attention!!! pas trop, juste un peu.
http://bp3.blogger.com/_5ppLvNFISuQ/RpPGfTWx4HI/AAAAAAAAADA/GoQeBmJP-uA/s320/tutoriel_18.jpg

 

Relâcher le clic gauche puis shift. Pour valider, tapez enter. Gardez enfoncé le clic gauche sur l' image puis centrez-la approximativement.
http://bp0.blogger.com/_5ppLvNFISuQ/RpPGfjWx4II/AAAAAAAAADI/xIEpy05KdJA/s320/tutoriel_19.jpg

 

Et maintenant nous allons fusionner les calques, pour pouvoir les réduire tout les deux. Pour cela, faites Ctrl + E ou pomme + E. Il ne vous reste plus qu' a réduire en faisant Ctrl + T etc...
http://bp3.blogger.com/_5ppLvNFISuQ/RpPR5TWx4JI/AAAAAAAAADQ/Pr1eWNSV9SI/s320/tutoriel_120.jpg

 

Ensuite, centrez encore une fois l' image.
http://bp1.blogger.com/_5ppLvNFISuQ/RpPR5zWx4LI/AAAAAAAAADg/tyT9qjrqTkE/s320/tutoriel_122.jpg

 

Voilà maintenant, nous allons passer à la déformation: Appuis sur Ctrl + T puis sur ce petit bouton haut:
http://bp0.blogger.com/_5ppLvNFISuQ/RpPR5jWx4KI/AAAAAAAAADY/bQDF2kwHCvI/s320/tutoriel_121.jpg

 

Vous allez me dire: AAhhh... 16 points et un horrible cadriage viennent bousiller ma photo! Mais non mais non, ce sont les points de déformation! prenez un des coins et rapprochez le du centre.
http://bp3.blogger.com/_5ppLvNFISuQ/RpPawTWx4MI/AAAAAAAAADo/w8QVYX9z5ws/s320/tutoriel_123.jpg

 

Tapez "Enter" pour valider puis créez un nouveau calque. Nous allons à présent créer l' ombre. Gardez Ctrl enfoncé puis cliquez sur le calque X. Vous venez de sélectionner un image. Nous allons remplir cette sélection de noir pour l' ombre. Glissez le calque d' ombre en dessous du calque X.
http://bp0.blogger.com/_5ppLvNFISuQ/RpPawjWx4NI/AAAAAAAAADw/d21foiqITXY/s320/tutoriel_124.jpg

 

Reprenez le pot de peinture puis inversez les couleur pour obtenir le noir (comme couleur de premier plan) puis remplissez la sélection de noir.
http://bp0.blogger.com/_5ppLvNFISuQ/RpPawjWx4OI/AAAAAAAAAD4/NNoeB2FIvdM/s320/tutoriel_125.jpg

 

Faites Ctrl + D pour dé sélectionner. Cliquez sur l' outils goutte d' eau.
http://bp1.blogger.com/_5ppLvNFISuQ/RpPawzWx4PI/AAAAAAAAAEA/gTOmyGl2fZM/s320/tutoriel_126.jpg

 

Tout en haut, à côté d' un rond, cliquez sur une petite flèche qui pointe vers le côté puis cliquez sur l' autre petite flèche à droite, choisissez: "Chargez les formes..." puis sélectionnez les formes "scotchs_et_cie"... Quoi!? vous n' avez pas lu ce que j' ai marqué en haut?  :fouet:  (mais avant de commencer, patati patata, retournez voir!;). Donc, sélectionner les formes (scotchs_et_cie) et OK. à présent, en bas de votre liste de formes, de nouvelles formes viennent d' apparaitre. Sélectionnez un des ronds.
http://bp1.blogger.com/_5ppLvNFISuQ/RpPfEzWx4QI/AAAAAAAAAEI/GMCPrZUfC5Q/s320/tutoriel_127.jpg

 

Agrandissez-le au besoin (~la taille de votre image).
http://bp1.blogger.com/_5ppLvNFISuQ/RpPfnzWx4RI/AAAAAAAAAEQ/UdrHihSROp8/s320/tutoriel_128.jpg

 

Gardez enfoncé votre brush sur votre image, pendant 20 sec... Les bords devraient ressembler à ça:
http://bp2.blogger.com/_5ppLvNFISuQ/RpPgNDWx4SI/AAAAAAAAAEY/uLaVRZ_Qc4o/s320/tutoriel_129.jpg

 

Faites réapparaitre le calque X.
http://bp0.blogger.com/_5ppLvNFISuQ/RpPgojWx4TI/AAAAAAAAAEg/dQtmeNHyOwE/s320/tutoriel_130.jpg

 

Créez un nouveau calque, placez-le tout en dessous des autres, nommez le "fond".
http://bp2.blogger.com/_5ppLvNFISuQ/RpPhPDWx4UI/AAAAAAAAAEo/MndZ8kUU6bw/s320/tutoriel_131.jpg

 

Remplissez le entièrement de blanc (vous savez comment faire maintenant). Cliquez sur le calque d' ombre, puis sur la flèche à coté de "Opacité". Glissez la flèche bleue au % qui vous convient (je vous recommande entre 20 et 60%).
http://bp2.blogger.com/_5ppLvNFISuQ/RpPiKDWx4VI/AAAAAAAAAEw/nFqs4nSTPvE/s320/tutoriel_132.jpg

 

Faites réapparaitre les 16 points de déformation (Ctrl + T puis l' icône de grille déformer), reprenez le même coin qu' avant, et tirez le dans le sens contraire.
http://bp0.blogger.com/_5ppLvNFISuQ/RpPjNjWx4WI/AAAAAAAAAE4/3QFZjr26XhE/s320/tutoriel_133.jpg

 

Et "Enter" pour valider. Et voilà, nous avons on un belle effet, c' est fini... Et pour ceux qui en veulent encore, place au scotch! Pour cela, nous allons appliquez 2 formes de scotchs puis nous allons effacer l' ombre sous les scotchs et aussi, une petite ombre sur le coin courbé de la photo. C' est reparti!

 

Alors, sélectionner le contour du calque X (ctrl + clic sur le calque) Puis sélectionnez l' outils "lasso".
http://bp2.blogger.com/_5ppLvNFISuQ/RpPllDWx4XI/AAAAAAAAAFA/UOM9TN8mezo/s320/tutoriel_134.jpg

 

Cliquez sur cette icône (en haut à gauche) pour choisir un autre mode de sélection.
http://bp0.blogger.com/_5ppLvNFISuQ/RpPmQjWx4YI/AAAAAAAAAFI/PeTETmRj-p4/s320/tutoriel_135.jpg

 

Tracez maintenant un trait, depuis l' endroit où l' ombre grossi (se lève)(points rouge) jusqu' à l' autre, puis ne lachez pas, faites le tour du calque X jusqu' à fermer la boucle. Pas besoin d' être precis, mais si vous vous trompez, faites Ctrl + Z.
http://bp2.blogger.com/_5ppLvNFISuQ/RpPofDWx4ZI/AAAAAAAAAFQ/AcHhCmqgZU4/s320/tutoriel_136.jpg

 


Vous devriez avoir une sélection à peu près comme ça:
http://bp1.blogger.com/_5ppLvNFISuQ/RpPo5zWx4aI/AAAAAAAAAFY/5mB28Mf7LWw/s320/tutoriel_137.jpg

 

Sélectionnez l' outils "dégradé".
http://bp1.blogger.com/_5ppLvNFISuQ/RpPqRzWx4bI/AAAAAAAAAFg/ypA3WFrrLP8/s320/tutoriel_138.jpg

 

Tirez un trait à peu près comme ça:
http://bp3.blogger.com/_5ppLvNFISuQ/RpPrFTWx4cI/AAAAAAAAAFo/zvdKOFTPIzs/s320/tutoriel_139.jpg

 

Modifiez l' opacité de ce calque à environ 25%... Sélectionnez l' outils pinceau
http://bp1.blogger.com/_5ppLvNFISuQ/RpPtbzWx4eI/AAAAAAAAAF4/-3muRRmCcbM/s320/tutoriel_140.jpg

 

Prenez le Brush de scotch qui vous convient, créez un nouveau calque, sélectionnez la couleur noir, et cliquez pour faire apparaitre un "bout de scotch". Modifiez sa taille avec Ctrl + T et enter pour valider.Créez encore un nouveau calque, et appliquez (optionnel) un nouveau bout de scotch etc... Voici l' effet que vous devriez obtenir:
http://bp0.blogger.com/_5ppLvNFISuQ/RpPvGjWx4fI/AAAAAAAAAGA/BsqFVM6HRTk/s320/tutoriel_141.jpg

 

Mais nous savons tous qu' il n' est pas sensé y avoir d' ombre sous le scotch  :boulay:  , donc, cliquez sur le calque d' ombre, puis sélectionnez l' outils gomme.
http://bp0.blogger.com/_5ppLvNFISuQ/RpPvGjWx4gI/AAAAAAAAAGI/MpuDSc8ZF8g/s320/tutoriel_142.jpg

 

Effacez doucement ,avec un grand brush, l' ombre sous le scotch. Attention à ne pas trop effacer autour.
http://bp1.blogger.com/_5ppLvNFISuQ/RpPvGzWx4hI/AAAAAAAAAGQ/SUSoWQ-Ngsw/s320/tutoriel_143.jpg

 

Et voilà notre belle effet, presque fini.
http://bp1.blogger.com/_5ppLvNFISuQ/RpPwHzWx4iI/AAAAAAAAAGY/pDbVhoxFTrE/s320/tutoriel_144.jpg

 

Il ne reste plus qu' à sélectionner l' outils recadrage, et de couper le plus possible, sans couper le scotch ou l' ombre!
http://bp2.blogger.com/_5ppLvNFISuQ/RpPxODWx4jI/AAAAAAAAAGg/QU5a3T653cA/s320/tutoriel_145.jpg

 

http://bp3.blogger.com/_5ppLvNFISuQ/RpPxOTWx4kI/AAAAAAAAAGo/NrwXGmbjwgk/s320/tutoriel_146.jpg

 

Enter pour valider,  il ne vous reste plus qu' a masquer le fond blanc (en cliquant sur l' oeil) puis sauvegarder le tout en .png. Si vous ne savez pas sauvegarder:
Fichier->Enregistrer sous...->emplacement X
En dessous du nom de l' image, cliquez sur Photoshop (*.PSD, *.PDD) puis sélectionnez PNG (*.PNG)
Voilà le résultat:

 

http://bp0.blogger.com/_5ppLvNFISuQ/RpO6VjWx4AI/AAAAAAAAACI/uZ-gzzNW-lo/s320/coccinelle.png

 


Merci de m' avoir lu, bonne chance, et n' hésitez pas à montrer vos créations!
 :meuh:

answer
mood
GoogleAds
profil
Posté le 23-07-2007 à 22:36:54  
 

answer
n°11800
TulaSimoN
Profil : Penguin
Avatar
profil
Posté le 22-09-2007 à 13:09:15  
 

Bon tuto :great:
C'est validé

answer
n°11820
plumette
Profil : Penguin Pro
Avatar
profil
Posté le 23-09-2007 à 23:24:15  
 

Très bien  :great:
Chaleureusement,
Plume.

answer

Aller à :
Ajouter une réponse