Forum de publicité, d'entraide et de détente.



    [Photofiltre ou Photoshop] Divers tutoriels de graphisme avatar/signature/etc




    Apprenti(e)

    Jan

    avatar
    Apprenti(e)

    Marchands
    Féminin Âge : 17
    Messages : 893
    Clés : 4
    Date d'inscription : 26/08/2016


    Profil

    Message par Jan le Sam 24 Mar - 19:40

    Bonjour, j'espère que ça ne dérangera pas si je poste plusieurs tutoriels sur un même sujet -
    Ce sont des tutoriels que je poste souvent, car ils présentent des astuces que j'utilise moi-même beaucoup et qui rendent bien service. La majorité est faisable par des débutants !

    Sur ce sujet, vous trouverez donc mes techniques favorites de création graphique sur Photoshop (notamment CS6 mais aussi des versions antérieures) et Photofiltre (7 ou Studio X). Clairement ça ne va pas très loin, mais c'est un minimum vital !




    Apprenti(e)

    Jan

    avatar
    Apprenti(e)

    Marchands
    Féminin Âge : 17
    Messages : 893
    Clés : 4
    Date d'inscription : 26/08/2016


    Profil

    Message par Jan le Sam 24 Mar - 19:40

    Tutoriel n°1: Créer un fond
    Photoshop - Débutant

    Aujourd'hui nous allons voir comment créer un joli fond pour vos graph sur photoshop. C'est super facile et ça marche à tous les coups !

    Étape 1, couleur de fond de base:

    Bon, là c'est pas très compliqué. Tu cliques sur Ficher > Nouveau (ou tu fais carrément Ctrl+N si t'es un pro du clavier) tu choisis la hauteur et la largeur que tu veux (ici 400*180) et tu cliques sur Ok.


    Ensuite, sélectionne la couleur de ton choix, et remplis ton image.

    Voilà, ça, c'est fait.

    Étape 2, les C4D:

    Tu sais ce que c'est un C4D ? Non ? C'est pas grave, Google, lui, sait !
    Donc tu vas sur Google Images, tu cherches "C4D [la couleur de ton choix]".


    À partir de là, tu vas devoir choisir tes préférés (tu peux rechercher en anglais aussi, il n'y a pas les mêmes résultats); ceux qui vont le mieux avec ce que tu veux faire, et les ouvrir dans un nouvel onglet pour pouvoir copier l'image quand tu en auras besoin.

    Étape 3, on s'y met:

    Tu as choisi tes C4D / fonds préférés ?
    Alors on va commencer par le premier, celui de ton choix. Clic droit, copier.
    Tu vas ensuite sur ton fond coloré et tu le colles; pas d'image pour ça parce que c'est vraiment basique.
    Tu peux déplacer et redimensionner le calque à ta guise pour le placer où tu veux. (Clic droit, transformation manuelle)

    Ensuite, tu vois à ta droite, y a un onglet "calques" ? Sinon, le gif est là pour ça.
    Normalement ton calque est en normal. Clique sur "Normal", et une liste s'affichera : tu peux choisir soit "Incrustation", soit "Superposition".
    Choisis celui qui te convient le mieux.


    Ensuite, tu peux changer l'opacité. Juste à droite, il y a écrit "Opacité": tu peux changer le pourcentage. De préférence, tu devrais aller entre 5% et 30%.

    Étape 4, suspense:

    Tu vois l'étape 3 ? Bah tu la répètes en boucle. Avec tous les C4D que tu as choisis. Un par un, tu vas les coller par dessus, puis mettre en "Superposition" ou "Incrustation", et ensuite changer l'opacité.
    Voici un exemple de ce que ça fait avec les calques "invisibles" puis les mettant en "visible" au fur et à mesure (donc le travail étant déjà fait):

    Bonus:

    T'as trouvé un super C4D, ou fond, mais il est pas de la bonne couleur ?
    C'est pas grave, tu peux la modifier !
    Pour cela, ouvre ledit C4D / fond dans une nouvelle image, et colle le-y.
    Ensuite, dans les onglets en haut à gauche, clique sur "Image", puis "Réglages", puis "Teinte/Saturation" (ou fais direct Ctrl+U si t'es un pro du clavier)


    Ensuite, fais glisser le petit curseur sur "Teinte" jusqu'à obtenir la couleur que tu veux !

    Et voilà, plus qu'à copier-coller !

    Produit fini:

    Voilà, c'est terminé. Vous devriez avoir un truc comme ça:

    C'est très basique mais selon les calques que vous utilisez, ça peut-être très joli. (D'ailleurs je l'utilise très souvent)
    Autres exemples :


    Voilà, j'espère que ça vous aura servi à quelque chose !






    Apprenti(e)

    Jan

    avatar
    Apprenti(e)

    Marchands
    Féminin Âge : 17
    Messages : 893
    Clés : 4
    Date d'inscription : 26/08/2016


    Profil

    Message par Jan le Sam 24 Mar - 19:41

    Tutoriel n°2: Cadre
    Photofiltre - Débutant

    Aujourd'hui nous allons voir comment créer votre propre cadre sur Photofiltre sans utiliser les cadres automatiquement proposés. C'est ultra simple et original !

    Étape 1, ouvrir votre image:

    Bon, la base de la base : pour les tout débutants, comment ouvrir son image.
    Prenez donc votre image déjà terminée, avec plus rien d'autre à modifier dessus que le cadre. Je vais là utiliser l'image du tutoriel précédent pour des raisons de flemme.
    Cliquez sur le petit icône jaune "Ouvrir" en haut à gauche (ou faites directement Ctrl+O si vous êtes un pro du clavier), sélectionnez votre image, et cliquez "Ouvrir". Tadaa !


    Étape 2, contour:

    Commencez par sélectionner votre image dans sa totalité (faites directement Ctrl+A si vous êtes un pro du clavier).
    Faites ensuite un clic droit, et cliquez sur "Contour et remplissage".
    Dans "Options de contour", choisissez une couleur totalement opposée à la couleur de votre image. (En général des couleurs bien pétantes comme le vert clair ou rose bonbon feront l'affaire, à vous de voir selon votre image).
    Choisissez la largeur que vous souhaitez (en général entre 5 et 10). Afin de bien pouvoir choisir, sélectionnez "Aperçu direct" en bas de la fenêtre. Puis validez.


    Étape 3, cadre invisible:

    Désélectionnez l'image, et zoomez si ça peut vous aider.
    Avec l'outil "Baguette magique" (à droite), sélectionnez ensuite le contour coloré que vous venez de faire, puis appuyez sur la flèche "Retour arrière" rouge (ou faites directement Ctrl+Z si vous êtes un pro du clavier). Vous aurez donc une sélection sur du vide. N'y touchez surtout pas, il faut qu'elle reste là.

    Étape 4, changer les couleurs:

    On veut un cadre qui soit dans les mêmes tons que l'image de base, mais ressorte légèrement.
    Utilisez donc les outils de Correction Gamma, Saturation, Luminosité, et Contraste, pour obtenir la couleur que vous voulez pour le cadre. La différence devra être légère mais visible.

    Étape 5, dernière étape:

    En haut, cliquez sur l'onglet "Filtre". Passez votre souris sur "Esthétique", et sélectionnez "Ombre portée."


    Ensuite, modifiez les valeurs : Mettez Delta X à 1, Delta Y à 1, et modifiez l'opacité à votre guise. (De préférence entre 40 et 90) Validez.


    Produit fini:

    Voilà, c'est terminé. Vous pouvez tout désélectionner. Vous devriez avoir quelque chose comme ça :

    Selon les modifications que vous avez faites à l'étape 4, le cadre sera plus ou moins voyant.
    Autres exemples :

    (pas le meilleur exemple puisque majoritairement blanc, mais je n'utilise pas assez cette méthode ces temps-ci !)

    Voilà, j'espère que ça vous aura servi à quelque chose !





    Apprenti(e)

    Jan

    avatar
    Apprenti(e)

    Marchands
    Féminin Âge : 17
    Messages : 893
    Clés : 4
    Date d'inscription : 26/08/2016


    Profil

    Message par Jan le Sam 24 Mar - 22:13

    Tutoriel n°3: Incruster son personnage
    Photoshop - Moyen

    Aujourd'hui nous allons voir comment bien incruster son personnage/render au fond de notre graph afin qu'il n'ait pas l'air tout simplement collé dessus !

    Conseils et informations avant de débuter:

    Notez que pour ce tutoriel il faut utiliser un render (c'est à dire, un personnage dont le contour est transparent). Vous pouvez trouver des render sur google en cherchant "render [nom du personnage]", mais un tutoriel sur comment faire votre propre render arrivera bientôt !
    Remarquez aussi que cette partie du graph doit être faite après la création de votre fond. Ne faites surtout pas ce que ce tutoriel vous dit au tout début de votre œuvre ! Vous seriez perdu.
    Un autre conseil : utilisez un personnage et un fond aux couleurs similaires pour que ce tutoriel marche vraiment bien ! Ce sera aussi plus joli. Je fais généralement mes fonds en fonction du personnage.

    Étape 1, coller le render sur le fond:

    Commençons par la chose la plus basique : tu ouvres ton render via Fichier > Ouvrir (ou Ctrl+O si tu es un pro du clavier) sur Photoshop. Au passage, tu peux en profiter pour enlever tout ce que tu ne veux pas avoir sur ton image (ici, le credit de la personne qui a fait le render, que je remercie) avec l'outil Gomme.


    Ensuite, tu sélectionnes ton image (avec ctrl+A si tu es un pro du clavier) et tu la copies (ctrl+c) avant de la coller sur ton fichier où tu as fait le fond (ctrl+v).

    Étape 2, redimensionner le personnage:

    Tu peux maintenant utiliser l'outil "transformation manuelle" (ctrl+t si tu es un pro du clavier) pour redimensionner et placer ton personnage à ta guise, voire l'incliner si tu en as envie.
    N'oublie pas de vérifier en bas à droite que tu travailles bien sur le bon calque, pour ne pas redimensionner quelque chose d'autre derrière !

    Étape 3, dupliquer le calque:

    Ta mission à présent est de dupliquer le calque 2 fois, afin d'avoir donc 3 fois le même calque. Tu peux le faire dans le menu des calques à droite (ou avec ctrl+j si tu es un pro du clavier). Je te conseille de mettre les calques "copie" sous le calque original pour une raison d'organisation.


    Étape 4, flouter et éclaircir:

    C'est là que ça devient plus difficile à illustrer : à présent, il va falloir rendre les deux calques que tu as dupliqués flous, mais différemment. Avec le premier, sélectionne "Filtre" en haut, puis Atténuation, puis Flou de Forme. Ici, sélectionne une forme - je te conseille quelque chose de carré ou rond. Le rayon doit être à 5 pixels. Puisqu'il est caché par le premier calque, il est normal que tu ne voie qu'une faible différence - si tu rends le premier invisible, tu verras que le second est devenu entièrement flou.


    Ensuite, de même pour le deuxième calque, fais Filtre > Atténuation, mais cette fois-ci sélectionne flou directionnel. L'angle doit être à 0 et le rayon entre 5 et 7. La différence, si tu n'as pas rendu les autres calques invisibles, sera extrêmement discrète.


    Maintenant, mets le premier calque dupliqué en "Incrustation" à 65% et le deuxième en "Superposition" à 70%. (voir gif ci-dessous)

    De même, la différence sera très discrète.

    Étape 5, gommer légèrement le contour:

    Maintenant, et c'est l'étape la plus délicate : sélectionne à nouveau le tout premier calque. Tu vas avoir besoin de l'outil Gomme : modifie son opacité à une opacité entre 9 et 12%. (eh oui, c'est faible !) Pour ce qui est de la taille de la gomme, elle dépendra de la taille de ton image et plan de travail : mais elle doit être petite, sans être minuscule.


    À présent, tu peux zoomer pour être plus près et travailler plus précisément si ça t'arrange, et tu vas devoir gommer le contour de ton personnage ! La différence devra être visible, mais le contour du personnage ne doit pas disparaître pour autant. Tu peux repasser si tu penses qu'il y en a besoin.

    Comme vous pouvez le voir, je travaille par petits a-coups, ce qui me permet de tout de suite repasser si je trouve que ça ne fait pas assez d'effet. L'utilisation d'une tablette graphique me permet de travailler vite, aussi ne vous inquiétez pas si vous allez un peu plus lentement.
    Notez qu'après la vidéo, j'ai repassé une dernière fois sur les plus grosses parties comme les épaules ou la tête pour qu'elle s'incrustent mieux. Donc oui, vous pouvez repasser si vous trouvez ça trop discret ! Et n'oubliez bien sûr pas de gommer autour des petites parties aussi.

    Produit fini:

    Et voilà ! Vous pouvez dé-zoomer, et commencer à travailler sur les autres éléments de votre graph, ou en finir là si vous voulez. Voici le résultat final incrusté :


    Et pour voir la différence, non incrusté :


    Autres exemples, sachant que j'utilise cet effet sur quasiment tous mes graph :



    Notez que (astuces, conseils):

    Selon le style que vous voulez utiliser pour votre graph, ce n'est pas indispensable - mais c'est une bonne méthode à utiliser, très souvent.
    Aussi, vous pouvez profiter de cette technique pour donner un petit contour clair et flou à votre render, qui peut être très joli. Personnellement, j'aime beaucoup.
    Et finalement, sachez que vous pouvez aussi dupliquer plus de calques à flouter, ou choisir des opacités différentes selon vos goûts et ce avec quoi vous travaillez ! Faites des tests, amusez vous !
    Pour que la technique fonctionne "normalement" il faut que le premier calque reste opaque, mais vous pouvez baisser son opacité si vous trouvez ça joli.

    Voilà, j'espère que ça vous aura servi à quelque chose ! Nouveauté de ce tutoriel : si vous copiez-collez le lien des gifs dans votre navigateur, vous pourrez les voir en grand ! Ainsi vous pourrez voir mes techniques plus en détail si vous les trouvez trop petits.








    Contenu sponsorisé




    Profil

    Message par Contenu sponsorisé


      La date/heure actuelle est Lun 18 Juin - 6:09