Les Tutos sont dessous

à tous

vu le nombre d'astuciens me questionnant sur mes usebars je lance un nouveau topic .
ce style de signature nous vient des US et il est completement diffèrent d'un gift animé ou de toute autre photo.
c'est également comme un smiley un moyen de s'identifier.
il est aussi possible de mettre un lien sous cette barre .

Vous verrez qu' aprés quelques moments d'utilisation il devient enfantin

Donc voici un petit tuto explicatif pour la création d'une usebar

A l'aide ce petit logiciel de création il vous sera facile d'en réaliser
voici le lien ;
http://www.le-monde-de-gigi.com/logiciels/C26-multimedia/SC84-graphisme/193-ultimate-userbar.html
télécharger les 2 liens





l'un étant pour le soft ,

l'autre pour le franciser ;

au dézippage du fichier de traduction avec WinZip sur PC Astuces">WinZip ou 7-Zip sur PC Astuces">7-Zip on vous explique comment inserer la traduction dans le soft

cela se passe tres bien

une fois installé dans un répertoire dédié le soft s'ouvre en cliquant sur cet icône



s'ouvre alors la page de présentation




au centre se trouve la barre a dessiner et sur la gauche 4 cases qui vous offre la possibilité de la modifier .

première case



pour modifier le fond de votre barre
soit en haut a droite ou a gauche
soit en bas a droite ou a gauche
en cliquant sur une de ces cases s'ouvre une palette de couleurs du style Paint



comme dans Paint sélectionnez puis ok
ou encore possibilité de personnaliser sa couleur

deuxième case



ici une autre fonction
additionner a votre barre des croix ,des points, des lignes ,des quadrillages ou autre en déplaçant les flèches de chaque cotés



les couleurs des différents motifs peuvent être également changer par la petite case se trouvant a coté .là idem un palette de couleur avec le choix de personnalisation

le curseur dessous règle l'intensité des motifs choisis

troisième case



avec celle ci vous modifiez la lumière de votre barre en y apportant différents effets
encore la possibilité de changer les couleurs et la case la plus a droite vous inversez la lumière
et avec le curseur dessous pour changer les nuances de la lumière

quatrième case



ici vous importer un image,un gift ou une photo que vous aurez sélectionné dans votre pc
faite la glisser là ou vous voulez la déposer et fixez là d'un clic gauche avec l'option d'une transparence
ne serra enregistré que ce qui est sur la barre
clique droit si cela ne vous convient pas avec plusieurs choix



mettre un texte

une fenêtre s'ouvre
entrez votre texte
les lettres qui seront placées dans la barres sont toujours en majuscule ,je pense pour une meilleur lisibilité..

incorporer un cercle ,je dirai plutôt une lueur

choisir le rayon
comme pour l'import d'une image fixez ce cercle d'un clique gauche
option également d'un clique droit si cela ne vous convient pas



petite parenthèse ,
les images,textes,cercles vous pouvez les laisser dans le cadre de conception pour pouvoir les déplacer a votre guise de façon a avoir ainsi plusieurs choix sous la main



cette option vous permet de modifier entièrement votre barre avec une autre tout fait aléatoire tout en gardant les sujets importés.(gift,image,texte etc.)
mais avant il est primordiale de sauvegarder votre création par ce simple bouton
votre barre sera enregistrée au format PNG
les hebergeurs tel que http://tinypic.com/ prennent en compte ce type de fichier
il faudra modifier le format de vos barres en gift (avec Paint)pour utiliser Microsoft gift Animator si vous désirez les animer

la fonction loupe je pense que tout le monde connait

ces fonctions je ne les maitrise pas encore car j'ignore dans un premier temps ce qu'est un format "buf" désolé



il sera je pense toujours utile aux nouveaux créateurs et en un clin d'oeil par ce tuto de se donner un apperçu des differentes possiblitées de réalisations

tout les commentaires , critiques et amélioration seront les bienvenues pour compléter ce tutoriel.

c'était mon premier tuto sur ce forum ,j'ai fait de mon mieux pour vous aider
je vous souhaite à tous une trés bonne journée et bonnes créations
amicalement...

Voici une suite logique aux Usebars ;

LA USEBOX

C'est également une signature et une autre façon de personnaliser ses messages dans un forum
je ne suis pas le créateur de cette nouveauté je tiens a le signaler ,
je voulais simplement vous en informez et vous faire un peu partager une de mes nombreuses passions

Je vais tenter par ce topic de vous montrer comment créer une usebox avec PhotoFiltre sur PC Astuces">PhotoFiltre logiciel de dessin assez simple d'utilisation
Il est ici ,au cas ou vous ne le posséderiez pas
http://www.pcastuces.com/logitheque/photofiltre.htm

Ouvrer PhotoFiltre sur PC Astuces">PhotoFiltre ;
fichier /nouveau

définir la taille ,ici 50 de large par 150 pour la hauteur qui est le format standard des Usebox

(vous pouvez également inverser les dimensions pour otenir un résultat identique à ma signature )

ce qui nous donne le format définitif de notre future usebox

Maintenant il nous faut un fond pour l'embellir
nous allons chercher une image qui se trouve dans votre pc (pas dans le mien bien sûr)
donc ouvrir là ou se trouve cette image

cliquer sur la photo qui s'affichera dans la fenêtre en apperçu

ici la photo d'une pochette d'album d'un style de musique que j'affectionne
valider par ouvrir
découper avec le bouton gauche de la souris une fénêtre légérement supperieure a la taille initiale de votre Usebox
comme ceci

clique droit de la mouse
copier

coller sur celle du départ

Ouf elle est dessus
si l'image n'est pas en bonne position vous la déplacer simplement avec la pointe de la souirs

Maintenant nous allons y mettre un texte
avant pour un meilleur apperçu pourquoi ne pas agrandir l'image de départ et oui pourquoi pas ?
passer de 100% à 200% ou 300%

comme ceci en 200%

ou ceci en 300%

nous revoilà au texte donc le sellectionner

choisisser votre type de texte en fonction de la police ,de la couleur et de la taille etc...

si plusieurs textes ,garder ces proportions c'est mieux
ici le mot "hôtel" que vous pouvez déplacer avec le curseur si l'emplacement ne vous convient pas
faite le glisser simplement

clique droit sur le texte pour valider son emplacement

taper un nouveau texte si besoin ,même procédure ce qui donne pour moi ceci

pour embellir cette Usebox nous allons lui définir un cadre simple, chose facile avec PhotoFiltre sur PC Astuces">PhotoFiltre
choisisser filtre et dérouler

prenner une petite largeur sinon (à mon avis ce ne sera pas joli)

et choisir aussi une couleur ;

et voilà cette Usebox est terminée

repasser en 100% pour avoir une vision finale qui pour moi donne cette Usebox

la voilà finie prête a être mise en signature

je l'ai fait simple mais énormément de possibilités s'offrent à vous tout dépend de votre esprit imaginatif

Surtout n'oublier pas d'enregistrer votre travail avant de fermer PhotoFiltre sur PC Astuces">PhotoFiltre
j'espère que ce petit tuto vous apportera entière satisfaction comme celle que j'ai eu a le faire pour vous
toute remarque et bien sûr acceptable

Amicalement Baroudeur

Bonjour à tous

Avant propos ou avant tuto

il existe de nombreux "tuto" sur le net pour créer des barres animées ,je tiens a préciser qu'en aucun je n'ai plagié un tuto

déjà existant ,c'est certain que pour en arriver maintenant a ces créations que j'ai du me servir de l'un d'eux ,ce tuto je l'ai

écrit simplement en décrivant la procédure que j'utilise et j'espère que celui ci vous sera utile et suffisament complet pour

également créer des barres animées

autre précision (Merci MJo )

ces barres ne peuvent être mises en signature sur ce forum (trop lourde en poids) sur d'autres possible ou pourquoi pas

sur vos blogs et ne seront donc pas acceptées par la modération .

Le tuto pour une usebar animée ;
logiciel utilisé Photoshop CS2 (celui qui possède Image Ready)
par differentes captures et commentaires je vais essayé de vous guider la réalisation de celle ci
je numéroterai toutes les manipulations pour une meilleur compréhention

allez je commence on enléve les doigts de son nez et on suit

1/ Ouvrir Photoshop

assurez vous d'avoir ces fenêtres (le navigateur n'est pas obligatoire )

2/Fichier /nouveau /ouvrir.vous devez avoir cette fenêtre
indiquer les mêmes paramètres que sur la capture a savoir les dimensions de la barre
qui est toujours de 350/19

confirmer par OK

3/ s'ouvre alors notre barre :YES

vous pouvez Redimmensionner la fenêtre en tirant sur les bords ou également modifier la taille de la barre

en jouant sur le pourcentage

4/ Nous allons maintenant importer une image pour la mettre dans notre barre

rechercher une image dans votre pc

fichier /importer

j'ai choisi Alicia Keys ;-) (fond d'écran que l'on trouve sur PCA en ce moment )

http://goodies.pcastuces.com/fondecran.asp?Page=1&serie=femme

je l'ai enregisté ainsi

l'image se place au centre ,cliquer sur la petite chaîne comme indiqué pour garder les proportions de l'image

lors de l'étirement (pas mal l'astuce )

5/ Positionner votre image ,j'ai choisi de placer le bas de l'image dans la barre

6/ une fois en place outil déplacement /importer

7/ Dans la fenêtre de droite on peut suivre l'évolution de la barre
je procéde après ainsi
clique droit sur le nom de l'image et je pixellise le calque

8/les contours maintenant (pas obligatoire) mais telement plus jolis
selectionner le calque arriere plan /dupliquer le ,

procéder à cette manip 2 fois si vous voulez un cadre de 2 couleurs ainsi

9/ Placer ces claques au dessus des autres pour obtenir ceci et

baisser la valeur de fond à 0 % pour les 2 calques

10/ Selectionner le premier calque(arriere plan de copie 2) /option de fusion /contour

régler ainsi ;(couleur noire)

11/Selection du deuxieme calque (arriere plan de copie) /option de fusion/contour

régler ainsi ;(couleur blanche)

voilà notre double cadre terminé ;-)

on peut toujours suivre l'évolution en temps réel

12/ Le texte

reprennez votre image et clique sur le "T"

j'ai cette police que prise ici ;
http://www.dafont.com/fr/search.php?q=visitor

taper votre texte ,noter que j'ai pris soin de modifier la taille (200 %)de ma barre pour un meilleur positionnemnt du texte (ici le texte est en blanc)

si votre texte n'est pas a la bonne place déplacez le

clique sur le texte outil déplacement ou touche clavier "v"

une astuce qui a son importance:chuttttttttt!!!! ne le dite pas a tout le monde

lors du déplacement du texte il se peut que ce soit le contour (soit blanc ou noir) que vous déplacez et là

perso je verrouille les calques ansi ;

mes deux calques de contour ainsi ne bougeront plus

et je déplace mon texte sans problème

sympa non

13/ contour du texte

un peu comme pour les contours de la barre sauf que l'on place celui ci en exterieur

verrouiller aussitôt (c'est mieux pour la suite )

voilà notre barre fixe est terminé

passons au choses sérieuses maintenant

Animation de la barre

là c'est chaud

1/on passe sous Image Ready ainsi

Nous retrouvons toutes nos fenêtres (tant mieux)

détail des touches de la barre d'animation :

poubelle/ dupliquer l'image/ trajectoire/ animation/ avant arriere

donc dans la fenêtre animation dupliquer l'image

on obtient ceci

c'est à partir de celle ci que tout va se jouer

2/ déplacement de l'image

on clique sur le calque à déplacer (ici la photo de la jolie Alicia Keys )

l'image est en transparence par des pointillés (vous la voyez pas? )

a l'aide du curseur de la souris (un peu )( ça vient bon) je déplace l'image vers le bas

jusqu'a la mettre en position finale et désirée

facile non ?

nous avons donc notre image du début et fin

3/ Animation

cliquer sur trajectoire

pour obtenir le nombre d'images à definir lors du déplacement

plus le nombre est élevé (maxi 100) plus notre déffilement est lent

dans la fenêtre animation vous avez maintenant toutes les images c'est a dire 52

visionner votre animation pour voir l'effet

vous avez la possibilité de modifier le delai passage de l'image pour ceci ouvrir l'image selectionner et changer la valeur

si vous désirez faire repartir l'animation dans l'autre sens ;

sur la dernière image selectionnée modifier le déplacement comme expliqué en 2 (facile non )

nous devrions maintenant en visionnant l'animation avoir ceci ;

WAHOU

si celle ci vous plait enregistrer votre travail comme ceci (en copie optimiséé)

et voilou

j'ai passé du temps a écrire ce tuto mais ce fut un réel plaisir pour moi de l'écrire

j'espère que celui si vous sera utile et vous apportera entière satisfaction ,

n'hésitez pas si vous rencontrez un problème à me questionner

je vous souhaite une très bonne journée et un très bon week end

à tous
désolé mais absent ce Dimanche (baptême)pas le mien

je vois que Gibrini13 a quelques soucis avec sa traduction

lorsque l'on dezippe le fichier avec WinZip j'ai cette information qui je pense est claire pour la procédure
allons Brigitte .

chapeau bas pour l'ensemble de vos usebars
trés bonne fin de soirée

MJo54 a écrit :




Merci baroudeur
ton tuto, peut-être devrais-tu l'incorporer à ton premier post

à tous
tuto déplacé
MJo54 pour ton conseil

Gibrini13

Trés bonne journée à tous

MJo54

ta barre

trés bonne journée

celle ci je la place ici;
http://forum.pcastuces.com/sujet.asp?SUJET_ID=196183



trés bonne journée à tous