Incruster un drapeau dans une bille glossy Web2.0

Il y a quelques mois, j’ai posté sur ce site un tutorial pour créer des drapeaux glossy en rectangle, voici une méthode encore plus efficace pour créer ces mêmes drapeaux mais en bille !

La nuance ne réside pas seulement dans la forme, la mise en relief en 3D est plus complexe et d’avantage évoluée, je classe donc cet article en rubrique initié !

Vous pouvez retrouver le premier tutorial sur cette page : http://www.wks.fr/Creer-un-drapeau-glossy-style-web.html

Photoshop - 179.1 ko
Fichier source Photoshop
Cliques ici pour télécharger le fichier source Photoshop utilisé dans ce tutorial !

ETAPE 1

Sous Photoshop je crée un nouveau document sur fond blanc, et j’importe le drapeau d’un glissé déposé dans mon document (attention celui-ci devra figurer sur un nouveau calque).

ETAPE 2

Avec l’outil sélection en ellipse je crée un rond par-dessus mon drapeau, je fais ensuite sélection intervertir (menu sélection) puis j’appuie sur la touche Suppr !

Cette procédure sert à créer mon drapeau en rond.

ETAPE 3

Avec le pinceau ainsi que l’outil densité + je crée des zones d’ombre. J’insiste surtout sur les côtés extérieurs du rond.

Cette procédure est très utile pour donner du relief à ma bille.

Précision importante : L’outil densité + marche très bien sur les couleurs, si certaines parties de votre image sont blanches il vous faudra (avant toute chose) modifier l’option tons moyens en tons clairs pour pouvoir l’utiliser correctement (cette option se trouvera dans la barre en haut de votre écran).

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 !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

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 22 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.

  • 1er juillet 2008 14:45, par Nicolas Soret

    Waou, l’effet est super « web 2.0 ». J’adore.

    Répondre
    • 1er juillet 2008 15:00, par Wonka

      Oui oui oui ... mais il est ou ton drapeau ?

      Répondre
      • 1er juillet 2008 15:12, par Clems

        Voici :

        Répondre
  • 1er juillet 2008 15:37, par SplinterVal

    J’adore le rendu ! Voila ce que sa donne chez moi :

    Répondre
  • 1er juillet 2008 16:21, par IT1

    Merci Wonka pour ce splendide tutoriel.

    Voici mon rendu ;-)

    Je précise que j’ai aouté une lueur blanche avec un gros pinceau diffus, en bas de chaque bille, pour renforcer le relief ;-)

    Répondre
    • 1er juillet 2008 16:41, par Wonka

      Et je précise que c’est une excellente idée que tu as eu ;)

      Répondre
  • 1er juillet 2008 16:42, par Wonka

    Juste pour préciser qu’il est possible au lieu d’utiliser un contour noir d’ajouter à la bille une lueur INTERNET noir qui est également du plus bel effet !

    Répondre
    • 1er juillet 2008 16:57, par IT1

      Merci pour ta réponse à mon message Wonka !

      Quand tu dis « Lueur INTERNET » je pense que tu voulais dire « lueur interne »

      A force d’utiliser trop le Web, on en devient fou :-D

      Répondre
      • 2 juillet 2008 09:26, par Wonka

        MDR bien sur c’était lueur interne ;) et non internet :D

        Répondre
  • 2 juillet 2008 03:33, par maniphil

    toujours aussi efficaces ces petites bulles !

    entout cas, très bon tuto et bien expliqué cette fois ci

    voila ma participation !

    mani ;)

    Répondre
    • 2 juillet 2008 09:26, par Wonka

      Sympa comme tout effectivement, bravo mani ;)

      Répondre
  • 2 juillet 2008 10:32, par Wonka

    Précision complémentaire :

    Il est possible de renforcer l’effet de bille en utilisant le filtre : déformation > sphérisation à 100% Voir l’image ci dessous.

    Répondre
    • 2 juillet 2008 10:34, par Wonka

      + une lueur interne noir en mode incrustation :

      Répondre
  • 2 juillet 2008 23:36, par rokkall

    Moi je comprend pas un truc Wonka, pourquoi y aller au pinceau quand une ombre projetée et une lueur interne suffisent, perso je n’ai que 3 calques, le drapeau, le contour blanc et le reflet et pour un rapidité d’éxécution décuplée, m’enfin hein, j’dis ça, j’dis rien. ;)

    Répondre
    • 3 juillet 2008 09:17, par Wonka

      Tout simplement par ce que c’est beaucoup plus précis de travailler avec le pinceai, sa te permet de créer des zones d’ombres, et des zones claires ! Alors que la lueur interne te fais une lueur noir tout autour !

      Répondre
      • 3 juillet 2008 15:13, par Rokkall

        Bien sûr, mais le pinceau est utile pour la photo, pas dans ce cas précis, t’es pas d’accord ? Tiens, regardes mon résultat et avec bien moins de manip.

        Attention Wonka, je ne suis aucunement en train de dénigrer ton travail hein, je viens depuis un p’tit moment sur le site et s’il ne me plaisais pas je posterai même pas hein. ;)

        Répondre
        • 3 juillet 2008 17:21, par Wonka

          @Rokkall : non bien je comprends ton point vue et tu dois surement avoir compris le miens. Ton logo est très beau : OUI mais un peu trop simple à mon gout ;) Regarde ceux d’IT1 au dessus dans les commentaires tu verras qu’ils sont plus aboutis (il a utilisé le pinceau).

          Répondre
  • 10 juillet 2008 14:25

    Wouhaou !! super je kiff grave ce style ^^

    Répondre
  • 14 janvier 2009 17:29, par JCay

     :( c’est vraiment super, mais moi mon masque de fusion marche pas et du coup le degradé noir et blanc apparrait noir et blanc on ne voit plus ce qu’il y a derriere... Ce problème te dit quelquechose ? aidez moi :D

    Répondre
  • 18 janvier 2009 12:02, par kom1dune

    Un de plus pour ta galerie ;) Merci Wonka !

    Répondre
  • 2 juillet 2009 18:59, par MØG

    http://www.wks.fr/stockpix/366/3925.jpg
    Voila une affiche de France-Inter lors des élections Européennes .Désolé pour la qualité de l’image mais c’est exactement les mêmes drapeaux incrustés dans la bulle glossy. Les Tutos WKS ... des Tutos de Pro :-)
    PS : La lutte anti-spam m’empêche de mettre le code pour afficher l’image dans le commentaire :-(

    Répondre
  • 10 septembre 2010 02:00, par Alex Amani

    Bonjour, jutilise photoshop CS5 mais je suis bloquer a la deuxieme etape, je n’arrive pas a mettre le drapeau en forme d’ellipse... !! une fois l’ellipse faite, j’intervertit et quand j’appuie sur suppr rien ne se passe.. !!

    Merci de m’aider

    Urgent

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.