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

31 octobre 2010

Tailler un costard à vos photos ou comment faire scintiller une zone avec photofiltre

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

C’est bientôt les fêtes…pourquoi ne pas préparer une petite carte postale, oup’s on dit ecard c’est vrai…excusez moi, du père Noël à qui vous pourrez tailler un nouveau costard sur mesure et bien scintillant, car le sien commence à dater vous trouvez pas…

Moi, comme je ne crois plus au père Noël depuis longtemps et que je n’aime pas les chats, j’ai préféré une autre victime pour cet exemple…

Voici comment décomposer un Glitters pour réaliser le travail suivant.

CHAT

Ouvrez votre image dans Photofiltre

chat

Bouh qu’il est tristounet comme ça le gros minet…

Avec l’outil sélection puis Polygone faites le contour du costard
Clic droit / Contour et remplissage
Remplissez en rouge pour que nous puissions par la suite sélectionnez les zones désirées en une seule fois avec l’outil baguette magique.

D

Faites Ctrl+U deux fois pour dupliquer votre image en Trois exemplaires.

A

Sélectionnez l’outil baguette magique et cochez la case couleur, comme ça la totalité du costard sera sélectionnée.

B

Contour et remplissage
Cochez les 2 cases et importez la première image de votre Glitters.

C

Répétez cette opération 2 fois en important les 2 autres images de votre Glitters.

Enregistrez sous au format Gif.

Et montez votre Gif avec Unfreez.


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


Cadre scintillant pour vos photos avec Photofiltre

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

cadre_scintillant

Il faut commencer par décomposer un Glitters en 2 images ou en 3 c’est encore mieux…

Ensuite, ouvrez votre image à encadrer et faites :

Outil sélection / Rectangle puis tracez un cadre prêt du bord.

Sans_titre_3

Faites ensuite Sélection / Inverser

Sans_titre_7

Puis Contour et remplissage

Sans_titre_4

Cochez Remplir le fond et importez votre premier Glitters avec le motif de remplissage
Faites Ctrl+U pour dupliquer cette image et enregistrez la au format Gif.

Sans_titre_5

Maintenant que vous avez une copie de votre première image, faites la même opération en important votre deuxième Glitters.
Enregistrez la copie au format Gif également et ouvrez Unfreez

Sans_titre_6

Faites un glisser déposer avec vos 2 images dans la fenêtre Frames d’Unfreez et faites Make Animated GIF pour enregistrer l’image définitive.


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

Créer un Blinkies avec photofiltre

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

Il faut commencer par choisir la dimension du Blinkies…
Dans cet exemple nous allons créer un Blinkies de 88×31 c’est la taille de mes boutons sur ce blog.

Ouvrez Photofiltre et faites nouveau.

Nouveau

Remplacez les valeurs en place par 88×31 et faites ok
Un petit rectangle blanc apparait…

Ensuite faites  Filtre/Encadrement/cadre simple

Sans_titre_4

choisissez la largeur du cadre…3 ça suffit…

et hop !

Sans_titre_5

Tracez des petites lignes pour découper le cadre…

Sans_titre_6

Sélectionnez l’outil baguette magique

Sans_titre_7

et cliquez au centre du rectangle, sur le blanc.

ensuite allez sur Image/transparence automatique/Région intérieure de la sélection

Sans_titre_8

Vous pouvez maintenant enregistrer votre masque enregistrer sous au format Gif
Recommencez la même opération en changeant juste l’emplacement des petits traits blancs.
Enregistrez de nouveau en Gif.

Sans_titre_9

Maintenant ouvrez un bouton de 88×31

fond_halo

et faites Photomasque

Sans_titre_10

et allez chercher le Masque que vous venez de faire…

Sans_titre_13

Choisissez une couleur et faites Aperçu, vous pouvez Enregistrer sous toujours en Gif.

fond_halo_1

Faites une correction pour revenir en arrière…

retour

Cliquez de nouveau sur Photomasque et chargez l’autre Masque

Sans_titre_14

Faites Ok et Enregistrer sous en gif.

Maintenant vous avez besoin de Unfreez….

Ouvrez Unfreez et faites un glisser déposer
(Sélectionnez les deux images sans relâcher et faire glisser dans la fenêtre frames de Unfreez)
Il ne reste plus qu’à cliquer sur  Make Animated GIF et d’enregistrer votre bouton Blinkies.

Pour plus de détails sur l’utilisation du logiciel Unfreez c’est Ici.

12

et voilà…

Maintenant que vous avez compris le principe, vous pouvez améliorer tout ça, avec des couleurs, des Glitters et pleins d’autre chose encore…


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

Ajouter une ombre portée à un personnage avec Photofiltre

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

Comme promis…voici la suite du tuto précédent.

etiquette-noel

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

Amusez-vous bien et Joyeux Noël !


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

Créer un effet halo de lumière sur du texte avec Photofiltre

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

C’est quoi encore ce truc !?

Une image parfois parle mieux…que des mots…

“Look the ring ! “ ;)

sans-titre-3

Oh…oui, c’est bÔooooooo….encore….heu…stop !

Pour réaliser cette merveille…commencez par vous rendre sur ce site (Spécial Plugins pour Photofiltre) descendez jusqu’au Plugin BumpMap et téléchargez-le…

sans-titre-41

Décompressez le dossier, puis copiez/collez les 2 fichiers extraits dans le dossier Photofiltre qui doit normalement se trouver dans Program Files /Photofiltre puis Plugins ou Plugins externes ça peut varier…

Redémarrez Photofiltre si il était déjà ouvert, une nouvelle icône devrait apparaitre dans la barre de modules qui se trouve sur la gauche.

sans-titre-51

Si ce n’est pas le cas, cliquez sur l’icône Préférences et allez sur la barre de modules dans le menu, cochez la case du Plugin BumpMapping et redémarrer de nouveau Photofiltre.

Cliquez sur l’icône Nouveau en haut à gauche, choisissez la taille du cadre pour accueillir votre travail, dans cet exemple le rectangle fait 600 x 400, sélectionnez ensuite une couleur dans ma palette puis avec l’outil Remplissage…remplissez le fond !

sans-titre-71

Choisissez ensuite l’icône texte T et écrivez ce que vous voulez…faites Ok, mais une fois revenu sur votre texte ne le validez pas encore, les pointillés doivent rester autour…ce qui va permettre de le modifier et d’ajouter des effets.

sans-titre-81

Une fois votre texte flou, cliquez sur l’icône Symétrie verticale dans la barre des filtres.

sans-titre-13

Ce qui va donner cela :

sans-titre-14

Retournez maintenant dans Texte et retapez le même texte qu’au départ, ne le validez pas pour pouvoir le placer pile poil au dessus de l’autre…(en faisant glisser le texte), puis validez.

sans-titre-10

Cliquez sur l’icône BumpMapping dans la barre des modules sur la gauche, une fenêtre “Effet bump map” va s’ouvrir…

sans-titre-11

Maintenant amusez-vous à bouger les curseurs de droite à gauche pour changer la couleur, la taille de l’halo de lumière, son intensité etc…

Vous pouvez visualiser en temps réel le modifications et validez quand le résultat vous convient…

Il y a 3 onglets avec des effets différents, je vous laisse les découvrir…

Pour déplacer le Halo pour le centrer ou le mettre à un endroit précis sur le texte, maintenez le clic gauche enfoncé sur le Halo et déplacez-le.

sans-titre-12

Amusez-vous bien ! ;)


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



Donner un effet d’ombres sous vos photos

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

Un petit effet d’ombre sous vos photos…tout simple mais efficace !

Sans_titre_2

Ouvrez votre photo dans Photofiltre, faites un clic droit dessus puis taille de l’image

Faites ensuite Nouveau et choisissez des dimensions plus grandes que votre photo de départ pour laisser la place à notre ombre.
Puis faites un copier/coller de la photo sur le nouveau cadre blanc, et validez le collage.

Sans_titre_4

Ensuite sélectionnez le contour de votre photo et faites Filtre/Esthétique/Ombre portée…

Sans_titre_9

Choisissez la couleur de votre ombre, l’opacité, la grandeur…
Faites un Aperçu et Ok.

Sans_titre_6

Ensuite il ne vous reste plus qu’à recadrer votre photo

Sans_titre_8

Pour réaliser cet exemple je me suis servie d’un fond blanc, mais comme le fond de mon blog est noir j’ai modifié juste la couleur du fond de mon nouveau cadre en le mettant en noir avec une ombre grise…

Si votre blog est d’une autre couleur, vous devez faire de même avec la couleur adéquate.


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

Faire un dégradé de couleur sur une photo

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

Avant :

IMGP403

Après :

IMGP403201

Ouvrez votre photo dans Photofiltre et cliquez sur l’icône dégradé dans la barre des tâches.

Sans_titre_1

Dans la fenêtre qui s’ouvre, choisissez Bichrome, la direction de votre dégradé et les 2 couleurs de votre choix ainsi que l’opacité.

Faites un Aperçu et Ok.

Un petit cadre pour le fun…

Filtre/Encadrement/Bords en relief lissé

IMGP4031

Voilou !


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

Effet pluie sur vos photos

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

A la demande de Ardeche, voici comment faire tomber la pluie sur vos photos…

Tout d’abord Enregistrez sous les 2 masques ci-dessous dans le dossier Masks de Photofiltre, en faisant un clic droit sur chaque image.
(program files/photofiltre/masks)

pluie_1

pluie_2

Ouvrez votre photo, et sélectionnez Filtre et Photomasque

Sans_titre_1

Dans la fenêtre qui s’ouvre,
allez chercher votre premier masque pluie 1


Opacité = 100% Couleur = blanc  Mode = Couleur et cochez la case répéter le masque,
comme sur la capture et faites Ok.

Sans_titre_2

Vous obtenez ceci :

Sans_titre_3

Enregistrez sous cette image en la renommant Matrix 1 par exemple.

Maintenant cliquez sur la flèche rouge qui permet d’annuler le dernier effet, c’est à dire le masque.

Sans_titre_4

et répétez la même opération Filtre / Photomasque…
sauf que cette fois vous choisissez le masque de pluie 2 et faites ok.

Sans_titre_5

Vous obtenez une nouvelle image, que vous “Enregistrez sous” matrix 2

Il ne vous reste plus qu’à ouvrir “Unfreez” et d’assembler les deux images pour créer le gif.

Sans_titre_6

Faites un glisser/déposer de vos images dans la fenêtre frames
(cliquer sur l’image sans relâcher et faire glisser dans la fenêtre frames )

et Faites Make Animated GIF pour enregistrer votre gif.

12

Pour un effet pluie un peu différent, voici 3 autres filtres…
La méthode est la même sauf que vous devez créer 3 images ou lieu de 2.

pluie_3

pluie_4

pluie_5

Ce qui donne ça :

345


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

Effet puzzle sur vos photos

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

Quoi de plus simple ?

Vous pouvez ensuite imprimer puis coller la photo sur un carton épais, découper les puzzles et amuser vos enfants…
Ou faire plaisir à Mamy.

IMGP6361

Ouvrez votre photo dans Photofiltre, allez dans Filtre puis Esthétique et enfin sur Puzzle.

Sans_titre_1

Choisissez la taille des pièces pour votre puzzle, la couleur et aussi l’épaisseur.
Faites un aperçu puis Ok si le résultat vous convient.

Sans_titre_2

C’est tout !


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

Reflet dans l’eau animé

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

00

Ouvrez Photofiltre et importez votre image.

Pour réaliser cet effet il va vous falloir 4 images identiques.
Faites Ctrl+U trois fois pour dupliquez votre image.

Sans_titre_1

Puis sélectionnez avec l’outil polygone la zone d’eau sur votre image (en rouge sur la capture)
et faites un clic droit sur la sélection et choisissez Paramètrage manuel, notez la position de la sélection sur un papier = X:101 Y:261

Sans_titre_3

allez dans Filtre / Déformation / Ondulation…

Sans_titre_4

Changez les valeurs :

Période : 6
Amplitude : 3
Axe horizontal

Sans_titre_2

Puis faites :

Sélection / Copier la forme
Vous pouvez enregistrer cette première image en gif (gif 1)

Passez à la deuxième image et faites :

Sélection / Copier ma sélection
puis clic droit / paramètrage manuel
et entrez les mêmes valeurs que pour la première image, que vous avez noté.
X:101 Y:261
Votre sélection va se placer sur la zone d’eau comme sur la première image.
Il faut maintenant faire la même manip que pour la première image

Sans_titre_5

Augmenter l’Amplitude à 6
Enregistrer en gif (gif 2)

Sans_titre_6

Même chose avec la troisième image…coller la sélection, paramètrage manuel, entrer les valeurs et  Filtre / Déformation / Ondulation…
Augmenter l’Amplitude à 9
Enregistrer en gif (gif 3)

Même chose pour la dernière image…

Sans_titre_7

Tout pareil, sauf augmenter l’Amplitude à 12
Enregistrer en gif (gif 4)

Assemblez vos images avec Unfreez.

Voici un autre modèle réalisé par Remi Imbert de Arles (13).

Remi


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



« Début   26  27  28  29  30  31  32  33  34    Fin »

« 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