le 12 Juin 2014 - Importer un emblème de Crew custom après le patch des serveurs Rockstar

[Gifleur_De_Nuque]

Bonjour à tous,

Dans ce guide, je vais vous montrer comment importer un emblème custom pour votre crew depuis que Rockstar a patché ses serveurs.


Prérequis :
- Le navigateur Chrome et/ou Firefox.
- Notepad++. Pour les membres qui sont sur Mac, vous trouverez un superbe guide sur comment « Installer et utiliser Notepad++ sur Mac » réalisé par Oxid91. Un grand merci à lui.


L'image :
- Votre image doit être un carré d'une taille maximum de 512x512 pixels.
- Si celle-ci est plus petite ou a un fond transparent. Elle peut et doit tenir dans un carré transparent de 512x512 pixels à condition d'être centrée.
- Pour ce guide, je vais prendre cette image qui a été réalisée avec Photoshop pour mon Crew (

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

):

C'est un carré transparent de 512x512 px (pixels) avec une image centrée.​

Conversion de votre image en fichier .svg.
Avec le site de Vector Magic :
- Allez sur le site

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

.
- Cliquez sur le bouton « Upload Image To Trace » et indiquez le chemin d'accès de votre image.
- Dans le menu de droite, sélectionnez « Unlimited Colors ».
- Puis, sélectionnez « High » dans le « Detail Level ».
- Une fois l'opération terminée, cliquez sur le bouton « Download Result ».
- Entrez une adresse mail valide.
- Récupérez le code que vous venez de réceptionner dans votre boîte mail et validez le sur le site.
- Cliquez sur le bouton « SVG ».

Avec le logiciel Vector Magic installé :
- Déposez votre image dans le logiciel.
- Sélectionnez « De base ».
- Sélectionnez « Logo anti-aliasé ».
- Sélectionnez « Laisser transparent ».
- Sélectionnez « Haute ».
- Sélectionnez « Couleurs illimitées ».
- Cliquez sur « Vérification effectuée ».
- Choisissez « Enregistrement rapide » en « .svg ».
Vous éviterez ainsi d'avoir des lignes avec des codes de ce type :

« <g id... » et « </g> » ou « opacity="... » entre « <path fill="#code de couleur" » et « d=" M »

Ouverture et préparation de votre fichier .svg afin de pouvoir l’importer comme emblème.
- Pour l'importation et à l'heure à laquelle ce guide est fait, voici une ligne parfaite pour l'importation :

<path fill="#code couleur" stroke="none" d="Votre code commençant par M et se terminant par Z" stroke-width="0" opacity="1" transform="matrix(1,0,0,1,0,0)"></path>

- Ouvrez votre fichier .svg avec Notepad++.
- Vous devriez avoir un code ressemblant à celui-ci (Ce n'est qu'une partie du code qui va servir d'exemple) :

- Supprimez les lignes suivantes :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="512pt" height="512pt" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg">

et

</svg>

- Ce qui donnera 10 lignes (Sur l'emblème complet, j'ai 160 lignes. Il faut savoir que plus vous aurez de détails et de couleurs sur votre image, plus vous aurez de lignes) :

- Votre première ligne devra obligatoirement commencer par :

<path...

- La dernière ligne devra obligatoirement se terminer par :

...Z" />

À noter que votre première ligne est peut-être celle de l’image de fond si vous êtes passé par le site pour convertir votre image ou si vous n'avez pas sélectionnez le fond transparent dans le logiciel. Vous pouvez donc la supprimer si vous souhaitez avoir un fond transparent.
- Comptabilisez le nombre de lignes que vous avez maintenant et rendez-vous sur l’

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

en utilisant le navigateur de votre choix entre Chrome et Firefox.
- Prenez la catégorie des carrés et créez autant de carrés que vous avez de lignes dans votre fichier .svg.
- Dans notre exemple, je vais devoir créer 10 carrés.
Exemple :

- Une fois tous vos carrés crées, sauvegardez votre emblème.
Note : Si vous ne savez plus à combien de carrés vous en êtes, sauvegardez le et effectuez la manipulation suivante pour vérifier le nombre exacte :
- Faites un clic-droit sur le fond de votre emblème de carrés et sélectionnez « Inspecter l’élément » (Chrome) / « Examiner l’élément » (Firefox).
- Faites un clic-droit sur la ligne :

<svg heigh…

- Sélectionnez « Edit as HTML » (Chrome) / « Modifier comme HTML » (Firefox).
- Sélectionnez à partir du premier :

<path fill…

Jusqu’au dernier :

</path>

- Copiez-le et allez le coller dans une nouvelle page de Notepad++.
- Dans la barre d'outil de Notepad++, cliquez sur « Recherche » et enfin sur « Rechercher... ».
- Entrez ceci :

<path

- Cliquez sur le bouton « Compter ».
- En bas à gauche de cette fenêtre, vous aurez le nombre exacte de carrés fait.


Édition du code de votre fichier .svg et importation.
- Retournez sur Notepad++ et commencez à éditer votre emblème.
- Cliquez dans la barre d'outil sur le bouton « Rechercher » et sélectionnez « Remplacer… ».
- Dans la case « Recherche », indiquez ceci :

" d=" M

Note : Le guillemet avant le « d=" M » est celui qui correspond au dernier guillemet du code de couleur (« fill="#787878" »).
- Dans la case « Remplacer par », indiquez ceci :

" stroke="none" d="M

- Cliquez sur le bouton « Remplacer tout ».
Exemple :

- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :

Z" />

- Dans la case « Remplacer par », indiquez ceci :

Z" stroke-width="0" opacity="1" transform="matrix(1,0,0,1,0,0)"></path>

Exemple :

- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :

th><pa

- Dans la case « Remplacer par », indiquez ceci :

thipa

Exemple :

- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :

thipa

- Dans la case « Remplacer par », indiquez ceci :

th><pa

Exemple :

- Grâce à cette manipulation, vous n’aurez plus qu’une seule ligne de code prête à être importée.
- Sélectionnez le tout et copiez-le.
- Retournez sur votre emblème de carrés et supprimez la couleur de fond.
- Faites un clic-droit sur le fond de votre emblème et sélectionnez « Inspecter l’élément » (Chrome) / « Examiner l’élément » (Firefox).
- Faites un clic-droit sur la ligne :

<svg heigh…

- Sélectionnez « Edit as HTML » (Chrome) / « Modifier comme HTML » (Firefox).
- Sélectionnez à partir du premier :

<path fill…

Jusqu’à ce que votre curseur arrive devant :

</svg>

- Faites Ctrl + V avec votre clavier pour coller votre code.
- Cliquez sur une autre ligne hors du cadre que vous venez d'éditer afin que celui-ci se referme et soit pris en compte.
- Retournez sur la fenêtre de l’éditeur d’emblèmes et cliquez sur le bouton pour le sauvegarder.
- À l’affichage de la fenêtre, cliquez sur « SAUVEGARDER COMME NOUVEAU ».
Note : Si la sauvegarde ne fonctionne pas sous Chrome (j'ai vu que Rockstar avait modifié le code depuis le week-end du 20 Avril), répétez l'opération que vous venez de faire avec Firefox.


Publication de l'emblème et mise par défaut.
- Maintenant que votre emblème est sauvegardé, cliquez sur le bouton « PUBLIER » et sélectionnez votre Crew.
- Allez sur la page de votre Crew et mettez le curseur de votre souris sur votre emblème.
- Cliquez sur « UTILISER EMBLÈME ».
Note : Si vous ne voyez aucun emblème dans la « Galerie d'emblèmes », retournez dans l'éditeur d'emblèmes et publiez sur votre Crew l'emblème avec les carrés jusqu'à ce que les emblèmes apparaissent dans la galerie. Puis, mettez le curseur de votre souris sur votre emblème et cliquez sur « UTILISER EMBLÈME ».
Exemple :

Information.
Ce guide fut réalisé par mes soins.
Vous n'êtes autorisés à le copier que si mon nom et l'adresse de mon Crew y figure.
Merci de votre compréhension.

xxDimxx.
The Lost MC FRA -

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

.

Excellent tuto , il manque juste la vidéo et sa serrait nickel

 

[Koqas]

Salut, très bon tuto, depuis le temps que je ovulais le faire, merci beaucoup

Le problème c'est que je ne vois plus mes emblèmes, il est bien publié, on le voit dans le fil d'actualités à gauche.
Tu dit qu'il faut publier plusieurs fois la version avec des carrés, c'est ce que j'ai fait mais je ne le vois toujours pas, peut être que je m'y prend mal
Quelle version faut il donc prendre ? Faut il l'éditer, le sauvegarder comme nouvel emblème et le publier plusieurs fois, ou le sauvegarder comme il est (il va donc remplacer l'emblème normal sans les carrés)

Note : Si vous ne voyez aucun emblème dans la « Galerie d'emblèmes », retournez dans l'éditeur d'emblèmes et publiez sur votre Crew l'emblème avec les carrés jusqu'à ce que les emblèmes apparaissent dans la galerie. Puis, mettez le curseur de votre souris sur votre emblème et cliquez sur « UTILISER EMBLÈME ».

Merci !


EDIT : Les emblèmes sont apparus subitement, je sais pas pourquoi, j'ai fait "utiliser emblème" sauf qu'il n'étais pas mit à jour et que en haut de la page était encore présent l'ancien emblème.
J'ai voulu virer les carrés du coup d'en bas de la page mais sa m'a fait se cacher tout les emblèmes

EDIT 2: Je suis arrivé à mettre mon emblème sans le fond, il apparaît bien sur la page, et les emblèmes publiés sont visibles, sans doute une histoire de temps.

 

[DAaRKx]

Merci pour ton tuto, mais moi quand je dois échanger les 2 derniers (th><pa et thipa) je n'y arrive pas (il me dit que rien n'a été changé) , et j'ai toujours mes 177 lignes dans notepad++ , quelqu'un pourrait m'aider ?

 

[DAaRKx]

Salut, très bon tuto, depuis le temps que je ovulais le faire, merci beaucoup

Le problème c'est que je ne vois plus mes emblèmes, il est bien publié, on le voit dans le fil d'actualités à gauche.
Tu dit qu'il faut publier plusieurs fois la version avec des carrés, c'est ce que j'ai fait mais je ne le vois toujours pas, peut être que je m'y prend mal
Quelle version faut il donc prendre ? Faut il l'éditer, le sauvegarder comme nouvel emblème et le publier plusieurs fois, ou le sauvegarder comme il est (il va donc remplacer l'emblème normal sans les carrés)



Merci !


EDIT : Les emblèmes sont apparus subitement, je sais pas pourquoi, j'ai fait "utiliser emblème" sauf qu'il n'étais pas mit à jour et que en haut de la page était encore présent l'ancien emblème.
J'ai voulu virer les carrés du coup d'en bas de la page mais sa m'a fait se cacher tout les emblèmes

EDIT 2: Je suis arrivé à mettre mon emblème sans le fond, il apparaît bien sur la page, et les emblèmes publiés sont visibles, sans doute une histoire de temps.

Ca marche encore alors ? Apparemment R* aurait patché cette technique, quelqu'un sait ?

 

[Koqas]

J'y suis arrivé, donc on peut encore

Merci pour ton tuto, mais moi quand je dois échanger les 2 derniers (th><pa et thipa) je n'y arrive pas (il me dit que rien n'a été changé) , et j'ai toujours mes 177 lignes dans notepad++ , quelqu'un pourrait m'aider ?

Faut que tu mette tout sur une ligne, moi je m'en suis farci 138

 

[DAaRKx]

J'y suis arrivé, donc on peut encore


Faut que tu mette tout sur une ligne, moi je m'en suis farci 138

Ah ok donc je le fais à la main... Faut que je trouve le courage X)

PS: je viens de réessayer, rien à faire, ça me fait un chargement infini pour moi quand je le sauvegarde... Je crois que je vais laisser tomber :/
Si quelqu'un pourrait me dire si il y a des erreurs , voici le code sur 1 ligne :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

. ThX

 

[Koqas]

Ah ok donc je le fais à la main... Faut que je trouve le courage X)

PS: je viens de réessayer, rien à faire, ça me fait un chargement infini pour moi quand je le sauvegarde... Je crois que je vais laisser tomber :/
Si quelqu'un pourrait me dire si il y a des erreurs , voici le code sur 1 ligne :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

. ThX

J'ai aussi eu des chargements infinis, après avoir bidouillé, sa a marché

 

[xxDimxx]

Vous arrivez toujours à sauvegarder ?

Car je crois bien que je vais avoir le regret de vous annoncer que Rockstar a modifié son codage.
Chose qui ne va pas nous faciliter la tâche car avant, une ligne parfaite pour l'importation était :

<path fill="#code couleur" stroke="none" d="Votre code commençant par M et se terminant par Z" stroke-width="0" opacity="1" transform="matrix(1,0,0,1,0,0)"></path>

Maintenant, il faut modifier toutes les lignes en ayant ce modèle :

<path transform="matrix(1,0,0,1,0,0)" opacity="1" stroke-width="0" d="Votre code commençant par M et se terminant par Z" stroke="none" fill="#code couleur" style="opacity: 1;"></path>

Ca ne sauvegarde pas sur chrome...Et j'y arrive pas sur firefox

Tiens, voici le code pour sauvegarder sur Chrome :

<path fill="#code couleur" stroke="none" d="Votre code commençant par M et se terminant par Z" stroke-width="0" opacity="1" transform="matrix(1,0,0,1,0,0)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 1;"></path>

 

[xxDimxx]

Salut, très bon tuto, depuis le temps que je ovulais le faire, merci beaucoup

Le problème c'est que je ne vois plus mes emblèmes, il est bien publié, on le voit dans le fil d'actualités à gauche.
Tu dit qu'il faut publier plusieurs fois la version avec des carrés, c'est ce que j'ai fait mais je ne le vois toujours pas, peut être que je m'y prend mal
Quelle version faut il donc prendre ? Faut il l'éditer, le sauvegarder comme nouvel emblème et le publier plusieurs fois, ou le sauvegarder comme il est (il va donc remplacer l'emblème normal sans les carrés)



Merci !


EDIT : Les emblèmes sont apparus subitement, je sais pas pourquoi, j'ai fait "utiliser emblème" sauf qu'il n'étais pas mit à jour et que en haut de la page était encore présent l'ancien emblème.
J'ai voulu virer les carrés du coup d'en bas de la page mais sa m'a fait se cacher tout les emblèmes

EDIT 2: Je suis arrivé à mettre mon emblème sans le fond, il apparaît bien sur la page, et les emblèmes publiés sont visibles, sans doute une histoire de temps.

Oui, il faut attendre. Tout simplement.
C'est la même chose une fois que tu as cliqué sur Utiliser l'emblème.

 

[xxDimxx]

Ah ok donc je le fais à la main... Faut que je trouve le courage X)

PS: je viens de réessayer, rien à faire, ça me fait un chargement infini pour moi quand je le sauvegarde... Je crois que je vais laisser tomber :/
Si quelqu'un pourrait me dire si il y a des erreurs , voici le code sur 1 ligne :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

. ThX

Voilà ton code modifié pour Chrome :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[Champyzou93]

Merci, j'ai enfin réussis, et cela fonctionne si vous voulez le voir

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[DAaRKx]

Voilà ton code modifié pour Chrome :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Merci beaucoup ! Mais j'ai toujours mon problème quand je sauvegarde, j'ai pourtant compté, j'ai bien 177 carrés pour 177 <path, mon emblème apparait bien sur l'éditeur, mais impossible de sauvegarder... Je vois vraiment pas d'où vient le problème

 

[Devlad]

Xxdimxx toujours actif merci a toi d être dispo pour nous

 

[NCM]

Salut! j'arrive a meter l'image dans l'éditeur, mais l'image n'a pas les couleurs d'origine, il import tout en noir, quelque chose à faire!

 

[xxDimxx]

Merci, j'ai enfin réussis, et cela fonctionne si vous voulez le voir

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Tu ne voulais pas le fond transparent de ton image ?

Merci beaucoup ! Mais j'ai toujours mon problème quand je sauvegarde, j'ai pourtant compté, j'ai bien 177 carrés pour 177 <path, mon emblème apparait bien sur l'éditeur, mais impossible de sauvegarder... Je vois vraiment pas d'où vient le problème

Comment colles-tu ton code ?
Et avec quel navigateur ?

Salut! j'arrive a meter l'image dans l'éditeur, mais l'image n'a pas les couleurs d'origine, il import tout en noir, quelque chose à faire!

Tu as peut-être modifié tes codes couleurs pour les remplacer par "#000000".

 

[breizhman9]

Helllo les amis, je paie 5€ a l'ame charitable qui accepterais de me faire un logo ...

Merci d'avance

 

[xxDimxx]

Salut l'ami Breton.
Pourquoi payer 5€ alors que tu peux le faire gratuitement ?
C'est quoi l'image que tu veux ?

 

[breizhman9]

Salut l'ami Breton.
Pourquoi payer 5€ alors que tu peux le faire gratuitement ?
C'est quoi l'image que tu veux ?

Bhen pcq j'ai pas l'habitude lol dans ce monde rien n'est gratuit a l heure actuel

Aurais tu Skype ? je te la file la bas

 

[Champyzou93]

Salut l'ami Breton.
Pourquoi payer 5€ alors que tu peux le faire gratuitement ?
C'est quoi l'image que tu veux ?

Tu lui fait ou je lui fait ? comme tu veux ?

 

[breizhman9]

Si l'un de vous peux me le faire ce soir que je mette le Crew en route ca serait Top Cool XD