01 novembre 2010
Créer un bouton en relief avec Photofiltre
Bonjour à 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ù…
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.
Créer un fond en répétant une image avec Photofiltre
Pour être plus clair…comment à partir d’une petite image comme celle-ci :
On obtient cela :
Non, on ne fait pas 30 fois un copier-coller !
Il y a plus simple et surtout plus rapide…
Ouvrez une page blanche en faisant Nouveau, choisissez les dimensions pour votre fond.
Sélectionnez le contour du cadre comme ceci :
Clic-droit à l’intérieur, puis sélectionnez Contour et remplissage.
Décochez Dessiner le contour, cochez Remplir le fond puis Motif de remplissage, importez ensuite votre petite image que vous voulez répéter sur la page en cliquant sur le dossier jaune.
Faites un Aperçu puis OK.
Vous n’avez plus qu’à Enregistrer sous votre fond comme d’habitude.
Créer un cadre personnalisé pour vos photos avec Photofiltre
Celui-la je l’ai réalisé en pensant à toi Marie-Claire…j’espère que la vidéo t’aidera et apportera certaines réponses à tes question, même si je sais que tu as fini par y arriver sur le dernier tuto.
Nous allons voir 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 !
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 !
Créer une image animée (Gif) avec Photofiltre et Unfreez
Voici un petit tuto en vidéo qui vous montre l'essentiel pour créer un Gif à partir d'une image fixe dans un montage ultra simple avec le logiciel Unfreez. Il n'y a pas de son dans la vidéo, car à la maison avec ma fille c'est Beyrouth pas moyen de faire une bande son...
Créer un Player Deezer personnalisé avec Photofiltre
J’avais déjà réalisé et publié ce tuto en plusieurs parties sur mon autre blog Bienvenue dans le monde réel…cette fois j'ai rassemblé toutes les parties en un seul tuto.
Voici donc les explications en vidéo avec le son qui vous aideront à réaliser votre premier Player personnalisé…
Pour éviter les surprises pensez à faire une copie des pages que vous modifiez.
(En fonction de votre résolution d’écran, il peut apparaitre une zone blanche sous le player, pour rectifier cela il faut changer la résolution en maintenant la touche Ctrl enfoncée et en faisant rouler la molette de votre souris, vous verrez votre écran s’agrandir ou se réduire…)
Pour réaliser un Player personnalisé pour votre blog, il vous faut un logiciel de retouche d’images, comme Photofiltre…pour créer l’habillage du Player.
Donc :
1/ Créer un habillage avec Photofiltre.
2/ Allez sur Deezer.com choisissez un titre avec l’outil de recherche, personnalisez le lecteur puis copier le script.
3/ Collez le script du Player dans un Nouveau message en mode Html et ajoutez les balises en bleues ce qui va permettre d’afficher l’habillage du Player grâce à un bloc que l’on va ajouter dans la feuille de style.
Voilà ce que vous devez avoir dans votre Nouveau message en mode Html avant de publier le message :
<p class="deezer1">
<object height="55" width="220"><br />
<param name="movie" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=10789&;amp;amp;amp;colorBackground=0x555552&textColor1=0xFFFFFF&colorVolume=0x39D1FD&autoplay=0" /><br /><embed height="55" width="220" src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=10789&;amp;amp;amp;colorBackground=0x525252&textColor1=0xFFFFFF&colorVolume=0x39D1FD&autoplay=0" type="application/x-shockwave-flash">
</embed><br />
</object>
</p>
Comme indiqué sur la vidéo :
4/ Ajoutez le bloc suivant dans la feuille de style :
.deezer1 {
background: url("http://www.adressehabillagedeezer.gif") no-repeat;
width: 314px;
height: 159px;
text-align: center;
padding: 48px 0px 0px 74px;
margin: 0 auto;
}
Dernière étape, si vous possédez la barre Web Developer…il vous sera plus facile de caler votre Player sur l’habillage.
Source : Le Raton Laveur…
Et encore merci à Justin-Basile pour m’avoir envoyé ce lien par email.
31 octobre 2010
Créer une icône avec Photofiltre
Après avoir vu comment créer des icônes pour vos dossiers avec IcoFX dans ce tuto, nous allons voir comment créer une icône avec Photofiltre.
Vous n’aviez peut être pas remarqué, mais dans le menu Outils de Photofiltre vous avez la fonction Exportation en icône.
Ouvrez votre image puis cliquez sur Exportation en icône…
Cliquez sur Exporter et enregistrez votre icône.
Cette méthode est valable pour réaliser des petites icônes, pour mettre dans les barres d’adresses par exemple, pour créer des icônes de bureau préférez la méthode avec le logiciel IcoFX, les icônes seront plus nettes.
Créer des flocons de neige avec photofiltre
A la demande de Virginie voici comme créer des flocons de neige avec Photofiltre.
Ouvrez Photofiltre et faites Nouveau en choisissant des petites dimensions.
Dans cet exemple 10×10 px.
Faites un agrandissement de votre image avec l’outil loupe pour y voir plus clair.
Ensuite remplissez le fond en noir avec l’outil de remplissage.
Sélectionnez l’outil pinceau et faites un point au centre de votre carré noir.
Sélectionnez maintenant l’outil baguette magique
et cliquez sur le noir pour sélectionner la zone et faites ensuite :
Image/Transparence automatique/Région intérieur à la sélection
Avant de mettre la transparence, vous pouvez affiner la forme de votre flocon avec l’outil pinceau.
Il ne vous reste plus qu’à enregistrer votre image en gif.
Voila…ça donne le petit point blanc juste en dessous là :
Vous pouvez faire des flocons différents en changeant la forme de l’outil utilisé et insérer l’adresse de ces flocons dans le script donner sur ce post : Faire tomber la neige sur votre blog…
Créer une image animée (Gif) avec Photofiltre
On va commencer par créer un Gif très simple, pour se familiariser avec le principe.
Ensuite vous pourrez vous lancer dans de belles créations…
Pour un tuto en vidéo c’est ici !
Ouvrez Photofiltre et faites ouvrir pour allez chercher l’image que vous voulez animer.
Dans cet exemple, je vais faire disparaitre le bras du bonhomme ce qui va donner un effet de mouvement.
Vous pouvez agrandir l’image pour plus de facilité de travail si votre image est assez petite.
Ensuite sélectionnez l’outil Polygone pour délimiter le contour du bras que l’on veut faire disparaitre.
et allez dans Image/Transparence automatique/Région intérieure de la sélection
Oup’s le bras vient de disparaitre ! (de toute façon il fait déjà la geule le type…alors)
Enregistrer sous en Gif bien sur…en prenant soin de donner un autre nom à l’image, pour ne pas écraser l’originale.
Maintenant vous ouvrez Unfreez et vous faites un glisser déposer dans la fenêtre centrale de vos 2 images.
(cliquer sur l’image sans relâcher et faire glisser dans la fenêtre frames de Unfreez, relâchez. )
Il ne reste plus qu’à faire Make Animated GIF et d’enregistrer votre première image animée !
vous changer la vitesse, il suffit de changer la valeur dans Frame delay
dans cet exemple j’ai mis 100 pour que le mouvement ne soit pas trop rapide.
Je suis certaine que vous pouvez faire beaucoup mieux…
Changer le fond d’une étiquette avec Photofiltre
C’est bientôt 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…
Assembler plusieurs photos avec photofiltre
Encore un petit tuto tout simple…mais pourquoi faire compliqué ?
Sympa ce petit Patchwork de photos…(Ah, oui…Comme le fond de mon blog est noir, cliquez droit sur la photo pour l’ouvrir dans une nouvelle fenêtre et voir le cadre…)
Ouvrez Photofiltre et faites nouveau en haut à gauche.
Choisissez la taille, dans cet exemple il fait 1280X1024
Ouvrez toutes vos photos
Copier-collez une première photo dans l’angle en bas, et collez la deuxième à côté, comme elle ne sera pas de la même taille que la place restante, étirez les pointillées pour placer l’image.
Puis valider le collage avec le clic droit.
Faites de même avec toutes les photos, en les insérant comme un puzzle.
Pour faire une séparation large et noire entre chaque photo, sélectionnez l’outil ligne, la couleur noire et augmentez l’épaisseur à 30.
Tracez des lignes entre chaque photo.
Pour encadrer la photo, sélectionnez là entièrement avec l’outil sélection, cliquez droit sur la photo et choisissez Contour et remplissage…
Choisissez la couleur noire et mettez la largeur à 30 ou plus selon l’effet désiré.
et hop en v’la un autre, si vous êtes observateur, une photo a été remplacé par une autre.
(Cliquez droit sur la photo pour l’ouvrir dans une nouvelle fenêtre et voir le cadre)
« 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
