Partage
  • Partager sur Facebook
  • Partager sur Twitter

Intégration depuis un thème photoshop

Extraction d'images

    4 mars 2018 à 19:42:25

    Bonjour à tous!

    Tout d'abbord, si ce topic n'est pas dans la bonne section du forum, j'en suis navré, n'hésitez pas à le déplacer et me le faire savoir =)

    Actuellement sur le cours d'intégration d'une maquette depuis photoshop (document .PSD), je l'ai saisis. Arrivant au TP, je commence à structurer mes pages, CSS, etc...
    Récupérer les couleurs des blocs, check! Récupérer les polices et les lier au CSS, check! Extraire les images pour les y intégrer... là, je bute...
    La partie que je n'arrive pas à prendre en main : extraire les images que je dois intégrer aux blocs, du fichier .PSD...
    Si quelqu'un a fait ce Tp, et voulait bien me guider, ou si quelqu'un ayant connaissance de la méthode pour les extraire, je lui en serai fortement reconnaissant! =)
    Si vous voulez voir le PSD en question : https://freedesignresources.net/craft-lance-landing-template/

    -
    Edité par Sébastien Camberou 4 mars 2018 à 19:44:28

    • Partager sur Facebook
    • Partager sur Twitter

    Learn, Code, Repeat

      5 mars 2018 à 1:13:44

      Bonjour Sébastien Camberou,

      C'est très simple, tu ouvres ton pannel de calques : fenêtre --) calques ou encore le raccourci F7.

      Voilà, désormais tu as accès à tous tes calques.

      Tu peux cliquer sur l'oeil pour masquer un calque et rappuyer dessus pour le faire apparaitre à nouveau.

      Comme cela tu peux voir ou se situe tel ou tel calque (les calques sont structurés, le header contient le...header etc etc)

      Par exemple, tu veux récupérer le calque avec le PC portable je présume ? rien de plus simple, tu as le calque nommé "image" dans le dossier "slider", tu n'as plus qu'a le copier coller dans un autre fichier photoshop, que tu pourras enregistrer en .PNG pour ne pas avoir de fond.

      Je ne sais pas si c'est exactement ce que tu voulais savoir, alors n'hésite pas à m'en faire part.

      • Partager sur Facebook
      • Partager sur Twitter
        5 mars 2018 à 8:40:07

        Bonjour, et déjà, un grand merci d'avoir pris le temps de me répondre, j'avoue que je pensais rester sans réponse, parce que j'avais le sentiment que c'était vraiment bête comme tout à faire (je m'y connais en pas mal de truc mais pas du tout du tout en photoshop...)! Je vais essayer et, si j'arrive à les intégrer dans mon css, alors c'est que c'était la bonne manière!Merci encore =)
        • Partager sur Facebook
        • Partager sur Twitter

        Learn, Code, Repeat

          5 mars 2018 à 20:59:28

          Pas de soucis Sébastien Camberou, j'utilise fréquemment Photoshop, si tu as des questions et que tu bloques réellement, n'hésite pas à m'en faire part, je sais que je n'ai pas dû être très clair, mais je reste cependant à ta disposition pour toute question complémentaire, que ce soit par écrit ou en vocal.
          • Partager sur Facebook
          • Partager sur Twitter
            7 mars 2018 à 1:38:50

            Et bien je dois vraiment avoir du mal mais... je ne sais pas comment copier/coller cette image. Je la retrouve dans mes calques, je clique dessus, et que je fasse clique droit, un drag and drop sur un nouveau fichier, ou autre, j'ai pas réussis... Comment procéder pour le copier/coller?
            • Partager sur Facebook
            • Partager sur Twitter

            Learn, Code, Repeat

              7 mars 2018 à 3:50:34

              Bonjour,


              De plusieurs manières: si tu as la version CS3, tu sélectionnes tous les 
              calques à copier puis clic droit > dupliquer les calques (vers le document cible)

              Ou alors si tu as une version plus ancienne, tu lies les calques à copier, tu 
              prends l'outil de déplacement, tu places le curseur sur l'image puis tu déplaces 
              tes calques liés vers le document cible, méthode que tu peux aussi utiliser sur CS3.

              Dans ton cas, tu cherches à copier/coller un seul calque, je te conseille donc de cliquer/glisser/deposer le calque ciblé directement dans ton nouveau fichier, vide de surcroit, comme ceci :


              • Partager sur Facebook
              • Partager sur Twitter

              Intégration depuis un thème photoshop

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur
              • Markdown