[Tutos PhotoShop] Draw propose ses humbles connaissances

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • [Tutos PhotoShop] Draw propose ses humbles connaissances

      Je me permet de partager avec vous quelques tutos que j'ai créés à la demande d'amis sur un autre forum.
      Tous les tutos seront postés dans ce sujet, et linkés en première page pour que vous les retrouviez facilement ;)

      Si vous avez des questions sur l'un des tuto ou besoin d'une autre démo, n'hésitez pas à demander, c'est avec plaisir que j'aiderais (selon mes compétences bien sûr ^^)

      LISTE DES TUTOS

      - Les formats d'image :
      Tuto

      - Installer des brushs :
      Tuto

      - Installer des polices d'écriture :
      Tuto

      - Appliquer une image + masque d'écrétage :
      Tuto vidéo

      - Créer un cadre :
      Tuto

      - Faire dépasser un perso de son image :
      Tuto
    • Les formats d'image :


      Je vais ici vous détailler les formats à privilégier lors de l'enregistrement de vos travaux sur photoshop



      1 - Choix de l'emplacement d'enregistrement

      2 - Choix du format d'enregistrement

      Descriptions :

      Le format "PSD" : Ce format n'est pas à proprement dit un format d'image, c'est un format d'enregistrement spécifique à photoshop qui vous permettra de sauvegarder entièrement votre travail en conservant notamment tous les calques utilisés et les différents effets appliqués afin de pouvoir les retravailler ou les modifier par la suite.
      Il est d'ailleurs conseillé d'enregistrer tous vos travaux sous ce format avant de les enregistrer en "image" et ainsi conserver pour chaque fichier son historique de création.

      Le format "JPEG" (ou JPG) : Ce format d'image est généralement utilisé en photographie, mais il peut aussi s'utiliser pour d'autres travaux graphiques. Les photos étant des fichiers de grande taille, le format Jpeg permet une plus grande compression de la taille sans trop de perte de qualité sur les images de grand format. Ce format est déconseillé si votre image contient de la transparence puisqu'il ne la conserve pas et pour les images de petite taille. Il est également déconseillé lors de travaux en pixel art car il "lisse" les pixels et détruit la qualité "nette" du travail en pixel art.

      Le format "PNG" : Ce format d'image est LE format à privilégier. Bien que son taux de compression soit plus petit que celui du Jpeg, il conserve impeccablement la qualité de vos images, quel que soit le nombre de couleurs ou la taille de l'image. Notez également, qu'il conserve la transparence sans condition et un excellent rendu des nuances et des dégradés. La seule restriction de ce format est qu'il ne permet pas l'enregistrement d'animations.

      Le format "GIFF" : Ce format d'image sera à réserver pour l'enregistrement de travaux d'images animées (logos animés par exemple).
    • Installer des brushs :

      Dans Photoshop, vous pouvez ajouter des Brush sans limitation.
      Normalement, il suffit de double-cliquer sur le fichier .abr du Brush pour que celui-ci s'installe dans votre liste, mais ça ne fonctionne pas toujours (chez moi, ça fonctionne très rarement).
      Voici donc une méthode, certes un peu plus longue, mais efficace à 100% ;)

      1- Télécharger les Brush

      Vous pouvez trouver sur le net pas mal de sites sympas sur lesquels télécharger des Brush, je vais vous lister ceux que j'utilise régulièrement, mais vous êtes libres d'ajouter d'autres liens si vous en connaissez ^^

      - Déviantart
      (je vous conseille ici de faire une recherche précise par mot clé, sinon, c'est un joyeux bordel :chinese: )
      - Brushking
      - QBrush
      - Brusheezy
      (ce site là propose aussi en téléchargement d'autres ressources, comme des textures par exemple)

      Je vous conseille de créer un dossier dédié au rangement de tous vos Brush téléchargés pour mieux vous y retrouver.

      /!\ certains Brush sont uplodés en archives (.rar ou .zip), ouvrez les archives avec winrar, puis faites un "glisser-déposer" du ou des fichiers .abr dans votre dossier Brush. Ces archives contiennent souvent des images d'aperçu du Brush qu'elles contiennent, ces images ne vous seront pas utiles. Vous pourrez ensuite supprimer l'archive pour un gain de place ;)

      2 - Installer les Brush

      Pour commencer, on va sélectionner l'outil Pinceau pour avoir accès à ses options



      Vous allez ensuite ouvrir le menu contextuel de l'outil pinceau en cliquant sur la petite flèche vers le bas (1)

      Il vous faut ensuite cliquer sur la flèche de droite (2) pour ouvrir le menu et cliquer sur "Charger des formes"



      Une fenêtre va alors s'ouvrir :

      Dans la rubrique "regarder dans" vous aller chercher l'emplacement du dossier dans lequel vous avez rangé vos Brush
      Ensuite, il vous suffit de sélectionner le Brush que vous voulez installer (1) et de cliquer sur "valider" (2) et le tour est joué. Votre Brush est installé ;)

      Note : double-cliquer sur le Brush dans cette liste vous évite d'avoir à cliquer sur valider ^^

    • Installer des polices d'écriture :

      Photoshop est assez intuitif en ce qui concerne les polices d'écriture, du moment où une police est installée sur votre PC, elle sera utilisable dans Photoshop.

      Certaines polices, lors de leur téléchargement, se présentent sous forme d'installeur, qui installera donc automatiquement la police sur votre PC.

      Pour les autres, voici la marche à suivre :

      1 - téléchargez une police

      2 - ouvrez l'archive ou le dossier contenant la police

      3 - ouvrez le dossier de polices de votre PC : il se trouve dans le panneau de configuration (menu démarrer >> panneau de configuration)



      4 - Faites un "glisser-déposer" de votre police dans le dossier des polices de votre PC



      5 - Vous pouvez ensuite vérifier dans Photoshop : votre police est bien utilisable ;)



      Note : vous pouvez installer plusieurs polices en une seule fois, il vous suffit de décompresser dans un dossier toutes les archives de polices que vous avez téléchargées, puis de sélectionner dans ce dossier toutes le polices voulues pour le "glisser-déposer" ;)
    • Créer un cadre :


      Qu'il s'agisse d'un cadre pour une signature, un avatar, un wallpaper ou autre, terminez le reste de votre création avant de penser au cadre.
      Quelques fois, l'image rendue ne nécessitera pas de cadre, mais lorsque vous jugerez bon d'en mettre un, pensez à rester relativement sobre.
      Le cadre est là pour enjoliver les contours et ne doit pas monopoliser l'attention.

      La première étape consistera donc à créer un nouveau calque sur lequel vous apposerez votre cadre.

      Le placement du calque dépend de la manière dont vous voulez l'afficher :
      - si par exemple vous avez utilisé un render et que vous voulez que le render ne soit pas coupé par le cadre, le calque du cadre devra être disposé en dessous de celui du render.
      - si au contraire vous voulez le cadre par dessus ou que vous n'avez pas utilisé de render (image simplement retravaillée), vous pouvez mettre le calque du cadre au dessus du reste.

      >> Dans tous les cas de figure, votre calque de cadre doit toujours être disposé au dessus du calque de fond (ou du groupe de claques de fond si vous avez des calques avec des effets etc)

      /!\ Astuce /!\
      Si vous n'avez pas utilisé de render mais que votre image est composée d'un personnage ET que vous voulez que le cadre ne coupe pas ce dernier, placez le calque de cadre au dessus de votre image et gommez simplement le cadre aux endroits passant sur le personnage.



      Pour créer votre cadre, créez un cadre de sélection à distance choisie des bordures

      tout en gardant l'outil de sélection actif, faites un clic droit dans votre sélection et choisissez l'option "contour" (ou stroke si votre PS est en anglais)

      dans la fenêtre qui apparaît alors, vous pourrez choisir différentes options pour la création de votre cadre

      choisissez alors l'épaisseur et la couleur du cadre, sachant qu'au delà de 2px d'épaisseur c'est plutôt moche, privilégiez une épaisseur de 2px maxi ^^
      Pour la couleur, essayez de coller au max avec l'ambiance générale de votre création pour éviter que le cadre fasse "tache".

      Ensuite, il ne vous reste plus qu'à mettre votre cadre en valeur. Là ça dépendra surtout de vos goûts et de la simplicité que vous souhaitez garder (ou non)

      Quelques exemples :

      >>
      - cadre de 1px blanc
      - calque en incrustation 100% d'opacité
      - options de fusion : contour de 1px noir en incrustation 100% d'opacité



      - cadre de 1px noir
      - calque en incrustation 100% d'opacité
      - gommage de la partie passant sur le sujet


      >>
      - cadre de 1px noir
      - calque en incrustation 100% d'opacité
      - gommage de la partie passant sur le sujet
      - options de fusion : contour de 1px blanc en incrustation 100% d'opacité


      >>
      - pour créer ce genre de cadre, il vous faut créer 2 cadres différents, si vous les faites sur deux claques différents, fusionnez les deux calques avant d'y mettre des options
      - créez une première sélection à quelques pixel du haut et bas et à raz-bord sur les cotés et créez le 1er cadre
      - créez une seconde sélection à quelques pixel des bords droit et gauche et à raz-bord du haut/bas et créez le 2ème cadre
      - cadres de 1px blanc
      - calque en incrustation 100% d'opacité
      - options de fusion : contour de 1px noir à 30% d'opacité


      Pour créer des cadres originaux, laissez libre cours à votre imagination en jouant avec les sélections et les options de fusion
    • Faire dépasser un perso de son image :

      1) Créer la base du projet

      a)- On créé un document de la taille désirée
      b)- On créé un premier calque qui restera tout en bas de la liste, il contiendra le fond de l'image
      c)- On importe son render à la taille voulue dans un nouveau calque au dessus du calque de fond
      /!\ Attention à ce que la partie du render que vous voulez faire dépasser de l'image ne soit pas coupée sinon ça rend moche ^^
      on aura donc ceci :
      fond + render

      A ce stade là, on doit appliquer tous les effets voulus (brush, C4D, textures...) entre le calque de fond et le calque du render avant de se lancer dans la partie "découpage".

      2) Découpage de l'image

      a)- Nous allons maintenant sélectionner sur le calque de fond la partie que l'on voudra conserver
      comme ceci :

      b)- On va ensuite inverser la sélection (menu sélection > inverser / ou raccourci ctrl + maj + i ) et simplement supprimer le contenu sélectionné
      comme ceci :

      Vous pouvez ensuite ajouter un cadre et une typo si vous le souhaitez

      exemple de rendu :

      3) Autres formes de sélection

      a)- Votre sélection ne sera pas obligatoirement rectangulaire, si vous souhaitez créer un cadrage arrondi, il vous suffit de prendre l'outil "ellipse de sélection" et sélectionner comme dans la partie précédente le morceau que vous voulez garder, inverser et supprimer.
      exemple :
      >>

      b)- Vous pouvez également ajouter des effets à votre sélection, pour donner un effet déchiré par exemple. Pour cela, une fois votre sélection faite (avant de l'inverser), vous allez cliquer sur le petit icône de masquage en bas de votre palette d'outil.
      Vous aurez donc ceci :


      c)- Pour un effet déchiré, vous allez dans le menu "filtres > pixellisation > cristallisation" et vous choisissez la taille de la maille que vous voulez puis validez.
      exemple :


      d)- Il ne vous reste plus qu'à désactiver le masque en re-cliquant sur la petite icône, inverser votre sélection et supprimer.
      exemple :


      La technique du masquage pour appliquer un effet à la sélection fonctionne avec toutes les formes de sélection, rectangulaire, elliptique et autres.