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

Statut
N'est pas ouverte pour d'autres réponses.

xxDimxx

Membre
Inscription
20 Décembre 2013
Messages
199
Réactions
77
Points
5 146
Technique patché par Rockstar le 12 Juin 2014.

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 ( ):

1c43ac10.png

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 .
- 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 :
Code:
« <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 :
Code:
<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>
Mise à jour au 26 Avril :
Code:
<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>
- 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) :
tuto0110.png

- Supprimez les lignes suivantes :
Code:
<?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
Code:
</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) :
tuto0210.png

- Votre première ligne devra obligatoirement commencer par :
Code:
<path...
- La dernière ligne devra obligatoirement se terminer par :
Code:
...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’ 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 :
tuto0010.png

- 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 :
Code:
<svg heigh…
- Sélectionnez « Copy as HTML » (Chrome) / « Copier innerHTML » (Firefox).
- 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 :
Code:
<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… ».
- Vérifiez que la case « Dans sélection » ne soit pas cochée.
- Dans la case « Recherche », indiquez ceci :
Code:
" 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 :
Code:
" stroke="none" d="M
- Cliquez sur le bouton « Remplacer tout ».
Exemple :
tuto0310.png

- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :
Code:
Z" />
- Dans la case « Remplacer par », indiquez ceci :
Code:
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>
Exemple :
tuto0410.png

Les deux remplacements suivants sont devenu optionnels :
- Répétez la même opération avec ceci :
- Avec le curseur de la souris, sélectionnez ceci :
Code:
th><pa
- Dans la barre d'outil de Notepad++, cliquez sur « Recherche » et enfin sur « Remplacer... ».
- Dans la case « Remplacer par », indiquez ceci :
Code:
thipa
Exemple :
tuto0510.png

- Répétez la même opération avec ceci :
- Avec le curseur de la souris, sélectionnez ceci :
Code:
thipa
- Dans la barre d'outil de Notepad++, cliquez sur « Recherche » et enfin sur « Remplacer... ».
- Dans la case « Remplacer par », indiquez ceci :
Code:
th><pa
Exemple :
tuto0610.png

- 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 :
Code:
<svg heigh…
- Sélectionnez « Edit as HTML » (Chrome) / « Modifier comme HTML » (Firefox).
- Sélectionnez à partir du premier :
Code:
<path…
Jusqu’à ce que votre curseur arrive devant :
Code:
</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 », deux possibilités s'offrent à vous :
- Soit, vous mettez la langue du Rockstar Social Club sur « English » en cliquant sur l'image en forme de roue dentée en haut à droite à côté de votre nom de profil. Cliquez ensuite sur « PARAMÈTRES » et modifiez la langue qui se trouve tout en bas des différentes options. Après, vous pourrez voir que vos emblèmes seront visibles dans la galerie. Mettez le curseur de votre souris sur votre emblème et cliquez sur « UTILISER EMBLÈME ».
- Soit, vous retournez dans l'éditeur d'emblèmes et publiez sur votre Crew l'emblème avec les carrés ou un emblème de Rockstar 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 :
emblem10.jpg


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 - .
 
Dernière édition:

Beater-02 LDS

Premium
Inscription
29 Juin 2012
Messages
312
Réactions
81
Points
9 073
Voici le message que j'ai quand je veux save mon projet.

 
Dernière édition:

xxDimxx

Membre
Inscription
20 Décembre 2013
Messages
199
Réactions
77
Points
5 146
Avant de coller ton code modifié, as-tu bien vérifier que tu n'avais pas plusieurs lignes <rect...> dans le code de l'emblème des carrés ?
Sinon, c'est soit tu as trop de carrés ou alors, tu n'en as pas assez.
Envoi moi ton code par Mp que je regarde si il n'y aurait pas une erreur dans les modifs.
 

RGTA | UliGoD

Membre
Inscription
14 Février 2013
Messages
440
Réactions
72
Points
3 808
putain sa a lair complique juste a le lire :(
Es que tu vas faire une video de ton tuto?
 

◀▶TySöΝ◀▶

*Ramène/1\ Miroir Que je trouve/1\Adversaire*
Premium
Inscription
8 Décembre 2013
Messages
1 412
Réactions
606
Points
2 106
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.

Pour ce guide, je vais prendre cette image qui a été réalisée avec Photoshop pour mon Crew ( ):

1c43accf5767297a091d11ed56de9f99849ab32f_256.png



Prérequis :
- Le navigateur Chrome (plus simple d’utilisation).
- Notepad++.


Conversion de votre image en fichier .svg.
- Allez sur le site .
- 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 ».


Ouverture et préparation de votre fichier .svg afin de pouvoir l’importer comme emblème.
- Ouvrez votre fichier .svg avec Notepad++.
- Vous devriez avoir un code ressemblant à celui-ci (inutile de le copier, il n'est pas complet afin d'éviter que l'on me pique mon emblème) :
Code:
 <?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">
<path fill="#ffffff" d=" M 0.00 0.00 L 512.00 0.00 L 512.00 512.00 L 0.00 512.00 L 0.00 0.00 Z" />
<path fill="#000000" d=" M 151.76 14.84 C 185.22 6.78 219.53 1.54 254.02 1.87 C 299.48 1.60 344.78 9.46 388.07 23.14 C 418.52 33.18 448.85 43.69 478.39 56.20 C 474.30 64.01 470.85 72.12 467.10 80.09 C 455.06 104.95 443.24 129.91 431.57 154.94 C 416.98 150.56 402.59 145.48 387.92 141.32 C 388.89 147.99 390.33 154.57 391.62 161.18 C 395.77 159.33 399.67 156.95 403.91 155.28 C 405.34 165.29 406.09 175.38 407.51 185.39 C 415.73 184.20 423.83 182.24 432.05 181.02 C 425.51 194.05 419.08 207.13 412.49 220.13 C 421.93 222.60 431.45 224.77 440.83 227.42 C 430.92 234.95 420.67 242.04 410.81 249.65 C 414.85 250.34 418.92 250.95 423.00 251.45 C 413.72 258.78 404.35 266.01 394.92 273.14 C 401.29 278.35 407.74 283.46 413.99 288.81 C 406.30 292.17 398.75 295.82 391.00 299.05 C 396.50 305.60 403.10 311.08 409.02 317.23 C 397.36 318.73 385.60 319.11 373.93 320.39 C 377.19 327.79 380.33 335.25 383.72 342.60 C 375.85 340.43 367.90 338.56 360.03 336.39 C 361.30 343.94 362.84 351.44 364.65 358.87 C 357.15 356.40 349.78 353.57 342.26 351.15 C 342.23 357.77 341.54 364.37 341.68 371.01 C 335.85 369.27 330.33 366.69 324.75 364.30 C 321.48 371.76 318.33 379.28 314.98 386.70 C 311.44 386.88 307.90 387.15 304.36 387.40 C 304.45 390.61 304.67 393.83 304.43 397.05 C 301.66 400.96 298.27 404.39 295.31 408.16 C 302.47 406.76 309.83 406.81 316.95 405.14 C 324.74 404.50 332.19 402.07 339.88 400.90 C 348.29 398.82 356.80 397.07 365.06 394.44 C 367.14 393.75 369.33 393.54 371.49 393.23 C 372.52 392.54 373.53 391.73 374.79 391.53 C 382.37 389.69 389.65 386.86 396.91 384.06 C 398.52 383.44 400.26 383.37 401.95 383.14 C 405.16 388.87 408.42 394.59 411.90 400.15 C 412.17 402.46 413.85 404.06 415.12 405.86 C 417.25 409.51 419.67 413.02 420.85 417.12 C 424.92 421.93 427.61 427.66 430.80 433.06 C 434.04 438.84 437.80 444.34 440.77 450.28 C 442.43 453.74 445.19 456.66 445.99 460.52 C 439.43 463.55 432.63 465.98 426.08 469.03 C 424.46 469.83 422.72 470.35 420.97 470.80 C 416.37 472.64 411.60 474.08 406.94 475.77 C 393.44 480.52 379.60 484.49 365.59 487.49 C 355.73 491.03 345.14 491.46 335.00 493.88 C 332.29 494.53 329.57 495.10 326.81 495.49 C 319.18 496.43 311.74 498.71 304.01 498.80 C 277.60 502.40 250.71 501.64 224.07 501.64 C 221.67 501.68 219.26 501.58 216.90 501.13 C 208.41 499.47 199.66 500.04 191.18 498.35 C 187.82 497.56 184.27 497.93 180.98 496.85 C 171.77 496.04 162.88 493.48 153.84 491.68 C 152.23 491.13 150.11 491.23 149.07 489.71 C 144.55 489.65 140.20 488.32 135.90 487.08 C 121.99 483.05 108.33 478.22 94.88 472.86 C 83.74 468.17 72.87 462.84 62.09 457.38 C 76.48 432.39 89.37 406.47 103.51 381.29 C 125.03 391.15 148.06 397.25 171.11 402.36 C 185.48 405.29 200.06 406.98 214.61 408.77 C 211.26 404.63 208.26 400.22 205.15 395.91 C 205.58 392.24 206.01 388.57 206.44 384.90 C 202.14 384.73 197.83 384.76 193.53 384.60 C 191.84 377.73 190.29 370.82 188.26 364.04 C 182.46 367.36 176.98 371.21 171.33 374.77 C 170.88 367.12 171.24 359.46 171.26 351.81 C 164.54 353.74 157.94 356.03 151.24 358.01 C 151.57 351.31 152.00 344.63 152.27 337.93 C 144.98 338.94 137.68 339.76 130.39 340.78 C 133.49 334.33 136.24 327.72 139.55 321.38 C 127.73 319.34 115.79 317.98 104.02 315.67 C 110.85 310.04 117.46 304.15 124.43 298.69 C 114.86 294.39 105.16 289.92 95.22 286.34 C 102.10 281.98 108.79 277.33 115.70 273.04 C 106.68 267.28 97.87 261.20 88.98 255.26 C 94.36 252.99 100.04 251.56 105.49 249.46 C 96.19 242.72 86.49 236.47 77.16 229.74 C 84.10 227.01 91.04 224.28 98.01 221.64 C 93.53 209.43 88.56 197.42 83.99 185.26 C 91.09 186.54 98.18 187.92 105.28 189.24 C 107.42 179.23 108.74 169.07 110.61 159.01 C 114.33 160.73 118.03 162.49 121.76 164.19 C 121.50 156.97 121.77 149.74 122.02 142.52 C 109.17 147.63 96.09 152.18 83.50 157.89 C 67.75 124.57 52.55 91.00 36.64 57.76 C 47.00 52.25 57.77 47.57 68.34 42.50 C 79.17 37.41 90.65 33.99 101.93 30.06 C 118.38 24.50 134.83 18.81 151.76 14.84 Z" />
<path fill="#ffffff" d=" M 154.86 20.76 C 189.88 12.33 225.96 8.05 261.99 8.76 C 330.74 11.10 398.25 29.81 460.45 58.65 C 461.78 59.29 462.92 60.51 463.17 62.01 C 462.56 64.32 461.45 66.43 460.44 68.58 C 449.40 92.54 438.57 116.60 427.36 140.48 C 426.58 142.06 425.64 143.55 424.68 145.02 C 401.96 136.84 379.00 129.12 355.54 123.26 C 315.58 113.40 274.13 107.52 232.93 111.06 C 183.21 115.44 135.54 131.34 88.43 146.93 C 85.41 143.47 84.28 138.91 82.16 134.92 C 71.16 110.41 60.01 85.96 49.04 61.44 C 50.32 60.56 51.58 59.66 52.93 58.88 C 85.44 42.65 119.60 29.63 154.86 20.76 Z" />
<path fill="#000000" d=" M 55.24 63.39 C 115.66 33.44 182.15 13.64 249.98 13.49 C 321.89 13.73 392.76 32.82 457.82 62.75 C 445.76 88.03 434.27 113.58 422.47 138.98 C 391.71 127.56 360.09 118.35 327.85 112.22 C 293.02 105.80 257.27 102.99 221.99 106.98 C 176.89 112.47 133.50 126.69 90.53 140.86 C 78.46 115.18 67.33 89.06 55.24 63.39 Z" />
<path fill="#7a7a7a" d=" M 253.39 28.00 C 253.23 24.54 257.45 23.96 260.05 23.93 C 265.41 24.18 271.13 23.19 275.96 26.17 C 275.68 29.49 274.74 32.69 273.47 35.76 C 273.25 32.92 273.03 30.07 272.83 27.22 C 267.20 26.38 261.50 26.64 255.84 27.00 C 255.79 28.02 255.69 30.05 255.64 31.07 L 256.10 31.28 C 256.37 31.55 256.91 32.10 257.18 32.38 C 257.50 33.82 257.81 35.27 258.09 36.73 C 253.41 36.92 253.49 31.36 253.39 28.00 Z" />
<path fill="#ffffff" d=" M 236.32 491.74 C 247.26 492.54 258.24 492.00 269.16 491.17 L 268.19 492.37 C 267.16 492.91 266.08 493.36 264.98 493.75 C 255.05 495.54 244.89 494.11 234.87 494.53 C 235.23 493.83 235.96 492.44 236.32 491.74 Z" />
</svg>
- Supprimez les lignes suivantes :
Code:
 <?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
Code:
 </svg>
- Votre première ligne devra commencer par « <path » et la dernière ligne devra se terminer par « Z" /> »
À noter que votre première ligne est celle de l’image de fond. 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’ en utilisant le navigateur Chrome.
- 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 160 carrés.
- Pour chacun des carrés, indiquez le chiffre 0 aux coordonnées X et Y comme sur l’image ci-dessous.
Voici un exemple :
tuto110.png

- Une fois tous vos carrés crées, sauvegardez votre emblème.
- 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 :
Code:
" d=" M
- Dans la case « Remplacer par », indiquez ceci :
Code:
" stroke="none" d="M
- Cliquez sur le bouton « Remplacer tout ».
- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :
Code:
 Z" />
- Dans la case « Remplacer par », indiquez ceci :
Code:
 Z" stroke-width="0" opacity="1" transform="matrix(1,0,0,1,0,0)"></path>
- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :
Code:
 th><pa
- Dans la case « Remplacer par », indiquez ceci :
Code:
 thipa
- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :
Code:
 thipa
- Dans la case « Remplacer par », indiquez ceci :
Code:
 th><pa
- Grâce à cette manipulation, vous n’aurez plus qu’une seule ligne de code.
- Sélectionnez le tout et copiez-le.
- Retournez sur votre emblème et supprimez la couleur de fond.
- Faites un clique-droit sur le fond de votre emblème et sélectionnez « Inspecter l’élément ».
- Faites un clique-droit sur la ligne « <svg heigh… » et sélectionnez « Edit as HTML ».
- Sélectionnez à partir du premier « <path fill… » jusqu’au dernier « </path> ».
Note : Si vous avez plusieurs lignes « <rect... », sauvegarder une nouvelle fois votre emblème en sélectionnant l'option « SAUVEGARDER COMME NOUVEAU ».
- Faites Ctrl + V avec votre clavier pour coller votre code.
- 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 ».

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 ».

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 figurent.
Merci de votre compréhension.

xxDimxx.
The Lost MC FRA - .
Un grand merci à toi :ok:

On va refaire de belle emblème:D
 

Housni | QHS

✭ QHS™ Since 2010✭
Premium
Inscription
20 Novembre 2011
Messages
1 680
Réactions
1 254
Points
5 188
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.

Pour ce guide, je vais prendre cette image qui a été réalisée avec Photoshop pour mon Crew ( ):

1c43accf5767297a091d11ed56de9f99849ab32f_256.png



Prérequis :
- Le navigateur Chrome (plus simple d’utilisation).
- Notepad++.


Conversion de votre image en fichier .svg.
- Allez sur le site .
- 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 ».


Ouverture et préparation de votre fichier .svg afin de pouvoir l’importer comme emblème.
- Ouvrez votre fichier .svg avec Notepad++.
- Vous devriez avoir un code ressemblant à celui-ci (inutile de le copier, il n'est pas complet afin d'éviter que l'on me pique mon emblème) :
Code:
 <?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">
<path fill="#ffffff" d=" M 0.00 0.00 L 512.00 0.00 L 512.00 512.00 L 0.00 512.00 L 0.00 0.00 Z" />
<path fill="#000000" d=" M 151.76 14.84 C 185.22 6.78 219.53 1.54 254.02 1.87 C 299.48 1.60 344.78 9.46 388.07 23.14 C 418.52 33.18 448.85 43.69 478.39 56.20 C 474.30 64.01 470.85 72.12 467.10 80.09 C 455.06 104.95 443.24 129.91 431.57 154.94 C 416.98 150.56 402.59 145.48 387.92 141.32 C 388.89 147.99 390.33 154.57 391.62 161.18 C 395.77 159.33 399.67 156.95 403.91 155.28 C 405.34 165.29 406.09 175.38 407.51 185.39 C 415.73 184.20 423.83 182.24 432.05 181.02 C 425.51 194.05 419.08 207.13 412.49 220.13 C 421.93 222.60 431.45 224.77 440.83 227.42 C 430.92 234.95 420.67 242.04 410.81 249.65 C 414.85 250.34 418.92 250.95 423.00 251.45 C 413.72 258.78 404.35 266.01 394.92 273.14 C 401.29 278.35 407.74 283.46 413.99 288.81 C 406.30 292.17 398.75 295.82 391.00 299.05 C 396.50 305.60 403.10 311.08 409.02 317.23 C 397.36 318.73 385.60 319.11 373.93 320.39 C 377.19 327.79 380.33 335.25 383.72 342.60 C 375.85 340.43 367.90 338.56 360.03 336.39 C 361.30 343.94 362.84 351.44 364.65 358.87 C 357.15 356.40 349.78 353.57 342.26 351.15 C 342.23 357.77 341.54 364.37 341.68 371.01 C 335.85 369.27 330.33 366.69 324.75 364.30 C 321.48 371.76 318.33 379.28 314.98 386.70 C 311.44 386.88 307.90 387.15 304.36 387.40 C 304.45 390.61 304.67 393.83 304.43 397.05 C 301.66 400.96 298.27 404.39 295.31 408.16 C 302.47 406.76 309.83 406.81 316.95 405.14 C 324.74 404.50 332.19 402.07 339.88 400.90 C 348.29 398.82 356.80 397.07 365.06 394.44 C 367.14 393.75 369.33 393.54 371.49 393.23 C 372.52 392.54 373.53 391.73 374.79 391.53 C 382.37 389.69 389.65 386.86 396.91 384.06 C 398.52 383.44 400.26 383.37 401.95 383.14 C 405.16 388.87 408.42 394.59 411.90 400.15 C 412.17 402.46 413.85 404.06 415.12 405.86 C 417.25 409.51 419.67 413.02 420.85 417.12 C 424.92 421.93 427.61 427.66 430.80 433.06 C 434.04 438.84 437.80 444.34 440.77 450.28 C 442.43 453.74 445.19 456.66 445.99 460.52 C 439.43 463.55 432.63 465.98 426.08 469.03 C 424.46 469.83 422.72 470.35 420.97 470.80 C 416.37 472.64 411.60 474.08 406.94 475.77 C 393.44 480.52 379.60 484.49 365.59 487.49 C 355.73 491.03 345.14 491.46 335.00 493.88 C 332.29 494.53 329.57 495.10 326.81 495.49 C 319.18 496.43 311.74 498.71 304.01 498.80 C 277.60 502.40 250.71 501.64 224.07 501.64 C 221.67 501.68 219.26 501.58 216.90 501.13 C 208.41 499.47 199.66 500.04 191.18 498.35 C 187.82 497.56 184.27 497.93 180.98 496.85 C 171.77 496.04 162.88 493.48 153.84 491.68 C 152.23 491.13 150.11 491.23 149.07 489.71 C 144.55 489.65 140.20 488.32 135.90 487.08 C 121.99 483.05 108.33 478.22 94.88 472.86 C 83.74 468.17 72.87 462.84 62.09 457.38 C 76.48 432.39 89.37 406.47 103.51 381.29 C 125.03 391.15 148.06 397.25 171.11 402.36 C 185.48 405.29 200.06 406.98 214.61 408.77 C 211.26 404.63 208.26 400.22 205.15 395.91 C 205.58 392.24 206.01 388.57 206.44 384.90 C 202.14 384.73 197.83 384.76 193.53 384.60 C 191.84 377.73 190.29 370.82 188.26 364.04 C 182.46 367.36 176.98 371.21 171.33 374.77 C 170.88 367.12 171.24 359.46 171.26 351.81 C 164.54 353.74 157.94 356.03 151.24 358.01 C 151.57 351.31 152.00 344.63 152.27 337.93 C 144.98 338.94 137.68 339.76 130.39 340.78 C 133.49 334.33 136.24 327.72 139.55 321.38 C 127.73 319.34 115.79 317.98 104.02 315.67 C 110.85 310.04 117.46 304.15 124.43 298.69 C 114.86 294.39 105.16 289.92 95.22 286.34 C 102.10 281.98 108.79 277.33 115.70 273.04 C 106.68 267.28 97.87 261.20 88.98 255.26 C 94.36 252.99 100.04 251.56 105.49 249.46 C 96.19 242.72 86.49 236.47 77.16 229.74 C 84.10 227.01 91.04 224.28 98.01 221.64 C 93.53 209.43 88.56 197.42 83.99 185.26 C 91.09 186.54 98.18 187.92 105.28 189.24 C 107.42 179.23 108.74 169.07 110.61 159.01 C 114.33 160.73 118.03 162.49 121.76 164.19 C 121.50 156.97 121.77 149.74 122.02 142.52 C 109.17 147.63 96.09 152.18 83.50 157.89 C 67.75 124.57 52.55 91.00 36.64 57.76 C 47.00 52.25 57.77 47.57 68.34 42.50 C 79.17 37.41 90.65 33.99 101.93 30.06 C 118.38 24.50 134.83 18.81 151.76 14.84 Z" />
<path fill="#ffffff" d=" M 154.86 20.76 C 189.88 12.33 225.96 8.05 261.99 8.76 C 330.74 11.10 398.25 29.81 460.45 58.65 C 461.78 59.29 462.92 60.51 463.17 62.01 C 462.56 64.32 461.45 66.43 460.44 68.58 C 449.40 92.54 438.57 116.60 427.36 140.48 C 426.58 142.06 425.64 143.55 424.68 145.02 C 401.96 136.84 379.00 129.12 355.54 123.26 C 315.58 113.40 274.13 107.52 232.93 111.06 C 183.21 115.44 135.54 131.34 88.43 146.93 C 85.41 143.47 84.28 138.91 82.16 134.92 C 71.16 110.41 60.01 85.96 49.04 61.44 C 50.32 60.56 51.58 59.66 52.93 58.88 C 85.44 42.65 119.60 29.63 154.86 20.76 Z" />
<path fill="#000000" d=" M 55.24 63.39 C 115.66 33.44 182.15 13.64 249.98 13.49 C 321.89 13.73 392.76 32.82 457.82 62.75 C 445.76 88.03 434.27 113.58 422.47 138.98 C 391.71 127.56 360.09 118.35 327.85 112.22 C 293.02 105.80 257.27 102.99 221.99 106.98 C 176.89 112.47 133.50 126.69 90.53 140.86 C 78.46 115.18 67.33 89.06 55.24 63.39 Z" />
<path fill="#7a7a7a" d=" M 253.39 28.00 C 253.23 24.54 257.45 23.96 260.05 23.93 C 265.41 24.18 271.13 23.19 275.96 26.17 C 275.68 29.49 274.74 32.69 273.47 35.76 C 273.25 32.92 273.03 30.07 272.83 27.22 C 267.20 26.38 261.50 26.64 255.84 27.00 C 255.79 28.02 255.69 30.05 255.64 31.07 L 256.10 31.28 C 256.37 31.55 256.91 32.10 257.18 32.38 C 257.50 33.82 257.81 35.27 258.09 36.73 C 253.41 36.92 253.49 31.36 253.39 28.00 Z" />
<path fill="#ffffff" d=" M 236.32 491.74 C 247.26 492.54 258.24 492.00 269.16 491.17 L 268.19 492.37 C 267.16 492.91 266.08 493.36 264.98 493.75 C 255.05 495.54 244.89 494.11 234.87 494.53 C 235.23 493.83 235.96 492.44 236.32 491.74 Z" />
</svg>
- Supprimez les lignes suivantes :
Code:
 <?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
Code:
 </svg>
- Votre première ligne devra commencer par « <path » et la dernière ligne devra se terminer par « Z" /> »
À noter que votre première ligne est celle de l’image de fond. 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’ en utilisant le navigateur Chrome.
- 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 160 carrés.
- Pour chacun des carrés, indiquez le chiffre 0 aux coordonnées X et Y comme sur l’image ci-dessous.
Voici un exemple :
tuto110.png

- Une fois tous vos carrés crées, sauvegardez votre emblème.
- 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 :
Code:
" d=" M
- Dans la case « Remplacer par », indiquez ceci :
Code:
" stroke="none" d="M
- Cliquez sur le bouton « Remplacer tout ».
- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :
Code:
 Z" />
- Dans la case « Remplacer par », indiquez ceci :
Code:
 Z" stroke-width="0" opacity="1" transform="matrix(1,0,0,1,0,0)"></path>
- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :
Code:
 th><pa
- Dans la case « Remplacer par », indiquez ceci :
Code:
 thipa
- Répétez la même opération avec ceci :
- Dans la case « Recherche », indiquez ceci :
Code:
 thipa
- Dans la case « Remplacer par », indiquez ceci :
Code:
 th><pa
- Grâce à cette manipulation, vous n’aurez plus qu’une seule ligne de code.
- Sélectionnez le tout et copiez-le.
- Retournez sur votre emblème et supprimez la couleur de fond.
- Faites un clique-droit sur le fond de votre emblème et sélectionnez « Inspecter l’élément ».
- Faites un clique-droit sur la ligne « <svg heigh… » et sélectionnez « Edit as HTML ».
- Sélectionnez à partir du premier « <path fill… » jusqu’au dernier « </path> ».
Note : Si vous avez plusieurs lignes « <rect... », sauvegarder une nouvelle fois votre emblème en sélectionnant l'option « SAUVEGARDER COMME NOUVEAU ».
- Faites Ctrl + V avec votre clavier pour coller votre code.
- 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 ».

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 ».

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 figurent.
Merci de votre compréhension.

xxDimxx.
The Lost MC FRA - .
Énorme merci :)
Très beau Topic, je test de suite ;)
 

Kev74

Premium
Inscription
21 Octobre 2013
Messages
3 593
Réactions
481
Points
3 176
Je rejoindrai ton crew quand il aura un peu plus de monde ;)
 

xxDimxx

Membre
Inscription
20 Décembre 2013
Messages
199
Réactions
77
Points
5 146
Avec grand plaisir. ;)
D'ailleurs, vous êtes tous les bienvenues.
 

Devlad

Membre
Inscription
30 Janvier 2014
Messages
90
Réactions
20
Points
1 366
j ai besoin d aide je ne trouve pas le bouton svg de la 8em etape
 

xxDimxx

Membre
Inscription
20 Décembre 2013
Messages
199
Réactions
77
Points
5 146
Sinon je rejoins si les 3 membres sont actif :)
Pour ma part, je ne suis pas actif le soir.
Je joue principalement en journée et surtout le samedi.
Vie de famille avant tout. ;)
j ai besoin d aide je ne trouve pas le bouton svg de la 8em etape
Avais-tu déjà utilisé Vector Magic avant ?
Car nous avons le droit à deux upload gratuit par adresse mail et IP.
 

Devlad

Membre
Inscription
30 Janvier 2014
Messages
90
Réactions
20
Points
1 366
Pour ma part, je ne suis pas actif le soir.
Je joue principalement en journée et surtout le samedi.
Vie de famille avant tout. ;)
Avais-tu déjà utilisé Vector Magic avant ?
Car nous avons le droit à deux upload gratuit par adresse mail et IP.
c bon j ai trouver apres je suis le tuto et a la fin je n ai pas qu une seul ligne quand je remplace th><pa par thipa sa change rien
 

Devlad

Membre
Inscription
30 Janvier 2014
Messages
90
Réactions
20
Points
1 366
je voi l embleme mais sa ne le sauvgarde pas la save tourne sans arret
 

xxDimxx

Membre
Inscription
20 Décembre 2013
Messages
199
Réactions
77
Points
5 146
Si cela ne fonctionne pas, ce dont je trouve bizarre, je te propose de supprimer tous les sauts de ligne manuellement.
Afin que tu passes de ceci :
Code:
</path>
<path...
à
Code:
</path><path...

Au final, Notepad++ doit afficher une seule ligne (un seul et unique chiffre 1 dans la marge de gauche).
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut