A la demande de certain d'entre vous (en fait, c'est moi qui aie proposé ce tuto ! ) je vais essayé d'expliquer au mieux la réalisation d'une USERBAR sur le logiciel Photofiltre (version libre) à ma façon (car meme si les userbars semblent "normalisées", elles ne le sont pas entièrement...)

1) Introduction
* Posseder le logiciel Photofiltre qui peut se téléchargement gratuitement et simplemet sur le net (google, telecharger.com, etc...)
* Avoir un peu de tmps devant soit et ne pas manquer d'inspiration ! Et le plus important pour les novice, etre patient !

2) Commencement
* Chose à savoir, la taille d'une userbar est de 350*19 pixels... et elles sont presque toute avec un reflet sur le dessus pour les rendre plus volumique...
* La police d'ecriture utilisé est la suivante : "visitor TT2 BRK" facilement telechargeable sur le net (google, etc...)

3) Application
Pour ce tuto, nous allons faire ces 2 userbars qui je l'espere vous permettra de vous lancer correctement dans la création d'autres userbars !




Etape 1 : le balayage


Etape 2 : le dégradé monochrome



Etape 3 : le message
NE PAS ECRIRE EN MAJUSCULE !



Etape 4 : le reflet("selection", explications)
un peu plus subtile à expliquer... car la methode ici est la mienne et j'ignore si les autres font de meme...
soyant attentif
Pour commencer, je vais vous expliquer à quoi sert la barre en bas dulogiciel, c'est en fait, ne sorte de barrede position :


les données indiquées sont les suivantes :
350x19x16M | X:Y = 211:6 | 0,0 ==> 349,18 (L=350 H=19 L/H=18,4)

Explication :
- 350x19x16M = la taille totale et le nombre de coulleurs du fichier en cours (ici, l'image fait 350pixels de largeure pour 19pixels de hauteur et 16millions de coulleurs
- X:Y = 211:6 = la position actuelle du curseur de la souris

Lorsque vous selectionner une partie ou la totalité de l'image, les indications suivantes apparraisse :
0,0 ==> 349,18 = position du coin supérieur gauche et du coin inférieur droit
L=350 H=19 L/H=18,4 = caretiristique de la selection (largeur, etc...)

Etape 4 (bis) : le reflet(au pixel près ! )
petit conseil pour continuer, vous pouvez faire des selection plus grosse que le dessin...

a) Appuyer sur CTRL+A pour selectionner la totalité de votre image...
b) Agrandisser la sélection sur la hauteur pour avoir les carectiristique suivantes : 0,0 ==> 349,37 (L=350 H=38 L/H=9,21)
c) Déplacer la sélection vers le haut jusqu'a avoir ceci : 0,-25 ==> 349,12 (L=350 H=19 L/H=18,4)
d) appuyer maintenant sur le bouton de selection "Elipse"

e) appuyer plusieur fois sur l'outil "Luminosité (+)" selon vos envie d'intensité du reflet (en general, entre 4 et 10 fois selon la couleur à eclaicir)


Et voici le résultat finale :


-----------------------------------------------------------------------------------------------


Etape 5 : Le copier coller avec effet de transparence...
Tout d'abords, choisir une image...


et faites en une nouvelle au meme dimmension mais avec un fond d'une couleur "flashi" (roes, vert...)


Ensuite, sur la premiere images, selectionné l'objet désiré avec l'outil de sélection "polygone" (la selection n'est pas au pixel pres, mais gardez l'aspect général de l'objet)


Ensuite faite un copier-coller de cette selection vers la nouvelle image pour que l'objet soit dans un environement uniforme (copier = CTRL+C coller = CTRL+V)

Lorsque vous collez un objet, vous avez la possibilité de double cliquez sur cet objet et de parametrer le collage :


Les parametre :
- Opacité (rendez votre objet opaque en laissant sur 100% ou rendez le plus ou moins limpide en diminuant ce pourcentage) ne pas utilisé ici ^^
- Transparence (on s'en servira plus tard)
- Lissage automatique (comme sont nom l'indique, cette fonction permet de lissez automatiqueme les contour de l'image pour qu'elle soit mieux introduit avec le fond...)
ATTENTION, le lissage automatique peut devenir un handicap lorsque l'image est tres petite... (si le collage ne vous plait pas vous pouvez toujours annuler et recommencer... la mémoire de PF permet de faire 6 annulation (CTRL+Z) ou de revenir sur des annulation (CTRL+Y) alors n'hesitez pas à revenir en arriere si ça ne vous plait pas )

APPUYER SUR ENTRER pour valider votre collage

-----------------------------------------------------------------------------------------------

Maintenant nous alons voir quelques effet...

La fonction rotation :



Adapter l'image :


la fonction se basera sur la valeur la plus petite entre la largeur et la hauteur pour adapter automatiquement le meme rapport H/L en fonction de la nouvelle hauteur ou largeur demandé...
(mais si vous cochez l'option autorisé la déformation, l'image s'adpatera sur les valeur entrée dans la H et la L meme si elles sont trop grande ou trop petite...)
N'hesiter pas à essayer plein de chose... n'oublier pas que vous pouvez revenir en arriere en cas d'erreur avec CTRL+Z (ou dans EDITION -> annulé)

Effet de transparence (collage)
Selectionner toute votre image (CTRL+A) et coipiez-collez la vers votre userbar (que vous aurez préparé préalablement)
positionner votre image ou vous le voulez et double cliquez dessus :

Paramettre l'effet de transparence sur la couleur du fond et n'hesiter pas à mettre la tolérance sur 100% (maintenant, tout les pixels de cette couleur vont devenir transparent ! )

Voila le résultat final :

D'utres tuto plus complet mais en anglais à cette adresse :
http://www.userbars.com/userbartutorials.php

Si vous touver d'autre tuto intérressant ou que vous voulez en faire, n'hesiter pas...
Je mettrai à jour régulierement le premier post pour plus de clarté dans le topic

oui, comme tu le dis, il faut un logiciel comme fireworks pour faire des chose animé (et je trouve aussi que ça claque tout ! ) mais comme toi, je ne suis pas encore a l'aise avec...

sinon, mon tuto ? il est bien ? il manque des infos ? (c'est trop dur à faire un tuto... c'est assez difficile car soit c'est chiant à lire parce que tout est expliqué meme ce qui n'est pas vraiment important de savoir, soit c'est imcomplet et donc inutile... il faut faire un compromis et c'est pas évident...)

sinon, j'attends qu'akakage nous en fasse un sur ses propre technique...

kamikaze tu sais je suis pas aussi precis que toi moi les elipse c au hasard je cherche pas les axes
sinon je prefere repondre au questions que faire un tuto.

[quote="Akakage"]

kamikaze a écrit:

kamikaze tu connais le studio je crois pas vraiment

mouahhmouahahaha... j'avais essayé chez toi et ça ne marcher pas !
lorsque que tu fais une selection de forme "rectangle" et quand tu appuie apres sur l'outils "elipse" la selection rectangle ne devient pas une elipse... (en tout cas, lorsque j'avais essayé chez toi ça ne voulait pas... et tu etait la pour le voir, je devais recommencer en faisant une elipse d'est le début ce qui n'est pas evident pour la précision de l'emplacment...)

et puis je n'y peux rien si je suis aussi precis, ce n'est pas un défaut me semble t'il par ailleurs...

_________________

j'ai rien contre ta precision
mais sinon tu clic droit sur le rectangle que tu as fait et tu pe changer en tout ce que tu ve meme en triangle