Sponsors

1and1 Internet
Mar
02
2009
Lettres en Origami
( 2 - user rating )
Écrit par EVA-sion | Julien   

 tutoriel origami photoshop

Temps : 20 minutes
Difficulté : Moyenne
.Psd téléchargeable

Ce tutoriel vous explique pas à pas comment créer un texte en Origami, ou en reproduisant un pliage logique d'une bande de papier. Évidemment nous n'allons pas faire tout l'alphabet mais juste la première lettre, le but étant de vous faire comprendre la logique afin que vous puissiez nous montrer vos créations!

Au final vous arriverez à réaliser des trucs dans ce genre :

origami photoshop

 

Have fun !

Étape 1: Créez un nouveau document de dimensions 500*500 px, fond noir.

 


Étape 2: Avec l'outil Rectangle (U) tracez une bande ni trop fine, ni trop large.



Nous allons modifier ce rectangle afin qu'il corresponde à nos futurs plis. Sélectionnez l'outil Sélection directe (A). Surélevez le coin supérieur droit de votre rectangle de 45°, tout en gardant la touche MAJ enfoncée (comme ci-dessous).

 


 


Faites de même pour le coin inférieur droit. (Remarque : vous pouvez surélever les deux en même temps en sélectionnant chacun des points avant de les orienter)

 



Étape 3: Dupliquez votre calque. Pour aligner vos objets vous pouvez soit placer des repères (CTRL+R pour afficher la règle puis glisser des repères), soit utiliser la touche MAJ lorsque vous déplacez un objet afin de garder l'alignement. Placez ainsi l'objet dupliqué à droite du premier.
Faites un CTRL+T pour le transformer et inversez le sur sa largeur.

Validez et vous obtiendrez comme ci-dessous.




Étape 4: Dupliquez l'objet créé en étape 4 et placez la copie juste au dessus du fond noir. Toujours avec CTRL+T nous allons transformer l'objet pour l'orienter horizontalement. Ainsi changez son angle à 90° puis valider.

Vous obtiendrez comme ci dessous un fois qu'il est placé correctement.




Nous allons modifier avec l'outil Sélection directe (A) le coin droit de la même façon qu'en étape 2 mais afin d'obtenir le résultat suivant.



 

Étape 5: Dupliquez le dernier calque créé et inversez l'objet verticalement grâce à l'outil transformation (CTRL+T) comme ci-dessous.




Validez. On peut maintenant pixéliser tous nos calques. Après avoir sélectionné tous vos calques, allez dans l'onglet Calque > Pixélisation > Calque.

 

Placez le calque de manière à ce qu'il épouse le partie gauche. Supprimons ensuite l'excédent du premier pied de notre A. Grâce à l'outil Rectangle de sélection créez un rectangle qui vous semble convenable à supprimer et supprimez le.


Dupliquez le calque, nous avez là vos deux pieds pour notre A en origami.

Il n'y a plus qu'à dupliquer et inverser horizontalement le calque dupliquer pour obtenir notre A au complet une fois le calque bien placé.


Étape 6: La partie fastidueuse est terminée. Il reste à customiser notre lettre. Les deux calques du haut auront le même style de calque, les trois autres un autre.

Double cliquez sur le premier calque tout en haut pour ouvrir ses propriétes de style. Ajoutez une ombre portée et un incrustation en dégradé comme ci-dessous.

 



 

Validez en cliquant sur OK. Clique droit sur le calque > Copiez ce style de calque, et collez le au second calque à partir d'en haut. Vous obtiendrez le résultat suivant.

 


 


 Pour les 3 autres calques ajoutez une ombre portée et un incrustation en dégradé comme ci-dessous.

 




On obtient ainsi :

 



Étape 7:

Nous avons utilisé une texture papier trouvée sur stock xchng afin de donner l'aspect papier à notre lettre. Enregistrez l'image papier et glissez la dans photoshop, puis dans votre projet. Mettez la à l'échelle en la transformant (CTRL+T) et en réduisant sa taille sans déformer l'image (maintenir MAJ enfoncée).

En maintenant CTRL+MAJ enfoncés cliquez sur chaque vignette de calque afin d'avoir en sélection toute votre lettre origami.

 



 

Intervertissez la sélection (CTRL+MAJ+I) et supprimez la texture papier excédent.


Changez le mode de fusion du calque en 'Produit' pour obtenir un résultat plus net.

 


 

Étape 8: Rajoutons un fond plus sympa que notre noir, en rajoutant encore une fois un texture. Vous pouvez utiliser celle que vous trouvez la mieux évidemment. Un lien est disponible sur notre site à la section 'textures' pour vous inspirer.

Une fois la nouvelle texture papier intégrée à votre projet, placez le calque juste au dessus du noir, c'est à dire en avant dernier.



Nous avons pour finir ajouté une incrustation en dégradé comme ci-dessous afin de le rendre moins plat.


Ce qui nous donne pour rendu final :



Voilà vous avez les cartes en mains pour créer votre propre texte, reste à imaginer comment plier logiquement vos lettres. En tout cas il n'y a rien de mieux pour apprendre à manipuler des objets dans photoshop que ce tuto !

Bon courage :)

 

Commentaires  

 
#21 mina 2009-06-15 13:33 merci julien, posté sur le fofo Citer
 
 
#22 gnoky 2009-09-29 10:47 Salut a tous,

Ce tuto a l'air pourtant si simple que j'ai bloqué dès le début (Y)
A l'étape 2, j'ai fait mon rectangle blanc mais pour faire les coins impossible !!

je sélectionne "outils sélection directe" (A) mais a part un rectangle en pointillé rien ne se produit et lorsque je relache le clik gauche il s'efface.

C'est vraiment blasant de caler a la deuxième étape d'un tuto qui a l'air si simple & sympa . .

Help me please !
Citer
 
 
#23 ismail 2009-11-10 01:42 Merci pour le tuto, et comme je ss debutant j arrive pas appliquer la texture; CTRL+Maj+I ne marche pas.j ai un CS2!!! mercii Citer
 
 
#24 EVA-sion - Julien 2009-11-10 12:35 Salut ismail, pour appliquer la texture c'est simple positionne le papier au dessus des autres calques. Ensuite pour inverser une sélection tu n'es pas obligé de le faire par raccourci clavier, tu peux le faire par l'onglet Sélection > Inverser.

A bientôt
Citer
 
 
#25 ismail 2009-11-10 18:43 Merci bcp ;) Citer
 
 
#26 Pino 2010-03-10 18:00 Merci :)
Super tuto !
Citer
 

Ajouter un Commentaire


Code de sécurité
Rafraîchir