ღ ₪ ♥ YUME TUTOS ♥ ₪ ღ | Tutoriaux Photoshop - Photofiltre - HTML |

.







.

.



TUTORIAUX BY : YuMeTuToS
DIFFICULTE : ☆ (☆☆☆☆ étant le maximum)


Voici un tuto pour ceux qui aimerait faire des gifs scintillants (des glitters quoi) ...
Il suffit de suivre les instructions ... bon tout les tutos se ressemble mais dans la mesure du possible ceux que j'écrirais seront rédigé par moi ... sauf si je le précise ^^

Je vais répartir ça en plusieurs étapes ...

ETAPE 1 : Logiciels + Tuiles
ETAPE 2 : Babarosa
ETAPE 3 : Photofiltre
ETAPE 4 : Unfreez

Bon je vais l'expliquer vraiment en détail, donc il risque d'y avoir des trucs très logique mais vaut mieux être trop précis plutôt que pas assez !


ETAPE 1 : Logiciels + Tuiles


Bon vous n'êtes pas obligé d'utiliser ces logiciels là si vous en avais des équivalents ... personnellement je vais utiliser Photofiltre (gratuit) pour les photos, Unfreez (gratuit) pour faire les animations et Babarosa pour défaire les tuiles de façon à pouvoir les utiliser !

Pour les télécharger :

Photofiltre
Unfreez
Babarosa

Une fois les programmes téléchargés et installés, il vous faut des tuiles sintillantes donc voici 4 liens ou vous pourrez en trouver des jolies. Bien entendu il y en a plein d'autres mais je vais pas tout vous faire non plus lol !

Lien 1
Lien 2
Lien 3
Lien 4


ETAPE 2 : Babarosa


1. Ouvrez Babarosa, fermez la fenetre qui apparait dans Babarosa quand vous l'ouvez.
Allez dans File > News
Une fenetre va s'ouvrir, cochez le petit carré à coter de "automatic"
Cliquez sur "suivant"
Suivant > Add > Là cliquez sur votre tuile ensuite sur "ouvrir" puis sur "terminé"
Votre tuile est maintenant décomposée en 3 (ou + ca depend combien d'image elle contient)
Sur le rectangle ou y a chaque image numérotées de 1 à 3.
Allez sur l'image numéro 3, et cliquez sur la poubelle (sur la rangée juste au dessus entre le n°1 et 2.
Ensuite cliquez sur l'image 2 puis sur la poubelle.
Il vous restera plus que l'image 1 !
Allez dans File > Save as gif anim' et vous l'enregistrer dans votre bureau sous le nom "1"

2. Vous retournez dans File > New
Une fenetre va s'ouvrir, cliquez sur non.
Ensuite la fenetre que vous aviez eu en ouvrant votre tuile va s'ouvrir à nouveau, cochez le petit carré à coté de "Automatic"
puis cliquez sur Suivant > Suivant > Add > Cliquez sur la tuile (pas celle que vous venez d'enregistrer sous le nom de "1" mais celle que vous avez ouvert tout au début) puis cliquez sur "ouvrir" et enfin sur "terminer"
Vous allez de nouveau avoir votre tuile décomposée en 3 images numérotées ... Tout comme vous venez de le faire, cliquez sur la numero 1 puis supprimé en cliquant sur la petite poubelle.
Vous avez maintenant deux images (1et2) ... l'image 2 est devenue 1 vu que celle d'origine a été supprimé c'est normal.
Maintenant cliquez sur l'image 2, puis sur la poubelle.
Allez dans : File > Save as gil animation
Et vous l'enregistrez dans votre bureau mais cette fois si sous le nom "2"

3.Retournez dans File > New
Vous allez voir une petite fenetre avec qque chose d'écrit qui va s'ouvrir, vous cliquez sur "non"
Ensuite vous allez de nouveau avoir la fenetre que vous avez eu en ou ouvrant votre tuile, vous recochez le petit cadre à coté de "Automatic"
Puis cliquez sur : Suivant > Suivant > Add > Cliquez sur la tuile (pas celle que vous venez d'enregistrer sous le nom de "2" mais celle que vous avez ouvert tout au début) puis cliquez sur "ouvrir" et enfin sur "terminer"
Vous allez de nouveau avoir votre tuile décomposée en 3 images numérotées ... Tout comme vous venez de le faire à deux reprise, cliquez sur la numero 2 puis supprimé là (avec la poubelle).
Maintenant cliquez sur l'image 1, puis sur la poubelle.
Allez dans : File > Save as gil animation
Et vous l'enregistrez dans votre bureau mais cette fois si sous le nom "3"

4. Vous venez de finir avec babarosa (on est content quand ça s'arrete lol)
Donc voila vous pouvez fermer votre logiciel ! Un truc va s'ouvrir avec écrit qque chose dessus (vous remarquerez la precisions de l'explication avec le "truc" et le "qque chose" ^^) suffit de cliquer sur "non"


ETAPE 3 : Photoflitre


1. On a finit avec Babarosa, on va donc enchainer avec photofiltre, ouvrez votre logiciel.
Allez dans Fichier > Nouveau
Une fenetre va s'ouvrir dans le cadre : En dessous de "largeur" écrivez 800, puis cliquez dans le cadre en dessous de "longueur" et écrivez 600 une fois que c'est fait, cliquez sur OK
(les dimensions peuvent changer, c'est juste un exemple) (

2. On continue, allez dans Image > Texte (écrivez ce que vous voulez) et cliquez sur "transformer en selection" et surtout pas sur ok !
Faite un clic droit dans une des lettres puis cliquez sur "contour et remplissage"
Si elle ne l'est pas vous cochez la case à coté de "dessiner le contour", cochez egalement si ce n'est pas fait la case "lisser"
Si les autres cases ne sont pas cochées, laissez les comme ca, si elles le sont, décochez les.
Une fois que c'est fait, cliquez sur ok, vous avez maintenant votre texte avec un contour noir ! Attention, il faut absolument que le texte soit encore selectionné, ne cliquez pas autre part sinon il risque d'etre déselectionné et il faudra tout recommencer !
Faite maintenant un clic droit dans une des lettre, puis cliquez sur "recadrer" (si vous estimez que l'espace est trop grand comparé a votre texte, par la suite essayer de prendre les dimensions qui vous eviterons de devoir recadrer)
Faite clic droit dans une des lettre, puis copier, ensuite, allez ou il n'y a pas d'image et faite de nouveau clic droit. Cliquez sur coller en tant qu'image (2x) vous pouviez egalement dupliquer votre image au début (quand elle etait vide) et faire trois fois cette manoeuvre mais il faut qu'elle soit identique)

3. [ Pour l'image 1 ]

Maintenant vous avez votre nom sur chacune des 3 images ...
Retournez dans Image > Texte (réécrivez exactement ce que vous avez ecrit plus haut) et cliquez encore une fois sur "transformer en selection" et surtout pas sur ok !
Faite un clic droit dans une des lettres puis cliquez sur "contour et remplissage"
Faite un clic droit dans une des lettres puis déselectionnez "contour et remplissage" . A la place selectionnez "remplir le fond" puis "motif de remplissage"
Cliquez ensuite dans le rectangle en dessous de "motif de remplissage" quand vous avez cliquez dessus, une fenetre va s'ouvrir avec plusieurs motifs, au dessus de tous les motifs, il y a ecrit "paterns", cliquez dessus puis dirigez vous vers "bureau"
De la vous allez cherchez votre tuile que vous avez appeller "1".
Cliquez sur "ouvrir" puis sur "ok"
Votre texte est alors entouré du trait noir mais en plus de ca, remplit de la couleur de votre tuile.
Faite alors clique droit > masquer la selection
Cliquez sur l'outil "baguette magique" ... selectionné en cliquant dessus le fond blanc puis allez dans image > transparence automatique > region interieur à la selection.
Si il reste du blanc dans vos lettres (avec certaines polices ou encore avec les lettres comme O P D Q R ... faite exactement la meme chose que pour le fond.
Une fois qu'il ne reste plus de blanc, allez dans fichier > enregistrer sous (laissez en .gif) et enregistrez le sous le nom de ce qu'il y a écrit sur votre gif (pour faciliter la suite) ce qui donnera "votrenom.gif", et fermer l'image.

[ Pour l'image 2 ]

Il ne vous en reste plus que 2 ! Prenez en une au choix, allez dans Image > Texte (réécrivez exactement ce que vous avez ecrit plus haut) et cliquez encore une fois sur "transformer en selection" et surtout pas sur ok !
Faite un clic droit dans une des lettres puis cliquez sur "contour et remplissage"
Faite un clic droit dans une des lettres puis déselectionnez "contour et remplissage" . A la place selectionnez "remplir le fond" puis "motif de remplissage"
Cliquez ensuite dans le rectangle en dessous de "motif de remplissage" quand vous avez cliquez dessus, une fenetre va s'ouvrir avec plusieurs motifs, au dessus de tous les motifs, il y a ecrit "paterns", cliquez dessus puis dirigez vous vers "bureau"
De la vous allez cherchez votre tuile que vous avez appeller "2".
Cliquez sur "ouvrir" puis sur "ok"
Votre texte est alors entouré du trait noir mais en plus de ca, remplit de la couleur de votre tuile.
Faite alors clique droit > masquer la selection
Cliquez sur l'outil "baguette magique" ... selectionné en cliquant dessus le fond blanc puis allez dans image > transparence automatique > region interieur à la selection.
Si il reste du blanc dans vos lettres comme tout a l'heure faite exactement la meme chose que pour le fond.
Une fois qu'il ne reste plus de blanc, allez dans fichier > enregistrer sous (laissez en .gif) et enregistrez le sous le nom "votrenom2.gif", et fermer l'image.

[ Pour l'image 3 ]

La dernière, on y est presque lol !
On recommence, direction Image > Texte (réécrivez exactement ce que vous avez ecrit plus haut toujours meme taille, meme police d'ecriture hein !) et cliquez encore une fois sur "transformer en selection" et surtout pas sur ok !
Faite un clic droit dans une des lettres puis cliquez sur "contour et remplissage"
Faite un clic droit dans une des lettres puis déselectionnez "contour et remplissage" . A la place selectionnez "remplir le fond" puis "motif de remplissage"
Cliquez ensuite dans le rectangle en dessous de "motif de remplissage" quand vous avez cliquez dessus, une fenetre va s'ouvrir avec plusieurs motifs, au dessus de tous les motifs, il y a ecrit "paterns", cliquez dessus puis dirigez vous vers "bureau"
De la vous allez cherchez votre tuile que vous avez appeller "3".
Cliquez sur "ouvrir" puis sur "ok"
Votre texte est alors entouré du trait noir mais en plus de ca, remplit de la couleur de votre tuile.
Faite alors clique droit > masquer la selection
Cliquez sur l'outil "baguette magique" ... selectionné en cliquant dessus le fond blanc puis allez dans image > transparence automatique > region interieur à la selection.
Si il reste du blanc dans vos lettres comme tout a l'heure faite exactement la meme chose que pour le fond.
Une fois qu'il ne reste plus de blanc, allez dans fichier > enregistrer sous (laissez en .gif) et enregistrez le sous le nom "votrenom3.gif", et fermer l'image.

4. Enfin ! vous venez de finir avec photofiltre, vous pouvez fermer le logiciel =)


ETAPE 4 : Unfreez


Alors là maintenant c'est super simple, vous avez fait le plus dur je vous assure lol !
Vous ouvrez le logiciel (il est tout petit c'est normal)
Vous n'avez qu'a faire glisser (dans cet ordre) les gif votrenom1.gif votrenom2.gif & votrenom3.gif ... et cliquez sur "make animated" puis enregistrez votre gif sous le nom que vous voulez :)

Et voila vous avez enfin finit de créer votre glitter :)

Amusez vous, au bout du deuxieme, vous n'aurez meme plus besoin du tuto tellement il est simple en faite (et dire que ca m'a pris un temps fou lol)

Voila j'espere que ca vous aura aidé :)

TUTORIAUX BY : Moi
DIFFICULTE : + + +
LOGICIEL : Photoshop
EFFET CREATIONS : Effet Strech

Bon je vais essayer d'être le plus précise possible :)

1. Ouvre ton image [ x ]

Assure toi qu'elle est en mode RVB, pour cela va dans IMAGE > MODE > COULEUR RVB

2. Duplique ton claque ... pour cela, va dans CALQUE > DUPLIQUER LE CALQUE
Tu dois obtenir ca dans ton petit cadre en bas a gauche [ x ]

3. Ensuite, tu sélectionne ce rectange ci : [ x ]
et tu le place sur ton image (au centre de préférence mais ce n'est pas une obligation) [ x ]

4. Ensuite, va dans ÉDITION > TRANSFORMATION MANUELLE et étire de gauche à droite ton image comme ceci : [ x ]

5. Clique sur entrée pour désélectionne ton image et obtenir ceci : [ x ]

6. Mets ton calque en mode superposition, pour cela va dans "NORMAL" (gros point rouge) et clique sur "SUPERPOSITION" (petit point rouge) [ x ]
Tu dois optinir cela si tu as tout bien fait : [ x ]

7. Mets toi sur ton image, fais CLIQUE DROIT > DESELECTIONNER

8. Prend le lasso > [ x ] et tu entoure la personne a peut pres comme ca : [ x ]

9. Tu vas maintenant dans SELECTION > CONTOUR PROGRESSIF
Une fenetre va s'ouvrir, en face de RAYON tu entres le chiffre 25 (pixels) et tu valides.
Ton cercle (que tu as fais avec le lasso) devrait faire un tout beaux cercle (oval)
Clique maintenant sur "DELETE" ou sur "SUPPR" (tout dépend de ton clavier ;) )
tu devrais obtenir ca a peut pres: [ x ]

10. Ensuite tu remets ton image en mode NORMAL (et non plus en superposition) ca te devrait te donner ca : [ x ]

et tu n'as plus qu'a l'enregistrer a moins que tu veuilles y rajouter deux trois brushs ou autres effets comme des écritures ... enfin eclatez vous et laissez place a votre imagination ;) !

[ Resultat Final ]

Voici d'autres exemples de resultat pour te donner une idée de ce que tu peux faire :

[ 1 ] [ 2 ]

BiZoOoXxX ♡

TUTORIAUX BY : Moi
DIFFICULTE : +
LOGICIEL : Frontpage (ou autre)
TUTORIAUX : HTML

Voila le premier Tutoriaux Html du blog.
Si vous hébergez votre site sur "Voila" "Lycos" "Geocities" ou n'importe quel autre hébergeur gratuit ce tutoriaux pourra vous être utile.

Rien de plus dérangeant pour vos visiteurs que les pubs qui s'affiche ! Pis, esthétiquement y a mieux qu'une grande barre qui prend toute la longueur de votre page !
J'ai la solution pour vous. Suivez mes indications :

Voila.fr :

Pas de code html, c'est le plus simple. Il suffit de rediriger votre page d'index sur une page http://votresite.voila.fr/index.html à la place de http://votresite.voila.fr/ ! Votre page d'accueil n'aura pas la barre voila qui se trouve au dessus.

Lycos.fr :

Le code utiliser pour lycos est le même que pour tous les autres hébergements gratuit. Il vous suffit de mettre le code (ici en rouge) ci dessous à la fin de vos codes html, c'est à dire tout en bas de votre page. (faite copier coller pour aller plus vite)

////A METTRE EN FIN DE PAGE\\\\
<script language=javascript>
function kill_ad()
{
window.top.document.body.cols = "*,0";
setTimeout("kill_ad()",10);
}
function setInterval(x,y)
{
return 0;
}
window.setTimeout("kill_ad()",10);
</script> <textarea style="display :none" rows="1" cols="20">


Geocities.com :

Comme pour Lycos, il faut mettre ce code a la fin de votre page html.

<noembed>


Voila je ne connais que ceux là, j'espère que ça vous aura aidé. Si vous en connaissez d'autres n'hésitez pas à laisser un commentaire.