Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

28 février 2011

Insérer une image animée (Gif) sur un fond fixe
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , , ,

Aujourd'hui une grande dame du cinéma* nous a quitté, j'ai eu envie de lui rendre un hommage à ma façon...

Voici comment insérer une image animée sur un fond fixe...

Annie

Vous devez dabord ajouter un plugin à Photofiltre, qui va permettre d'importer une image animée (gif) en ouvrant les images qui la compose séparément.

Rappel :

Cliquez sur ce lien et téléchargez le plugin.

Ensuite, décompressez le fichier ImpGifAnim

plugins2
Copiez le fichier ImpGifAnim.pfl

plugins3
Dans le dossier Plugins de PhotoFiltre (Program files/photofiltre)

plugins

Redémarrez Photofiltre pour charger le module.

Sans_titre_7

Voilà, vous êtes prêts !
Cliquez sur le module qui vient d'apparaitre plugins6 et allez chercher votre image animée.

Le gif (image animée) va s'ouvrir en décomposant toutes les images qui le compose.

Dans cet exemple l'image animée (le coeur) contient 3 images.

Cliquez sur chacune des images pour rendre le fond transparent, comme dans cet exemple :

Sans_titre_2

Pas besoin d'enregistrer les images, laissez-les ouvertes.

Ouvrez l'image fixe si ça n'est pas déjà fait, faites Ctrl+U deux fois pour obtenir 3 fonds identiques.

Sans_titre_5

Pour vous aider à mettre toutes les images (les coeurs) au même endroit sur l'image fixe, cliquez sur Affichage puis sur Grille de repérage.

Comme ceci :

Sans_titre_3

Une grille va s'ouvrir sur votre image fixe, vous devez maintenant copier/coller les 3 images de votre gif exactement au même endroit sur la grille sur vos 3 images fixes et les enregistrer sous en gif bien sur.

Pour encore plus de précision, une fois que vous avez collez le papillon, cliquez droit dessus (l'image doit être sélectionnée) et choisissez Paramétrage manuel notez ensuite la position des coeurs.

Sans_titre_4

Dans cet exemple l'image animée (le coeur) est positionnée x:168  par y:253 

Vous devez mettre les mêmes valeurs pour les deux autres images (les coeurs).

Enregistrez vos images au format Gif dans vos documents.

Ensuite il ne vous reste plus qu'à ouvrir Unfreez à télécharger Ici

Faites un glisser déposer avec vos 3 images dans le bon ordre.
(cliquer sur l'image sans relâcher et faire glisser dans la fenêtre frames de Unfreez)

Sans_titre_6

Il ne reste plus qu'à faire Make Animated GIF et d'enregistrer.

(Delai : correspond à la vitesse d'exécution de l'image animée, baissez la valeur pour augmentez la vitesse et inversement).

Petit rappel de sa carrière...

Annie Girardot à la 30e cérémonie des César, en 2005.

Filmographie

courts-métrages

doublages

Télévision

Théâtre

Discographie

Récompenses


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [4]



09 décembre 2010

Créer des étiquettes à l'aide un Mask avec Photofiltre
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , , ,

C'est bientôt Noël...c'est le moment de préparer des petites étiquettes de Noël que vous pourrez (ou plutôt le père Noël) mettre sur vos cadeaux avec le nom des enfants dessus...

Dans ce tuto, je me suis servie d'un fond de 400x400 mais pour créer beaucoup plus d'étiquettes en une seule fois, prenez un fond plus grand.

etiquette_noel


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [7]

02 novembre 2010

Signer ses photos en transparence avec Photofiltre
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , , , ,

Vous n’avez pas envie que d’autres s’approprient vos photos !?

Il n’y a pas 36 solutions…la plus efficace est de signer vos photos pour qu’elles restent les votre…

Comment faire ?

Si ce n’est pas déjà fait, téléchargez le logiciel gratuit Photofiltre, c’est une petite merveille, je l’adore…il est en plus très facile d’utilisation pour les débutants, il suffit de suivre le guide…

Voici 3 exemples de signature sur une photo :

calin_sur_lherbe_1

calin_sur_lherbe_2

calin_sur_lherbe_31

A partir du moment où vous avez compris le principe, vous pouvez laisser votre créativité s’en mêler et faire ce que vous voulez…

Ouvrez Photofiltre, puis importez votre photo en passant par l’icône Ouvrir, cliquez sur l’icône Texte, dans la fenêtre qui s’ouvre tapez votre texte, choisissez la couleur, la police, la taille etc…

sans_titre_10

Cliquez ensuite sur l’onglet Effets.

sans_titre_11

Baissez l’opacité à 35% pour obtenir l’effet désiré…vous pouvez également cocher la case Contour pour ajouter un contour à votre texte ou une ombre portée, à vous de faire des tests…

Le texte est visible sur la photo, ce qui vous permet de modifier au fur et à mesure…

Une fois que vous avez fait Ok, la fenêtre se ferme mais forme texte reste en pointillés, vous pouvez encore le modifier en cliquant de nouveau sur l’icône T.

sans_titre_12

Pour valider votre texte, cliquez droit dans le cadre en pointillé et choisissez Valider le texte.

Voila pour la première photo, simple non ?

Pour dessiner en rond, vous devez installer le module Photofiltre : Coller dedans vous trouverez un tuto ici qui vous montre comment installer un module.

Pour dessiner en rond avec un effet de transparence, ouvrez votre photo, puis avec l’icône Nouveau faites un rectangle pour écrire votre texte, tout dépend de la grandeur de votre photo, il doit faire à peu prêt 300×50.

Ce qui est très important, c’est de mettre un fond de couleur, j’ai choisi le gris dans cette exemple…

Si vous laissez un fond blanc, le contour de votre texte ne sera pas net lorsque vous collerez votre signature sur un fond sombre, il y aura un tas de petits points blancs tout autour et c’est pas esthétique du tout :/

sans_titre_15

Écrivez votre texte dans le rectangle gris et faites Copier en cliquant droit dessus.

sans_titre_17

Revenez sur votre photo et dessinez un cercle avec l’outil Ellipse (pour faire un rond parfait maintenez la touche Shift enfoncée pendant que vous tracez le rond).

sans_titre_16

Cliquez maintenant sur l’icône du module Coller dedans dans la barre d’outil sur la gauche.

sans_titre_18

Une fenêtre va s’ouvrir, cochez les cases comme ci-dessous :

sans_titre_19

Commencez par taper sur Prévisualiser pour voir ce que ça donne et faites ensuite les modifications de transparence, d’épaisseur du texte ou bien de sa longueur…

sans_titre_20_500x365

Vous devez sélectionner la couleur de transparence qui correspond au fond de votre texte, si vous avez un fond rouge, vous devez choisir le rouge en couleur de transparence.

Sinon votre fond (gris dans cet exemple) se colle comme ceci, sans transparence :

sans_titre_2

Voilà, ensuite à vous de faire des tests en décochant des cases ou en changeant certaines valeurs pour voir ce que ça donne en prévisualisant vous êtes tranquille…

Par contre une fois que votre cercle est tracé, vous ne pouvez plus le déplacer ensuite…si vous validez par erreur, faites un retour en arrière avec la flèche rouge.

sans_titre_3

Vous pouvez cliquez de nouveau sur le module Coller dedans les paramètres ont été sauvegardés et votre cercle est toujours en place.

Pour mettre un bandeau transparent comme celui là, c’est très simple…

Tracez avec l’outil Rectangle une bande verticale ou horizontale cliquez droit dans le rectangle et choisissez Contour et remplissage, cochez comme ci-dessous.

sans_titre_22

Faites Ok, puis cliquez sur l’icône T pour écrire votre texte, mettez 90 pour l’angle pour que votre texte soit vertical, puis cliquez sur l’onglet Effets et passez l’opacité à 45% selon la transparence désirée…

sans_titre_23

Voilà…à vous de jouer !

Vous pouvez également créer un modèle de signature que vous collez sur vos photos au fur et à mesure que vous les publiées, ce qui vous évite d’avoir à refaire la signature à chaque fois…

Il suffit de copier le modèle et de le coller sur la photo.

sans_titre_24


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [1]

Écrire en rond sur une photo avec Photofiltre
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , ,

Oui, je sais vous allez dire que je vous délaisse un peu en ce moment…

J’ai été opérée du genou sous arthroscopie la semaine dernière et je peux vous dire que je dérouille, déguste, morfle…grave !

Bon, revenons à nos moutons qui tournent en rond…

Nous allons voir comment écrire en rond, en ovale, en carré ou encore en losange…sur une photo.

ecrire_en_rond

Commencez par installer le plugin Coller dedans si ça n’est pas déjà fait, ici ! vous trouverez un tuto ici qui vous guidera pour l’installation de ce plugin.

Ouvrez Photofiltre et faites Nouveau, nous allons commencez par créer notre bandeau de texte…dans cet exemple il fait 400×100.

sans_titre_7_500x267

Cliquez sur l’icône texte dans la barre d’outils au dessus, la fenêtre texte s’ouvre vous pouvez taper votre texte et y ajouter des effets en cliquant sur l’onglet effets…

sans_titre_51_499x402

Faites Ok pour validez votre texte, faites maintenant un clic droit sur le texte puis Copier.

Ouvrez la photo ou l’image sur laquelle vous voulez coller le texte en rond.

A l’aide de l’outil Sélection puis Ellipse, tracez un cercle (pour tracer un cercle bien rond maintenez la touche Shift enfoncée pendant le traçage)

Pour écrire en carré ou en losange changez  juste la forme de la sélection…

sans_titre_8

Une fois le cercle tracé, cliquez sur l’icône Collez dedans, une fenêtre va s’ouvrir.

sans_titre_11_500x447

Vous devez cliquez sur Prévisualiser pour voir ce que ça donne…

sans_titre_2Pour écrire en rond, vous devez cocher Autour dans le menu Adaptation.

Dans le menu Lissage, vous pouvez faire des essais pour obtenir l’effet que vous désirez…

Dans la zone Autour, vous pouvez régler l’épaisseur de votre texte, sa longueur, la distance depuis le cercle tracé, et le décalage permet de faire tourner le texte autour du cercle…n’hésitez pas à tester des grandes valeurs pour le faire tourner !

Vous pouvez également décocher les cases : Centrer et Réalignement vertical si ça vous chante…

Dans la zone Transparence on peut régler la couleur de transparence, si le bandeau de texte est sur fond noir, il faut choisir la couleur noire, si il est blanc on choisi le blanc etc…

On peut également choisir l’Opacité du texte…

A chaque changement vous devez Prévisualiser pour vérifier l’avancement de votre création…

Une fois que ça vous plait…cliquez sur Ok pour validez votre chef d’œuvre !


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [0]

Faire défiler une photo dans un cadre avec Photofiltre
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , , , ,

montage

Pour réaliser ce petit montage, vous aurez besoin de Photofiltre pour créer le cadre et également d’Unfreez pour le montage.

C’est parti !

Vous pouvez télécharger un des cadres que j’ai réalisé pour vous à cette adresse, vous avez le choix entre des cadres noirs pour les blogs à fond noir, ou des cadres blancs pour les blogs à fond blanc.

Vous trouverez d’autres modèles ici, là, ici ou encore là…(Astuce Montage)

Un exemple ici avec un cadre blanc, pour blog à fond blanc.

Voici comment réaliser soi-même un cadre, ouvrez Photofiltre faites Nouveau (icône en haut à gauche) choisissez une taille légèrement plus petite que votre photo, puis tracez à l’aide de l’outil sélection des fenêtres puis faites Couper.

La couleur de remplissage (noire dans cet exemple) lorsque l’on Coupe et celle placée en deuxième plan comme ci-dessous.

sans_titre_4

Répétez l’opération pour obtenir 3 fenêtres…

sans_titre_5

Puis Enregistrer sous votre cadre au format Gif (clic droit sur le cadre puis Enregistrer sous…)

Sans_titre_1

Voilà pour le cadre…

Importez maintenant votre photo, puis dupliquez votre cadre au moins 8 fois, plus il y aura d’images, plus votre effet sera fluide…et sympa !

En fait pour obtenir cet effet il faut plusieurs images, qui une fois montées les unes à la suite des autres dans Unfreez, donneront l’effet de défilement…

Maintenez la touche Ctrl enfoncée puis tapez sur la lettre U autant de fois que vous voulez d’images.

sans_titre_7_d_filer

Avec l’outil baguette magique Tolérance 30 et la case couleur cochée, cliquez dans une des fenêtres noires, elles vont se sélectionner en pointillés.

sans_titre_8_defiler

Faites un clic droit sur la photo puis Copier ensuite retournez sur une des fenêtres noires faites un clic droit puis Coller dedans…

sans_titre_9_defiler

Ne validez pas le collage, refaites un clic droit sur l’image puis Paramétrage manuel…

sans_titre_10_defiler

Mettez 0 pour X et ne touchez pas à Y.

sans_titre_11_defiler

Pour la deuxième image, même opération…sauf que cette fois vous devez mettre -10 pour X.

Pour la troisième images -20 pour X.

Etc…il faut descendre de 10 en 10…ce qui aura pour effet de décaler votre image de 10 px en 10 px sur la gauche.

sans_titre_12_defiler

Enregistrez vos images au format Gif puis procédez au montage avec Unfreez.

Ouvrez Unfreez, puis faites glissez les images dans la fenêtre, si vous avez 7 images, vous devez les mettre dans cet ordre :
1,2,3,4,5,6,7,6,5,4,3,2,1

Ce qui permet la fluidité du montage, si vous mettez seulement les 7 images, il y aura une coupure (pas terrible)…faites le test vous verrez.

Puis réglez la vitesse sur 20 secondes…

Attention un montage trop rapide peut donner la nausée !

unfreez

Pour augmenter la vitesse de défilement baissez la valeur, pour ralentir augmentez-la.

Source : Astuce Montage



Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [0]



01 novembre 2010

Encadrer vos photos à l’aide d'un Mask avec Photofiltre
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , , ,

Vous avez un blog cuisine ou pas d’ailleurs, et surtout de jolies photos à mettre en ligne…pourquoi ne pas les habiller pour l’hiver, avec un cadre original aux couleurs de votre blog…

cadre

Dans le dossier Photofiltre se trouve le dossier Mask, il contient différents Mask comme celui là :

mask_2

Pour en obtenir d’avantage il suffit de lancer une recherche d’image sur Google avec les mots clés :

Masque Photofiltre et Mask Photofiltre.

Pour utiliser un Mask dans Photofiltre vous avez 2 possibilités, soit vous passez par l’icône Photomasque dans la barre d’outils de Photofiltre, et vous pouvez choisir plusieurs réglages.

Soit vous importez le Mask dans Photofiltre en passant par Ouvrir comme pour n’importe qu’elle photo, et là vous pouvez ajouter tout pleins d’effets, personnellement je préfère cette option.

Importez donc votre photo et le Mask en passant par l’icône Ouvrir.

sans_titre_12

Sélectionnez l’intérieur du cadre qui est noir avec l’outil baguette magique, puis Image/transparence automatique/Région intérieure à la sélection, pour rendre cette zone transparente…

Faites ensuite un copier en cliquant droit sur votre Mask puis faites coller sur votre photo.

sans_titre_21

Dans cet exemple j’ai choisi d’encadrer une petite zone de ma photo, mon Mask est donc aux bonnes dimensions.

Pour agrandir ou réduire le Mask afin de l’adapter à la taille de votre photo, vous devez sélectionner l’angle en bas à droite en pointillés du Mask et avancer ou reculer pour changer sa taille.

Vous pouvez également faire un clic droit sur le Mask et choisir Taille de l’image puis changer les valeurs.

sans_titre_31

Pour déplacer le Mask sur votre photo, maintenez le clic gauche enfoncé puis déplacez-le, une fois en place cliquez droit sur le Mask puis Valider le collage.

Une fois que votre image est bien centrée dans le cadre, vous devez cliquer droit sur le Mask et choisir Recadrer.

sans_titre_41

Nous allons donc pouvoir ajouter du texte…

Cliquez sur l’icône Texte dans la barre d’outils, choisissez la police, la taille, la couleur…écrivez votre texte.

sans_titre_51

Une fois que vous avez cliqué sur Ok, votre texte apparait sur votre photo avec des pointillés, ce qui veut dire que votre texte est modifiable…

Si le résultat ne vous convient pas, vous recliquez sur l’icône Texte la fenêtre s’ouvrira de nouveau pour effectuer les changements nécessaires.

Vous pouvez ajouter des effets (ombres, opacité etc…) à votre texte en cliquant sur l’onglet Effets.

sans_titre_6

Cliquez sur Ok, pour déplacer le texte et le mettre à l’endroit voulu sur votre photo, maintenez le clic gauche enfoncé puis déplacez, une fois votre texte en place cliquez droit sur le texte puis Valider le texte.

sans_titre_7

Pour ajouter un cadre bleu turquoise en plus sur le Mask, sélectionnez l’outil sélection puis Rectangle, cliquez droit/Contour et remplissage…

sans_titre_8

Cochez la case Dessiner le contour, choisissez une couleur et l’épaisseur du cadre, n’oubliez pas de décochez la case Remplir le fond si elle est cochée.

Vous pouvez régler l’opacité du cadre qui est par défaut à 100%.

sans_titre_9

Pour ajouter un peu de couleur sur le Mask, sélectionnez l’outil Remplissage et éclatez vous…

sans_titre_10

Une fois que votre photo vous convient, vous pouvez ajouter un arrondi si le fond de votre blog est de couleur, comme sur ce blog où le fond est noir, ça donne un effet sympa…

Filtre/Encadrement/Diapositive…

sans_titre_111

Choisissez la couleur, la largeur, l’opacité…faites un Aperçu puis Ok pour valider.

Voilà…à vous de jouer !


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [4]

Mettre un bandeau de texte en transparence sur une photo avec Photofiltre
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , , ,

Meringues_en_champignons

C’est Thibaut du blog…”A la table des gourmands” qui a eu c’est belle idée…je vous conseille d’aller faire un tour sur son blog, ça vaut le coup d’œil, des recettes originales et des photos splendides !

J’ai d’ailleurs utilisé une des ses photos pour réaliser le tuto (avec sa permission bien sur).

Alors j’ai pensé que ça pouvait peut être vous intéresser ?

Voici un petit tuto en vidéo…c’est pratique, vous pouvez faire des pauses.

C’est parti !



Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [0]

Un cadre noir et blanc pour vos photos avec Photofiltre

Posté par Demolite - Dans la catégorie Photofiltre
Tags : , ,

Spécialement pour Vanes…

Un petit tuto tout simple.

DSCN1760

Cliquez sur la photo pour voir le cadre, vu que le fond de mon blog est noir on ne voit pas grand chose…

Ouvrez votre photo puis faites Filtres / Encadrement / cadre simple

Sans_titre_11

Mettez la largeur sur 20, choisissez la couleur noire, l’opacité à 100% puis Ok.

Ouvrez de nouveau Filtres / Encadrement / cadre simple

Sans_titre_12

Mais cette fois baissez la largeur à 16 et mettez blanc pour la couleur et faites Ok.

Recommencez une dernière fois en choisissant de nouveau la couleur noire et mettez la largeur à 13 .

Sans_titre_13

Voilà…simple comme bonjour !
Rien ne vous empêche de changer les valeurs et les couleurs pour un effet différent…


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [0]

Créer une bulle en relief avec Photofiltre
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , ,

sans_titre_16♪♫ J’fais des bulles des p’tites bulles encore des p’tites bulles…des bulles d’première classe, des bulles d’seconde classe…♪♫

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

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…

sans_titre_111


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [0]

Créer un bouton en relief avec Photofiltre
Posté par Demolite - Dans la catégorie Photofiltre
Tags : , ,

sans_titre_1Bonjour à tous…

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…


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

sans_titre_21


sans_titre_3Sé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.

bye


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Commentaires désactivés actuellement : [0]



  1  2  3  4  5   

« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41

Nouveaux Tuto

Moteur de recherche

En vrac

Page Facebook

Liens d'amis

Newsletter

Index des Tuto

Catégories

Logiciels gratuits

Ma Playlist

Nuages de Liens

  • WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.