Transformation d'un fichier PSD - 1 Découverte :)

liens directs vers les articles suivants 

• 2 - CREATION DE MASQUES - templates et masque BADADOU

• 3 : créer une maquette Scalb - templates et masque BADADOU - FIN

"Chose promise, chose dûte ! "

Zoé m'a demandé comment utiliser les templates de Badadou.. voili voilou ;)

m.à.j octobre 2021 -  un peu de préparation et quelques astuces ...

après de nouveaux téléchargements, je tente de m'organiser de façon un peu rationnelle.

J'accède rarement  aux templates de Badadou, aussi, lorsque j'y arrive, je télécharge toutes ses nouveautés... ce qui fait beaucoup de choses !

J'ai pris des captures d'écran de tous les "preview" des maquettes - j'ai téléchargé et de nombreux fichiers et dossiers psd, + des masques bien sûr.
 

• pour m'y trouver plus facilement et pouvoir consulter les pages d'inspiration sur le blog "scrapstory", je renommé tous les preview ..  (si le template s'appelle 270921 pour 27 septembre 2021, je le renomme 21 09 27 pour les retrouver dans l'ordre chronologique)
   
• dans mon dossier "maquettes", j'ai créé des dossiers par nombre de photos (1, 2, 3 etc), où je rangerai les différents preview  - j'ajoute un dossier vide, dont le nom commence par 0 (pour être le premier) - suivi de la date de téléchargement des derniers dossiers - par exemple  "0  2021 /  19 octobre" ... ainsi, la prochaine fois que j'accèderai au site de Badadou, j'irai directement au mois d'octobre 2021 pour remonter le temps ;)
   
• dans mon dossier "masques", j'ai un dossier spécial Badadou
  •  dans lequel j'ai transféré les masques isolés qu'elle nous a déjà offerts ;
  •  je crée -  en plus -  autant de dossiers qu'il y a de previews, en leur laissant un nom "bidon" (aaa, ou n'importe quoi)
  • ainsi qu'un dossier "cadres et ombres", j'y transférerai une copie des masques "blancs"
     
• certaines maquettes se téléchargent en "dossiers", mais la plupart en un seul fichier PSD : je commence par transformer les fichiers simples :
  • ouverture avec GIMP
  • exportation en fichier PNG sous un nom "aa mm jj" (21 09 27 pour le 27 septembre 21)
  • contrôle et suppression (ou archivage) des fichiers PSD
  • transfert des fichiers PNG dans l'un des dossiers  "masques" préparés, que je renomme de la même façon - -  ainsi - après séparation des éléments - j'aurai dans le même dossier toutes les images nécessaires
  • je procède de la même façon pour les "dossiers", qui incluent souvent des masques prêts à l'emploi

* astuce : les "vrais" masques, je les enregistrés sous un nom commençant par "masques. Ensuite, j'ai fait une recherche de tous les éléments png dans mon dossier Badadou (recherche  *.png ) et un tri alphabétique.. et j'ai dupliqué tous les "vrais" masques dans le dossier "masques isolés"  ... Ce n'est pas très clair à la lecture, j'espère que si vous reproduisez les étapes l'une après l'autre ce sera plus compréhensible

ces images aideront  peut-être ?

recherche	dossier "masques seuls"

Je peux ainsi les utiliser pour la maquette offerte par Badadou, et je les trouve aussi pour une autre maquette ...

quand tous les fichiers ont été exportés au format PNG, voici comment je procède :

• j'ouvre à nouveau l'image PNG (dans le dossier masques)
  
  exemple ici : j'ai à nouveau ajouté une croix rouge pour que le masque ne soit pas utilisable si l'on ne l'a pas téléchargé sur le site

avec un pinceau blanc, je couvre le texte, la date... et avec un pinceau noir, je remplis le masque (pour effacer le texte "your title"

• avec les outils GIMP, l'enlève tout le blanc (maj O - sélection du blanc - CTRL X)

• j'isole le masque, que j'enregistre dans le dossier...

2 - organisation des previews

• sur mon ordinateur, j'ouvre 
  • le dossier des preview
  • le dossier "maquettes", avec les sous dossiers de 1 à 10
• un par un, je fais glisser les preview dans le dossier qui lui correspond

• je crée un maquette vierge avec un gabarit carré prenant toute la surface, et j'y intégre un preview, j'enregistre la maquette sous le même nom, dans le sous-dossier qui va bien (1 à 10 selon le nombre de photos), j'enregistre et je continue avec les autres preview
• comme c'est beaucoup de boulot, je fais une sauvegarde sur mon disque dur externe
• quand j'aurai envie d'utiliser une maquette "badadou", il me suffira d'ouvrir Studio Scrap pour visualiser les différents templates ; après sélection de l'une d'entre elles, j'irai chercher les masques correspondant et je mettrai à jour le dossier.  Je pourrai intégrer mes photos et sauvegarder ma page avec photos dans un autre dossier (ou pas😀)

• En préparant une maquette Studio Scrap avec le masque du 30 septembre 2021, j'ai constaté que  je n'obtenais pas du tout l'effet structuré "bois" du masque. Pas de souci : j'ajoute une transparence au masque ; ensuite j'insère le même masque, mais en "image" ( je choisis l'outil "photo", et je vais chercher le  masque dans le dossier..) 

• les images "blanches" constituent la plupart du temps des cadres avec ombre ; il faut y accéder par l'outil "photo" et non par l'outil masque ; elles peuvent rester dans le dossier de la maquette, je trouve pratique d'en avoir quelques doubles  dans un dossier séparé pour pouvoir m'en servir sur d'autres projets - comme ils sont assez semblables, j'en ai gardé un par "forme" 
   

• la transparence des masques n'est pas toujours reproduite sur Studio Scrap ; pour palier ce problème, je travaille souvent deux fois (ou plus) le même masque : 
  • d'abord j'enlève seulement le blanc autour et conserve la forme la plus grande, j'enregistre
  • ensuite, j'enlève les tons grisés (je sélectionne le noir et j'enlève le reste)
  • sur ma page, je superpose les deux masques, et j'applique une transparence sur celui du fond

retour au texte initial

déjà,Muttidesaski me communique deux liens vers des tutos qu'elle a créé sur le site qu'elle anime :

ttp://digidebscrap.superforum.fr/t7259-tuto-transformation-png-en-scalbpartie1-a-lire-en-1erhttp://digidebscrap.superforum.fr/t7260-tuto-transformation-png-en-scalbpartie2-masque

Pour aller directement à ses tutos, qu'elle m'a communiqués aujourd'hui : cliquer : 

tutos avec GIMP   -

Je n'ai pas confirmé mon inscription sur ce site, donc je n'ai pas accès à ces tutos ... Zoé, n'hésite pas à t'inscrire, tu y trouveras d'autres conseils que les miens et tu pourras participer à des challenges, chose que je ne peux pas offrir ici.

de manière succincte, je te suggère déjà de te créer un dossier spécifique "badadou", pour y enregistrer ce que tu vas télécharger. J'ai créé le mien directement dans mes "masques",  ce n'est pas obligatoire, mais comme elle propose aussi des masques directement utilisables, c'est une bonne option à mon sens.

 décompresser le fichier ZIP,

je pense que tu sais déjà faire si tu utilises mes maquettes

 (clic droit - extraire vers + nom du fichier)

Avec le dossier SS21, j'ai obtenu une image jpg (une sorte de preview), et le fichier PSD

Ouvrir le ficher PSD avec GIMP et créer une maquette

Il faut bien sûr avoir déjà téléchargé GIMP, donc 

•  "lancer"  GIMP,
• ouvrir le fichier .. tu obtiens une image, par exemple celle-ci (création Badadou  - accueil du blog) 
  (j'ai ajouté les traits rouges pour que le fichier ne puisse pas être utilisé sans passer par le site de Badadou...)

• exporter au format PNG (ça sera utile pour plus tard), - et enregistrer (tu peux le faire dans ton dossier masque  dans le dossier créé pour
  • dans mon exemple le dossier s'appellerait 20 07 15, j'exporte le fichier PNG dans ce dossier, tel quel, j'y reviendrai ultérieurement pour séparer les différents éléménts

Je te suggère de créer aussi un dossier "Badadou" dans tes maquettes, puis : 

• ouvrir Studio Scrap
• poser l'image en fond de page et ajouter des gabarits sur le ou les rectangles

Tu m'as indiqué que tu étais surtout intéressée par les templates, donc cela peut te suffire, tu enregistres ta nouvelle maquette avec un nom (celle-ci pourrait s'appeler  02 quelquechose, car elle est prévue pour deux photos)

tu as sans doute déjà des cadres et des ombres qui pourront te permettre de compléter la maquette.

récupérer le masque joint au ficher PSD

• Ouvrir le fichier PNG,
  • enlever le blanc (MAJ O  - cliquer sur du blanc + CTRL X) ou "selection par couleur - cliquer sur du blanc - édition couper"
  • enlever le contour, le gabarit rectangle, le texte, et affiner avec la gomme
• cliquer sur "image // découpage automatique de l'image" (pour enlever toutes les zones non utiles)
• exporter à nouveau l'image pour récupérer le fichier final, et 
• enregistrer dans le dossier "masques" de Studio Scrap

Pour le masque concerné, j'ai enregistré les 3 zones de couleurs sous 3 images différentes 

Je pourrai les ajouter sur ma page avec des degrés de transparence différentes, et tirer le meilleur parti de ce fichier PSD

• MAJ O pour sélectionner une couleur - CTRL X pour la couper  - CTRL MAJ V pour la copier sur une nouvelle image  puis exportation au format PNG 

https://galerie.studio-scrap.com/members/muttidesaski.15789/on peut aussi scrapper directement avec GIMP

mais je ne sais pas comment faire ;) 😀 

Tu apprendras peut-être à le faire sur Digidebescrap :)

Muttidesaski m'a transmis aujourd'hui son tuto ; en voici des copies d'écran. Si nécessaire : clic sur chaque image pour l'ouvrir en grand dans un onglet séparé - le texte apparait en double car je l'ai recopié (en bleu), pour faciliter la lecture (la capture d'écran n'est pas bien lisible)

Nota: je ne connais pas, je ne maîtrise pas... pour toute question complémentaire, merci de  vous inscrire sur le site de Digidebescrap :) ou - si vous êtes inscrit.e  sur la galerie du CDIP,  de contacter Muttidesaski en MP (clic)

tutos avec GIMP   -

1)il faut  d’abord bien se représenter que photoshop et GIMP fonctionnent en superposant des couches différentes, comme un gâteau où on a une couche de pâte puis une de confiture puis une de crème puis peut-être encore de la pâte etc…….Chez GIMP et photoshop, ça s’appelle des » calques »

DONC,

1. On ouvre  le psd dans GIMP

J’en ai choisi un ultra simple,il pourrait par simple copie être directement fait en scalb…(encore qu’il y a un joli cadre avec une belle ombre, difficile à produire telle quelle avec SS) c’est seulement pour visualiser

Celui-ci, le 240120 (clic pour le télécharger)( les numéros correspondent aux dates de publication, celui-ci a été publié le 24.01.20)

2. Lorsqu’on l’a ouvert, on va dans la fenêtre des calques

Si cette fenêtre ne s’est pas ouverte automatiquement, aller en haut dans « fenêtres »(chez moi le fond est noir car j’ai GIMP21.0 mais le principe est le même pour les versions antérieures

Là dans le menu qui se déroule, cliquer sur « fenêtres ancrables » et dans le menu qui se déroule, cliquer sur « calques »

On a ceci à droite

On y voit tous les calques qui composent le Template..dans ce cas ci il y en a 11

3. On laisse ce Template en attente, on va dans « fichier »( en haut à gauche), cliquer sur « nouvelle image », lui donner 3600x3600 pixels de dimension ET dans « options avancées »,choisir « transparence », valider

On a ceci

une image  transparente

Et si on regarde son bureau, on voit les onglets de cette nouvelle image transparente ET du Template ouvert..ces onglets permettent de passer de l’un à l’autre en un clic

4. On retourne sur le Template à transformer(1), on se poste sur le calque du bas ( le fond blanc dans ce cas, clic droit »ajouter un canal alpha », le calque choisi se met en surbrillance, ensuite aller dans « edition », en haut à gauche, choisir « copier »
5. Retourner sur l’onglet de l’image transparente qu’on a préparée (2), cliquer sur « edition », choisir « coller en place »…ON A MAINTENANT LE 1^ER CALQUE EN PNG ,l’enregistrer en faisant « fichier--)EXPORTER(pas enregistrer), choisir « png »dans « sélectionner le rype de fichier, le nommer par exemple ss21-240120-calque 1-fond….l’enregistrer quelque part dans son disque (ATTENTION, pas dans studio-scrap !!!!)

6° faire de même pour TOUS les calques

Ensuite il n’y â plus qu’à le convertir en scalb ( autre tuto)

POUR EMPLOYER LE TEMPLATE DIRECTEMENT SOUS GIMP,

C’est très facile, faire 1 ;puis 2..

Puis au lieu de « créer une nouvelle image », on ouvre la photo qu’on veut employer, clic sur le calque de celle-ci, --) »edition--)copier, reprendre l’onglet du Template, choisir le calque de  l’endroit où on veut sa photo --) »edition--)coller dans la sélection..et c’est fait..peut-être ( cela dépend de ta photo, redimensionner..)

Exemple

mots clés : Badadou - Babadou - Bababou