Tutoriel photoshop #2

Le 20 août 2007

Bienvenu dans ce 2ème Tutoriel de Berious, ou nous allons apprendre à créer une icône au style des (désormait) fameuse icône Adobe CS3 qu’on ne présente plus. Ce n’est pas exactement le même style car c’est un peu plus web 2.0…

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

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 500×500 (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.

Ce tutoriel à été importé depuis l’ ancien blog Berious, et à été créé le 03/08/07

Subscribe to my RSS feed

Déposer un commentaire

Bold Italic Code Blockquote Insert Link Smile Grin Sad Surprised Shocked Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Evil Twisted Roll Exclaim Question Idea Arrow Mr Green