Forum TheFighters - La référence francophone de Little Fighter 2 !
La plus grande communauté francophone de joueurs LF2 encore en activité !

thefighters.free.fr - thefighters.free.fr/forum - thefighters.forumactif.com

AccueilFAQRechercherS'enregistrerConnexion
 

Tutoriaux graphiques

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivante
AuteurMessage
Doken
Membre de l'Équipe - Modérateur


LionSinge
Age : 16
Inscrit le : 19 Nov 2006
Messages : 1688

MessageSujet: Tutoriaux graphiques   Ven 28 Déc - 15:22

Voilà un sujet bien pratique pour les nouveaux, non? Ce sujet consisterais à réunir touts les tutoriaux graphiques que les membres connaitraient ^^ En voici un bien pratique et très intéréssant, pour une signature simple et jolie :

Auteur : Greygou17000

Tutorial :

Je vais vous expliquez comment créer une bannière ressemblant à ceci :



Tout d'abord, ouvrez photofiltre et un nouveau document : Fichier => Nouveau.
Alors apparaît cette fenêtre :



Mettez en fonction de la taille que vous voulez (moi j'ai mis 325 par 135).

Choisissez un render.
(site de renders : ici (planet renders)). Voilà pour moi :
http://www.planetrenders.net/renders/displayimage.php?pos=-7527

Copiez collez le render sur photofiltre.

Faites : ctrl+a, et ctrl+b.
Alors apparait cette fenêtre :



Mettez les réglages comme sur l'image. Puis prenez la baguette magique.
Cliquez sur le noir autour de votre render. Ensuite : Clic droit => inverser la sélection.

Copiez votre render et collez le sur votre document blanc ouvert tout à l'heure.

Puis, collez le jusqu'à ce qu'il remplissent toute la feuille blanche .
exemple avec mon render :



Copiez collez ce fond deux fois.
Vous devez avoir trois fond pleins de render.

Sur un des trois, appliquez un pixel streching.
(Pixel streching :

filtre => déformation => trapèze/perspective .
Réglages : déformation haut : 200% et déformation bas : 200%.
Puis faite ctrl+k jusqu'à ce que ça ne bouge plus.)
Exemple :



Sur un autre, un étalement .

Filtre => artistique => étalement .
(une seule fois)

Exemple :



Sur le dernier, un pointillisme.

Filtre => artistique => pointillisme .
(une fois aussi)

Exemple :



Vous avez vos trois fonds.

Copiez le pointillisme sur l'étalement.
Clic droit => copiez .
Clic droit =>collez .
Clic droit => option de collage => mettez l'opacité a 50%

Exemple :



Collez ce nouveau fond sur le pixel strech .
Pareil, mettez l'opacité a 50%.

Exemple :



Vous avez votre fond enfin presqe.. Mettez-y un grunge.
Je vous en propose un...



Faites : réglages => variation de teinte et choisissez la couleur qui vous vas.
Copiez le sur votre fond, et mette l'opacité a 50%.

Pour ceux qui se débrouillent, utilisez la photomanip maintenant.
Rajoutez quelques brush etc.

Exemple :



(photomanip par moi )

Ensuite, reprenez votre render.
Collez le, mais ne validez pas.
Faite clic droit => paramétrages manuels.
Cochez la case : garder les proportions.
Ensuite, régler comme vous voulez .
Validez le collage .

Exemple :



Maintenant, l'incrustation.
Il existe plusieurs technique.
Prenez la goutte d'eau.
Cochez précis.
Zoomez sur votre render .
Passez la goutte d'eau sur tout le tour du render.
(Moi, j'ai voulu faire ressortir mon personnage, d'où le noir tout autour.)
exemple :



Maintenant, le cadre ...
Trois exemples de cadre :







Pour le premier exemple faites :
ctrl+a, et ctrl+b.
Alors apparait cette fenêtre :



Cochez : dessiner le contour .
Mettez la taille que vous voulez.
Et la couleur aussi .
(moi : 5pixels, noir)
Validez et vous avez votre cadre .

Pour le second :
Prenez l'outil ligne.
Mettez les réglages comme sur cette image :



Ou bien baissez l'opacité, la taille etc.
Puis, faites deux lignes droites.
(Maintenez la touche majuscule en même temps que vous tracez )
Une en haut et une en bas, comme sur mon exemple...

Pour mon troisième exemple, faites :

ctrl+a,
Allez dans : sélection ==> contracter.
Mettez (par exemple) 3 pixel.
Puis faite clic droit : inverse' la sélection.

Allez dans :
réglages => luminosité et contraste .
Mettez le contraste a 100% et la luminosité a 30%.


Puis, le texte.

Cliquez sur l'icône T.
Choisissez votre police, votre taille et votre couleur.
Validez.
Mettez votre texte où vous le souhaitez.
Pour une autre méthode :

Faites pareil.
Au lieu de valider, cliquez sur : transformer en sélection.
Mettez là où vous le voulez.
Faîtes :
Réglages => luminosité/contraste.
Réglez a 100% les contrastes, et 35% la luminosité.
Allez dans :
filtre => couleur => raviver les couleurs.
Puis appuyez sur : ctrl=k.
Ensuite, filtre => esthétique => contour progréssif.
Alors apparait cette fenêtre :



Mettez les réglages comme sur l'image.

Voila, vous avez un beau texte.

Ca y est, le tuto est fini ...

Voila mon résultat :


_________________

J'édite mes/vos messages en utilisant la couleur Bleue

Nouveau forum de manga, je vous invite tous : Mangafiction


Dernière édition par Doken le Mer 9 Juil - 20:59, édité 2 fois
Revenir en haut Aller en bas
Blue Blaster
Fighter Habitué
Fighter Habitué


CapricorneCoq
Age : 14
Inscrit le : 15 Aoû 2007
Messages : 177

Stats LFArena
Rang: Novice
Niveau: 2
Expérience:
500/600  (500/600)

MessageSujet: Re: Tutoriaux graphiques   Ven 28 Déc - 15:32

Jolie, je vais me basée sur ce tuto, enfaite tu as fait avec photofiltre? Si oui... Lucky Day! XD
Revenir en haut Aller en bas
Altaïr
Champion TheFighters
Champion TheFighters


CancerSinge
Age : 16
Inscrit le : 30 Mai 2007
Messages : 1670

Stats LFArena
Rang: Fighter courageux
Niveau: 13
Expérience:
955/1700  (955/1700)

MessageSujet: Re: Tutoriaux graphiques   Ven 28 Déc - 15:33

Vraiment bien comme tuto Doken, cela résume à peu près toutes les techniques de photofiltre, je vais tout de suite me lancer pour faire des signatures grace à ce tuto ^^.
_________________

Allez sur mon forum d'informatique svp ^^ : http://foruminformatique.forumchti.com/index.htm
Revenir en haut Aller en bas
Fuu
Membre de l'Équipe - Administrateur


LionSinge
Age : 16
Inscrit le : 07 Fév 2006
Messages : 858

MessageSujet: Re: Tutoriaux graphiques   Ven 28 Déc - 17:26

Oww ! Gg le tutoriel Doken. ;D



Cette image me fait penser à quelque chose... les anciens membres comprendront. Wink Ou pas... XD
_________________
Revenir en haut Aller en bas
Altaïr
Champion TheFighters
Champion TheFighters


CancerSinge
Age : 16
Inscrit le : 30 Mai 2007
Messages : 1670

Stats LFArena
Rang: Fighter courageux
Niveau: 13
Expérience:
955/1700  (955/1700)

MessageSujet: Re: Tutoriaux graphiques   Ven 28 Déc - 18:05

Je voulais savoir Doken si tu savais comment faire pour faire avec la goutte d'eau le noir autour de la magicienne des ténèbres ? parce que moi si j'utilise la goutte d'eau je ne peux pas choisir la couleur ^^.
_________________

Allez sur mon forum d'informatique svp ^^ : http://foruminformatique.forumchti.com/index.htm
Revenir en haut Aller en bas
Doken
Membre de l'Équipe - Modérateur


LionSinge
Age : 16
Inscrit le : 19 Nov 2006
Messages : 1688

MessageSujet: Re: Tutoriaux graphiques   Ven 28 Déc - 18:47

Encore une fois, ce tuto n'est pas de moi... mais de Greygou jesaisplusquoi. Et celui qui suit n'est pas non-plus de moi :

UserBar

Auteur : Angus (adapté à mes...désirs ^^)


1. Créez une image de dimension 350*19.
Fichier---> Nouveau---> Largeur: 350 pixels---> Hauteur: 19 pixels

2. Appliquer un dégradé sur votre image blanche.
Appuyer sur ce bouton dans la barre d'outils en haut. Puis appliquer le dégradé que vous voulez.
[ici: Rouge foncé---> opacité 100% Rouge pur---> opacité 70%]
Ce qui donne ceci:



3. Sélectionner toute l'image.
Sélection---> Tout sélectionner
Click droit---> Contour et remplissage
Remplir comme ceci:



Ce qui donnera ceci:



4. Choisissez l'image d'un personnage ou autre qui sera coller sur votre sign'.
J'ai choisi Naruto :



5. Sélectionner toute l'image.
Séléction---> Tout sélectionner
Appuyer sur ce bouton dans la barre d'outils à droite.
Click droit ---> Paramétrage manuel
Remplir comme ceci:



Sans déselectionner, appuyer sur le bouton dégradé
Remplir comme ceci:



Ce qui devrait donner ceci:



Il ne reste plus qu'à ajouter le texte !

6. Télécharger l'écriture Visitor <---lien
IMPORTANT: Choisissez Visitor TT2 BRK
Clicker sur le bouton texte dans la barre d'outils en haut.
Remplir comme ceci avec le texte que vous voulez:




Puis placer le texte à droite de l'UserBar.

Petit truc:
Contourner vos lettres avec le pinceau de 1 pixel noir.

Ajouter un contour simple noir de 1 pixel et le tour est joué !

Voici le rendu !



Image by Doken
_________________

J'édite mes/vos messages en utilisant la couleur Bleue

Nouveau forum de manga, je vous invite tous : Mangafiction
Revenir en haut Aller en bas
Rudolf007
Ancien Fighter
Ancien Fighter


SagittaireChien
Age : 13
Inscrit le : 19 Juin 2006
Messages : 1068

MessageSujet: Re: Tutoriaux graphiques   Dim 6 Jan - 13:02

Oh oh oh..
JE pense qu'il serait largement mieux ne s'exposer que nos propres tutos! Pas ceux des autres!
Je posterais les miens Photofiltre plus tard.. Very Happy

Je pense que si on met le nom/pseudo de l'auteur des tutos, ils n'y aura aucun problème. Wink

_________________
Revenir en haut Aller en bas
Fighter60
Fighter Actif
Fighter Actif


BalanceCoq
Age : 15
Inscrit le : 27 Mai 2008
Messages : 75

MessageSujet: Re: Tutoriaux graphiques   Lun 9 Juin - 17:19

Oui c'est vraiment pas mal ^^
Les tutos de nos jours XD
_________________

La Glace est une source dont on ne se sépare jamais...
Revenir en haut Aller en bas
Woodeep
Ancien Fighter
Ancien Fighter


LionSinge
Age : 16
Inscrit le : 30 Mai 2007
Messages : 414

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 10:40

Pour le deuxieme tutos:
1)Pour avoir l'ecriture quand on l'a télécharger, apres, où doit on mettre le fichier et que doit on faire pour l'avoir dans la liste des polices?
2)Ton image comment a-tu fait pour avoirjuste la ete? tu l'a dabord selectionner d'une image entiere? et pour ne pas avoir le fond de l'image de départ de naruto?

Tu n'est pas obligé de répondre à toutes les questions mais aide moi stp!!!!
_________________

Revenir en haut Aller en bas
Verdey
Ancien Fighter
Ancien Fighter


ScorpionCochon
Age : 12
Inscrit le : 09 Avr 2006
Messages : 2300

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 11:30

Effet de vitesse sur un Render.
Tuto by moi:)


Prenez un Render en mouvement , ici , Flash , et ajoutez y un effet de vitesse...
ATTENTION : Le render DOIT etre Transparent, si ne l'est pas, rendez le tel.



Pour commencer, dupliquez votre calque, (Control +J).


Ensuite , sur le DEUXIEME render, appliquez un Filtre->Attenuation->flou directionnel , dans le sens du mouvement , si vous le faites dans le mauvais sens, ca ser ta rien...Pour la valeur , mettez la taille du render divisé par 10 (Taille de la hauteur si le rende r bouge de haut en bas ; ou taille de la largeur si le render bouge de gauche a droite. Si il bouge en diagonale, faites la moyenne des deux)







Une fois que c'est fait , déplacez prudemment le render 2 , le mouvement, de facon a ce que il colel bien au render.

Ensuite ; réapliquez un flou directionel , mais dans le sens des deux renders.Explication : prenez le render, le deuxieme render, tracez une ligne imaginaire qui va de l'un a l'autre , le flou doit suivre cette ligne ! Ajustez le deuxieme render au premier, afin qu'i lle couvre entierement.




Enfin , passez le render numéro 2 en mode incrustation OU produt , selon le premier render, puis jouez sur la Balance des couleurs, l'opacité et les contrastes, afin de bien le peaufiner.Si votre render ne le permet pas, restez en mode normal .
Dupliquez encore une fois le premier render , et sur le claque obtenu , passez un flou directionnel aux memes dimensions , mais divisé par 2, mettez le par dessus les deux aurtes calques, et passez le en incrustation.


Si les parties importantes du render sont masqués par le flou, (tete d'un perso , texte , etc...) Masquez les avec un masque de fusion adroitement placé.

Voila le résultat !




C'est pas magnifique, je l'ai fait vite , mais ca peux vous servir Wink


_________________
Revenir en haut Aller en bas
Woodeep
Ancien Fighter
Ancien Fighter


LionSinge
Age : 16
Inscrit le : 30 Mai 2007
Messages : 414

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 11:32

Et verdey tu ne saurais pas la réponse de mes questions?
J'en ai une autre!
Peut tu m'expliquer certaine de tes photos manip du 1er tutos doken?
_________________



Dernière édition par Woodeep le Jeu 3 Juil - 14:55, édité 1 fois
Revenir en haut Aller en bas
Altaïr
Champion TheFighters
Champion TheFighters


CancerSinge
Age : 16
Inscrit le : 30 Mai 2007
Messages : 1670

Stats LFArena
Rang: Fighter courageux
Niveau: 13
Expérience:
955/1700  (955/1700)

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 11:56

Vraiment pas mal du tout comme tuto Verdey ^^.
_________________

Allez sur mon forum d'informatique svp ^^ : http://foruminformatique.forumchti.com/index.htm
Revenir en haut Aller en bas
Verdey
Ancien Fighter
Ancien Fighter


ScorpionCochon
Age : 12
Inscrit le : 09 Avr 2006
Messages : 2300

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 12:33

Woodeep a écrit:
Pour le deuxieme tutos:
1)Pour avoir l'ecriture quand on l'a télécharger, apres, où doit on mettre le fichier et que doit on faire pour l'avoir dans la liste des polices?
2)Ton image comment a-tu fait pour avoirjuste la ete? tu l'a dabord selectionner d'une image entiere? et pour ne pas avoir le fond de l'image de départ de naruto?

Tu n'est pas obligé de répondre à toutes les questions mais aide moi stp!!!!


1/ Poste de Travail->Windows->Fonts. Met ton fichier police ici.
2/ Carré de selection , selectionne la tete , copie , colle , vire le calque de départ , vire le blanc ou le noir autour de la tete.
_________________
Revenir en haut Aller en bas
Woodeep
Ancien Fighter
Ancien Fighter


LionSinge
Age : 16
Inscrit le : 30 Mai 2007
Messages : 414

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 14:54

Verdey a écrit:
Woodeep a écrit:
Pour le deuxieme tutos:
1)Pour avoir l'ecriture quand on l'a télécharger, apres, où doit on mettre le fichier et que doit on faire pour l'avoir dans la liste des polices?
2)Ton image comment a-tu fait pour avoirjuste la ete? tu l'a dabord selectionner d'une image entiere? et pour ne pas avoir le fond de l'image de départ de naruto?

Tu n'est pas obligé de répondre à toutes les questions mais aide moi stp!!!!


1/ Poste de Travail->Windows->Fonts. Met ton fichier police ici.
2/ Carré de selection , selectionne la tete , copie , colle , vire le calque de départ , vire le blanc ou le noir autour de la tete.


et est-ce que n'importe quelle image peut faire un render ou ca doit etre un vrai render?
en fait est-ce que un avatar tektek peut faire un render?
DSl mais je débute!
Pour le virer on prend la baguette magique! avec inverser la selection! c'est ca?
_________________

Revenir en haut Aller en bas
Verdey
Ancien Fighter
Ancien Fighter


ScorpionCochon
Age : 12
Inscrit le : 09 Avr 2006
Messages : 2300

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 15:17

Bien sur , un render estune image Externe que tu met dans la créa pour la mettre en valeur.Pour virer du blanc, selectionn ele avec Baguette Magique , puis appuie sur Suppr.
_________________
Revenir en haut Aller en bas
Doken
Membre de l'Équipe - Modérateur


LionSinge
Age : 16
Inscrit le : 19 Nov 2006
Messages : 1688

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 16:39

Simple, rapide, pratique.

Même si je n'aime pas le rendu je penses que ce tutoriel va en aider certains ^^
_________________

J'édite mes/vos messages en utilisant la couleur Bleue

Nouveau forum de manga, je vous invite tous : Mangafiction
Revenir en haut Aller en bas
Woodeep
Ancien Fighter
Ancien Fighter


LionSinge
Age : 16
Inscrit le : 30 Mai 2007
Messages : 414

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 19:55

Doken, explique moi tes photomanip du 1er tutos stp!!!
Verdey si on fait Faites : ctrl+a, et ctrl+b. puis prenez la baguette magique. Cliquez sur le noir autour de votre render. Ensuite : Clic droit => inverser la sélection!

Ca marche aussi?
_________________

Revenir en haut Aller en bas
Verdey
Ancien Fighter
Ancien Fighter


ScorpionCochon
Age : 12
Inscrit le : 09 Avr 2006
Messages : 2300

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 19:59

Ca je sais pas, moi je connais pas Gimp.
_________________
Revenir en haut Aller en bas
Doken
Membre de l'Équipe - Modérateur


LionSinge
Age : 16
Inscrit le : 19 Nov 2006
Messages : 1688

MessageSujet: Re: Tutoriaux graphiques   Jeu 3 Juil - 23:54

Photomanip c'est juste un terme pour dire ce que j'ai fais ^^'

Et n'oublie pas que ce tuto n'est pas de moi :s
_________________

J'édite mes/vos messages en utilisant la couleur Bleue

Nouveau forum de manga, je vous invite tous : Mangafiction
Revenir en haut Aller en bas
Woodeep
Ancien Fighter
Ancien Fighter


LionSinge
Age : 16
Inscrit le : 30 Mai 2007
Messages : 414

MessageSujet: Re: Tutoriaux graphiques   Ven 4 Juil - 11:29

Ah oui zut!!!
Mais tu ne saurais pas quelle photomanip il a faites?
_________________

Revenir en haut Aller en bas

Tutoriaux graphiques

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivante

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Infographie :: Création GFX-