Créer des boules d’énergies à la Dragon ball Z avec Photoshop

Ce tutoriel s’adresse à tous les fans de Dragon Ball, en effet grâce à ce tutoriel Photoshop vous apprendrez à créer des effets de boules d’énergies. Rien de plus simple, il vous suffira d’utiliser des effets de transparences et de lumières… Cliquez ici pour essayer ce tutorial Photoshop.

Ce tutoriel s’adresse à tous les fans de Dragon Ball, en effet grâce à ce tutoriel Photoshop vous apprendrez à créer des effets de boules d’énergies. Rien de plus simple, il vous suffira d’utiliser des effets de transparences et de lumières… Mais avant de rentrer dans les détails de cette technique je vous laisse découvrir le résultat final :

Ce tutoriel nécessite l’utilisation d’une image (photo du personnage) je l’ai téléchargé sur le site Fotolia, je vous invite à vous y inscrire et à télécharger la photographie, voici le lien du site http://www.fotolia.com/ puis le lien direct vers la photo http://www.fotolia.com/id/9182962

Bien, maintenant vous êtes prêt pour commencer ce tutoriel :

ETAPE 1

Ouvrez Photoshop puis créez un nouveau document, allez dans le menu Fichier> Nouveau, entrez les valeurs suivantes, largeur : 600 pixels, hauteur : 900 pixels. Enfin modifiez la couleur d’avant plan par du bleu foncé #1a3e70 et allez dans le menu Edition> Remplir pour colorer votre image en bleu.

ETAPE 2

La première grande partie de ce tutoriel sera consacrée à la création du background de l’image. Pour commencer, créez un nouveau groupe : menu Calque> Nouveau> Groupe, nommez-le « background ». Créez dans ce groupe un nouveau calque (menu Calque> Nouveau> Groupe).

Appuyez sur la touche D pour rétablir les couleurs par défaut puis allez dans le menu Filtre> Rendu> Nuages.

ETAPE 3

Retournez dans le menu Filtre> Pixellisation> Mezzo-tinto, sélectionnez le type lignes courtes et appuyez sur le bouton Ok.

ETAPE 4

Maintenant allez dans le menu Filtre> Atténuation> Flou radial et modifiez les valeurs comme ceci, Valeur : 100, Mode : Zoom et Qualité : Supérieur.

Et pour terminer, appuyez sur Ctrl + F pour appliquer à nouveau le filtre flou radial.

ETAPE 5

Dupliquez le calque 1, pour se faire appuyez simplement sur les touches Ctrl + J ou cliquez avec le bouton droit de la souris sur le calque et sélectionnez Dupliquer le calque.

Allez dans le menu Filtre> Esquisse> Chrome et modifiez les valeurs, Détail : 10, et Lissage : 10.

ETAPE 6

Pour donner un peu de couleur à votre background, vous allez utiliser un calque que vous passerez en mode Couleurs. Voici comment faire : Créez un nouveau calque (menu Calque> Nouveau> Calque, ou ctrl/cmd + Maj + N), nommez-le couleurs. Sélectionnez ensuite le pinceau et modifiez la forme en Arrondi flou de 250 pixels et peignez le centre de votre image avec un bleu #498ecc puis changez le bleu par 30628e et rejoignez les bords de votre image (toujours avec le pinceau) enfin pour terminer, sur les bords haut et droit, utilisez un bleu foncé #183248.

ETAPE 7

Modifiez le mode de fusion du calque Couleurs en Couleurs, vous trouverez le menu des modes de fusions en haut à droite de la fenêtre des Calques.

Enfin pour terminer le background, diminuez l’opacité du second calque du background (celui avec l’effet chrome) à 50%.

ETAPE 8

La partie correspondant à la création du backround, il faut maintenant passer à la création du personnage, pour se faire il faut que vous ayez téléchargé la photo sur le site Fotolia.com, voici l’adresse directe vers la page : http://www.fotolia.com/id/9182962 puis allez dans le menu Fichier> Importer et parcourez les dossiers, pour trouverez le bon fichier. Un nouveau calque contenant la photo est automatiquement créé, renommez-le Guy.

Ensuite appuyez sur les touches Ctrl/cmd + T pour activer la transformation libre, gardez la touche Maj enfoncée pour garder les proportions de l’image et ainsi redimensionner le personnage.

Il faut maintenant détourer le personnage, pour cela vous allez utiliser la technique de la plume, sélectionnez l’outil Plume, zoomez sur le personnage puis créez des points d’ancrages tout autour du personnage. Lorsque le tour est fait, une forme vient s’appliquer par-dessus le personnage.

ETAPE 9

Lors de la création de la forme avec la plume un nouveau calque a été créé. Il s’agit du calque Forme 1, vous allez récupérer sa sélection, pour se faire appuyez sur la touche Ctrl/cmd puis cliquez sur la vignette du masque vectoriel (seconde vignette sur le calque dans la fenêtre Calques).

Une fois la sélection créée, cliquez sur le calque Guy puis allez dans le menu Sélection> Intervertir, et appuyez sur la touche Suppr.

ETAPE 10

Maintenant que le personnage est lui aussi terminé, passez dés maintenant à la création des boules énergétiques. Appuyez sur les touches Ctrl/Cmd et + pour pouvoir zoomer sur la main gauche du personnage, puis sélectionnez l’outil Ellipse U. Modifiez la couleur d’avant plan par le blanc puis tout en gardant la touche Maj enfoncée créez un rond au dessus de la main (renommez le calque de la forme blanche en Rond).

ETAPE 11

Pour donner cet effet de relief et de transparence, rien de plus simple il suffit d’utiliser la gomme. Sélectionnez l’outil Gomme E puis modifiez sa forme par un arrondi flou de 100 pixels, et diminuez l’opacité de l’outil à 20%. Maintenant utilisez la gomme sur le centre de la boule en faisant tourner la souris du milieu vers l’extérieur, attention à garder les contours bien visibles.

ETAPE 12

Cliquez sur le calque Rond puis appuyez sur les touches Ctrl/Cmd + J pour le dupliquer. Sélectionnez le calque Rond copie puis allez dans le menu Atténuation> Flou gaussien, et entrez la valeur de 10 et appuyez sur ok. Ensuite utilisez à nouveau la gomme pour supprimer la partie centrale de cette lueur blanche.

ETAPE 13

Cette boule d’énergie commence à prendre forme, mais avec un peu de couleur cela devrait être encore mieux. Commencez par créer un nouveau groupe de calques (menu Calque> Nouveau> Groupe) et placez dedans tous les calques relatifs à la boule d’énergie.

Ensuite créez un nouveau calque (menu Calque> Nouveau> Calque, ou ctrl/cmd + Maj + N), nommez-le Couleurs, sélectionnez le pinceau puis peignez du bleu par-dessus votre boule d’énergie. Modifiez ensuite le mode de fusion de ce calque en Couleurs (le menu se trouve dans la fenêtre calque en haut à gauche).

ETAPE 14

Pour terminer la boule d’énergie il ne reste plus qu’à créer les rayons d’énergies, pour se faire commencer par cacher certains calques comme le background ou le personnage pour avoir une meilleure vue de ce qui se fait.

Ensuite créez un nouveau calque (menu Calque> Nouveau> Calque, ou ctrl/cmd + Maj + N), nommez ce calque Rayons et placez-le dans le dossier Boules en dessous du calque Couleurs.

Sélectionnez l’outil Pinceau puis changez sa forme en Rond net, puis faites varier sa taille pour créer grossièrement des rayons tout autour de la boule.

ETAPE 15

Ensuite sélectionnez l’outil Rectangle de sélection puis créez une sélection autour de votre boule, attention veillez à créer une bonne marge entre les rayons et les bords de la sélection.

ETAPE 16

Ensuite allez dans flou radial, modifiez la valeur à 100, le mode en zoom, et la qualité à supérieure, pour terminer appuyez sur Ok. Si les rayons ne sont pas suffisamment marqués, appuyez sur les touches Ctrl/Cmd + F pour appliquez à nouveau le même filtre.

ETAPE 17

Affichez à nouveau tous les calques et voyez si votre boule d’énergie est suffisamment réaliste.

ETAPE 18

Maintenant pour créer la seconde, soit vous faites à nouveau les étapes 10 à 17 (méthode la plus efficace) soit vous utilisez la technique de duplication décrite ci-après.

Cliquez avec le bouton droit de la souris sur le dossier Boule puis sélectionnez Dupliquer le groupe.

Puis sélectionnez cette copie et allez dans le menu Edition> Transformation> Symétrie horizontale.

Sélectionnez l’outil Déplacement V puis déplacez la boule au dessus de la main droite de votre personnage.

Pour terminer, sélectionnez le calque Rayon copie et appuyez sur les touches Ctrl/Cmd + T (pour activer la transformation libre), faites tourner les rayons pour qu’ils soient différents de ceux de gauche (cela permet surtout d’éviter de voir que la seconde boule est la copie de la première).

ETAPE 19

Maintenant tout est terminé, background, personnage, boules d’énergies, vous pouvez passer au peaufinage. Pour le background vous allez l’atténuer sur les contours, pour cela sélectionnez le calque Background puis allez dans le menu Calque> Masque de fusion> Tout masquer.

Sélectionnez le pinceau puis changez sa forme en Arrondi flou, sa taille à environ 200 voire 300 pixels, l’opacité à 20 %, et la couleur d’avant plan en blanc. Utilisez le pinceau en effectuant des rotations avec la souris, en partant du centre pour rejoindre les côtés de votre image.

ETAPE 20

Et voila déjà la dernière étape de ce tutoriel, téléchargez l’image disponible à cette adresse puis importez-la dans votre image : http://dbz-bt3.allmyblog.com/images/dbz-bt3/dbz-bt3_20070619_225528.jpg

Utilisez à nouveau la plume pour détourer le logo puis appuyez sur les touches Ctrl/Cmd + T pour activer la transformation libre et ainsi réduire la taille du logo.

Utilisez l’outil Déplacement pour placer le logo juste en dessous du personnage.

Enfin sélectionnez le calque du logo et allez dans le menu Calque> Style de calque> Lueur externe et modifiez l’opacité à 50%, le mode de fusion en Incrustation (ou lumière tamisée) et taille 20 pixels. Cliquez sur ok pour valider.

Et voila le tutoriel est déjà terminé ! J’espère que vous avez tous réussi à arriver jusqu’ici sans problème. Si vous avez des questions, n’hésitez pas à utiliser les commentaires ci-dessous.

Si vous avez apprécié cet article :) Saviez vous que vous pouvez nous aider ? Pour se faire rien de plus simple il suffit de partager Wks.fr avec vos amis, publier notre adresse sur votre Twitter ou votre Facebook, par exemple, c’est un petit geste mais pour notre communauté c’est énorme. En vous en remerciant.

Téléchargement des fichiers sources liés à ce tutorial

Veuillez vous connecter pour télécharger les fichiers sources

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

    • 23 avril 2010 11:32, par Clem

      Sympa cet effet merci wonka :)

      Répondre
      • 2 septembre 2010 23:52, par Un beau coup de pinceau

        Très impressionnant, je n’essaye même pas de réaliser la même chose tant je crois que j’aurais du mal avec mon Paint.net

        Voir en ligne : Chilipari

        Répondre
    • 23 avril 2010 13:32, par Kovsky

      Héhé sympa ce petit tuto. Je vais tester cela. Merci ;)

      Répondre
    • 9 mai 2010 23:10, par vrod

      Effectivement , c’est pas mal du tout , pour ma part je l’ai testé sur une arme : épée , et il faut dire que ca ne rends pas si mal que ça ;)

      Répondre
      • 29 mars 2011 16:37, par scoop pokerstars

        Vous avez modifié l’effet pour le placer sur l’arme ? ou vous gardez l’aspect sphérique ?

        Voir en ligne : scoop pokerstars

        Répondre
    • 28 mai 2010 07:14, par gwendolina

      salut ! Tout d’abord merci pour ce tuto.

      j’ai un problème arrivée à l’étape 8, quand j’ai créée les points d’ancrages tout autour du personnage aucune forme ne se fait. J’ai beau chercher ce que je fais de mâle je ne trouve pas :s

      Répondre
    • 12 juin 2010 02:01, par paris

      kamehaaaaaaaaaaaa !

      Répondre
    • 14 juillet 2010 18:17, par pmu

      bravo pour le tuto !

      Répondre
    • 21 juillet 2010 19:21, par Hichiro

      Merci beaucoup pour ce tuto !!!

      Grace à vous je suis très content de ma première ébauche ^^

      Répondre
    • 22 août 2010 21:46, par Cedbobo

      Merci pour ce superbe tuto super bien expliqué ! Merci beaucoup !

      Répondre
    • 7 octobre 2010 11:07, par Reiki

      Merci pour ces infos, perso, je suis novice en fonctionnement de ce logiciel, mais ces explications sont très claires....

      Répondre
    • 6 novembre 2010 12:06, par try

      merci pour le tuto mais par contre je blok a l etape 10 je ne peu pas mettre le rond en blanc comment faire stp merci d’avance

      Répondre
    • 13 novembre 2010 14:37, par galdore73

      ou faut faut le télé charger stp ???

      Répondre
    • 18 février 2011 11:01, par Coteur

      tu fais enregistrez sous au niveau du lien à l’étape 20

      Répondre
    • 30 mars 2011 20:47, par mourad

      Voici mon rendu, avec quelque modifs.

      • boule d’énergie jaune avec des éclaires
      • lueur externe
      • logo d’origine http://www.hostingpics.net/viewer.php ?id=404201EffetDragonballZ.jpg A vous de voir !!!

      Répondre
    • 30 mars 2011 20:50, par mourad

      Voici mon rendu, avec quelque modifs.

      • boule d’énergie jaune avec des éclaires
      • lueur externe
      • logo d’origine http://www.hostingpics.net/viewer.php ?id=404201EffetDragonballZ.jpg A vous de voir !!!

      Répondre
    • 3 août 2011 11:45, par Rick

      Thank you for this Photoshop tutorial, actually I really want to learn Photoshop editing I just don’t have much time. So I did, I just look in the internet for online Photoshop tutorial and I found your tutorial. Its really a great thing to learn about it.

      Répondre

    Laissez un commentaire

    Remplissez correctement le formulaire puis appuyez sur Validez.