" Le coin des débutants 3 "

Discussion dans 'Archives Arts graphiques' démarrée par M-Peanuts, 17 février 2016.

Chère utilisatrice, cher utilisateur,

Nous vous informons que vous devez obligatoirement posséder un compte de jeu et vous connecter à celui-ci si vous souhaitez participer au forum. Nous nous réjouissons par avance de votre visite. „Vers le jeu“
Statut:
Fermé aux futures réponses.
  1. M-Peanuts

    M-Peanuts Forum Moderator Team Farmerama FR

    [​IMG]





    [​IMG] Une nouveauté dans ce forum Arts Graphiques .



    * J'ouvre ce sujet pour tous ceux et celles qui débutent ou voudraient commencer
    le graphisme .

    * Je commencerai par des exercices de base, tutoriels faciles, détourage, gérer la transparence, cadre etc..... l'ABC du débutant.

    * Il est évident que ceux qui manient bien la souris, peuvent venir aider, donner des conseils, des idées, des astuces.


    * Je vous demanderai de respecter mêmes les règles que pour les autres topics de ce forum et surtout que ça se passe dans l'entraide, la joie et la bonne humeur.

    M-Peanuts
     
    elioenai53 aime votre message.
  2. M-Peanuts

    M-Peanuts Forum Moderator Team Farmerama FR

    [​IMG]



    [​IMG]



    [​IMG]Ce troisième exercice porte sur les sélections !

    Il se fera en plusieurs étapes .


    [​IMG]


    1 Le détourage
    Je vous donne une image en jpg qu'il va falloir transformer en calque !

    [​IMG]


    Voici un premier lien pour photofiltre
    http://www.photofiltregraphic.com/0...t,une_personne/41_detourer_avec_pf_studio.htm

    Et voici une explication simplifiée :

    Photofiltre
    * Vous ouvrez un fond transparent légèrement plus grand que votre image
    et vous faites un copié/collé de cette image sur votre fond .


    1 Vous agrandissez votre image à détourer avec le zoom

    2 Vous détourez avec l'outil polygone,
    (il est plus maniable que l'outil lasso et vous permet de vous arrêter sans relier la sélection), au plus près de votre sujet .

    3 Une fois votre sélection finie, vous faites :

    * Sélection---inverser
    * Édition---couper


    [​IMG]

    4 Puis filtre---esthétique---contour progressif avec ses paramètres:

    [​IMG]

    * Vous fusionnez le tout et vous enregistrez en png.

    Et voilà mon lapin Photofiltre :


    [​IMG]


    Voici un premier lien pour PSP

    http://www.violettegraphic.com/01pa...tion_lasso_ptapt/04.selection_lasso_ptapt.htm

    Et une explication simplifiée .
    Psp

    * Vous ouvrez un fond transparent légèrement plus grand que votre image
    et vous faites édition---copier---édition---coller comme nouveau calque .


    1 Vous agrandissez avec la loupe + ou -

    2 Vous détourez avec l'outil lasso ( point à point ) au plus près de votre sujet.

    [​IMG]


    3 Une fois votre sélection finie, vous faites :
    * Sélection---inverser
    * Édition---couper


    4 Réglage---douceur---flou artistique .

    [​IMG]


    * Vous fusionnez le tout et vous enregistrez en png.

    Mon lapin PSP


    [​IMG]


    [​IMG]


    Merci à Soja pour ce doodle qui correspond bien
    à cet exercice !

    Pour ma création d'entête j'ai utilisé:
    Les ombres portées
    Un mask
    Une sélection

    Bon exercice !

    [​IMG]M-Peanuts



    https://board-fr.farmerama.com/index.php?threads/le-coin-des-débutants-3/#post-3


    Récapitulatif des tutoriels et explications
    de cette partie N° 3


    2) Sélection Baguette magique

    https://board-fr.farmerama.com/index.php?threads/le-coin-des-débutants-3.25423/page-3#post-345000

    3) Les sélections transformées


    https://board-fr.farmerama.com/index.php?threads/le-coin-des-débutants-3.25423/page-5#post-349122


    outil sélection de Gimp


    http://docs.gimp.org/fr/gimp-tools-selection.html


    4) Insérer une image

    dans la sélection.

    https://board-fr.farmerama.com/index.php?threads/le-coin-des-débutants-3.25423/page-6#post-351660


    Tutoriel sélection Pfs et Pf7


    http://gloubiweb.free.fr/tutoriel_goutte.htm



    Tutoriel sélection Psp


    http://www.abcpsp.com/tutoriels/serie1/leschats/les chats.html


    Tuto " Les chats Photofiltre7 et studio


    https://board-fr.farmerama.com/index.php?threads/le-coin-des-débutants-3.25423/page-9#post-355996


    Explications pour garder le montage de vos créations


    https://board-fr.farmerama.com/index.php?threads/le-coin-des-débutants-3.25423/page-10#post-358330

    5) Les sélections prédéfinies

    et persos PF et Psp

    Tutoriel sélectionPhotofiltre


    Tutoriel sélection Psp( tuto abeille )


    https://board-fr.farmerama.com/index.php?threads/le-coin-des-débutants-3.25423/page-10#post-359577

    6) Texte sélectionné et le tuto " abeille " pour Pf


    https://board-fr.farmerama.com/index.php?threads/le-coin-des-débutants-3.25423/page-12#post-363207

    Lien tuto des sphères en sélection et du damier mosaïque

    http://payet-nathalie.blogspot.fr/search/label/PhotoFiltre




     
    Dernière modification: 20 mai 2016
  3. CopyCat®

    CopyCat® Fondu du Forum

    Chouette un nouvel exercice !!
    Merci et Bonjour M-Peanuts.
    J'espère que ton mal de dos n'est plus qu'un mauvais souvenir...
     
    -Romy77-, hernoine et elioenai53 aiment votre message.
  4. Abeille81

    Abeille81 Auteur Actif

    Bonjour,
    et c'est reparti pour un tour :), merci M-Peanuts
    il me tarde de commencer cet exercice, mais aujourd'hui j'ai une journée chargée. je vais me dépêcher de finir mon boulot
     
    -Romy77- et elioenai53 aiment cela.
  5. M-Peanuts

    M-Peanuts Forum Moderator Team Farmerama FR

    Bonjour mes graphistes :)

    Merci de vos petits messages d'attentions !!


    Nous allons avoir beaucoup se choses à faire sur ce sujet,
    le détourage n'est qu'un infime partie .


    Je me prépare donc pour les futures corrections :p

    M-Peanuts
     
    -Romy77- et elioenai53 aiment cela.
  6. CopyCat®

    CopyCat® Fondu du Forum

    Et revoilà, l'élève pas douée :cry:

    Tout se passe bien pour le détourage, mais je ne parviens pas à l'avoir sans le fond quadrillé, pourtant quand je le déplace il est bien détouré, enfin je pense puisqu'il il est bien sur un fond transparent. Je l'ai également dans une version où je peux déplacer juste le lapin, mais il y a toujours ce fond. Comment l'en détacher ?
    Le détourage en lui-même n'est pas parfait, mais je voulais d'abord tester le reste du tuto.


    [​IMG]

    Merci de m'aider, si l'une de vous passe par-ici ;)
     
    -Romy77- et elioenai53 aiment cela.
  7. marrap11

    marrap11 Commandeur du Forum

    Coucou
    il faut fusionner les calques.
    Puis enregistrer au format PNG
     
    -Romy77- et elioenai53 aiment cela.
  8. CopyCat®

    CopyCat® Fondu du Forum

    Coucou marrap, j'ai fusionné (c'est bien fusionner tous les calques ?) Puis j'enregistre en PNG, et une fenêtre s'ouvre :

    [​IMG]

    Là, je clique OK ne sachant pas vraiment ce que cela veut dire, et dans mon dossier j'ai ça :

    [​IMG]
    Je suis pas à pas le tuto, je suis perdue sans, de toutes les façons :music:.
    Alors je ne sais pas ce qui se passe... Mais donc tu as la même chose que moi à l'écran avant de fusionner et d'enregister ?
    Merci du coup de main, je vais continuer à chercher de mon côté aussi.

    Edit: je me suis déjà affolée pour rien, c'est bien devenu un tube !! Maintenant je vais améliorer le détourage.

    [​IMG]
     
    Dernière modification: 18 février 2016
  9. littlefarmer32

    littlefarmer32 Avancé

    CopyCat@ : le fond quadrillé gris et blanc représente un fond transparent ! quand tu enregistres en .png, il n’apparaît pas (je veux dire quand tu visionnes ton tube avec un autre logiciel).
     
    elioenai53 et -Romy77- aiment cela.
  10. CopyCat®

    CopyCat® Fondu du Forum

    Merci littlefarmer, on oublie si vite, comme je n'ai rien pu faire depuis plusieurs semaines, ça n'est qu'après avoir écrit ici que je me suis souvenue que les tubes étaient toujours sur un fond quadrillé :oops:
    Et faut dire en plus que c'est vite l'affolement général quand je n'arrive pas à comprendre o_O
     
  11. marrap11

    marrap11 Commandeur du Forum

    Ben tu vois, ça marche : )

    Moi, j'ai pas encore essayé. Je verrai ce soir
     
    elioenai53 et -Romy77- aiment cela.
  12. Soja64

    Soja64 Légende vivante du forum

    Coucou : )

    Pour Little, le lapin, en ellipses. : )

    On colle l'image du lapin non détouré sur le calque 1 (qu'on renomme Lapin pour l'occasion - Calque/Renommer calque). Et on verrouille le calque Lapin (petit cadenas à côté du nom Lapin).
    Calque/Ajouter calque : Corps/Au-dessus calque courant.
    On fait le corps du lapin par ordre du plus loin au plus près : postérieur droit, antérieur droit, pompon, corps, postérieur gauche, antérieur gauche. On sélectionne le tout avec la flèche de sélection, Chemin/Objet en chemin.

    [​IMG]

    Toujours avec tous les objets sélectionnés, on clique sur la pipette, puis dans une zone claire du lapin. On choisit d'enlever les contours et on met en 40 d'opacité (c'est pour voir ce qu'on a dessous). On désélectionne le tout en cliquant n'importe où (on avait pensé à cliquer sur la flèche de sélection AVANT, sinon on a changé la couleur de ses ellipses et on fait CTRL Z pour annuler, mais ça énerve).
    Gros zoom sur l'ellipse de l'antérieur droit, sélection, on positionne l'ellipse correctement sur la pattoune, clic sur l'éditeur de noeuds. Toutes les ellipses ont quatre noeuds doux par défaut. Clic sur le noeud du bas, allongement de la poignée gauche. Clic noeud milieu gauche, déplacement du noeud vers la droite. Clic noeud du haut, allongement poignées droite et gauche. Clic noeud bas, touche Maj maintenue, clic noeud milieu gauche, Insérer nouveaux noeuds (icône sous Fichier), clic sur le nouveau noeud, Rendre durs les noeuds sélectionnés (icône sous Objet). Tripatouillage des poignées et déplacement du noeud jusqu'à obtention du devant de la pattoune. Sélection de l'antérieur droit, opacité 100, éventuellement pipette pour choix d'un coloris un peu plus sombre (dans le lapin).
    On passe au postérieur droit, puis au pompon, puis au corps et aux deux pattes gauches en suivant le même procédé.

    [​IMG]

    On verrouille le calque Corps et on le masque (oeil et cadenas à côté du nom du calque). On crée un calque Oreilles, au-dessus du calque Corps. Deux ellipses (là, on vient de se rendre compte qu'on n'a pas la bonne couleur, on sélectionne ses deux ellipses, on choisit le calque Corps, on appuie sur l'oeil, pipette, clic dans un objet du corps re-oeil, et re-clic sur une oreille). Pour orienter les ellipses, deux clics à l'intérieur, les flèches de direction changent d'apparence, on clique sur les flèches des coins pour modifier l'orientation. Y a plus qu'à sculpter les oreilles. Puis deux nouvelles ellipses plus petites, pour l'intérieur rosé. Une fois l'intérieur des oreilles faits, clic sur un, Maj enfoncé, clic sur l'autre, CTRL C/CTRL V. On déplace un peu, si ça gêne. Pipette, clic dans un coin clair du lapin. Clic sur icône de sélection (sinon on est toujours avec la pipette, ça va énerver), puis clic sur flèche de déplacement du bloc des deux ellipses (en bas à droite, elle devient verte quand on est dessus). On agrandit légèrement. Objet/Descendre. On déplace le tout vers les oreilles ... les deux parties claires viennent s'insérer entre l'oreille et l'intérieur (c'est magique !!).

    [​IMG]

    A ce stade, si ce n'est déjà fait, on pense à enregistrer son boulot, sinon ça va être un grand motif d'agacement en cas de bug d'Inkscape. : ) Puis on enregistrera régulièrement par la suite, avec CTRL S.
    On verrouille et on masque Oreilles. On crée le calque Tête au-dessus. (Si on n'est pas dans le bon ordre des calques, Calque/Monter ou Descendre le calque). Là, on ruse : petite ellipse blanche pour le menton (pas oublier : Pipette dans lapin pour choix plus rapide des couleurs), puis grosse ellipse beige pour la tête. Ellipse noire pour l'oeil. On copie l'oeil, on met en plus grand, plus clair, on insère la copie entre le museau et l'oeil pour faire le tour clair. Puis deux ellipses plus sombres pour le nez et le front. Clic sur Tracer des courbes de Bézier pour faire les contours du nez (de préférence Forme : triangle croissant ou décroissant) et la bouche (Forme : aucune).


    [​IMG]

    On enregistre ? ; )
    On en profite pour voir où on en est : clic sur les yeux des calques (et on masque le calque Lapin).

    [​IMG]

    On a la base, y a plus qu'à affiner avec des dégradés et/ou quelques ellipses supplémentaires... on repart sur le calque Corps (on verrouille Tête, on masque tous les calques dont on n'a pas besoin).
    La queue : on sélectionne, on ouvre la fenêtre Remplissage et Contour, on choisit sans contour et Fond Dégradé linéaire. On clique sur l'icône Créer et Editer des dégrader (au-dessus de la pipette). Normalement, le carré est de la couleur beige du corps, donc on clique sur le rond à l'autre bout et clic sur pipette, clic dans lapin sur une couleur sombre. Reclic sur Créer et Editer des dégradés pour mélanger et orienter son dégradé en manipulant les poignées ronde et carrée.

    [​IMG]

    Voilà, on ajoute des objets, on ajuste, on travaille les contours, l'opacité et les dégradés ... c'est au choix de chacun. Bonne prise de tête, Little. : ))


    [​IMG]


    Grosses bises à toutes. : )

    PS : Marrap, voilà, tu l'as eu ton tuto n°352 ! : D

    PPS : Copycat, tu tiens le bon bout. : ))
     
  13. CopyCat®

    CopyCat® Fondu du Forum

    Soja, je suis scotchée !! Non seulement le résultat est une véritable réussite, mais alors tes explications sont un rêve pour quelqu'un comme moi... Tu maîtrises à fond le sujet, chapeau bas :inlove:
     
    elioenai53, -Romy77- et hernoine aiment votre message.
  14. littlefarmer32

    littlefarmer32 Avancé

    Soja :inlove::inlove::inlove: merci le tuto ! Tu as lu dans mes pensées "comment je vais le faire avec Inkscape ?" MERCI !!!
    Donc "ya pu ka" ! :music:

    edit
    (ah et au fait ! ne viens plus dire que tu ne sais pas préparer un tuto ;D)
     
    Dernière modification: 18 février 2016
    elioenai53, -Romy77- et hernoine aiment votre message.
  15. nana1954

    nana1954 Légende vivante du forum

    Bonsoir :)

    Bon il a les pattes et le bas du ventre un peu carré-.-

    [​IMG]
    (fait avec PF)


    [​IMG]
    (fait avec PS)
     
    Dernière modification: 18 février 2016
  16. -Petitange-

    -Petitange- Padawan

    Bonsoir,

    @CopyCat® t'inquiètes pas, tu n'es pas seule, je dois souvent revenir en arrière et faire plusieurs essais avant d'obtenir une image plus ou moins correcte à mes yeux. ;)

    @Soja64 quel tuto et quel bouloto_O, je vais déjà me familiariser à Photofiltre comme il se doit avant de connaître inkscape :oops:


    [​IMG]
     
  17. marrap11

    marrap11 Commandeur du Forum

    Je ne sais pas pourquoi, mais je sens que ça va pas m'amuser longtemps, de détourer les petits lapins -.-

    [​IMG]
    Je ne sais pas pour vous, mais chez moi, il met une épaisseur mini de 3 pour le contour progressif
    Alors ça fait un peu trop blanc tout autour du lapin
     
  18. littlefarmer32

    littlefarmer32 Avancé

    Quelle impatience ! On reconnait les mordues !xDxDxD
    Hé hé, c'est l'étape facile ! attends la suite : Peanuts a dit "exercice en plusieurs étapes" !
    (pis tu peux toujours t'amuser avec d'autres images, y'a plus compliqué ! essaie un voilier, tu vas voir, ça rigole déjà moins :wuerg: les différents cordages, quelle galère !)
     
  19. CopyCat®

    CopyCat® Fondu du Forum

    Bonjour les patients et les impatients ;)

    Alors moi aussi j'ai minimum 3 pour le contour progressif et pas moyen de le mettre sur 2.
     
    elioenai53 et -Romy77- aiment cela.
  20. Abeille81

    Abeille81 Auteur Actif

    Bonjour,
    Je confirme, pour moi j'ai minimum 3 pour le contour progressif. Impossible de mettre sur 2
    mon lapin n'est pas jojo, je vais reessayer avant de l'exposer :D
     
    elioenai53 et -Romy77- aiment cela.
Statut:
Fermé aux futures réponses.