> Tous les forums > Forum Forum des essais
 Vos "usebars"&"usebox"+ Tutos
Ajouter un message à la discussion
Pages : [1] 2 3 4 5 ... Fin
Page 1 sur 21 [Fin]
baroudeur
  Posté le 19/08/2006 @ 02:56 
Aller en bas de la page 
Astucien








sss

Anim PCA

userbar



..................................................................................................................................................................................................................



Les Tutos sont dessous



Modifié par baroudeur le 27/04/2010 17:23
Publicité
baroudeur
 Posté le 19/08/2006 à 22:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

à 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



Modifié par baroudeur le 13/06/2007 15:00
baroudeur
 Posté le 20/08/2006 à 01:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

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 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



Modifié par baroudeur le 24/10/2008 18:06
alex59
 Posté le 20/08/2006 à 14:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

voiçi les miennes regardez en signature [img]http://img138.imageshack.us/img138/7594/userbricevw1.jpg[/img]

Modifié par alex59 le 20/08/2006 14:16
macaroni7
 Posté le 20/08/2006 à 15:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
[hello] Merci beaucoup Baroudeur![smile] Grâce à ton idée j'ai pu refaire ma signature![smile] Il faudrait que d'autres astuciens s'y mettent: ça vaut le coup![top] Et que vive les usebars![clindoeil] a+! tout le monde![bierre]

Modifié par macaroni7 le 20/08/2006 15:53
leela
 Posté le 20/08/2006 à 16:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

[img]http://www.casimages.com/img/06082004391484129.gif[/img] et encore merci baroudeur.
MJo54
 Posté le 20/08/2006 à 18:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

[hello] Ouuuh lala, vous maîtriser tous ! [top] Moi j'en suis encore à chercher comment on annule une action ?
MJo54
 Posté le 20/08/2006 à 19:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

Essai [img]http://img244.imageshack.us/img244/795/1reuserbarev2.png[/img]
Br_Fr
 Posté le 20/08/2006 à 22:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maîtresse astucienne
Puisque personne ne me donne d'explication,je vais laissser tomber![img]http://img237.imageshack.us/img237/2452/colere06st6.gif[/img] Dreamer,lefichier "language.txt" est en français! Dans le dossier dézippé,je n'ai pas de fichier d'extension .exe donc j'aimerais savoir sur quoi cliquer!... Voilà ce qui est dans le dossier: [img]http://img436.imageshack.us/img436/5018/aaaayk7.jpg[/img] Faut-il aussi dézipper "Templates" et "Recources" Franchement baroudeur,avoir aussi peu d'explication,ça ne donne pas envie de continuer!
Publicité
MJo54
 Posté le 20/08/2006 à 23:13 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

Bonsoir Brigitte [img]http://img243.imageshack.us/img243/9820/userbarpa3.gif[/img] C'est tout [smile]

Modifié par MJo54 le 20/08/2006 23:17
MJo54
 Posté le 20/08/2006 à 23:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

Et ensuite [img]http://img152.imageshack.us/img152/9973/userbar2br5.gif[/img]
MJo54
 Posté le 21/08/2006 à 00:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

Je n'avais pas vu la capture d'écran que tu avais mise au dessus [clindoeil] Donc d'après ta capture : [img]http://img92.imageshack.us/img92/2479/userbar3sl1.gif[/img]
baroudeur
 Posté le 21/08/2006 à 00:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

à 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



Modifié par baroudeur le 14/10/2007 23:18
baroudeur
 Posté le 21/08/2006 à 02:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

re [hello]à tous tuto simple en préparation [clindoeil] trés bonne journée à tous

Modifié par baroudeur le 21/08/2006 02:01
Br_Fr
 Posté le 21/08/2006 à 07:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maîtresse astucienne
Merci MJo![smack] le "languages" est déjà en français dans le dossier indiqué,le problème est que je n'ai pas l'application [img]http://i7.tinypic.com/256vk91.jpg[/img] dans le dossier... Regarde ma capture d'écran: [img]http://img436.imageshack.us/img436/5018/aaaayk7.jpg[/img]
MJo54
 Posté le 21/08/2006 à 11:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

gibrini13 a écrit : le problème est que je n'ai pas l'application [img]http://i7.tinypic.com/256vk91.jpg[/img] dans le dossier... Regarde ma capture d'écran: [img]http://img436.imageshack.us/img436/5018/aaaayk7.jpg[/img]
[hello] Brigitte Effectivement il t'en manque.... A ta place, et comme il est sans installation, je supprimerais tout et je le retéléchargerais de nouveau [idee]
baroudeur
 Posté le 21/08/2006 à 11:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

[hello] à tous Gibrini13 suit les conseils de MJo54 c'est la meilleur solution je crois . bonne journé à tous
Publicité
MJo54
 Posté le 21/08/2006 à 11:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

[hello] Merci baroudeur [chinois] [top] ton tuto, peut-être devrais-tu l'incorporer à ton premier post [idee]
Br_Fr
 Posté le 21/08/2006 à 13:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maîtresse astucienne
Merci à MJo pour ses conseils judicieux et sa patience! et merci à baroudeur pour son tuto! [img]http://img84.imageshack.us/img84/3955/userbar01123123123123123yx6.png[/img] Mais il faut que j'apprenne à animer les gifs!

Modifié par Br_Fr le 21/08/2006 13:49
Br_Fr
 Posté le 21/08/2006 à 14:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maîtresse astucienne
Coucou,me revoilà![hello] [img]http://i7.tinypic.com/2573rfc.gif[/img]
baroudeur
 Posté le 21/08/2006 à 15:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

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



Modifié par baroudeur le 14/10/2007 23:20
Grund
 Posté le 21/08/2006 à 15:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour à tous, [img]http://img71.imageshack.us/img71/8677/ultimateuserbarht9.png[/img] [bigsmile][bigsmile][clindoeil][chinois]
MJo54
 Posté le 21/08/2006 à 22:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

Essai [url="https://forum.pcastuces.com/sujet.asp?SUJET_ID=103339"][img]http://img174.imageshack.us/img174/5020/myuserbar6ev6.gif[/img][/url]
baroudeur
 Posté le 22/08/2006 à 12:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

MJo54

ta barre

trés bonne journée



Modifié par baroudeur le 14/10/2007 23:21
MJo54
 Posté le 22/08/2006 à 17:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

Merci baroudeur [smile] mais c'est bien grâce à toi [clindoeil] Encore [merci] pour ton tuto [fete]
baroudeur
 Posté le 23/08/2006 à 11:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien


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



trés bonne journée à tous



Modifié par baroudeur le 14/10/2007 23:23
Publicité
Pages : [1] 2 3 4 5 ... Fin
Page 1 sur 21 [Fin]

Vous devez être connecté pour poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Sujets relatifs
privé de mon topic fétiche , les usebars :-(
Tutos En Videos
Tutos Videos
 > Tous les forums > Forum Forum des essais