[Tutorial] Création d'icones 3D pour la Neo Geo X

[spectro2]

Voici un tutorial pour créer ses propres icônes 3D standard pour la Neo Geo X.
Ce modèle vaut pour tout types de jeux, tout dépend du contenu, dans certains cas il faudra prendre le modèle Neo Geo 3D et d'en d'autres le modèle CPS dont la boite est plus large.

Il vous faudra à peu près 30 minutes pour réaliser une icône.

Pré-requis :
Le StarterKit3D contenant les modèles format CPS et NeoGeo sous gimp : https://drive.google.com/open?id=0BxpVOHxNlw_bQ3RfelNtZUFIRnM
Gimp2 ici : https://drive.google.com/open?id=0BxpVOHxNlw_baWIyY3lzTl9YcXc
Avoir réalisé au moins une icône 2D (pour connaitre les bases) ici =>http://x-community.1fr1.net/t1382-tutorial-creation-d-icones-2d-pour-la-neo-geo-x#16041

Le modèle CPS est un peu plus large que le NeoGeo suivant ce que vous voulez faire choisissez celui qui vous correspond le mieux.

Allez on commence !

On considèrera que vous avez déjà réalisé une icône 2D, les bases sont donc acquises.


Partie 1 - La Face :

1) Ouvrir le projet Modele3D.xcf (format CPS)
(NB : les calques "Logo", "Jaquette" et "Reflet" ont été masqués pour la création d'une nouvelle icône mais il suffit de cliquer sur l’œil pour afficher l’icône d'origine)


2) (Même procédure qu'en 2D) Fichier => Ouvrir choisir la jaquette d'un jeu (ici Alien Vs Predator.jpg)

3) (Même procédure qu'en 2D) Copier l'image (Ctrl+c)

4) (Même procédure qu'en 2D) Sélectionner le projet Modele3D en cliquant sur la fenêtre

5) (Même procédure qu'en 2D) Coller l'image (Ctrl+v)

6) (Même procédure qu'en 2D) Clic bouton droit sur le calque flottant A (nouveau calque créé) => vers nouveau claque

7) (Même procédure qu'en 2D) puis le renommer en A (Clic bouton droit modifier les attributs du claque)

8 ) (Même procédure qu'en 2D) Sélectionner le calque A et faire un drag & drop pour le positionner entre le calque Tranche Fond et Jaquette - H227

9) (Même procédure qu'en 2D) Clic bouton droit sur le calque A Échelle et taille du calque

10) Saisir Hauteur : 227 puis clic sur Échelle (on garde les proportions sauf si c'est une image qui ne colle pas du tout à la boite dans ce cas soit on étire soit on coupe, à vous de voir)

11) Sélectionner le calque A puis l'outil de déplacement (1) et enfin cliquer sur l'image du jeu et la déplacer pour que les bords droits soient calés sur les bords droits du cadre (2) (on peut utiliser les flèches du clavier pour plus

de précision et/ou shift+flèches pour déplacer plus rapidement)


12) Sélectionner le claque A, sélectionner "l'outil perspective" puis cliquer sur l'image.
Étirer les 2 bords de gauche jusqu'au coins du cadre de la boite puis clic sur "Transformer" pour valider la modification.





Partie 2 - Le logo sur la tranche de la boite

1) Fichier => Ouvrir la jaquette d'un jeu (ici Alien Vs Predator.jpg)

2) Outil de selection rectangulaire puis selectionner le contour du logo

3) Copier (Ctrl+C) puis Coller dans une nouvelle image (Ctrl+Shift+V)



4) Maintenant 2 solutions :
- Soit on décide de garder la même couleur de fond que le logo, c'est à dire noir pour nous, dans ce cas on va uniquement couper proprement les parties superflues noires qui pourraient dépasser sur la boite, il faut pour cela faire une

sélection au plus près du logo (Outil de sélection rectangulaire).

- Soit on décide de faire un logo sur fond transparent (solution plus propre)
Dans ce cas là il va falloir détourer :
Sélectionner l'outil se sélection contigüe (1) et cliquer sur la partie à retirer, l'outil permet de sélectionner une région d'une même couleur ou de couleur avoisinante.
Si la sélection est trop étendue il faudra diminuer le Seuil (2) si au contraire la sélection est trop restrictive il faudra l'augmenter.



Plus il y la différence de teinte entre le logo et le fond et plus facile sera le détourage avec cet outil.
Si besoin utiliser la gomme en jouant avec la taille et le type de brosse pour retirer ce qu'il reste.
Au final on se retrouve avec ça :



NB : Il y une astuce, c'est de chercher sur google image des logos, parfois on peut tomber sur un logo déjà détouré sur un fond transparent, et là on s'affranchit de cette tâche lourdingue !

6) Image => Transformer => Rotation 90° sens horaire


7) Sélectionner le logo et faire un CTRL+C

8 ) Retour au projet Modele3D et faire CTRL+V

9) Sur la nouvelle sélection flottante : Clic bouton droit => vers nouveau calque puis l'appeler B

10) Déplacer le calque entre les calques 1-2 PLAYERS Cadre et Logo L27

11) Sur le calque B : Échelle et taille du calque


12) Saisir dans la largueur : 27 (laisser les maillons assemblés) puis Échelle



13) Sélectionner l'outil de déplacement pour déplacer le logo sur la tranche de la boite (utiliser les flèches sur le clavier pour le déplacer en finesse)



La partie logo est terminée, maintenant on va s'attaquer au fond et au cadre.





Partie 3 - La boite

1) Sélectionner le calque "Tranche Fond" (1), sélectionner l'outil de remplissage puis choisir la couleur de remplissage (3)


2) Cliquer sur le fond pour colorer


3) Sélectionner le calque "Boite Cadre" puis Couleur => Colorier...



4) Jouer avec les paramètres Teinte, Saturation et Luminosité pour définir la couleur du cadre puis valider.
NB : Relever les paramètres pour les reporter plus loin.


5) Faire la même chose pour les calques "Boite Languette" et "1-2 PLAYERS Cadre"
NB : On peut choisir des couleurs différentes entre le cadre de la boite et la languette comme c'était fait sur certaines boites Neo Geo AES



La boite est terminée, il ne reste plus que le reflet sur le sol.




Partie 4 - Le reflet

1) Masquer le fond noir


2) Faire un CTRL+A pour sélectionner toute l'image, CTRL+SHIFT+C puis CTRL+SHIFT+V ce qui va créer un nouveau projet avec un nouveau calque "Calque Copié"

3) Image => Transformer => Miroir vertical


L'image à ce stade ressemble à ça :


4) Outil de sélection rectangulaire (1), sélectionner la zone qui part du point A jusqu'au point B puis faire un CTRL+C


5) Retour au projet Modele3D :
- Faire CTRL+V
- Clic droit sur la sélection flottante => vers nouveau calque
- Renommer en C
- Déplacer le calque pour que le coin supérieur du calque C touche le coin inférieur du cadre de la boite.


6) Même chose qu'en 4 mais pour l'autre partie de la boite


7) Même chose qu'en 5, on crée le calque D que l'on place sur le coté gauche du reflet de la boite.


NB : Il est préférable de ré-afficher le calque de "fond noir" pour avoir une meilleure visibilité lors du déplacement des calques C et D (1)
Utiliser l'affichage en 200% aide aussi (2)


8 ) Déplacer les calques C et D entre "Jaquette H227" et "Reflet"



9) Passer en affichage 200% puis utiliser l'outil "perspective"



10) Sélectionner le Calque C et cliquer une fois sur l'image => une grille s'affiche avec un formulaire perspective


11) Attraper le coin supérieur droit de la grille et l'étirer vers le haut (1) pour que le coin du reflet jointe parfaitement avec le coin de la boite en A puis cliquer sur Transformer.
Il est possible de s'y reprendre à plusieurs fois en faisant un CTRL+Z pour recommencer en 10)


12) Même chose qu'en 10 et en 11 avec le calque D


13) Clic bouton droit sur le calque C => Fusionner vers le bas
Les calques C et D sont fusionnés en un calque D (le reflet de la boite se trouve maintenant dans un seul et même calque D)



14) Dupliquer le calque D pour en faire une sauvegarde (afin de refaire à l'infini le reflet s'il ne vous convient pas, car uen fois le projet sauvegardé puis fermé il est impossible de faire un retour arrière sur les actions déjà

faites)

15) On va maintenant rectifier la jointure entre les 2 calques de reflet en 4.
- Sélectionner le calque D
- Outil de barbouillage (1)
- Vérifier le paramétrage (2) et (3)
- Cliquer en brossant de gauche à droite pour arrondir l'angle en (4)
(je vous rappelle qu'il y a toujours le CTRL+Z pour annuler l'action au cas-où ...)


16) Sélectionner le calque D
- Sélectionner "l'outil de dégradé" (1)
- Sélectionner la couleur grise (2)

- Sélectionner "Lumière dure" (3)
- Saisir un décalage de 50 (4)
- Faire un drag & drop de bas en haut et observer la partie basse pour obtenir 230,0 à gauche et 0,0 à droite (à plus ou moins 1 ce n'est pas grave)

Le calque s’assombri.


17) On va réitérer mais cette fois-ci on s'arrêtera aux valeurs 260,0
Le reflet s'assombri davantage.


18 ) Avec l'outil de sélection rectangulaire faire une sélection du point 350 jusqu'en bas à droite de l'image puis appuyer sur la touche "Suppr" pour effacer tout parasites (les bords du cadre apparaissent parfois jusqu'en bas de l'image ce qui n'est pas du tout esthétique).



19) Sélectionner le calque D et régler l'opacité à 50 (C'est au cas par cas, tout dépend de la jaquette du jeu, si elle est trop sombre inutile de baisser l'opacité, la laisser à 100)



20) Fichier => Export As => mon_icone3D.png

L’icône 3D est terminé !


Si vous avez des problèmes n'hésitez pas à me les remonter.

Bonne création !!

[kryte]

pfiuuuu excellent boulot spectro !
Je vais pourvoir attaquer les boîtes pour GBA

[neslou]

J'aime quand ça se passe ainsi!!!   
X-Community Power!

[spectro2]

Je viens de réuploader les modèles sur mon drive pour éviter les liens morts ...

[larska]

je sais que tu t'est pris la téte pour nous faire c'est boitier mais je voudrai en savoir plus pour la maniére de les créer car si tu veut un coup de main je suis preneur merci de ta réponse a plus

[spectro2]

Salut Larska,
Dis moi ce que tu veux savoir de plus, je tenterai de t'aider

[larska]

c"est pour pouvoir créer des 3D de toutes les autres consoles est profiter d"amélioré les images de c boites de consoles en gros je veux savoir comment tu t'y est pris pour faire la boite 3D merci

[larska]

part contre a mon sujet , j'ai a mon actif pas loin de une 15 de c machine de ma jeunesse ainsi que la qu' une néo-géo

[spectro2]

c"est pour pouvoir créer des 3D de toutes les autres consoles est profiter d"amélioré les images  de c boites de consoles en gros je veux savoir  comment tu t'y est pris pour faire la boite 3D merci

Ce que tu me demandes c'est ce que j'ai fait dans mon tuto ...
Désolé mais je ne pense pas pouvoir détailler plus.
Ave ce tuto tu peux faire des boites de tout ce que tu veux, ce qui change c'est les images que tu utilises ...
Regarde bien le tuto tout est désactivable ou remplaçable sur la boite.
Par contre si je n'ai pas compris ta question n'hésite pas à me le dire ,)

[larska]

j'ai fait des 3D des jaquette nintendo dite moi si sa va niveau rendu merci

[spectro2]

Salut Larska,
Je crois que tu as oublié l'tape 17, car il n'y a pas d'ombrage sur le reflet de la boite sur le sol.
L'image de base n'a pas l'air d'être d'une super qualité, peut être que tu pourrais en trouver une autre sur le net ?
Sinon rien d'autre à dire
Merci à toi de contribuer et de faire partager ton boulot
Bon courage !

[larska]

j'en n'ai fait d'autre mais voilas le résultat

[larska]

[spectro2]

Salut Larska,
Je ne pense pas que tu aies résolu ton problème de l'étape 17, compare les ombres du boitier dans le tuto et le tient, tu verras que tu reflet et blanchâtre.
Sur ta boite de Pool of Radiance le logo Nintendo sur la tranche est trop lissé du coup on arrive plus à lire ce qu'il y a écrit.
Pour mes boites je partais d'un modèle nickel avec les logo etc ... et j'y ajoutais uniquement ce qui était propre au jeu, ca évite de refaire ce même boulot et surtout d'avoir des boites avec des gueules différentes
Sinon le reste est bon.

[davlar]

Bravo pour l'initiative Larska, si tu cherches des sources de bonne qualité pour les scans de boites Nintendo, je te conseille NintAndBox http://www.nintandbox.net/index.php/fr/:
Il faut s'enregistrer gratuitement pour acceder  aux scans de bonne qualité.

Ici l'apperçu pour pool of radiance:
http://www.nintandbox.net/index.php/en/nintendo-boxes-project/NES-Famicom/Pool-Of-
Radiance/PoolOfRadiance_NES-Box_AME(en).zip/file-1135/

[larska]

[spectro2]

Je vois que tu as corrigé l'ombrage, c'est très bien comme ça !
Plus que 340 boites à faire

[larska]

j'ai créer ceci

[spectro2]

Très bien les jaquettes MD !
Tu as un petit soucis sur la languette de Zool, elle n'est pas droite, la partie supérieure doit être parallèle au haut de la boite.
Ta boite SNES n'est pas dans les bonnes proportions, il faudrait aussi la redresser comme si elle était posée sur une table.
Bravo pour tout le reste !

[larska]

les boite MD en couleur ou pas car on ne les vois pas sur un font noir

[spectro2]

les boite MD en couleur ou pas car on ne les vois pas sur un font noir

Non ne change rien pour la couleur de la boite MD, c'est parfait !

[zouzzz]

Bravo larska, c'est très beau.

[neslou]

Good job Larska!!! ça en jette et pour la languette du haut, du coup je trouve ça sympa et ça donne un côté "vrai" jaquette

[larska]

pars contre pour les boites snes tu ma dit de les faire comme si elle été sur une table

[spectro2]

pars contre pour les boites snes tu ma dit de les faire comme si elle été sur une table

Oui comme les autres boites, c'est à dire posée de face et pas sur le dos.

[Contenu sponsorisé]