32
Créer un drapeau Glossy stylé Web 2.0
J’ai déjà constaté sur pas mal de sites cette fonction permettant de passer d’une version anglaise à une version française, souvent illustrée par des petits drapeaux. Je vous propose une méthode simple pour améliorer l’aspect visuel de votre drapeau tout en lui donnant un look Glossy et Web 2.0.
- Fichier source photoshop .psd
- clic pour télécharger le fichier source photoshop utilisé dans ce tutorial version grand drapeau
- Fichier source photoshop .psd
- clic pour télécharger le fichier source photoshop utilisé dans ce tutorial version petit drapeau
La méthode est ultra simple, de ce fait je ne passerai pas par plusieurs étapes mais j’expliquerai le tout en un seul paragraphe 
Premièrement il faut trouver la base du drapeau, pour cela je peux me rendre sur l’excellent site : www.flags.net ensuite je l’importe dans mon photoshop.
Je vais couper un peu mon drapeau pour le rendre panoramique, en fait il faut que la largeur soit beaucoup plus grande que la hauteur, on lui donne ainsi un supplément de dynamisme.
Maintenant j’ajoute une lueur interne : calque > style de calque > lueur interne.
Je prends l’outil sélection ellipse et je crée un rond que je remplis -sur un nouveau calque- en blanc.
J’ajoute un masque de fusion : calque > masque de fusion > tout faire apparaître. Je prends l’outil dégradé noir blanc et je camoufle légèrement le bas.
Je clique sur le calque de mon reflet, je récupère la sélection de mon drapeau. Je fais sélection > modifier > contracter (selon la taille de mon drapeau je choisis 3 pixels, dans mon exemple 1 pixel pour les petits formats). Et pour finir j’appuie sur « Suppr » pour supprimer les pixels en trop et ainsi créer une fine bordure autour de mon reflet.
Bon effectivement cela fait un peu plus d’un seul paragraphe mais le tour y est ! Bonne chance pour vos réalisations. N’hésitez pas à poster votre composition dans la galerie.
Voici donc ce qu’on peut obtenir avec plusieurs drapeaux :
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 16 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
13 mars 2008 17:46, par Toinousp
Oui j’aime bien c’est court et pratique
Répondre
voici ma pitite créa.. : 
-
13 mars 2008 18:50, par Wonka
Pas mal avec le petit effet de perspective ! pour ceux qui ont le temps se serait bien de faire l’effet sur les principaux pays ! Ou alors de créer un script photoshop pour appliquer facilement le tuto sur une image.
Répondre-
5 avril 2008 13:26, par paco
simple mais efficace comme dhab’
Voir en ligne : mon portfolio
Répondre-
24 avril 2008 11:47, par Haoru
J’ai rien compris et ji arrive pas du tout.... ça rend pas pareil du tout alors que j’ai bien suivi les explications...
Répondre-
24 avril 2008 13:42, par Wonka
ça rend pas pareil du tout alors que j’ai bien suivi les explications...
Faut croire que non, sinon tu aurais le même résultat que nous
Répondre
-
-
-
-
-
27 juin 2008 14:47
Assez compliquer Pour les débutants puisque les explications sont peut clairs
Répondre -
17 septembre 2008 11:55, par flanagan99
Premiere visite sur ton (votre, si vous etes plusieurs) site, je trouve tes tutos excellents... simple et efficace... à l’origine j’avais besoin d’une icône loupe et du coup je me suis un peu attardé sur le site par curiosité...et... on sent la qualité.
bonne continuation
Répondre -
18 septembre 2008 18:18, par flanagan
bonjour,
je pense qu’il y a une erreur : la lueur interne est plutôt une ombre interne si je me trompe pas.
Bonne continuation
Répondre-
-
13 octobre 2008 20:14, par xavier
Désolé mais je ne comprends pas le dernier point. Lorsque je selectionne le calque contenant le reflet (celui en haut à gauche si j’ai bon) et que choisis selection->contracter et que j’appuie sur suppr (enfin backspace sur mon mac) toshop supprime la selection, pas les pixels « en trop ».
Répondre
-
-
-
23 avril 2009 20:15, par CHAKIB
effectivement , pour moi , qui suis débutant , c’est assez défficile ..
mais cest excellent comme tutorial.
Répondre -
7 mai 2009 22:07, par Dangerous-osa
Salut Wonka,
« J’ajoute un masque de fusion : calque > masque de fusion > tout faire apparaître. »
Pourquoi pas changer cette étape pour qu’elle soit comme en bas :
« Je vais dans la palette des calques, je réduis le fond à 33% par exemple. »
Répondre -
10 février 2010 15:19, par medzo 120
joli ce tuto mais l’autre manière d’expliquer est plus simple étape par étape avec les image
Répondre -
5 avril 2010 16:56, par solobeton
Ecrivez votre message ici...bjr a toute l’équipe de e-learning je suis ravi de poster ma photo que j’ai faite moi même dans votre site merci.
Répondre
