Du nouveau sur tutsps, un super montage photo pour vous expliquer comment faire des îles flottantes en melangenat plusieurs images.

Avant de commencer téléchargez le pack suivant

Nous allons utiliser l’image suivante comme image de fond

Créer des iles flottantes avec Photoshop

Ouvrez l’image suivante avec Photoshop et sélectionnez le grand roché avec l’outil sélection rapide (W) pour les chanceux qui possèdent cs5 utilisez la méthode d’amélioration des contours.

Créer des iles flottantes avec Photoshop

Créer des iles flottantes avec Photoshop

Importez la sélection dans votre document comme ceci

Créer des iles flottantes avec Photoshop

Dupliquez cette dernière cinq ou six fois et collez les morceaux cote-à-cote pour obtenir la forme suivante

Créer des iles flottantes avec Photoshop

Fusionnez les calques de la forme obtenue (Ctrl+E) et prenez l’outil tampon de duplication (S) avec une forme Grunge et un petit diamètre, la zone de l’échantillonnage est le rocher.

Pour utiliser l’outil Tampon de duplication (S) , vous devez définir un point d’échantillonnage sur la zone dont vous voulez copier (dupliquer) les pixels pour les appliquer à une autre zone. Pour utiliser le point d’échantillonnage le plus récent à chaque arrêt/reprise de la peinture, sélectionnez l’option Aligné. Dé-sélectionnez l’option Aligné pour peindre en commençant à partir du point d’échantillonnage initial, indépendamment des interruptions ou des reprises.

Créer des iles flottantes avec Photoshop

Vous pouvez utiliser n’importe quelle pointe de forme avec l’outil Tampon de duplication. Ce dernier vous permet de définir précisément la taille de la zone de duplication. Vous pouvez également définir comment la peinture est appliquée à la zone dupliquée à l’aide des paramètres d’opacité et de flux.

Essayez de faire quelques débris comme ceci

Créer des iles flottantes avec Photoshop

Ouvrez l’image suivante avec Photoshop et essayez de sélectionner le phare la maison et un peu de pelouse

Créer des iles flottantes avec Photoshop

Créer des iles flottantes avec Photoshop

Copiez votre sélection et collez-la juste au dessus du roché

Créer des iles flottantes avec Photoshop

Maintenant prenez l’outil pinceau (B) avec le brushe nuage (disponible avec le pack que vous avez téléchargé) et dessinez des nuages dans un nouveau calque (Ctrl+Shift+N) comme ceci.

Créer des iles flottantes avec Photoshop

Faite à peu près la même chose pour créer d’autres iles

Créer des iles flottantes avec Photoshop

Ensuite ajoutez un calque de réglage de courbe de transfert de dégradé en allant dans Menu > Calque >Nouveau Calque de réglage > Courbe de transfert de dégradé.

Créer des iles flottantes avec Photoshop

Changez son mode de fusion en Lumière crue.

Créer des iles flottantes avec Photoshop

Créer des iles flottantes avec Photoshop

Maintenant créez un nouveau calque (Ctrl+Shift+N) et remplissez le avec du Noir en utilisant l’outil pot de peinture (G) ensuite allez dans Menu > Filtre > Rendu > Halo

Créer des iles flottantes avec Photoshop

Changez son mode de fusion en Densité linéaire – (Ajout).

Créer des iles flottantes avec Photoshop

Créer des iles flottantes avec Photoshop

Ensuite sélectionnez tout les calque et mettez les dans un seul groupe en allant dans Menu > Calque > Nouveau > Groupe d’après les calque (Déverrouillez l’image de fond en cliquant deux fois sur le cadenas pour que ça marche) puis dupliquez tout le groupe (Menu > Calque > Dupliquer le groupe)

Créer des iles flottantes avec Photoshop

Fusionnez le groupe que vous avez créé (Ctrl+E) et allez dans Menu > Filtre > Atténuation > Flou gaussien

Créer des iles flottantes avec Photoshop

Créer des iles flottantes avec Photoshop

Changez son mode de fusion en Couleur plus clair.

Créer des iles flottantes avec Photoshop

Créer des iles flottantes avec Photoshop

Ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Créer des iles flottantes avec Photoshop

Changez son mode de fusion en Lumière tamisée

Créer des iles flottantes avec Photoshop

Créer des iles flottantes avec Photoshop

Ajoutez un calque de réglage Noir et blanc en allant dans Menu > Calque > Nouveau calque de réglage > Noir et blanc et réduisez son opacité à 43%.

Créer des iles flottantes avec Photoshop

Et voilà le résultat final

Créer des iles flottantes avec Photoshop

126 COMMENTAIRES

  1. Tuto déjà vu sur Advanced Création , mais refait à votre sauce et qui pour les débutants ce sera bien plus simple que celui que j’ai vu. Continuez comme à ça, vivement le prochain.

  2. alors la un tres grand respect tres beau resultat

    par contre une petite question pour les morceaux de debris je peux les faire avec des brush de debris ?(si j'en trouve )
  3. Excellent, ça fait au moins 6 mois que j’ai commencé une création de ce type et j’étais pas satisfait du rendu, mais là j’ai la solution ! je peux voir dans les coms que certain enfin « Darkevin » fait souvent de petits clins d’oeil sur la V3….Alors c’est pour quand ? Et je ne veux pas attendre « pour bientôt » 😉 …..Rappel le post du 1er Avril!
    Sinon super tuto 🙂

  4. Bonjour, @zorien le tuto en lui meme est une demande d’un membre et pour te répondre non je ne me suis pas inspiré de ce dernier , c’est juste la texture du début qui est la même c’est tout et   😉

    Cordialement

  5. Grafo tu pourrait pas mettre tes packages en format pris en charges pour mac aussi, parce que c’est pas très pratique là. Après je comprend très bien si tu refuse, ça te prend déjà beaucoup de temps. Merci pour ces tutos géniaux.

  6. Bonjour, je n’arrive pas à arriver à la même forme de l’ile en dupliquant l’originale. qqn pourrait m’aider puisque je vois que tout le monde a réussi..
    merci

  7. Bonjour,@HTMB c’est une surprise 😀 je suis flatté parce que tu me compare avec Tutsplus c’est un site payant avec des graphistes qui sont payer pour leur travail aussi alors désolé si le pauvre tutoriel gratuit de tutsps ne te plait pas.

  8. @Vitou Je vais t’expliquer :
    Tu as ta première partie d’île.
    – Tu dupliques le calque de l’île.
    – Tu le décales vers la droite.
    – Tu le tournes vers la droite.
    – Tu fais en sorte que cela fasse un bout pointu.
    – Tu refais ça jusqu’à ce que ça te convienne 🙂

  9. Je n’ai pas dit que le Tuto me plaisait pas :-O ! De loin pas !
    Bon, j’avoue que je me suis aussi un peu mal exprimé, mais je voulais parler du rendu… LOL
    Et, je pense que tu n’es pas loin (si tu ne l’est pas déjà) du niveau de ces « artistes » 😉

  10. bonjour je voulez savoir si il y a quel qu’un qui peut faire un tuto sur un effet photo a la dragonballZ (super guerrier)ou une boule (kameamea) 🙂

    P.S: vos tuto déchire continuer a faire des effet fantasy

  11. MJ23 ==> Clique sur l’outil pinceau, va sur la flèche en haut, clique sur la flèche à droite, clique sur charger des formes, sélectionne ta brushe et choisis les couleurs que tu veux, ensuite, créer un nouveau calque et peint dessus 🙂

  12. Excelent tuto……Comme d’habitude.J’en apprend de jour en jour. Merci pour le partage de connaissances .(zaratoustra: sympa ton idée !!) .

  13. Bonjour, je ne comprend pas la partie pour dupliquer l’ile, et aussi les contour de mes morceau d’iles sont visible, ça donne des « trait blanc. Quelqu’un pourrait m’aider!!!!!

  14. @alex ==> Je vais t’expliquer :
    Tu as ta première partie d’île.
    – Tu dupliques le calque de l’île.
    – Tu le décales vers la droite.
    – Tu le tournes vers la droite.
    – Tu fais en sorte que cela fasse un bout pointu.
    – Tu refais ça jusqu’à ce que ça te convienne 🙂

    Pour tes contours, utilise ‘outil gomme dureté 0% même si c’est pas très net quand tu zoomes, ça le sera en global 😉

    Bon courage !

  15. Pour les contours le mieux est d’utiliser la commande « supprimer la frange du calque » réglé sur environ 10 pixel et complété éventuellement avec la commande supprimer le cache blanc
    Menu: Calque/cache/supprimer la frange 😎

  16. Salut. Merci pour le tuto, assez sympa…
    Mais chez moi le pb c’est que le pack de brush nuage ne marche pas (comme beaucoup d’autres) sur Cs5.
    Donc je voulais savoir si tu as fait ce tuto sur CS4 ou 5 et si tu sais si les brush sont compatibles…
    Merci

  17. coucou Grafolog merci pour ton site et tout tes tutos,c’est le N°1 dans ma liste de site,j’ai deja fais plusieurs de tes tutos et j’ai beaucoup appris grace a toi,ne m’en veux pas si ce n’est que le 1er com que je te laisse ;-( ,mais pas le dernier promis O-)

  18. « Ensuite sélectionnez tout les calque et mettez les dans un seul groupe en allant dans Menu > Calque > Nouveau > Groupe d’après les calque (Déverrouillez l’image de fond en cliquant deux fois sur le cadenas pour que ça marche) puis dupliquez tout le groupe (Menu > Calque > Dupliquer le groupe)

    Fusionnez le groupe que vous avez créé (Ctrl+E) et allez dans Menu > Filtre > Atténuation > Flou gaussien

    Changez son mode de fusion en Couleur plus clair. « 

    C’est très long ^^ ! Perso je fait, nouveau calque, image=> appliquer une image (entré), flou gaussien, édition => atténuer le flou gaussien à 100% en mode éclairci et voila ^^ !

    Pas besoin de se compliquer avec les groupes la fonction « appliquer une image » le fait en 1s ^^..

    Le moment le plus délicat est pour réussir à construire son île flottante ^^ c’est peut-êtres ce qui découragera les débutants..et aussi au niveau du détourage pour ceux qui n’ont pas la chance d’avoir CS5 (moi j’ai de la chance =P ! xD)

    PS: chez moi le pack nuage a marcher facilement Oo, vous êtes sur de savoir importer un brush ? ^^

    Perso:
    http://a.imageshack.us/img803/7958/

    Bonne journée à tous =) !

  19. Bonsoir tout le monde !
    Étant une débutante à 100%, 🙁 j’ai un problème sur :
    « Ouvrez l’image suivante avec Photoshop et sélectionnez le grand rocher avec l’outil sélection rapide (W)Importez la sélection dans votre document comme ceci »

    J’ai réussi à sélectionner l’image avec l’outil mais comment « j’importe la sélection » pour passer de l’image du rocher à celle des îles flottantes ? :-/
    Est-ce que qqn pourrait m’aider svp ?

  20. @Mitsuwi: plusieurs solutions pour cela, en voici deux

    1 une fois la selection de ton rocher faite, Menu/Edition/Copier, tu te mets ensuite sur l'image du ciel, Menu/Edition/Coller.

    Sinon tu ouvres tes deux images cote a cote dans l’espace de travail, et tu fait un glisser/déposer du rocher sur ton ciel 😎

  21. Bonjour, Super site et super tutos 🙂

    Petite question : Dès qu’on a téléchargé le pack, c’est bon ?
    Ou bien pour le Brushe il faut « l’installer » dans photoshop ?

    Merci

  22. bravo, c’est magnifique, je lai reproduis sans difficultée, j’ai juste rajouté 2 soleils =)
    pour repondre a yopaaa:
    quand tu as télécharger le pack, tu sors les fichier du pack, tu les poses sur ton bureau. ensuite dans photoshop tu va dans ouvrir, et tu les selectionne, et voila
    tu retrouvera les brush dans loutil pinceau
    voilou

  23. bonjour,ton site est extraordinaire!!!!!
    si javé pas que 21ans je te ferai
    un gros chèque direct!!!!!!!!!!!!

    bonne continuation a toi
    et un PUTAIN DE BIGUP au personnage…. LOL LOL

  24. Joli rendu, sauf que le mien est un peu différent ! Les nuages que j’ai créés sont bien blancs alors que ceux existants ont prix une couleur beige marron jaune comme celle qu’on voit chez beaucoup d’entre vous ! Comment leur faire changer de couleur pour qu’ils soient tout à fait incérés dans l’image ?
    Merci !

  25. Bonjours ^^ »

    Mon premier poste ici, et le site est génial !
    Plein de tuto différent, je me régale.

    Cela fait environ un peut plus d’une semaine que je touche à Photoshop CS5 (Oui seulement xD)alors soyez indulgent :siffle:

    Depuis le temps qu’il n’y à pas eu de réponse, cela ne sers peut être à rien de poster, m’enfin 🙂

    Voila mon rendu ! :
    http://imageshack.us/photo/my-image

    Vous en pennsez quoi ? 🙂

  26. @Gui’S : c’est bien. :siffle: Pour un debut 🙂 LOL 😉

    Moi, je vais travailler le tuto ;).

    @ Grafolog : Ce que tu fais c’est super 😀 Jai 13ans et jai deja fait au moins 10 superbes montages grace a toi !!! 🙂

  27. Salut j’ai un problème :/
    Au début quand on fait la sélection on doit importez l’image et je comprend pas trop comment il faut faire quelqu’un peut m’aider svp !

  28. Ok merci bien mais lorsque je détoure l’île ; je fais tous se qu’il faut je colle l’image et la , je vois le ciel dans les feuillages , je m’explique quand il y a un trou dans le feuillage on voit le ciel et puis je vois le ciel dans le trou quand je colle y’a-t-il un possibilité de m’aider svp

  29. Bonjour à tous, n’ayant pas tout compris du tutoriel, celui m’a bien demandé 3heures de travail pour un résultat…..nuageux ^^ Excellent tutoriel mais ceci étant mon premier travail sur photoshop meme j’ai rencontrer des difficultés que je classerais maintenant de…débiles:mdr:. Merci pour ce tutoriel et si jamais des amateurs souhaitent voir mon petit travail(avec plusieurs étapes sautées):http://imageshack.us/photo/my-image
    D’apres moi il y à trop de nuages sur mn travail (devant le phare), mais j’en suis tout content :)J’essayerais d’autres tuto du site bientôt Bonne soirée

  30. Magnifique tuto et rendu . Merci pour tous grâce à vous je progresse petit à petit et commence à saisir tout les outils de photoshop. Bonne continuation 🙂

  31. Hello ! Vraiment incroyable la plupart de tes tutos, j’en ai réalisé pas mal et bcp mon clairement aidé à mieux comprendre photoshop. J’ai toutefois une question, à part Fotolia, ou est-ce que tu trouves des photos de tel qualité pour tes tutos. Ect-ce que tu as des adresses « coup de coeur » ou tu galères sur google en cherchant des photos hd comme moi lol. Je souhaite longue vie à ton site et à ton talent 😉

  32. Hello ! Vraiment incroyable la plupart de tes tutos, j’en ai réalisé pas mal et bcp mon clairement aidé à mieux comprendre photoshop. J’ai toutefois une question, à part Fotolia, ou est-ce que tu trouves des photos de tel qualité pour tes tutos. Ect-ce que tu as des adresses « coup de coeur » ou tu galères sur google en cherchant des photos hd comme moi lol. Je souhaite longue vie à ton site et à ton talent 😉

  33. 🙂 Merci Grapholog pour tout ton travail et pour ta générosité.

    j'ai créé une ile volante sur le theme de Marseille. Où puis je la poster ?
  34. Comment obtenir une couleur et une texture à peu près potable sur les nuages svp?? Parce qu’avec un bête blanc, c’est bien dégueulasse.. :-/

  35. Bonjour à tous!
    Avant tout merci pour ce super tuto, c’est vraiment magnifique! 🙂
    Je suis toute débutante dans le monde de l’infographie et j’aurai voulu savoir si vous pouviez m’aider. En fait je voudrais créer le même style d’ile flottante mais façon « dessin, illustration » . Quelqu’un sait-il comment s’y prendre? ou me rediriger sur un autre tuto? Merci d’avance et encore merci pour ces tutos

LAISSER UNE RÉPONSE