Oyé oyé,...

Noble visiteur, sache que le blog à déménager et il se trouve par ici. Tu peux aussi entrer dans ton navigateur: www.berious.com . Sache que si tu es abonné au flux, pas besoin de changer! C' est toujours le même (feeds.feedburner.com/berious). Bonne visite sur le nouveau blog.

3 août 2007

Tutoriel Photoshop #2

http://serveur1.archive-host.com/membres/up/1953278059/index.jpg

Bienvenu dans ce 2ème Tutoriel de Berious, ou nous allons apprendre à créer une icône au style SC3. Nous partons du principe, que vous savez:

-Créez un calque
-Créez une image
-Sauvegarder une image
-Importer une image
-Rapetisser une image
-Centrer une image
-Rognez une image
-Utiliser les outils:

  • Gomme
  • Pinceau
  • Pot de peinture
  • Flèche
  • Lasso
-Copier un calque
-Supprimé un calque
-Sélectionner la couleur noire
-Sélectionner la couleur blanche
-Inverser noir/blanc

Y a t-il quelque chose que vous ne savez pas faire? Alors reportez-vous au premier tutoriel.
C' est parti!

Créez un nouveau document de 500x500 (Fichier ---> Nouveau). Sélectionnez l' outils forme prédéfini puis rectangle arrondit (simple clic).
L'image “http://images1.hiboox.com/images/3107/thfd9ua8.jpg” ne peut être affichée car elle contient des erreurs.

En haut à droite, changer le rayon des coins en 20 px. Cliquez sur la couleur noir. Sélectionnez la couleur qui vous convient pour l' icône. Créez le rectangle en gardant la touche shift enfoncé.
L'image “http://images1.hiboox.com/images/3107/56idaoe8.jpg” ne peut être affichée car elle contient des erreurs.

Sélectionnez la couleur blanche (miniature icônes noire et blanche puis la flèche pour inverser). Allez dans Calque--> Pixellisation--> Forme. Gardez Ctrl enfoncé et cliquez sur votre calque:
L'image “http://images1.hiboox.com/images/3107/yt8aysg5.gif” ne peut être affichée car elle contient des erreurs.

Sélectionnez maintenant un brush flou pour l' outils pinceau:
L'image “http://images1.hiboox.com/images/3107/jm8b2tt4.jpg” ne peut être affichée car elle contient des erreurs.
Baissez maintenant l' opacité du brush (à moins de 50%):
L'image “http://images1.hiboox.com/images/3107/t84ti18i.jpg” ne peut être affichée car elle contient des erreurs.

Vous allez à présent cliquez plus ou moins de fois à divers endroit sauf sur cette partie (foncée):
L'image “http://images1.hiboox.com/images/3107/k2lpw8q6.jpg” ne peut être affichée car elle contient des erreurs.
Cela devrait vous donnez quelque chose dans ce genre:
L'image “http://images1.hiboox.com/images/3107/sgx8ublk.jpg” ne peut être affichée car elle contient des erreurs.

A présent, nous allons contracter la sélection: Séléction--> Modifier--> Contracter.
L'image “http://images1.hiboox.com/images/3107/bqgjlxml.jpg” ne peut être affichée car elle contient des erreurs.

Entez: 4 pixels.
L'image “http://images1.hiboox.com/images/3107/wtj5dir1.jpg” ne peut être affichée car elle contient des erreurs.

sélectionnez l' outils Lasso puis faites un clic droit sur la sélection--> intervertir. Appuiez maintenant sur Ctrl+ Alt + Shift et cliquez sur le calque.
L'image “http://images1.hiboox.com/images/3107/998dmukz.jpg” ne peut être affichée car elle contient des erreurs.

Séléctionnez l' outils pipette.
L'image “http://images1.hiboox.com/images/3107/fnahotvf.jpg” ne peut être affichée car elle contient des erreurs.
Cliquez sur un endroit de la zone où vous n' avez pas mis de blanc. Sélectionnez ensuite l' outils pot de peinture. Cliquez sur la sélection. Appuiez sur Ctrl+D. Voilà, nous avons fait la première bordure. Maintenant, gardez ctrl enfoncé et cliquez sur le calque. Allez dans séléction--> Modifier--> contracter. Entrez 6 pixels. Créez un nouveau calque. Séléctionnez-le. Cliquez sur l' outils pot de peinture--> dégradé. Tracez un trait comme celui-ci:
L'image “http://images1.hiboox.com/images/3107/7s1z1ydo.jpg” ne peut être affichée car elle contient des erreurs.

Voilà, il ne reste plus que le texte, et le reflet. Créez un nouveau calque. Allez dans Affichage--> Nouveau repère. Cochez "verticale" et dans position: 50%.
L'image “http://images1.hiboox.com/images/3107/x32d3he6.jpg” ne peut être affichée car elle contient des erreurs.

Cliquez sur l' outils "Texte" (T)
L'image “http://images1.hiboox.com/images/3107/zlphbntf.jpg” ne peut être affichée car elle contient des erreurs.
Puis cliquez sur le nouveau calque en cliquez n' importe où sur l' image. Cela aura pour fait de pouvoir écrire. écrivez les initiales voulues avec l' écriture Segoe UI (dans mon cas, Bl, pour Blender mais on peut aussi faire Ie ou Ff).
L'image “http://images1.hiboox.com/images/3107/p657emyu.gif” ne peut être affichée car elle contient des erreurs.

Si vous vous trompez vous pouvez biensûr effacer L'image “http://smileys.sur-la-toile.com/repository/Rires/lol.gif” ne peut être affichée car elle contient des erreurs.. Cliquez sur le calque texte (pour le sélectionner). Cliquez sur l' outils flèche et agrandissez les lettres (comme un image). Centrez les (tout les calques) grace au repère et si besoin est, ajoutez un nouveau repère horizontal à 50%. Cliquez encore une fois sur le calque Texte, puis sur cette icône (en haut à droite):
L'image “http://images1.hiboox.com/images/3107/ggo0ok2j.jpg” ne peut être affichée car elle contient des erreurs.

Puis sélectionnez la couleur blanche puis OK. A présent, votre Texte devrait être blanc. Créez un nouveau calque, placez le sous le calque texte, et sélectionnez l' outils plume...
L'image “http://images1.hiboox.com/images/3107/qkjymxbz.jpg” ne peut être affichée car elle contient des erreurs.

Sur le nouveau calque, nous allons créez le reflet. Cliquez à ces endroits:
L'image “http://images1.hiboox.com/images/3107/jf338ad6.jpg” ne peut être affichée car elle contient des erreurs.

Puis cliquez à ces endroits en gardant enfoncé le clic et tournez un peu. Essayez 2 trois fois et n' oubliez pas, pour revenir en arrière: Ctrl+Alt+Z:
L'image “http://images1.hiboox.com/images/3107/jn1x1ffs.jpg” ne peut être affichée car elle contient des erreurs.

Puis, simplifiez le calque (Calque-->Pixellisation-->Forme). Faites Ctrl+clic sur le calque, et sélectionnez l' outils dégradé. Prenez des couleurs au dessus en cliquant dessus:
Avant:
L'image “http://images1.hiboox.com/images/3107/pa7j1hry.jpg” ne peut être affichée car elle contient des erreurs.

Après:
L'image “http://images1.hiboox.com/images/3107/hshhfdu1.jpg” ne peut être affichée car elle contient des erreurs.

Faites le dégradé dans le même sens que l' autre. Faites Ctrl+D pour sélectionner et cliquez sur le calque texte, puis calque--> Pixellisation--> Texte. Passez le en 90% d' opacité. Copier le calque texte, remplissez le de noir (le double) et placez le sous le calque texte. Donnez lui une opcité 50% et ctrl + clic sur le vrai calque texte, puis cliquez sur le calque texte noir puis touche Suppr. Voilà ce que nous obtenons:
L'image “http://images1.hiboox.com/images/3107/y1mzopol.jpg” ne peut être affichée car elle contient des erreurs.

Il ne vous reste plus qu' a garder Ctrl enfoncé en cliquant sur le calque de l' ANCIEN dégradé, et de sélectionnez l' outils lasso, cliquez sur le calque du NOUVEAU dégradé, clic droit sur la sélection, intervertir, et la touche Suppr. Ensuite, Ctrl+D et enregistrez, ou redimensionnez, fusionnez,... Voilà la résultat après quelques améliorations:
L'image “http://images1.hiboox.com/images/3107/zxqq78pb.png” ne peut être affichée car elle contient des erreurs.

7 commentaires:

primo411 a dit…

Super, merci beaucoup !

Berious a dit…

De rien ;)

Anonyme a dit…

jai pas photoshop je peux le faire quand meme ??

Berious a dit…

Oui, avec gimp. Il est gratuit, par contre ce sera un petit peu différent. (P.S.: tu es démasqué!)

Anonyme a dit…

Bien sympa ce "petit" tuto. :)

Anonyme a dit…

démasqué 0o ???

Johann a dit…

^^ Jai réussi avec photo filtre, regarde mon image perso.