Accueil­FAQ­Rechercher­S'enregistrer­Membres­Groupes­Connexion
Poster un nouveau sujet   Répondre au sujetPartager | 
 

 Créer une belle Userbar avec Photofiltre.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Anthiflo
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin Nombre de messages: 1810
Age: 17
Programme utilisé (Gm/RmXp/...): Game Maker 7 pro / Paint / Photofiltre
Etudes: En transition :)
Loisirs: Jeux vidéos et création
Date d'inscription: 14/06/2007

MessageSujet: Créer une belle Userbar avec Photofiltre.   Dim 22 Juin - 17:29

Voici un tutorial qui vous permettra de créer des userbar de grande qualitée avec comme seul logiciel Photofiltre. L'image qui reprend le tuto est à la fin.

Créer une userbar avec photofiltre


I/ La base de la userbar
1. Créez une nouvelle image de 350x20 pixels
2. Créez un dégradé de couleur grâce à l’outil Dégradé (A) :
- Sélectionnez un style bichrome
- Sélectionnez Gauche-Droite ou bien Droite-Gauche
- Choisissez les deux couleurs souhaitées
- Pensez à avoir une même opacité pour les deux couleurs.
3. Créez une nouvelle image de 4x4 et faites un trait diagonal dans le sens voulu. N’hésitez pas à zoomer au maximum. Rendez ensuite l’image transparente grâce à l’outil Couleur de transparence (B).
4. Rendez-vous dans l’onglet Edition et choisissez Utiliser comme motif. Revenez dans votre userbar et sélectionnez maintenant Remplir avec le motif (C).
5. Retournez dans l’outils dégradé et refaites un dégradé avec une opacité plus faible, en fonction du rendu voulu. L’opacité doit être la même pour les deux couleurs (D).
6. Si vous trouvez que la couleur est trop forte, vous pouvez faire un petit dégradé monochrome blanc avec une opacité faible sur la userbar pour adoucir les couleurs (E).

II/ L’image
1. Choisissez une image à mettre sur votre userbar.
2. Grâce à l’outil de sélection ainsi que les outils Pinceau, gardez la partie de l’image qui vous intéresse (F).
3. Coller l’image dans un nouveau cadre (Coller en tant qu’image)
4. Colorez le contour de l’image grâce à l’outil de remplissage. Pour plus de facilité, choisissez une tolérance élevée. Pensez à utiliser une couleur proche de celle de votre userbar et qui ne figure pas dans votre image (G).
5. Assurez-vous d’avoir peu d’espace vide autour de votre image puis faites un clic droit et sélectionnez Taille de l’image.
6. Tout en gardant les proportions, rentrez une valeur proche de 25 pour la hauteur (H).
7. Sélectionnez votre nouvelle image et collez là sur votre userbar, sur la gauche.
8. Faites un double-clic sur l’image pour choisir une couleur de transparence et l’opacité de l’image. Réglez les paramètres de façon à obtenir un beau rendu (I).

III/ Les effets
1. Cliquez sur l’outil de sélection Ellipse et sélectionnez toute l’image (J).
2. Montez votre sélection de façon à n’en voir que l’a moitié (K).
3. Double-cliquez sur cette sélection pour faire apparaître un rectangle autour si il n’y en avait pas déjà un, puis jouez avec la taille de l’ellipse pour lui donner la forme voulue. Généralement on réduit un peu la largeur (Ici 4 pixels) et on augmente légèrement la hauteur (L).
4. Assurez-vous de n’avoir qu’un demi-cercle (voire moins) sur la partie visible de votre image puis cliquez sur l’outil Dégradé. Sélectionnez Haut-Bas et choisissez deux couleurs blanches d’opacité différente (Celle du haut doit avoir une opacité moyenne et celle du bas une opacité faible) (M).

IV/ Le texte
1. Si ce n’est pas fait, téléchargez la police Visitor TT2 BRK sur le site Dafont
2. Rentrez votre texte (Taille : 10) dans l’outil Texte (pas trop long), et choisissez une couleur.
3. Dans l’onglet Effets sélectionnez Contour et choisissez une couleur foncée ou claire selon la couleur de votre texte. Vous pouvez aussi ajouter une ombre portée de 1 pixel de X et de Y pour un meilleur rendu (N).
4. Déplacez le texte à droite de la userbar, de façons à avoir un espace presuqe égal, en haut, en bas et à droite de la userbar (N'hésitez pas à zoomer au maximum pour pouvoir déplacer le texte).

V/ Finalisation
1. Allez dans l’onglet Filtre → Encadrement → Cadre simple et rentrez une largeur de 1 avec une couleur noire d’opacité allant aux alentours de 70 % (O).
2. Retournez dans l’outil Cadre Simple et choisissez maintenant une largeur de 2 avec un opacité d’environ 25 % (P).

Voilà c’est fini



Auteur : Anthiflo. . .

_________________


Dernière édition par Anthiflo le Sam 10 Jan - 12:40, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Craki
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin Nombre de messages: 1148
Age: 14
Programme utilisé (Gm/RmXp/...): Photoshop elements, sony vegas, Code::Blocks
Etudes: Collège
Loisirs: Making, Videomaking
Date d'inscription: 16/05/2007

MessageSujet: Re: Créer une belle Userbar avec Photofiltre.   Jeu 1 Jan - 18:27

Dans le passage texte tu devrais nous conseiller une taille parce que là j'ai des tailles 10 et une taille 12 et je dois recommencer mon userbar tm nations gni
Vive le Ctrl+Z qui m'a aidé a la refaire. ^^

_________________


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sites.google.com/site/crakisprograms/
 

Créer une belle Userbar avec Photofiltre.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Game Maker Zone :: Programmation/Graphisme :: Graphisme :: Logiciels et tutoriaux-
Poster un nouveau sujet   Répondre au sujet