Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilPortailRechercherDernières imagesS'enregistrerConnexion
-20%
Le deal à ne pas rater :
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q (rev2.0) + Radeon RX 6950 ...
749 € 939 €
Voir le deal

 

 [TUTO] Réaliser un Radar :) [photoshop]

Aller en bas 
AuteurMessage
TOUTOU
Nouveau



Nombre de messages : 20
Date d'inscription : 12/12/2005

[TUTO] Réaliser un Radar :) [photoshop] Empty
MessageSujet: [TUTO] Réaliser un Radar :) [photoshop]   [TUTO] Réaliser un Radar :) [photoshop] EmptyMer 14 Déc - 16:14

comme ses le dernier tuto que je vous mes , allor ça serra un tres tres bon tuto et il vous apprendra plien de truc qui vous servira pour d'autre réalisation Smile

et voici le tuto tent attendu Razz
je tien a vous dire qu'il est tres long et donc si vous le teste ne soyez pas connecter sur msn quar vous aurré besoin toute votre attention a se tuto Wink

Pour simplifier, je n’ai pas détaillé la réalisation des styles et des dégradés utilisés.
J’ai préféré vous les mettre directement à disposition :

Style de claque :
[TUTO] Réaliser un Radar :) [photoshop] 17ea
TELECHARGEZ ICI

Dégradé du Radar :
[TUTO] Réaliser un Radar :) [photoshop] 22at
TELECHARGEZ ICI

Commençons sous Photoshop, par créer un nouveau document, comme ceci :

[TUTO] Réaliser un Radar :) [photoshop] 36ae

Nous allons d’abord nous occuper de l’interface.
Pour cela créons 2 cercles avec l’outil Ellipse de manière à reproduire plus ou moins ça (Maj pour contraindre) :

[TUTO] Réaliser un Radar :) [photoshop] 47xa

J’ai mis du bleu et du vert pour mieux vous montrer mais cela n’a pas beaucoup d’importance car les couleurs seront modifiées via les styles.
Maintenant nous allons faire, à partir de nos 2 formes, une seule forme aux contours un plus organiques.
Faites une sélection de nos 2 formes.
Pour cela, allez sur la palette Calques, faites Ctrl + clic sur l’un de vos cercles, puis faites un Ctrl + Maj + clic sur l’autre cercle pour le rajouter à votre sélection.

[TUTO] Réaliser un Radar :) [photoshop] 52zn

Allez dans la palette Couches, et cliquez sur ‘Mémoriser la sélection’ pour créer votre couche Alpha.
Désélectionnez (Ctrl + D).
Toujours dans votre palette Couches, cliquez sur la couche nouvellement crée.

[TUTO] Réaliser un Radar :) [photoshop] 65ll

Votre plan de travail devrait afficher ceci :

[TUTO] Réaliser un Radar :) [photoshop] 72ix

Nous allons directement travailler sur la couche Alpha : Faites Menu Filtre >> Atténuation >> Flou gaussien et mettez 15 :

[TUTO] Réaliser un Radar :) [photoshop] 87cz

Pour avoir ça :

[TUTO] Réaliser un Radar :) [photoshop] 96ud1

Maintenant, allez dans Menu Image >> Réglages >> Niveaux.
Efforcez vous d’obtenir à peu prés la même position de curseurs qu’ici :

[TUTO] Réaliser un Radar :) [photoshop] 102te

Faites un Ctrl + clic sur votre couche Alpha, pour en obtenir une sélection, puis retournez dans votre palette Calques.
Creez un nouveau calque et remplissez votre sélection (Menu Edition >> Remplir…).
La couleur choisie n’a une nouvelle fois aucune importance.
Désélectionnez (Ctrl + D).
Rendez invisible les calques des cercles, mais ne les détruisez pas, ils vont nous servir.

[TUTO] Réaliser un Radar :) [photoshop] 115dn

Vous pouvez dés à présent appliquer un style à votre forme.
Affichez votre palette Styles, si elle n’est déjà pas affichée (Menu Fenetre >> Styles)
Cliquez sur le style : metal 1

[TUTO] Réaliser un Radar :) [photoshop] 120xe

vous devez avoir ceci :

[TUTO] Réaliser un Radar :) [photoshop] 132on

Nous allons mettre un dégradé sur notre arrière-plan.
Dans votre palette Calques, Double-cliquez sur le calque ‘Arrière-plan’ pour le dévérouiller.
Appuyez sur le bouton ‘Style’ et choisissez ‘Incrustation en dégradé…’

[TUTO] Réaliser un Radar :) [photoshop] 156gy

Editez votre dégradé (clic sur la barre de dégradé) :

[TUTO] Réaliser un Radar :) [photoshop] 163th

Choisissez DegradeRadar0

[TUTO] Réaliser un Radar :) [photoshop] 170bs

Maintenant, rendez visible le gros cercle mis de coté et mettez le au 1er plan.

[TUTO] Réaliser un Radar :) [photoshop] 180se

Faites Ctrl + T et redimensionnez votre cercle en vous aidant des contraintes Alt + Maj .
Nous allons creuser notre interface.
Ctrl + Clic sur le cercle bleu dans la palette calques pour en faire une sélection, puis placez vous sur le calque de l’interface et appuyez sur la touche Suppr pour effacer le contenu de la sélection.
Désélectionnez (Ctrl + D).

[TUTO] Réaliser un Radar :) [photoshop] 191ro

Occupons nous de l’autre cercle. Affichez-le et mettez-le en premier plan.

[TUTO] Réaliser un Radar :) [photoshop] 209zy

Faites Ctrl + T et jouez sur l’inclinaison, la torsion, l’homothétie et la rotation (clic droit pour afficher le menu contextuel) pour arriver à avoir la forme voulue.

[TUTO] Réaliser un Radar :) [photoshop] 218zo1

Nous allons de nouveau creuser notre interface.
Ctrl + Clic sur cercle vert dans la palette calques pour en faire une sélection, puis placez vous sur le calque de l’interface et appuyez sur la touche Suppr pour effacer le contenu de la sélection.
Désélectionnez (Ctrl + D).
Vous pouvez poubelliser votre calque de cercle vert.

[TUTO] Réaliser un Radar :) [photoshop] 230za

Ajoutons quelques boutons.
Faites un cercle avec l’outil ellipse :

[TUTO] Réaliser un Radar :) [photoshop] 242zw

ppliquez le style ‘metal 2’ :
Affichez votre palette Styles et cliquez sur le deuxième style : metal 2

[TUTO] Réaliser un Radar :) [photoshop] 258zw

Dupliquez votre forme (clic doit dans la palette Calques sur le nom de votre calque >> Dupliquer le calque…).

[TUTO] Réaliser un Radar :) [photoshop] 261dt

Nous en avons fini avec l’interface : occupons nous du radar proprement dit.

Commençons par faire le dégradé qui tournera dans ImageReady.
Pour cela cliquez sur votre cercle bleu dans la Palette Calques et activez les styles .
Sélectionné ‘incrustation de dégradé’ avec ces paramètres :

[TUTO] Réaliser un Radar :) [photoshop] 275yi

Cliquez sur la barre de degradé et choisissez le dégradé : DegradéRadar1

[TUTO] Réaliser un Radar :) [photoshop] 289sz

Vous obtenez ceci :

[TUTO] Réaliser un Radar :) [photoshop] 293jq

Créons maintenant des perturbations.
Dans la palette Calques, faites un Ctrl + clic sur le calque du dégradé, pour récupérer la sélection.
Créez un nouveau calque puis remplissez votre sélection en noir.
Désélectionnez (Ctrl + D).
Faites Menu Filtre >> Artistiques >> Eponge… et mettez ces paramètres :

[TUTO] Réaliser un Radar :) [photoshop] 302zz

Faites Menu Image >> Réglages >> Luminosité/Contraste… et rentrez ces valeurs :

[TUTO] Réaliser un Radar :) [photoshop] 316hj

voici se que vous obtené :

[TUTO] Réaliser un Radar :) [photoshop] 327cz

Prenez L’outil Texte et écrivez en 2 fois ‘WEB’ et ‘GRAF’ en blanc avec ces paramètres.

[TUTO] Réaliser un Radar :) [photoshop] 330co

Placez votre texte à peu prés comme ceci :

[TUTO] Réaliser un Radar :) [photoshop] 345en

Il nous faut fusionner nos 3 calques précédents.
Pour cela, commençons par les lier par la coche ‘liaison’ dans la palette Calques .
Puis dans le menu de la palette Calques (petite flèche en haut en droite de la palette) choisissez ‘Fusionner les calques liés’ .
Modifiez le mode de fusion de ce nouveau calque :

[TUTO] Réaliser un Radar :) [photoshop] 374ib

Pour obtenir ceci :

[TUTO] Réaliser un Radar :) [photoshop] 389ra

Nous allons rajouter des petits points.
Dans la palette Calques, refaites un Ctrl + clic sur le calque du dégradé, pour récupérer la sélection.
Créez un nouveau calque puis remplissez votre sélection en noir.
Désélectionnez (Ctrl + D).
Faites Menu Filtre >> Bruit >> Ajout de bruit… avec ces paramètres :

[TUTO] Réaliser un Radar :) [photoshop] 391bv

Faites Menu Image >> Réglages >> Luminosité/Contraste… et rentrez ces valeurs :

[TUTO] Réaliser un Radar :) [photoshop] 400hu

Modifiez là aussi le mode de fusion de ce calque :

[TUTO] Réaliser un Radar :) [photoshop] 410va

vous obtenée ceci :

[TUTO] Réaliser un Radar :) [photoshop] 425uk

Pour finir la construction, créons notre grille.
Une nouvelle fois récupérez la sélection du cercle d’origine, créez un nouveau calque puis remplissez votre sélection en noir.
Appliquez un style ‘Incrustation en dégradé’ avec ces paramètres :

[TUTO] Réaliser un Radar :) [photoshop] 439rb

Cliquez sur la barre de dégradé pour appliquer le dégradé : DegradéRadar2

[TUTO] Réaliser un Radar :) [photoshop] 444gn

vous devez avoir ceci :

[TUTO] Réaliser un Radar :) [photoshop] 451yo

Encore une fois récupérez la sélection du cercle d’origine, créez un nouveau calque puis remplissez votre sélection en noir.
Appliquez un style ‘Incrustation en dégradé’ avec cette fois ces paramètres :

[TUTO] Réaliser un Radar :) [photoshop] 467pm

Cliquez sur la barre de dégradé pour appliquer le dégradé : DegradéRadar2

[TUTO] Réaliser un Radar :) [photoshop] 476ez

Dans la palette Calques, appliquez une opacité de 50% à ce dernier calque.
se qui donne ceci :

[TUTO] Réaliser un Radar :) [photoshop] 480gc

Liez et fusionnez les 2 derniers calques comme vu précédemment.
Faites Menu Image >> Réglages >> Luminosité/Contraste :

[TUTO] Réaliser un Radar :) [photoshop] 490rq

Puis Menu Image >> Réglages >> Teinte/Saturation :

[TUTO] Réaliser un Radar :) [photoshop] 506kl

Modifiez le mode fusion de ce calque en ‘Superposition’

[TUTO] Réaliser un Radar :) [photoshop] 510si

Une dernière fois, récupérez la sélection du cercle d’origine, créez un nouveau calque puis remplissez votre sélection en noir.
Affichez votre palette Styles, si elle n’est déjà pas affichée (Menu Fenetre >> Styles)
Cliquez sur le style : verre

[TUTO] Réaliser un Radar :) [photoshop] 529dp

Notre radar est terminé :

[TUTO] Réaliser un Radar :) [photoshop] 530oy

voila notres radar est terminée Smile
passon a l'animation , allez sur image ready puis dupliquer la frame 3x puis cliquez sur la frame du milieu comme ceci :

[TUTO] Réaliser un Radar :) [photoshop] 552vw

allez dans claque / style de claque et cliquez sur incrustation de dégradée et maittez comme si dessou :

[TUTO] Réaliser un Radar :) [photoshop] 567gw

puis cliquez sur le trassez et maittez ses parametre :

[TUTO] Réaliser un Radar :) [photoshop] 575yq

puis vous restez sur l'avend derniere frame , vous duplique et vous retournée dans claque / style de claque/incrustation de dégradée , et la vous remettez l'angle a 90% et fait ok .
cliquez sur le tracez et ne changez pas les paramettres et cliquez sur ok, et pour finir suprimée la premiere frame et la toute derniere frame .
et il ne vous reste plus qu'a enregistrée votre réa Razz

et voici le résulta final :

[TUTO] Réaliser un Radar :) [photoshop] Leradarfini5iz

se tuto est enfin fini ouffffffffffffffff

si vous aviez des commantaires ou des question sur se tuto n'ésiter pas Smile
Revenir en haut Aller en bas
 
[TUTO] Réaliser un Radar :) [photoshop]
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TUTO] effet matrix avec animation [photoshop]
» [TUTO] faire un zoom sur un texte et rotation [photoshop]
» Texte animé sous Photoshop et Imageready
» Les logiciels "Photoshop" et "GIF Movie Gear

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Graphisme :: Des Tutaux-
Sauter vers: