• Tutoriels d'infographie/montages photos

    Pack 011 : Puces (Flèches 2) Avec ces tutoriels adaptés à PhotoFiltre, PhotoScape et Photoshop, réalisez vous-même vos plus beaux montages ! Pour télécharger les deux premiers logiciels GRATUITS, rendez-vous ici et ici.

     

    Les tutoriels pour réaliser des créations complètes :

    Pack 011 : Puces (Flèches 2) Tutoriel PhotoFiltre : Création Summer

    Pack 011 : Puces (Flèches 2) Tutoriel PhotoFiltre : Création In the sky

    Pack 011 : Puces (Flèches 2) Tutoriel PhotoFiltre : Création Yummy Neko

     

    Les bases :

    Pack 011 : Puces (Flèches 2) Photo en fondue radiale (PhotoFiltre)

    Pack 011 : Puces (Flèches 2) Mise en avant d'un personnage (PhotoFiltre)

    Pack 011 : Puces (Flèches 2) Colorisation partielle sur une photo (PhotoFiltre)

    Pack 011 : Puces (Flèches 2) Changer la couleur des yeux (PhotoFiltre)

    Pack 011 : Puces (Flèches 2) Appliquer un brush (PhotoFiltre)

    Pack 011 : Puces (Flèches 2) Donner un effet 3D à une photo (PhotoScape)

    Pack 011 : Puces (Flèches 2) Faire un contour en pointillés (PhotoScape)

    Pack 011 : Puces (Flèches 2) Donner un effet ancien à vos photos (PhotoScape)

     

    Les effets animés : [pratiques pour faire des photos de profil/avatars]

    Pack 011 : Puces (Flèches 2) Faire des effets de transitions animées avec des photos (PhotoFiltre et PhotoScape)

    Pack 011 : Puces (Flèches 2) Décorer une image avec du glitter (PhotoFiltre et PhotoScape)

    Pack 011 : Puces (Flèches 2) Plusieurs types d'effets animés pour une image (PhotoFiltre et PhotoScape)

     

    Les effets de texte :

    Pack 011 : Puces (Flèches 2) Reflet de lumière sur un texte (PhotoFiltre)

    Pack 011 : Puces (Flèches 2) Texte 3D en dégradé (PhotoFiltre)

    Pack 011 : Puces (Flèches 2) Créer un effet de texte Watermelon (Photoshop)

     

    Autres :

    Pack 011 : Puces (Flèches 2) Créer un curseur personnalisé pour son blog (PhotoFiltre)

  • Avec PhotoFiltre (avec toutes les versions gérant les calques).

    Il est possible de se créer plusieurs types de curseurs, vous avez quelques vieux exemples (qui datent de 2013/2014 exportés de mon ancien blog) ici. Ce tutoriel est là pour guider les débutants.

    Pour commencer, vous devez chercher un render ou PNG (un personnage ou un objet à fond transparent) sur Internet. Par exemple, moi j'ai tapé "PNG Naruto Rasengan" sur Google Image. Toutes les images n'ont pas un fond transparent, vous pouvez savoir si l'image est transparente si le fond de l'image est pleine de petites carrés blancs et gris, comme ceci :

    Créer un curseur personnalisé pour son blog avec PhotoFiltre

    Une fois votre PNG ou render enregistré, vous devez l'ouvrir sur PhotoFiltre. Vous constaterez que le fond de l'image est en effet pleine de petits carrés blancs et gris, qui signifient que le fond est transparent.

    Vous devez réduire la taille de l'image car elle est sûrement beaucoup trop grande pour votre blog. Faites le raccourci du clavier ctrl+H, ça permet de faire afficher la fenêtre pour changer la taille d'une image. La mienne faisant à l'origine 400*391 pixels, j'ai changé sa largeur à 50 pixels et la longueur s'est naturellement réduite à 49 pixels. J'obtiens donc une petite image :

    Créer un curseur personnalisé pour son blog avec PhotoFiltre

    Afin de mettre un pointeur au futur curseur, il nous faut plus de place du côté gauche. Comme mon image réduite fait 50*49, j'ai créé un nouveau document transparent à 50*50 pixels. Vous faites ctrl+N pour que la fenêtre pour créer un nouveau document d'affiche. Vous rentrez les dimensions que vous souhaitez et n'oubliez surtout pas de cocher cette case pour que le nouveau document soit transparent :

    Créer un curseur personnalisé pour son blog avec PhotoFiltre

    Vous allez copier votre image avec le motif qui vous servira de curseur puis le coller sur le nouveau document transparent. Vous devez déplacer l'image vers le coin inférieur droit du document transparent pour laisser de la place au futur pointeur que l'on mettra au coin supérieur gauche :

    Créer un curseur personnalisé pour son blog avec PhotoFiltre

    Les contours de l'image peuvent être assez durs et pixélisés. Pour les adoucir, vous allez dans "Calque" > "Effet de bord" > "Lisser". Si vous voulez répéter cette action car vous trouvez que les bords ne sont pas assez lisses, vous faites ctrl+K qui permet de répéter une action autant de fois que vous le voulez. Ensuite faites "Calque" > "Fusionner tous les calques".

    Pour le pointeur, vous pouvez le faire de différentes manières. La plus simple est de prendre l'outil "Pinceau" (tapez la lettre P qui est le raccourci du clavier de cet outil). Pour commencer, vous prenez l'outil "Pipette" (raccourci lettre K) et vous pipez une couleur que vous aimez bien sur votre image. Vous prenez le pinceau et vous sélectionnez ce carré :

    Créer un curseur personnalisé pour son blog avec PhotoFiltre

    Vous devez ensuite appliquer ce carré sur l'image, pile dans le coin supérieur gauche :

    Créer un curseur personnalisé pour son blog avec PhotoFiltre

    Ça c'est une première façon de faire. La deuxième consiste à créer une petite pointe. Donc vous allez prendre l'outil de sélection "Polygone" (raccourci lettre J) et tracer un petit triangle dans le coin supérieur gauche. Lorsque la zone est sélectionnée, vous devez la colorier avec le pinceau et la couleur que vous voulez :

    Créer un curseur personnalisé pour son blog avec PhotoFiltre

    La dernière technique consiste à aller chercher sur Internet le PNG ou render d'une flèche qui pointe vers le haut orientée à gauche, vous pourrez en trouver en tapant "PNG cursor" sur Google Image. Enregistrez-la, réduisez sa taille et lissez ses bords, puis collez-la dans le coin supérieur gauche de l'image du curseur :

    Créer un curseur personnalisé pour son blog avec PhotoFiltre

    Mais au niveau de la qualité ce n'est pas le top, car plus ou réduit une image, plus elle devient pixélisée comme vous pouvez le constater avec la flèche bleue.

    Pack 011 : Puces (Flèches 2) Une fois votre curseur fini, n'oubliez pas de l'enregistrer. Pour l'installer sur un blog EklaBlog, suivez ces indications !

    Pin It

    votre commentaire
  • Avec PhotoFiltre, marche normalement avec toutes les versions.

    Un petit tutoriel pour apprendre à faire des effets animés à ceux qui ne savent pas le faire, ce qui est très utile pour donner des effets sympathiques aux photos de profil/avatars. Je n'utilise pas de ressources dans mes exemples, seulement des filtres et fonctionnalités PhotoFiltre, ce qui permettra notamment aux débutants d'apprendre à mieux connaître le logiciel.

    Pack 011 : Puces (Flèches 2) Pour les transformer en gifs animés, vous aurez besoin du logiciel PhotoScape (à télécharger gratuitement ici) dont j'ai fait une petite démonstration ici. Quand vous aurez fini vos effets d'images, vous ouvrirez PhotoScape et vous vous rendrez dans la partie "gifs animés". Dans la colonne tout à gauche, vous ferez glisser vos images au centre du logiciel et les gifs se créeront tous seuls. Vous verrez que vous pourrez modifier la durée dans les paramètres à droite, ce qui pourra vous être utile. Pour finir, vous enregistrerez le gif qui se sera créé.

    Dans un premier temps, vous devez vous munir d'une image (pas trop grandes de préférence), d'une création ou vous façonner un avatar. Voici le mien :

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

     

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

    Pour celui-ci, vous écrivez votre texte et vous dupliquez le document qui contient l'image et le texte 4 fois pour avoir 5 duplicatas. Le raccourci du clavier qui permet de dupliquer est ctrl+U (vous faites cette action 4 fois), sinon vous faites "Image" > "Dupliquer". Sur l'un des duplicatas, vous mettez l'opacité du texte à 75% :

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

    Vous mettez le texte d'un autre des duplicatas à 50%, puis un autre à 25% et le dernier à 0%. Ensuite, vous enregistrez les 5 versions au format PNG, ouvrez PhotoScape et glissez les avatars dans le sens croissant ou décroissant de l'opacité du texte.

     

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

    Vous devez dupliquer l'avatar 2 fois pour obtenir 3 duplicatas. Sur l'un d'entre-eux, vous faites "Filtre" > "Bruit" > "Ajouter du bruit". Vous mettez la quantité à 50 et ne cochez PAS la case "Uniforme". Sur les autres duplicatas, vous faites la même chose mais vous mettrez la quantité à 51 pour l'un et à 49 pour l'autre. Vous enregistrez les 3 versions au format PNG, puis direction PhotoScape pour en faire un gif.

     

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

    Vous devez dupliquez l'avatar 3 fois. Sur l'un des duplicatas, vous cliquez 2 fois sur "Saturation (-)" Plusieurs types d'effets d'animés pour une image avec PhotoFiltre. Sur le 2ème duplicata vous cliquez 4 fois sur "Saturation (-)", puis 6 fois sur le dernier duplicata. Sur PhotoScape, vous les glisserez dans cet ordre :

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

     

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

    Vous devez dupliquer l'avatar 3 fois. Sur le premier duplicata, vous faites "Filtre" > "Effet d'optique" > "Flou circulaire" et vous mettez le niveau à 4. Sur les autres duplicatas, vous mettrez le niveau à 8 et à 12.

     

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

    Dupliquez l'avatar 3 fois. Prenez l'outil "Pinceau" Plusieurs types d'effets d'animés pour une image avec PhotoFiltre (ou appuyez sur la lettre P du clavier qui fait office de raccourci) et la brosse réglable douce que vous mettrez à 20 pixels : Plusieurs types d'effets d'animés pour une image avec PhotoFiltre. Vous ajouterez ensuite des points, où vous souhaitez sur les avatars, histoire de créer un effet.

     

    Plusieurs types d'effets d'animés pour une image avec PhotoFiltre

    Dupliquez l'avatar 2 fois, prenez l'outil "Aérographe" (appuyez sur la touche O du clavier) et réglez cet outil comme ceci : Plusieurs types d'effets d'animés pour une image avec PhotoFiltre. Vous diffusez cette petite bombe de peinture aux mêmes endroits sur les 2 duplicatas ainsi que sur l'avatar d'origine.

     

    Plusieurs types d'effets animés pour une image avec PhotoFiltre

    Vous devez commencer par écrire un mot ou un pseudo sur l'avatar. Ensuite, dupliquez l'avatar autant de fois qu'il y a de lettres dans le texte que vous avez écrit. Sur chaque nouveau duplicata, modifiez votre texte de sorte à y enlever une lettre à chaque fois. Vous glisserez les avatars dans le sens croissant ou décroissant des lettres qui forment votre texte.

     

    Plusieurs types d'effets animés pour une image avec PhotoFiltre

    Le nombre de duplicatas dépend du nombre d'éléments que vous voulez mettre en noir et blanc. Dans le principe, vous devez utiliser les outils de sélection Plusieurs types d'effets animés pour une image avec PhotoFiltre afin de sélectionner une partie désirée, puis de faire "Filtre" > "Couleur" > "Niveau de gris".

    Pack 011 : Puces (Flèches 2) Le tutoriel pour faire l'inverse, donc ne laisser qu'en couleur que quelques éléments et le reste en noir et blanc, est disponible ici !

     

    Ce tutoriel est maintenant terminé, j'espère qu'il aura pu apprendre de nouvelles fonctionnalités du logiciel aux débutants. N'hésitez pas à apprendre de nouvelles choses avec les autres tutoriels !

    Pin It

    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique