Accueil Coin des artistes

Les tutos Gimp-2.8 de Jonquille

jonquille62jonquille62 Messages: 1,402
Modifié (01.12.2014) dans Coin des artistes
Ma galerie (ré-ouverte)
http://fr.board.goodgamestudios.com/bigfarm/showthread.php?50226-Galerie-r%C3%A9elle-et-virtuelle-de-jonquille

Sur cette page je vous ferai partager ce que je connais et apprend encore de Gimp-2.8
Avant j'utilisais photoshop, mais depuis quelques semaines je m'attaque à Gimp-2.8
(prière de ne pas flooder SVP de manière à ce que cette page reste lisible).
Note: J'ouvre cette conservation pour ne pas encombrer les différents topics qui existent déjà +/- sur ce genre de sujet.
les patterns,fonds et brosses libres pour tous que je créerai au fur et à mesure
http://fr.board.goodgamestudios.com/bigfarm/showthread.php?77194-Fonds-patterns-brosses-de-Jonquille-disponibles-pour-tous
Post edited by jonquille62 on
«13

Réponses

  • jonquille62jonquille62 Messages: 1,402
    Modifié (16.12.2013)
    1° Ouvrir une nouvelle image (ctrl N ) avec les coordonnées suivantes*:
    mode niveau de gris - fond transparent
    643967Clipboard21.jpg

    2° dessiner votre brosse

    363589Clipboard22.jpg

    3° sélectionner la brosse
    calque > transparence > alpha vers sélection

    844950Clipboard01.jpg

    cela donne ceci ( même si les pointillés ne sélectionnent pas toute l'image, tout sera en réalité pris en compte dans la brosse)

    542159Clipboard02.jpg

    4° sauvegarder la brosse*: ( il existe deux méthodes)

    Méthode 1

    Edition > copier
    Edition > coller comme > nouvelle brosse

    170523Clipboard03.jpg

    dans la fenêtre nommé votre brosse et exporter

    248686Clipboard04.jpg

    adresse de téléchargement des brosses dans gimp*:

    186583Clipboard05.jpg

    la brosse apparaît directement dans la fenêtre brosse
    si vous ne la voyez pas,réactualisez les brosses en cliquant sur l'icône des deux flèches en bas à droite de la fenêtre brosse (en vert sur mon image)

    601669Clipboard06.jpg


    seconde méthode*:


    exporter l'image au format .gbr dans le dossier dans gimp-2.8 (sous-dossier brush )
    pour cela aller:
    fichier > exporter


    898888Clipboard07.jpg

    dans la fenêtre exporter image sélectionner le type de fichier adéquat:
    (clic en bas à gauche sur "sélectionner le type de fichier selon l' extension") et choisir "brosse GIMP"

    363050Clipboard08.jpg

    s'ouvre la fenêtre suivante: nommer votre brosse et exporter

    742120Clipboard09.jpg

    La brosse sur cet exemple a été créée en mode niveau de gris.

    Pour l'utiliser avec des couleurs il faudra que vos futurs documents soient créés en mode RVB


    452614Clipboard10.jpg

    Ensuite place à votre créativité

    872928Clipboard11.jpg
  • cel8 (FR1)cel8 (FR1) Messages: 1,313
    Modifié (20.12.2013)
    j'avais pas vu (je suis très absente en ce moment) mais enfin un tuto de toi, jonquille !!!! :):):)
    hi58.png
    Un petit monde de rêve !
    (Et une signa de Free ;) )

    Cannibale - Carnivore - Omnivore - Végétarien - Végétalien
  • mélusine3 (FR1)mélusine3 (FR1) Messages: 1,164
    Modifié (22.12.2013)
    Bonjour,

    Merci merci merci! :)
    (et un encouragement à continuer à proposer quelques petits trucs sur Gimp (ou autre))

    Bon j'ai des messages d'erreurs, mais cela semble provenir de mon parefeu qui m'a sandboxé Gimp sans me demander mon avis... pas glop :(
    Jusque-là je faisais des pseudos-brosses tampons en enregistrant mes "brosses" comme de simples images avec transparence... un moyen comme un autre, mais largement perfectible ^^
    mélusine3 @ fr1
  • jonquille62jonquille62 Messages: 1,402
    Modifié (23.12.2013)
    Ah ben j'ai une question: si y a du blanc autour de l'image et que j'enregistre en .PNG, ça fera la transparence?

    Sur Gimp: Pour enregistrer une image avec une transparence Alpha, au format png, il faut avoir un canal Alpha. Pour savoir si une image possède un canal Alpha, il faut ouvrir la fenêtre du Dialogue des canaux et vérifiez qu'en plus des canaux Rouge, Vert et Bleu, il existe un canal Alpha. Si ce n'est pas le cas, il faut ajoutez un canal Alpha à partir du menu des Calques.
  • samy606 (FR1)samy606 (FR1) Messages: 1,043
    Modifié (23.12.2013)
    Bon ben déjà c'est quoi canal rouge, alpha, vert, bleu?
    tealpng
    Un petit détour pour aller voir mon site ?
    (Qui d'ailleurs a un nouveau forum ! :o )
  • SystemSystem Messages: 106,432
    Modifié (23.12.2013)
    Bon tuto, continue
  • jonquille62jonquille62 Messages: 1,402
    Modifié (30.12.2013)
    Tuto Gimp
    Lol bon allé j'en tente une autre

    bclv.png
    Fait sur PowerPoint encore, j'arrive à inserer l'elfe dans l'image, comme si elle surveillait le chateau, mais avec GIMP c'est mission impossible ! si quelqu'un en MP peut me l'expliquer ...

    Pour donner l'impression que l'elfe surveille le chäteau ( pour Laure)
    le résultat
    973099tutoange.png

    les 2 images*de bases:

    image1
    paysage-elfique-2493468e51.jpg?w=474
    image2
    elf_1010.jpg

    Procédé utilisé:

    1° ouvrir une nouvelle image à la taille désirée
    ici 400*250

    ouvrir en tant que calque l'image 1 la redimensionner à la taille 400*250 et ensuite calque >calque aux dimensions de l'image

    2° ouvrir l'image 2 toujours en tant que calque, la redimensionner de manière à ce que l'elfe aie à peu près à cette dimension (voir photo) mini_693396Clipboard02.jpg
    note:
    Note pour redimensionner l'image:
    je vais essayer de t'expliquer la marche à suivre en image:
    mini_631055Clipboard08.jpg
    mini_219477Clipboard09.jpg
    mini_852365Clipboard10.jpg
    mini_678633Clipboard11.jpg
    une fois l'image à la bonne dimension:
    3° allez dans calque >calque aux dimensions de l'image
    4° mettre l'image2 en mode multiplier
    cela donne à peu près ceci

    dans la fenêtre des calques*: sur le claque clic droit > ajouter un masque de calque, ne rien changer aux paramètres.
    Sélectionner le masque (il doit avoir un contour blanc ce qui indique qu'il est sélectionné)
    Avec une brosse ronde floue passer sur le pourtour de l'image de l'elfe de manière à ce que celle-ci s'incruste dans l'image (le pinceau blanc laisse apparaître l'image du dessous, pinceau noir fait réapparaître l'image du dessus )
    Le masque de calque facilite les retouches nécessaires.
    choisir l'opacité selon votre idée (pour mon exemple: c'est 80%)
    mini_815880Clipboard03.jpg
    Aplatir l'image
    mini_477383Clipboard06.jpg
    utiliser l'outil perspective pour donner l'effet de perspective
    le cadre:
    mini_477383Clipboard06.jpg
    Pour cela se rendre sur: calque > transparence > alpha vers sélection
    ensuite édition > tracer la sélection dans la fenêtre qui s'ouvre choisir les paramètres souhaités.
    191922Clipboard07.jpg
    801688Clipboard08.jpg
    Voilà c'est fini il n'y a plus qu'à enregistrer au format png.
    le résultat
    367925tutoange.png
  • jonquille62jonquille62 Messages: 1,402
    Modifié (30.12.2013)
    rien de plus simple que de faire de jolies brosses en formes de bulles
    Faire des bulles*:
    le résultat:
    626457Clipboard13.jpg

    ouvrir une nouvelle image 400*400 mode transparence
    645579Clipboard01.jpg
    y créer un cercle, le remplir de noir
    mini_406664Clipboard02.jpg
    garder toujours le cercle sélectionné durant toutes les opérations
    sélection> réduire > 1 (ou + si l'on veux)
    ensuite delete
    mini_431011Clipboard04.jpg
    faire tache blanche avec une brosse floue sur les bord de la bulle
    avec une brosse plus petite et pleine refaire des petits ronds blancs opaques
    mini_511064Clipboard05.jpg

    appliquer un flou cinétique tel qu'indiqué ci dessous
    601858Clipboard06.jpg
    pour obtenir à peu près ceci:

    872306Clipboard07.jpg
    ajouter un calque
    utiliser l'outil dégradé le définir comme suit*:mode radial et une opacité de 12

    mini_741481Clipboard08.jpg
    l’appliquer sur le nouveau calque
    mini_799237der.jpg
    fusionner vers le bas
    pour enregistrer la bulle comme brosse
    désélectionner la bulle
    édition > copier > edition < coller comme brosse
    et voilà votre brosse en forme de bulle est terminée et enregistrée

    442644Clipboard13.jpg

    résultat sur un fond noir et sur un fond blanc
  • cel8 (FR1)cel8 (FR1) Messages: 1,313
    Modifié (30.12.2013)
    Buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuulles ! Merci Jonquille !
    hi58.png
    Un petit monde de rêve !
    (Et une signa de Free ;) )

    Cannibale - Carnivore - Omnivore - Végétarien - Végétalien
  • laure3181 (FR1)laure3181 (FR1) FR1 Messages: 1,142
    Modifié (30.12.2013)
    Merci pour le tuto Jonquille !
    Mais quelle galère GIMP sérieux .... je suis pas arrivée au bon résultat j'abandonne c'est trop casse tete ! Moi le pinceau ça n'a pas adoucit les bords mais ca me faisait un trait noir (jai donc utiliser loption "retirer les couleurs" mais je sais plus ou ^^ ), le truc des calques j'ai toujours rien compris (il ny a pas eu de contours blanc quand jai tenté de le selectionner) bref et jen passe !

    gdu5.jpg
     
    Signature d'Anjea
    Coop Lalita-Lalito : tu veux jouer avec nous ? Pas de stress mais coop active, Clique  ICI ou toque directement sur le jeu !
    Pas de tchat obligatoire, pas de don non plus, viens juste pour jouer avec plaisir :) 
  • jonquille62jonquille62 Messages: 1,402
    Modifié (30.12.2013)
    laure31812 a écrit: »
    Merci pour le tuto Jonquille !
    Mais quelle galère GIMP sérieux .... je suis pas arrivée au bon résultat j'abandonne c'est trop casse tete ! Moi le pinceau ça n'a pas adoucit les bords mais ca me faisait un trait noir (jai donc utiliser l'option "retirer les couleurs" mais je sais plus ou ^^ ), le truc des calques j'ai toujours rien compris (il ny a pas eu de contours blanc quand jai tenté de le selectionner) bref et jen passe !

    gdu5.jpg
    pour ton elfe (donc sur le calque de l'elfe c'est peut être plus simple si tu utilise la gomme avec une brosse floue avec un niveau d'opacité de 50% pour effacer les bords petit à petit.
    la méthode que je donne n'est pas la seule: beaucoup de chemins peuvent être pris pour avoir les mêmes résultats. Te décourage pas gimp est très facile, mais il faut bien connaître les outils et faire beaucoup d' essais pour tester les différents effets.
  • laure3181 (FR1)laure3181 (FR1) FR1 Messages: 1,142
    Modifié (30.12.2013)
    jonquille62 a écrit: »
    pour ton elfe (donc sur le calque de l'elfe c'est peut être plus simple si tu utilise la gomme avec une brosse floue avec un niveau d'opacité de 50% pour effacer les bords petit à petit.
    la méthode que je donne n'est pas la seule: beaucoup de chemins peuvent être pris pour avoir les mêmes résultats. Te décourage pas gimp est très facile, mais il faut bien connaître les outils et faire beaucoup d' essais pour tester les différents effets.

    Je retenterai demain alors :) la pour ce soir GIMP m'a vaincu par KO ^^ tout ce qui est informatique quand jy arrive pas ça m'énerve vite :o mais promis je retenterai :) car j'aimerai bien avoir + d'option qu'avec PowerPoint ! En tout cas vraiment merci Jonquille et a tous ceux qui m'aident en MP ! je suis un cas désespérée j'avoue :o
     
    Signature d'Anjea
    Coop Lalita-Lalito : tu veux jouer avec nous ? Pas de stress mais coop active, Clique  ICI ou toque directement sur le jeu !
    Pas de tchat obligatoire, pas de don non plus, viens juste pour jouer avec plaisir :) 
  • jonquille62jonquille62 Messages: 1,402
    Modifié (06.01.2014)
    d'autres tuto d'animation avec d'autres logiciels que Gimp ici :http://fr.board.goodgamestudios.com/bigfarm/showthread.php?71047-TUTO-Les-anim%C3%A9s

    Tuto animation gimp
    animation toute simple*: une maison qui ne bouge pas et 2 bonhommes qui apparaissent chacun à leur tour au même endroit.
    j'ai choisi le format signature
    nous utiliserons 3 images: la maison bigfarmpour le fond et 2 images de bonhommes pain d'épices trouvée sur le net pour l'animation (vous pouvez choisir d'autres images bien entendu.)

    le résultat:
    724490bonhommedpice.gif

    les images utilisées
    http://www.hostingpics.net/viewer.php?id=121289BigFarmPoolhouse.png
    http://p6.storage.canalblog.com/60/08/1053292/80813664_o.jpg
    http://2.bp.blogspot.com/-5U5wk3PpNsQ/T5FFIqTZIuI/AAAAAAAAAFg/YasZRn4iqqo/s1600/p'tit+biscuit.jpg

    450*215 fond blanc
    dans fichier j'ouvre une image en tant que calque


    (ici la ferme bigfarm)
    932852Clipboard06.jpg


    je redimensionne l'image
    ensuite je la positionne au bon endroit
    et j'efface les logos inutiles (voir les outils correspondant sur l'image)

    468407Clipboard02.jpg


    je redimensionne le calque afin qu'il soit à la même grandeur que le document de base de la signature (450*215)

    512286Clipboard07.jpg
    j'aplati l'image afin qu'il ne me reste qu'un seul calque (clic droit sur le calque blanc > aplatir l'image)
    j'ouvre l'image du petit biscuit en tant que calque
    je le redimensionne, et le place au bon endroit,
    le fond de mon bonhomme étant bleu je le sélectionne avec la baguette magique et je fais delete (touche de l'ordi)

    mini_275508Clipboard08.jpg


    je redimensionne mon calque à la dimension de l'image
    j'ai a présent 2 calques l'un avec la maison l'autre avec le bonhomme qui sera la première image de mon animation.
    Pour mon animation ( qui sera l'alternance de 2 bonhommes dans des positions différentes)j'ai besoin d'une troisième image
    j'ouvre donc (toujours en tant que calque ) l'image que j'ai choisie (ici un autre petit bonhomme en pain d'épice)
    je fais comme précédemment*:
    redimensionner l'image,
    la placer au même endroit que le petit bonhomme sur fond bleu,
    vérifier que le fond de l'image est bien supprimée
    et ensuite mettre le calque au dimension de l'image comme pour les 2 premières images

    mini_436750Clipboard09.jpg



    pour voir ce que donnera l'alternance de vos 2 images cliquer sur l’œil à gauche de votre calque du dessus
    corriger si il le faut la position de vos personnages.
    Nous avons donc trois images.
    Il faut donc à présent faire en sorte d'avoir 2 images uniquement*;
    l'une comportant le bonhomme N°1 + la maison
    l'autre avec le bonhomme N°2 + la maison

    Nous allons donc dupliquer le calque de la maison (clic droit sur le calque de la maison et dupliquer le calque)
    et ensuite fusionner chacun des bonhommes avec sa maison respective.

    Nous allons fusionner les calques à présent*:
    Pour ce faire clic droit sur le calque du bonhomme N°2 > fusionner vers le bas

    809826Clipboard13.jpg


    796969Clipboard14.jpg

    Attention garder les bonhommes au dessus de leur maison respective
    commencer par fusionner le calque tout au dessus (bonhomme N°2 avec sa maison)
    ensuite faire de même avec le calque du bonhomme N°1
    il doit vous rester 2 calques à présent.

    824940Clipboard15.jpg


    il doit vous rester 2 calques à présent.

    Il ne reste plus qu'à programmer et sauvegarder l'animation

    rien de plus simple nous avons ici une animation toute simple donc que vous pouvez voir en allant
    dans filtre < animation rejouer l'animation
    une fenêtre s'ouvre
    et vous pouvez y lire votre animation
    différent paramètre sont disponible pour faire défiler plus ou mins vite votre gif.


    621858Clipboard18.jpg


    Voilà vous avez à présent une idée de votre animation maintenant il faut l'enregistrer au format GIF

    Pour cela aller dans fichier > exporter

    880569Clipboard19.jpg

    une nouvelle fenêtre apparait
    choisir le type de fichier*: .GIF


    nommer votre fichier et choisir l'endroit ou vous voulez l'enregistrer
    clic sur exporter en bas à droite.


    mini_650175Clipboard20.jpg

    Une autre fenêtre s'ouvre

    804386Clipboard21.jpg

    qui vous permettra de paramétrer votre gif

    cocher les cases comme indiqué et choisissez la vitesse de vos images.
  • Borer3Borer3 Messages: 1,570
    Modifié (06.01.2014)
    merci pour ce tuto
    qxtq.png
  • cel8 (FR1)cel8 (FR1) Messages: 1,313
    Modifié (06.01.2014)
    Tes tutos sont extrêmement précis :) !
    hi58.png
    Un petit monde de rêve !
    (Et une signa de Free ;) )

    Cannibale - Carnivore - Omnivore - Végétarien - Végétalien
  • jonquille62jonquille62 Messages: 1,402
    Modifié (06.01.2014)
    mon petit côté pédagogue sans doute :)
    souvenir du temps où j'animais des ateliers artistiques
  • jonquille62jonquille62 Messages: 1,402
    Modifié (19.02.2014)
    Pour ce tuto j'ai choisi une image simple de rose rouge sur fond blanc
    http://data72.persiangig.com/image/gol%20roz.jpg


    ouvrir votre image (ici une rose rouge sur fond blanc)
    image N° 1
    mini_845610Clipboard01.png

    sélectionner la couleur de fond avec l'outil sélection par couleur (Maj + O ) et supprimez-le avec la touche delete de votre ordi
    image N°2
    mini_222830Clipboard03.png

    NOTE
    j'ai ajouté un autre calque avec du noir comme couleur de fond que j'ai placé sous l'image de ma rose.(voir image N°4) ceci afin de mieux faire ressortir la sélection et vous montrer le liseré blanc indésirable.
    image N°3
    599712Clipboard02.png
    Vous constaterez qu'un liseré blanc apparaît qui ne permet pas de bien fondre le bord de la rose avec le fond noir.
    Nous allons donc remédier facilement à ce petit problème.

    Image N° 4
    mini_733010Clipboard04.png

    Pour ce faire nous allons nous positionner sur le calque «*rose*»
    clic droit , dans le menu déroulant vérifier que votre calque à bien un canal alpha, si ce n'est pas le cas, le créer
    ensuite clic sur «*alpha vers sélection*»
    maintenant ouvrir le menu déroulant sélection et choisir «*réduire*» diminuer de 1 ou quelques pixl (selon l'importance du bord blanc de la rose) personnellement j'ai mis 4 pxl et valider
    vous constaterez que la sélection est légèrement en retrait par rapport au bord de la fleur.
    Nous allons donc aller à nouveau dans le menu «*sélection*» et choisir inverser (ctrl +I )
    faire à nouveau delete sur le clavier de l'ordi

    image N°5

    860941Clipboard06.png

    voilà c'est fait vous constaterez que votre image n'a plus de bord blanc et s'intègre parfaitement au fond noir

    image N° 6 : avant/après

    mini_123814Clipboard8.png

    image N° 7
    mini_644914Clipboard07.png
    vous pouvez à présent supprimer le fond noir qui ne sert plus à rien et enregistrer votre image qui doit apparaître sur un fond transparent, au format png

    NOTE

    n'oubliez pas que chaque image détourée et en png peut être enregistrée comme brosse ou comme pattern
    parfois cela peut servir :)
    exemple:

    mini_862730Sanstitre.png
  • crossing up (FR1)crossing up (FR1) Messages: 4,408
    Modifié (19.02.2014)
    Merci Jonquille

                                  

    merci Free pour cette belle signature

    Ma galerie

  • jonquille62jonquille62 Messages: 1,402
    Modifié (19.02.2014)
    ici une rose rouge sur fond noir à intégrer dans un fond irisé
    133765Clipboard02b.png
    faire un fond flou autour d'une image facilement afin de l'intégrer à un fond

    image de base
    mini_336757Clipboard01.png

    exemple avant / après
    mini_472507Clipboard02.png

    Déroulement:

    ouvrir l'image de base dans Gimp

    créer un second calque que l'on remplira ici d'un dégradé pastel (j'ai choisi pastel rainbow)

    mini_215237Clipboard03.png

    placer ce fond sous l'image de la rose

    Se replacer sur l'image de la rose
    et avec l'outil sélection par couleur, sélectionner le fond de l'image (ici le noir)
    se rendre dans le menu sélection et clic «*inverser*» et delete (touche de l'ordi)

    mini_418155Clipboard04.png

    ensuite clic droit sur l'image de la rose et ajouter un masque de calque , sélectionner comme paramètre «*noir transparence totale*» l'image devient invisible, seul apparaît la sélection vous devez avoir ceci comme image

    mini_790783Clipboard05.png


    avec l'outil brosse (choisir une brosse foncée)
    passer sur la sélection avec la couleur de premier plan (blanc)
    l'image de la rose réapparaît

    mini_433865Clipboard06.png

    A présent rendez-vous dans la boite de dialogue sélection en haut et choisir «*aucune*» (Maj+Ctrl+A)

    Nous sommes toujours sur le calque de la rose, allez dans le menu filtre > flou > flou gaussien choisir les paramètres suivants ( voir image ci-dessous) et valider

    mini_474481Clipboard07.png

    mini_624561Clipboard08.png

    voilà il ne vous reste plus qu'à aplatir l'image

    voici l'image finale
    429654Clipboard09.png

    NOTE le halo autour de la fleur sera différent selon le fond de l'image ici le fond était noir, le halo est donc noir. Avec un fond blanc, rouge, vert etc l'image aura respectivement un halo blanc, rouge, vert etc...
  • jonquille62jonquille62 Messages: 1,402
    Modifié (10.03.2014)
    mon image pour le dernier concours:


    Elfe et dragon créa du concours
    image de départ imposée l'image fait 1366*768

    dark-fantasy-wallpaper1366x76866347.jpg


    image que j'ai rajoutée

    le dragon
    VWju2UgSz4ANBhjKISwmAIBliWU.jpg

    l'elfe

    945299z64k4aa9.gif

    RESULTAT/
    125188Clipboard13.png


    ouvrir le document de base 1366*768

    ouvrir un second document fond blanc de 1366*1366

    copier le premier doc et le coller dans le second document comme nouveau calque (nommé le «*fond*»)
    dupliquer le claque «*fond*» et inverser le verticalement (calque > transformer > miroir vertical )
    glisser le de manière à ce qu'il fasse l'effet d'un miroir
    clic sur la copie et fusionner vers le bas
    avec la brosse barbouillage et une brosse ronde floue harmoniser la flaque brillante du fond

    ensuite dupliquer votre calque et nommez le «*fond1*»

    vous devez avoir pour l'instant dans cet ordre*:

    3 calques

    fond1
    fond
    arrière plan

    nous allons maintenant déterminer la nouvelle perspective de l'image en jouant sur la lumière et la couleur*:
    pour se faire*:

    mettez vous sur le fond 1 allez dans couleur >colorier> et entrez les coordonnées suivantes*:
    teinte 219
    saturation 22
    luminosité 13
    toujours sur le même calque
    utilisez l'outil sélection à main levée pour former le nouvelle perspective de l'image
    (voir illustration1 en vert)

    mini_562477Clipboard02.png
    ILL 1

    ensuite vous allez utiliser l'outil «*barbouillage avec une brosse ronde floue (voir illustration 1 en rouge) de haut en bas pour supprimer l'ancienne ligne d'horizon de l'image de base.


    Seconde partie*:

    la sélection de la perspective est toujours active
    Maintenant nous allons nous occuper de la luminosité de l'architecture
    pour cela créer un nouveau calque que vous nommerez «*lumière»
    peindre en blanc comme sur l'image, régler l'opacité à 50% et ensuite passer le calque en mode «*superposer*»
    mini_775970Clipboard03.png
    ILL 2
    maintenant fusionner le calque vers le bas vous devez vous retrouvez sur le fond 1 le calque «*lumière*», n'existe plus (image2 en vert)
    enlever la sélection de la perspective
    mini_220568Clipboard04.png
    ILL 3

    ajouter un masque de calque ( coordonnées*: blanc opacité complète)
    vérifier que la couleur de premier plan est bien le noir (carré rouge sur l'illustration n°3)
    se positionner sur le masque de calque (carré rouge) et
    avec un pinceau rond régler à 50% d'opacité peindre la partie supérieure de manière à faire réapparaître la couleur de l'architecture dans un ton moins soutenu (plus grisâtre) jouer avec le pinceau blanc ou noir afin d'obtenir une harmonie, dépasser un peu sur les lignes de la perspective afin d'atténuer ses contours. (voir illustration 4)
    mini_471222Clipboard05.png
    ILL4
    dupliquer le calque fond 1 (et son masque de calque par la même occasion) régler le à une opacité de 50% en mode «*superposer*» la luminosité est ainsi renforcée. (ill 5)

    mini_256949Clipboard06.png
    ILL 5
    on peut encore accentuer l'effet miroir/glacé du sol en ajoutant un calque en mode* «*superposer*» placer au dessus de la copie du fond 1,que l'on peint en partie en blanc avec une brosse ronde floue au niveau du sol et au niveau de l'arc supérieur.

    Voir ill 6
    APLATIR L'image le décor est posé
    mini_567158Clipboard07.png
    ILL6

    partie N°3

    nous allons maintenant nous occuper du dragon
    pour cela nous allons ouvrir l'image (qui est au format png) de celui-ci comme nouveau calque

    Ma petite astuce c'est de convertir l'image du dragon en brosse pour cela
    ajouter un canal alpha à l'image du dragon,
    supprimer le fond blanc avec l'outil sélection par couleur
    pour éviter les bords blancs*:
    > alpha vers sélection, sélection réduire de 2 px > inverser la sélection > touche delete de l'ordi
    inverser la sélection à nouveau
    puis enregistrer la brosse*:
    copier, coller comme nouvelle brosse

    nous somme prêt pour positionner les dragons

    ajouter un calque que vous nommer petit dragon

    aller rechercher votre nouvelle brosse (le dragon) , réglée en dynamic off, et dans une taille plus petite (taille 220 environ) puisque le dragon sera le plus éloigné
    nous reviendront sur les détails de lumière par la suite


    nous allons positionner le dragon principal pour cela nous créons un nouveau calque appelé dragon principal

    mini_285417Clipboard08.png
    ILL7
    aller rechercher votre nouvelle brosse (le dragon) , réglée en dynamic off, et dans une taille plus petite (taille 780 environ) puisque le dragon sera le plus proche et doit paraître plus grand
    petit problème*: les deux dragons sont tournés dans le même sens, ce n'est pas très esthétique*! Nous allons donc inverser le calque (ill 7)
    calque > transformer> miroir horizontal > repositionner votre calque convenablement ill09
    mini_584816Clipboard09.png
    ILL 09
    à présent occupons nous de l'ombre de notre dragon
    pour cela dupliquer le calque du dragon principal
    ensuite calque> transformer> miroir vertical
    positionner l'ombre convenablement
    elle est trop grande on va donc la réduire (écraser un peu l'image avec l'outil de mise à l'échelle dans le sens de la hauteur (934 ) largeur (1237) environ
    revérifier la position*: le reflet du dragon doit être juste en dessous mais les pattes des 2 images ne doivent pas se toucher pour plus de réalisme, vous pouvez modifier encore un peu le reflet avec l'outil perspective.
    Ensuite passer le calque en mode valeur, opacité 75%
    ajouter un masque de calque et atténuer quelques traits du reflets au niveau des ailes surtout là ou la lumière est la plus forte
    retourner au petit dragon et faite de même*: masque de calque et atténuer un peu les ailes
    ensuite ajouter un calque juste au dessus du petit dragon, faites une tache blanche sur ses ailes et passer en mode superposer
    placer au dessus du premier plan un calque >faite une tache blanche au niveau de l'arc > et passer en mode superposer
    faite pareil avec le dragon principal*: calque au dessus du dragon, > tache blanche > mode superposer
    mini_801272Clipboard10.png
    ILL 10
    éventuellement vous pouvez faire de même avec le reflet du dragon
    ill10
    voilà pour les dragons
    APLATIR L'image
    Astuce*:
    (éventuellement la copier et la coller comme nouvelle image ( cela peut se faire à chaque grande étape comme cela on a des copies de chaque opération)
    une fois l'image recopiée et collée comme nouvelle image, on peut annuler la commande aplatir et sauvegarder chaque étape dans un dossier séparé.

    étape suivante l'elfe
    faite pareil qu'avec le dragon ouvrir l'image et copier là comme nouvelle brosse cela offre plus de possibilités.
    Nouveau calque, brosse fée >dynamic off, taille 1180 la brosse vous permet facilement de positionner votre elfe grâce à la donnée «*angle*»
    c'est un gros avantage*!
    Ici je l'ai un peu décalée (angle de -13 ° environ ) pour donner l'impression qu'elle est prête à se poser*! Ill11


    mini_955051Clipboard11.png

    ILL 11
    comme pour le dragon ajouter un calque en mode superposer, comme je voulais une touche verdoyante pour rappeler les milieux humides ou poussent des algues et des mousses, j'ai posé des touches de couleurs vertes sur le dragon et sur la robe de l'elfe pour doser les effets, j'ai ensuite ajouter un masque de calque afin de gérer les ombres et lumières de l'elfe et du dragon principal.
    Tout n'est plus qu'une question de dosage.
    Faites appel à votre sensibilité

    mini_703536Clipboard12.png
    ILL 12

    nous arrivons à la fin il ne reste plus qu'à installer le feuillage d'avant plan.

    Je suis certaine que vous avez dans vos brosses de quoi faire à ce sujet*.
    Pareil

    vous créer un nouveau calque,
    vous poser vos éléments et vous créer un autre calque juste au dessus pour poser des touches de couleurs d'ombre ou de lumière en mode superposer
    voilà c'est fini
    ill 13
    125188Clipboard13.png
    il y a quelques différences de tons avec celle que j'ai postée pour le concours (ci-dessous, le dosage étant plus subtil), mais c'est juste dans la gestion des nuances qui se corrige grâce aux calques "peinturlurés" en mode "superposer" et aussi au dosage entre le blanc et le noir des masques de calques. Pour ce tuto, je n'ai pas pris le temps nécessaire pour obtenir le même résultat.
    513c.png
    par contre le mode opératoire est le même.









    .
  • jonquille62jonquille62 Messages: 1,402
    Modifié (23.05.2014)
    Un petit rappel des lois de la couleur, qui est valable pour toutes les créations dans le domaines des arts visuels, y compris les créations infographiques:
    petit rappel tout simple des couleurs primaires:
    bleu/ rouge/ jaune
    la couleur complémentaire d' une couleur primaire est la combinaison des deux autres couleurs.
    L'harmonie sera toujours bonne si:
    au bleu tu associes UNE TOUCHE d'orange ( rouge+ jaune)( en moins grande proportion, il ne faut pas que l'orange "tue" le bleu
    au rouge tu associes du vert
    au jaune tu associes du violet.
    Si tu as une créa en dominance orange, verte ou violette, pour lui donner du "peps" tu ajoutes respectivement UNE TOUCHE de bleu, de rouge ou de jaune.

    Pour donner du "peps " à une création à dominance noir et blanche, une pointe d'une couleur très vive, n'importe laquelle fera l'affaire

    TPE_Lumiere_Lumieres_Chevreul_Delacroix_Double_Triangle.png

    Lorsque vous associez le violet et l’orange le mariage s’opère,
    POURQUOI ? parce qu’ils ont une couleur primaire en commun : le rouge(magenta).

    Violet = Rouge + Bleu (cyan)
    Orange = Rouge(magenta) + Jaune

    Dans le violet il y a le bleu (cyan) qui manque au orange et dans l' orange il y a le jaune qui manque au violet. Du coup, le jaune vient compléter le manque du violet : c’est sa couleur complémentaire.

    Pareil pour les autres couleurs:

    Lorsque vous associez le vert et le rouge(magenta) le mariage s’opère parce que :

    Vert = Bleu+ Jaune
    Magenta = Rouge tirant sur le rose, c'est une rouge plus "froid" que le rouge vermillon
    Dans le Magenta il y a la nuance rouge qui manque au vert. Et dans le vert il y a les nuances de jaune et de bleu qui manque au magenta.

    Les couleurs dites froides sont le bleu, le vert, le gris etc..
    les couleurs chaudes sont le jaune, l'orange, les bruns, le rouge...
    un vert sera plus ou moins froid si il contient plus ou moins de jaune par rapport au bleu dans le mélange bleu/ jaune
    un rouge sera plus ou moins froid si il contient du blanc, une pointe de bleu, ou une pointe de jaune
    Et c'est ainsi pour toutes les couleurs dès qu'elles sont mélangées avec une autre plus ou moins froide, y compris les noirs et les blancs qui peuvent aussi être "rabattus" avec une autre couleur,etc..

    Dans le Magenta il y a la nuance rouge qui manque au vert. Et dans le vert il y a les nuances de jaune et de bleu qui manque au magenta.

    Par exemple un vert bleuté ira très bien avec un rouge rosé ( magenta)

    Paire_de_Verres_vision_relief__3D_-_clip-on_pour_lunettes_de_vue__vert__magenta_1232_v.jpg
  • SystemSystem Messages: 106,432
    Modifié (25.05.2014)
    super jonquile ton tuto, je commnence depuis peu le graph ( totale amatrice), je travail avec gimp et tes conseils vont m'être super précieux.
    merci pour tes tuto ;)
  • jonquille62jonquille62 Messages: 1,402
    Modifié (26.05.2014)
    Merci, Magda56,

    Je continue donc...

    De même qu'un ton chaud donne une impression de proximité alors qu'un ton froid donne une impression d'éloignement. C'est normal puisque dans la vie réelle quand tu regardes au loin les couleurs sont moins vives que vues de près, ton cerveau fait automatiquement la relation ton froid = éloignement. Couleur vive, quelque chose de proche.

    326561essai2.png
  • jonquille62jonquille62 Messages: 1,402
    Modifié (26.05.2014)
    Pour l'exemple j'ai pris un paysage au hasard sur le net:
    paysage (au centre)

    Pour l'image du dessus j'ai éclairci la ligne d'horizon et j'ai accentué le bleu de l'avant du ciel.
    A l'avant de la prairie j'ai ajouté un peu de jaune, vert, orangé (calque en mode superposer) ce qui accentue l'impression de profondeur.
    Par contre pour l'image du bas j'ai ajouté un rouge/brun (couleur chaude, toujours avec un calque en mode superposer), j'ai grisé l'avant du ciel et de la prairie,et mis du jaune sur le fond de la prairie et tu vois qu'on dirait que les nuages sont beaucoup plus proches et plus bas. C'est pourtant la même image.
    310106horizonloignement.png
    Ce sont de petits trucs qui peuvent servir quand par exemple on veut accentuer une idée de profondeur ou d'éloignement *par exemple un train qui avance, un avion qui s'éloigne etc...
    (la coloration n'est pas top,top, mais c'était juste pour expliquer, j'ai pas trop fignolé)
  • jonquille62jonquille62 Messages: 1,402
    Modifié (17.10.2014)
    voici comment faire cet effet avec GIMP:


    Première manière de faire

    Ouvrir votre nouvelle image
    Ouvrir votre renders comme nouveau calque
    le mettre à la bonne grandeur.
    dupliquer le autant de fois que vous voulez et déplacer les calques de manière à remplir l'image
    fusionner les calques dupliqués
    ensuite sélectionner un rectangle très fin( +/ 2 pixels) qui fasse toute la HAUTEUR de votre image
    copier et coller comme nouveau calque
    étendre le rectangle sur toute la largeur de l'image
    repasser votre renders devant
    et voilà
    reste plus qu'à améliorer à votre goût votre création
    Voilà le résultat:
    785146streching.png

    seconde manière de faire:

    217907strechingversion2.png

    Comme dans la manière N° 1
    on part d'un calque recouvert par le renders multiplié autant de fois que nécessaire pour remplir tout l'espace.

    Ensuite on utilise l'outil perspective ( le A bleu au dessus du A noir sur l'image ci-dessous) pour déformer l'image.
    Ensuite on réduit l'image avec l'outil "mise à l'échelle" entouré de rouge sur l'image ci-dessous en réduisant la largeur de l'image à 2 pixel (cela donne une fine ligne à peine visible sur l'écran on valide.

    120970strecching3.png

    Sur ce même calque, à nouveau utiliser l'outil "mise à l'échelle pour cette fois étirer au maximum l'image dans le sens de la largeur
    cela donne ceci ( à noter que l'on peut étirer à droite et à gauche pour obtenir des lignes de même intensité d'un bout à l'autre du calque)


    711259strecching4.png

    Exemple avec *la première manière
    979777strechhing2.png

    Exemple avec la seconde manière de faire
    217907strechingversion2.png

    on voit que l'effet stretching est sensiblement différent dans l'intensité et le netteté des lignes, selon la manière dont on s'y prend
    :)
  • jonquille62jonquille62 Messages: 1,402
    Modifié (17.10.2014)
    Pour faire avec Gimp un fond mosaïque:

    Je sais pas si cela intéressera beaucoup de monde car je ne pense pas que nous soyons nombreux sur ce forum à utiliser Gimp, mais on ne sait jamais, je ferai peut être des émules.

    Donc voici comment procéder
    Dans fichier:
    créer une nouvelle image (ctrl+ N)
    ouvrir votre renders comme calque (ctrl+Alt+O) le mettre à la bonne échelle, ensuite clic droit sur le calque et choisir "calque aux dimensionx de l'image"
    dupliquer le calque autant de fois que nécessaire afin de pouvoir remplir l'image complètement ( pour ce faire déplacer chacune des copies)
    fusionner toutes les copies pour n'en faire qu'une seule

    mini_664152Clipboard05.png

    dupliquer celle-ci


    mini_610122Clipboard01.png

    allez dans "filtre" => *flou => flou cinétique =>cocher la case linéaire => valider
    ensuite dupliquer le calque

    mini_135435Clipboard02.png

    sur ce calque allez dans "filtre" => flou => pixeliser => choisir la grandeur des carrés =>valider
    toujours sur ce calque passer le en mode addition avec une opacité de +/- 60%

    mini_505728Clipboard04.png
    ajouter le calque de votre renders de base à la bonne dimension
    ajouter les détails que vous estimer nécessaire pour parfaire votre image

    mini_388020Clipboard03.png
    et voilà c'est fait :)
  • BondensonBondenson Messages: 2,312
    Modifié (17.10.2014)
    Bravo Jonquille!

    Super clair, c'est une une mine d'astuces très utile pour progresser.
    Merci beaucoup!
    ;):):D
    926600nilsback.jpg
  • cel8 (FR1)cel8 (FR1) Messages: 1,313
    Modifié (17.10.2014)
    jonquille62 a écrit: »
    Je sais pas si cela intéressera beaucoup de monde car je ne pense pas que nous soyons nombreux sur ce forum à utiliser Gimp, mais on ne sait jamais, je ferai peut être des émules.

    Je crois qu'on est nombreux :) !
    hi58.png
    Un petit monde de rêve !
    (Et une signa de Free ;) )

    Cannibale - Carnivore - Omnivore - Végétarien - Végétalien
  • jonquille62jonquille62 Messages: 1,402
    Modifié (17.10.2014)
    Merci Bondenson

    Comme pour les tutos précédents:
    ouvrir une nouvelle image
    ouvrir votre renders en tant que calque
    multiplier le et placer les de manière à occuper toute l'image, fusionner les duplicatas
    mini_555486701.png
    ensuite rendez vous dans filtre =>flou =< flou gaussien=> choisir les paramètres ( pour mon exemple 38)
    valider
    mini_448935562.png
    toujours sur le même calque
    rendez vous dans filtre=> artistiques => carreaux de verre => choisir les paramètres (pour moi ce sera 20 tant pour la largeur que pour la hauteur des carreaux
    574461813.png
    remonter votre renders et placer le comme vous l'entendez : , pour ma part je l'ai mis en mode superposer , opacité 85%)
    J'y ai ajouté des brushs sur un autre calque en mode superposer également
    268485234.png
    Voilà, c'est tout simple et cela à de l'allure! je trouve.
Sign In to comment.