Deprecated: The behavior of unparenthesized expressions containing both '.' and '+'/'-' will change in PHP 8: '+'/'-' will take a higher precedence in /home/blackpingv/mitose/functions/f_common.php on line 751

Notice: Trying to access array offset on value of type bool in /home/blackpingv/mitose/scripts/s_read.php on line 102

Notice: Trying to access array offset on value of type bool in /home/blackpingv/mitose/scripts/s_read.php on line 103
Mitose.net - Création de thème After.io (noob friendly)

 

Télécharger une image

Droppez une image ou
Créer un compte Login


Notice: Trying to access array offset on value of type bool in /home/blackpingv/mitose/views/v_read.php on line 127

Notice: Trying to access array offset on value of type bool in /home/blackpingv/mitose/functions/f_list.php on line 802

Notice: Trying to access array offset on value of type bool in /home/blackpingv/mitose/functions/f_list.php on line 803

Notice: Trying to access array offset on value of type bool in /home/blackpingv/mitose/functions/f_list.php on line 802

Notice: Trying to access array offset on value of type bool in /home/blackpingv/mitose/functions/f_list.php on line 803

Partage public

Gérer les options de partage de ce post.

Activer le partage

Partage : désactivé


18
aot 2014

Création de thème After.io (noob friendly)

Il y a 9 ans, 368 mots

Par 𝓛𝑒 𝒮𝒶𝒾𝓃𝓉
Parce que pouvoir faire ses propres thèmes c'est bien sympatoche, mais que ça peut vite être un peu casse-couilles, j'ai bricolé un script sur Photoshop pour automatiser tout ça.
Il vaut mieux connaître un peu le logiciel, mais a priori c'est pas indispensable.

1) Les fichiers.
Téléchargez le template et le script par ici. Easy. Décompressez-moi tout ça dans un joli petit dossier vide. Ou pas. On s'en tape.

2) Installation du script.
Vous pouvez double cliquer sur le fichier Script perso.atn, normalement ça marche (ça ouvre PS).
Sinon vous passez par le menu de scripts (pour l'afficher, voir le point 4)), et vous faites comme dans l'image ci-dessous.
Si ça marche toujours pas, cherchez "installation de script photoshop" sur google, en précisant éventuellement la version de votre logiciel.

Chargement du script
Chargement du script


3) Préparation du thème.
Ouvrez le fichier template_after.psd. Balancez-y l'image (ou les images) que vous voulez utiliser.
Si vous voulez juste une grande image qui fasse avatar + bannière + bordures, vous pouvez simplement mettre le calque au niveau de l'image d'exemple.
Sinon il y a un dossier différent pour chaque élément. J'ai mis des petites légendes et un astucieux code couleur pour pas se tromper.

Aperçu des calques
Aperçu des calques


4) Lancement du script.
Pour avoir accès aux scripts, cliquez sur fenêtre > scripts, ou Alt-F9, ou bien essayez de trouvez la bonne icône dans les menus.
Trouvez le bon script (Theme after.io) et cliquez dessus, puis cliquez sur le petit bouton "play". Photoshop va alors faire ses petites affaire en vous demandant (3 fois) d'entrer un nom et un emplacement pour enregistrer chaque image. Je vous conseille de les nommer avatar, bannière puis fond. Dans cet ordre. Enfin après vous faîtes comme vous le sentez, mais venez pas vous plaindre si c'est le bordel.

Lancer le script
Lancer le script


Enregistrement des images
Enregistrement des images


5) C'est tout.
Vraiment ?
Oui.
Tous les articles de 𝓛𝑒 𝒮𝒶𝒾𝓃𝓉

Discuter ()


Zib
Clarté et puissance se rencontrent et forniquent dans ce tutoriel.
Il y a 9 ans 1 0

Elle est où la version Gimp?
Il y a 9 ans 3 0

Zib
Ca marche très bien :) (Photoshop CC2014 sur Mac, c'est dire). A noter que si jamais tu veux optimiser, pour la bannière seules les parties gauche et droite sont utilisées, du coup tu peux cropper pour gagner du poids (exemples : after.after.io/[...]9cran-bttf.html et after.after.io/[...]ve-sidebar.html )
Il y a 9 ans 0 0

Ouais c'est ce que j'avais cru voir sur tes thèmes, mais au final ça serait vraiment chipoter pour quelques Ko (et puis à vu de nez ça complique pas mal le script : flemme)
Il y a 9 ans 0 0

Ah et j'imagine que tu voulais dire "pour le fond / les bordures" et non la bannière.
Il y a 9 ans 0 0

Zib
Oui en effet.
Il y a 9 ans 0 0

Ah ben évidemment, CS6 version portable, il reconnait pas le .atn et veut que du JS, JSX ou JSXBIN. Tu aurais moyen d'enregistrer le script dans un format pour les gens qui ont des versions de photoshop à jour ?
Il y a 9 ans 0 0

J'ai CS6 aussi, c'est pas le problème. (Et si t'étais à jour tu serais sur CC)
En fait il semblerait que la méthode d'installation que j'avais mise dans le tuto était pour du JS. C'est corrigé et normalement maintenant il te demandera un fichier d'actions .atn.
Il y a 9 ans 1 0

Je confirme que ça fonctionne parfaitement bien, U is a ♥
Il y a 9 ans 0 0

lignes de chat