J-2 avant la reprise du boulot ! alors je me dépêche de mettre en ligne un petit tuto, car après ça va être un peu chaud pour moi

A moins que mon homme cède à mon dernier caprice et m’offre un mini pc portable avec clé 3G+ pour que je puisse écrire mes tuto dans le train le matin et en rentrant le soir… (en voilà une idée qu’elle est bonne !)

Lorsque vous importez un CD audio sur votre pc, le format de celui-ci n’est pas en Mp3 mais en Wma.

Il vaut mieux convertir les titres en Mp3 de façon à pouvoir les lire avec vos baladeurs, téléphones ou encore les mettre dans des players sur vos blogs…

Voici comment procéder :

Commencez par télécharger ce petit logiciel gratuit à cette adresse.

Et suivez le guide…

Une fois la conversion terminée, récupérez vos Mp3 dans le dossier de destination.

Voilà…c’est tout !

Pour visualiser l’effet allez donc faire un petit tour sur mon autre blog…

Je n’ai pas installé cet effet sur ce blog, car ma bannière étant en flash, l’effet se place en dessous et ça n’a donc plus grand intérêt…

Par contre si vous êtes sur Wordpress et que votre bannière n’est pas en Flash, vous pouvez l’installer.

Sur Canalblog, même avec une bannière flash, ça marche…mais ne me demandez pas pourquoi.

Copier l’adresse suivante :

http://storage.canalblog.com/65/20/251752/47593114.js

Sélectionnez-la, clic droit puis copier

Allez ensuite dans la barre d’adresse de votre navigateur internet puis faites Coller et Enter.

Une page blanche comme celle-ci va s’ouvrir…avec le contenu du fichier Js.

Vous devez modifier seulement les 3 adresses en bleues, en changeant les adresses des images pour mettre les votre à la place et aussi l’adresse web de redirection (celle qui envoie vers un autre blog ou site).

Faites Fichier/Enregistrer sous… pour enregistrer le fichier Js sur votre pc.

Ensuite ouvrez-le en cliquant droit dessus et en sélectionnant Ouvrir avec/Bloc-notes ou Modifier pour certains.

Vous n’êtes pas obligé de changer le nom du fichier, mais vous pouvez le faire quand même.

Une fois qu’il est ouvert dans le bloc-notes, vous devez copier puis coller l’ adresse de l’image de fond dans votre navigateur internet pour l’ouvrir, cliquer droit dessus et l’enregistrer sur votre pc.

Vous devez maintenant l’ouvrir avec Photofiltre ou un autre logiciel de retouche pour la modifier à votre goût, mais vous devez garder les dimensions et aussi respecter la position du cadre avec le texte, sinon lorsque la page se tournera votre texte ne sera plus visible en entier…Enregistrez votre image.

Voici un petit tuto en vidéo sans le son (because j’ai un rhume de dingue) qui vous aidera à modifier le fond :

Pour l’image de l’angle, vous pouvez mettre ce que vous voulez du moment que vous gardez à peu près les mêmes dimensions.

Importez les deux images dans un nouveau message pour en récupérer leur adresse.

Retournez dans le bloc-notes et mettez les nouvelles adresses de vos images dans le fichier Js.

Pour finir vous devez changer l’adresse de redirection et en mettre une autre à la place, si vous ne voulez pas mettre d’adresse, mettez # à la place de l’adresse.

Maintenant vous devez enregistrer votre fichier Js, en cliquant sur Fichier/Enregistrer il va écraser l’ancien.

Vous devez récupérer l’adresse de ce fichier Js en l’important dans un message (Chez Canalblog dans “Insertion d’un fichier”) puis en copiant son adresse en mode html.

Il ne vous reste plus qu’à copier/coller cette adresse dans le script ci-dessous et de copier/coller ce script dans votre page d’accueil (Chez Canalblog) ou dans le header.php sur Wordpress.

<script type="text/javascript"src="http://storage.canalblog.com/65/20/251752/47593114.js"></script>

…

Chez Canalblog ou sur Wordpress collez le script au dessus de la balise </head>

Voilà…c’est tout.

Nous allons voir comment insérer un personnage avec une ombre portée sur une étiquette…

Le tout en vidéo…(ça va tellement plus vite)

Pour agrandir la vidéo, clic droit dessus puis Zoom puis Plein écran.

Amusez-vous bien et Joyeux Noël !

Hein Marie-Claire… Vous avez envie de faire des petites étiquettes, des cartes de vœux…ou je ne sais quoi encore…
Le problème, c’est que tout ce que vous trouvez sur Google en recherche d’image…a un truc moche écrit dessus ou ne correspond pas vraiment à votre idée de base…

Voici comment supprimer l’écriture tout en gardant le fond et la forme

Avant :

Après :

Aujourd’hui…pas le temps de faire des tonnes de captures…il faudra vous contenter d’un petit tuto en vidéo, ce qui est déjà pas mal non ?

Faites des pauses si ça va trop vite

La suite avec une vidéo pour changer le fond de l’étiquette tout en gardant sa forme…

Clic droit sur la vidéo puis Zoom puis Plein écran.

La prochaine fois nous verrons comment coller un personnage avec une ombre portée…

Après le bouton en relief…la bulle en relief…heu, c’est quoi la différence…bon je reconnais qu’il n’y en a pas beaucoup, mais si ça me fait plaisir…vous n’allez pas me contrarier tout de même…

Sur la bulle il y a une zone qui donne un relief supplémentaire, c’est pratique pour faire des bulles de savon ou bien des boules de noël…

Bon je reconnais qu’en ce moment je suis en manque d’inspiration niveau tuto…si vous avez des idées, vous gênez pas…

Voici donc une vidéo sans le son, pour réaliser ces petites bulles…

Clic droit sur la vidéo puis Zoom puis Plein écran.

j’en profite que ma fille est à la sieste pour faire un petit tuto vite fait bien fait, enfin j’espère…

Pour éviter d’y passer trop de temps, je vous ai fait une petite vidéo…

Bon c’est vrai, pour ceux qui ne maitrisent pas encore bien Photofiltre, ça va peut être un peu vite…mais le gros avantage avec une vidéo c’est qu’on peut appuyer sur pause et aller à son rythme !

Et puis si quelque chose vous a échappé…vous pouvez toujours me poser la question…je ne manquerais pas de vous répondre.

Nous allons voir aujourd’hui comment créer un petit bouton en relief pour mettre dans une de vos colonnes pour remplacer le titre de vos catégories par exemple, ou encore pour le contacter l’auteur…en fait, vous en ferez ce que vous voulez…

Clic droit sur la vidéo puis Zoom puis Plein écran.

J’ai oublié de préciser dans la vidéo, qu’une fois votre bouton réalisé vous pourrez le laisser sur son fond de couleur, à condition qu’il soit de la même couleur que le fond de votre blog, ou bien le passer en transparence ce qui évite tout problème et vous permet de le mettre n’importe où…

Sélectionnez  l’outil baguette magique puis cliquez sur le fond de votre image, faites ensuite Image/Transparence automatique…/Région intérieure à la sélection puis enregistrer votre image au format Gif ou Png.

On a tous une vidéo avec un passage qu’on aimerait bien faire disparaitre !

Voilà comment faire…

Le tuto en vidéo est sans le son, car ma fille est à la sieste…je vais donc vous donner quelques détails supplémentaires pour que ce soit un peu plus clair…

1- Importez votre vidéo.

2- Sélectionnez-la puis faites Play pour la lire et repérer le début de la zone à supprimer, vous pouvez avancer le curseur de lecture pour aller directement sur la zone désirée…ça va plus vite.

3- Faites Pause lorsque le passage à supprimer arrive, vous pouvez régler très précisément avec les flèches droite-gauche de chaque côté du bouton Play.

4- Pour couper le début de la partie à supprimer, cliquez sur Fractionner, une nouvelle vidéo apparait à côté de la première.

5- Sachez que votre vidéo initiale est maintenant coupée en deux, mais il faut maintenant couper la deuxième vidéo pour faire en faire une troisième…(c’est la deuxième vidéo qui sera supprimée).

6- Faites de nouveau Play pour relancer la lecture puis cliquez sur Fractionner pour terminer la zone que vous allez supprimer.

7- Une troisième vidéo apparait, c’est la fin de votre vidéo…

8- La vidéo à supprimer est celle du milieu…la deuxième, c’est la partie que nous avons fractionné.

Ça va vous êtes toujours là…?  

9- Faites glisser sur la table de montage la première et la dernière vidéo.

10- Il ne vous reste plus qu’à publier votre vidéo, mais vous pouvez très bien y ajouter une transition pour un passage entre les deux morceaux coupés plus en douceur…

11- Amusez -vous bien

Ps: Si vous n’arrivez pas à fractionner votre vidéo du premier coup, ce qui est bien normal, servez-vous de la flèche bleue retour en arrière et recommencez tranquillement.

Vous pouvez également mettre votre vidéo sur la table de montage pour effectuer le découpage, dans ce cas la partie de la vidéo à supprimer ce trouve au milieu.

Dernière étape, publier la vidéo.

Nous allons voir dans ce tuto en vidéo comment créer en 2 temps 3 mouvements un cadre personnalisé pour vos photos et leur donner un air bien de chez vous aux couleurs et style de votre blog…

Je précise qu’il n’est pas facile du tout de réaliser une vidéo de ce genre, à chaque fois je dois m’y reprendre à 10 fois au moins, soit par ce que ma fille fait irruption dans la pièce en poussant un hurlement dont seule elle a le secret, soit par ce que je bafouille, ou encore par ce que je me trompe dans une manip…enfin, c’est compliqué…

Tout ça pour dire que la vidéo avance assez vite, car je ne m’attarde pas sur le petits détails pour éviter une vidéo qui durerait 3 heures…je vous invite donc à faire “Pause” si ça va trop vite…

L’important dans cette vidéo, c’est de vous donner les bases et les ficelles, après vous pourrez vous débrouiller tout seul pour le fignolage…

Allez c’est parti !

Clic droit sur la vidéo puis Zoom puis Plein écran.

Voici le cadre que nous allons réaliser :

Une fois réalisé vous n’avez plus qu’à Enregistrer sous votre chef-d’œuvre dans vos documents comme d’habitude.

Une autre version avec un fond noir…

Une troisième version sur le même principe mais cette fois en superposant une image en transparence sur notre photo, tuto pour fusionner 2 images Ici.

A vous de jouer !

Je ne maitrise pas encore toutes les fonctions et les possibilités, mais avec les info que je vous donne dans cette vidéo vous serez capable de créer votre propre animation et pourquoi pas de faire des découvertes.

Téléchargez le logiciel Powerbullet ici cliquez sur Download(3.8MB) le Zip contient la version 1.44 du logiciel + la traduction (le patch) en français de Colok.

Désolée pour la qualité du son, ma fille étant à la sieste je n’ai pas parler assez fort, alors il faudra surement monter le son…

Je ne précise pas en fin de vidéo, qu’une fois votre bannière terminée elle est enregistrée dans un dossier qui porte le nom que vous avez donné à votre projet au départ, dans cet exemple le dossier s’appelle bannière flash 1, il se trouve dans le dossier Powerbullet, (pour l’avoir toujours à portée de main, faites un raccourci que vous placez sur votre bureau ou dans votre barre des tâches) à l’intérieur vous avez plusieurs fichiers votre bannière est le fichier swf qui s’appelle bannière flash 1.

C’est ce fichier que vous devez importer sur votre serveur pour récupérer son adresse : http//bannièreflash1etc.swf

Vous devez ensuite coller cette adresse dans le script suivant pour voir l’animation sur votre blog :

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH="1200" HEIGHT="308" align=right
CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<PARAM NAME="MOVIE" VALUE="http//bannièreflash1etc.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="WMODE" VALUE="Transparent">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="http//bannièreflash1etc.swf" WIDTH="979" HEIGHT="358"PLAY="true" LOOP="true" WMODE="Transparent" QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>

Vous devez coller l’adresse.swf deux fois dans le script et aussi changer les valeurs width et height, qui correspondent à la taille (hauteur largeur) de votre animation.

Allez c’est parti !

Un exemple de bannière que l’on peut réliser avec PowerBullet : Le grand méchant Cook !

Mais pour trouver un logiciel gratuit, traduit en français et surtout qui ne demande pas d’être ingénieur en informatique pour comprendre le fonctionnement…autant vous dire qu’il faut se lever de bonne heure !

Et puis il y a quelques jours, j’ai décidé de me remettre en chasse…

A force de chercher, j’ai fini par trouver ici, ce petit logiciel en anglais et traduit en français qui n’est pas mal du tout.

Je vous avouerais que j’ai tout de même passé 2 jours avant de comprendre certaines subtilités…

J’ai encore un tas de choses à découvrir et à comprendre d’ailleurs…

Ces découvertes ferons bientôt l’objet de nouveaux tuto.

Nous allons voir aujourd’hui comment réaliser une photo de profil pour votre blog qui sera animée et aussi qui renverra vos visiteurs sur la page de votre profil lorsque l’on cliquera dessus, comme sur ce blog.

Commencez par télécharger Powerbullet ici cliquez sur Download(3.8MB) le Zip contient la version 1.44 du logiciel + la traduction (le patch) en français de Colok.

Installez en premier le logiciel Powerbullet, si il s’ouvre en fin d’installation fermez-le, puis installez le Patch.

Voilà, le logiciel est maintenant en français, vous remarquerez que la traduction n’est pas tout à fait complète, les info-bulles des icônes ne sont pas toutes traduites…

J’ai préféré réaliser une vidéo pour ce tuto, vous pourrez réaliser votre animation flash a votre rythme en marquant des pauses…

Une fois que vous avez cliquez sur l’icône Publish as Html un dossier portant le nom de votre projet est automatiquement créer dans le dossier Powerbullet.

Vous pouvez réouvrir votre animation plus tard pour la modifier, mais attention lorsque vous cliquez sur Publish as Html les modifications écrasent l’ancienne sauvegarde…il est donc plus prudent de visualiser  lorsque vous faites un changement.

Je vous conseille de faire une copie du fichier Profil.pbt qui se trouve le dossier Profil de Powerbullet (si votre projet s’appelle maison, le fichier se nomme maison.pbt bien sur…

Astuce : pour copier (duppliquer) un fichier, maintenez la touche Ctrl enfoncée, cliquez gauche sur le fichier sans relâcher, faites glisser sur une zone vide puis relâcher le clic de la souris puis le Ctrl.

Une fois votre animation terminée vous n’avez plus qu’à l’importer sur votre blog  pour récupérer son adresse.swf et de l’insérer dans un code qui permet l’affichage des Flash :

<object width="200" height="150" type="application/x-shockwave-flash" data="http://adresse.swf"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowfullscreen" value="true" /><param name="movie" value="http://adresse.swf"</span></object>

Vous devez coller l’adresse.swf  2 fois dans le code, et changer les dimensions de la fenêtre pour l’adapter à votre animation width=”220″ height=”220″.

Télécharger le fichier d’aide en français Powerbullet ici

Un exemple de bannière que l’on peut réliser avec PowerBullet : Le grand méchant Cook !