Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
tutos:graphismes:variables_photoshop [2016/07/06 09:57] himura95 |
tutos:graphismes:variables_photoshop [2017/02/14 09:30] himura95 [SCRIPT :] |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== Photoshop : Variables et ensembles de données ====== | ====== Photoshop : Variables et ensembles de données ====== | ||
- | |||
- | |||
Dans ce tuto nous allons générer les 2171 bandeaux de l' | Dans ce tuto nous allons générer les 2171 bandeaux de l' | ||
+ | ===== 1. Construction de l' | ||
- | ===== 1. Construction de l' | + | Pour que Photoshop puisse bien faire son travail, il est important de bien préparer l' |
- | + | ||
- | + | ||
- | Pour que Photoshop puisse bien faire son travail, il est important de bien préparer l' | + | |
- | Il va donc nous falloir un fichier contenant les informations que l'on souhaite récupérées sur chacun de nos bandeaux. | + | |
- | Pour notre exemple il va nous falloir un fichier excel avec la database de l' | + | Pour notre exemple il va nous falloir un fichier excel avec la database de l' |
- | Pour nous simplifier la vie, on met le nom de la rom dans la première colonne et ensuite on ne garde que les colonnes qui nous intéressent pour nos bandeaux.(travaillez sur une copie ;) ) | + | |
Dans un premier temps il faut remplacer tous les champs qui correspondront à des images ainsi : pour la langue par exemple on remplace " | Dans un premier temps il faut remplacer tous les champs qui correspondront à des images ainsi : pour la langue par exemple on remplace " | ||
Ligne 21: | Ligne 15: | ||
On enregistre le résultat dans un fichier txt: | On enregistre le résultat dans un fichier txt: | ||
- | ===== 2. Préparation du template sous Photoshop ===== | + | ===== 2. Préparation du template sous Photoshop ===== |
- | + | ||
Ouvrez votre plus beau Photoshop et créer un nouveau document aux dimensions désirées. | Ouvrez votre plus beau Photoshop et créer un nouveau document aux dimensions désirées. | ||
- | Pour notre exemple créer un calque texte du nom de la colonne avec le noms des roms et ne l' | + | Pour notre exemple créer un calque texte du nom de la colonne avec le noms des roms et ne l' |
- | Placer les différents champs texte. | + | |
- | Pour les images vous allez utiliser l' | + | |
Faites attention qu' | Faites attention qu' | ||
Ligne 34: | Ligne 25: | ||
Maintenant vous devez impérativement renommer les différents claques pour qu'il portent le même nom que vos colonne de l' | Maintenant vous devez impérativement renommer les différents claques pour qu'il portent le même nom que vos colonne de l' | ||
+ | ===== 3. Assignation des variables ===== | ||
- | ===== 3. Assignation des variables ===== | + | Vous allez dans Image > Variables > Définir Pour chaque calque texte vous cochez " |
- | + | ||
- | Vous allez dans Image > Variables > Définir | + | ===== 4. Importation |
- | Pour chaque calque texte vous cochez " | + | |
- | Pour chaque calque image vous cochez " | + | |
- | Vous cliquez sur " | + | |
- | + | Vous allez dans Image > Variables > Ensembles de données Vous faites importer et indiquer le fichier texte créer précédemment. Si vous avez bien suivi vous ne devriez pas avoir d' | |
- | ===== 4. Importation de l' | + | |
- | + | ||
- | + | ||
- | Vous allez dans Image > Variables > Ensembles de données | + | |
- | Vous faites importer et indiquer le fichier texte créer précédemment. Si vous avez bien suivi vous ne devriez pas avoir d' | + | |
Vous cochez " | Vous cochez " | ||
+ | ===== 5. Exportation de l' | ||
- | ===== 5. Exportation de l' | + | Alors là c'est simple on va dans Fichier > Exportation |
- | + | ||
- | Alors là c'est simple on va dans Fichier > Exportation > Ensembles de données sous forme de fichiers | + | ===== 6. Conversion des psd en png ===== |
- | Vous sélectionner le dossier de sortie et dans dénomination vous choisissez "Nom de l' | + | |
- | Vous attendez. | + | |
- | Vous attendez encore... | + | |
- | Bon y'en a marre d' | + | |
+ | Photoshop est bien gentil mais il nous a généré des psd pour chaque bandeaux alors qu'on veux des png… | ||
- | ===== 6. Conversion des psd en png ===== | + | C'est pas grave, on va utiliser un script pour avoir des png à partir des psd ^^ Ouvrir un fichier texte et coller le script suivant puis enregistrer en PsdVersPng.jsx |
- | + | ||
- | + | ||
- | Photoshop est bien gentil mais il nous a généré des psd pour chaque bandeaux alors qu'on veux des png... | + | |
- | + | ||
- | C'est pas grave, on va utiliser un script pour avoir des png à partir des psd ^^ | + | |
- | Ouvrir un fichier texte et coller le script suivant puis enregistrer en PsdVersPng.jsx | + | |
---- | ---- | ||
Ligne 75: | Ligne 49: | ||
==== SCRIPT : ==== | ==== SCRIPT : ==== | ||
+ | <code javascript=> | ||
var files = openDialog(); | var files = openDialog(); | ||
- | for(var key in files) {\\ | + | for(var key in files) { |
- | var inFile = files[key];\\ | + | var inFile = files[key]; |
- | open(inFile); | + | open(inFile); |
- | + | var pngOptions = new PNGSaveOptions(); | |
- | var pngOptions = new PNGSaveOptions(); | + | pngOptions.interlaced = false; |
- | pngOptions.interlaced = false;\\ | + | app.activeDocument.saveAs(inFile, |
- | app.activeDocument.saveAs(inFile, | + | app.activeDocument.close(); |
- | app.activeDocument.close(); | + | |
} | } | ||
+ | </ | ||
---- | ---- | ||
- | Dans photoshop, aller dans Fichier > Scripts > Parcourir… et ouvrir ce fichier. | + | Dans photoshop, aller dans Fichier > Scripts > Parcourir… et ouvrir ce fichier. On sélectionne les psd et on clic sur " |
- | On sélectionne les psd et on clic sur " | + | |
- | On retourne sur la HFSBox en attendant ^^ | + | Tadam! Les png sont dans le même dossier que les psd ;) Vous avez tous vos bandeaux NomDuJeu.png pour l' |
+ | |||
+ | Si vous êtes arrivé jusque là vous avez gagné……………………………………………………. le droit de faire les autres systèmes | ||
- | Tadam! Les png sont dans le même dossier que les psd ;) Vous avez tous vos bandeaux NomDuJeu.png pour l' | ||
- | Si vous êtes arrivé jusque là vous avez gagné............................................................. le droit de faire les autres systèmes |