Samedi 21 août 2010 6 21 /08 /Août /2010 15:17

Tutoriel pour apprendre à créer un badge web2 avec Photoshop. Une présentation très courante sur certains sites web commerçants.

 

A savoir qu'à l'origine, j'ai écrit ce tutoriel sur un autre forum. Mais que ce tutoriel m'appartient bel et bien. Il n'appartient qu'à son auteur. Si vous avez des questions à poser sur ce tutoriel, je ne le ferai plus que sur mon forum


web2
1. Ouvrez un nouveau document de 150*150 transparent. Puis configurez la Palette des couleurs avec  #02327c en PP et un #00c6ff en AP.

1

2. Outil Forme personnalisée, choisissez dans le menu des formes Bannières et récompenses et le Sceau puis dessinez le sceau sur votre document, en faisant attention que la couleur soit celle de PP et sans style.

2

3

4

3. Récupérez la sélection de votre forme en cliquant sur sa vignette dans la palette des calques tout en maintenant CTRL appuyé, puis ajoutez un nouveau calque. Inversez les couleurs de PP et d’AP en cliquant sur la flèche d’inversion de sorte à avoir la couleur claire en PP.

5

4. Outil Dégradé, choisissez le dégradé de PP vers transparent dans le menu déroulant et tracez un dégradé linéaire sur le nouveau calque.

6

7

5. Désélectionnez et ajoutez un nouveau calque et avec l’outil Ellipse de sélection contour progressif à 0, tracez une sélection comme sur la capture et remplissez-la de blanc.

8

9

6. Comme à l’étape 3, récupérez la sélection de votre forme, inversez-la – Sélection/Intervertir et touche Suppr du clavier.

10

7. Baissez l’Opacité de ce calque sur 10%.

11

8. Sélectionnez le calque avec votre forme et appliquez les Calque/Styles de calque – Ombre portée et contour.

12

13

Voilà votre badge, vous pouvez tester d’autres couleurs.

web2

Tutoriel écrit avec Photoshop Extended CS4



Il est strictement interdit de redistribuer, copier, republier ce contenu sur votre site, blog ou forum Copyright ©Advanced graphics & HélèneM 2010 - All rights reserved (Tous droits réservés).


Par HélèneM - Publié dans : Adobe Photoshop Extended
Ecrire un commentaire - Voir les 0 commentaires
Retour à l'accueil

Advanced Graphics

47  visiteurs actuellement

PageRank Actuel

btn donate SM

 

A propos

  • Date de création : 22 juillet 2010
  • A propos : Je suis l'auteure de tous les tutoriels de ce blog ainsi que des ressources proposées...  Si vous avez des questions, laissez un commentaire.
  • Contenu : Ce blog propose des tutoriels de qualité pour la Creative Suite d'Adobe et autres logiciels, ainsi que des ressources uniques et variées pour valoriser votre créativité.
  • ©2010-2012 : En vertu des articles L 111.1 et  L112.1 du code de la propriété intellectuelle: Toute reproduction, diffusion publique, usage commercial sont formellement interdits sans autorisation du titulaire des droits. Les ressources sont soumises à certaines conditions d'utilisation précisées dans les articles.

Artistic Look

couverture4-slidebar

Commentaires

Rechercher

 
Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés