THREAD: Custom Emblems Are Back
  1. 05-31-2014, 03:42 PM
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    463
    Posts
    3,385
    Reputation
    Aug 2011
    NextGenUpdate
    Well I was snooping around the GTA Forums website and found something posted by Furry_Monkey. He posted a new way to create custom emblems with .svg files. And it works and I am here to share it with you because I haven't saw a post on here about it. So let get into it.
    First copy this code, make a bookmark and paste the code in the URL box (Google Chrome is recommend):

     javascript:(function(){var e="1.1";var t='<div class="columnHeader"><h3>Emblem Editor : Custom SVG Import v'+e+"</h3></div>";var n=20;var r=$("#emblemEditor-canvasContainer svg");var i=$("#emblemEditor-layersList");var s="[d*=' 0.00 0.00 L 512.00 0.00 L 512.00 512.00 L 0.00 512.00 L 0.00 0.00 ']";var o=function(){if(!r.length){return false}if(!r.find("rect").length){return false}return true}();if(o){r.hide();i.hide();var u=function(){if($("path").eq(0).attr("stroke")=="none"){$("path").each(function(){$(this).attr("stroke",$(this).attr("fill")).attr("stroke-width","1")})}else{$("path").attr("stroke","none");$("path").removeAttr("stroke-width")}};var a=function(){var e=r.find(s).eq(0);if(e.attr("opacity")==0){e.removeAttr("opacity")}else{e.attr("opacity",0)}};var f=function(e){var o;try{o=$(e)}catch(f){}var l=o.find("path");if(!l.length){alert("Invalid SVG markup!");return}l.attr("stroke","none");var c=$('<div id="svg-dialog" class="column" />'Winky Winky;var h=t+"<h4>Creating emblem - this may take a while...</h4>";var p=$("<div/>");p.css({background:"#aaff00",height:8,width:0});var d=$("<div/>");d.css({border:"1px solid #ccc",width:300});d.append(p);c.append(h);c.append(d);c.css({background:"rgb(255,255,255)",border:"2px solid black",boxShadow:"0 0 20px rgb(0,0,0)",height:"auto",padding:0,position:"absolute",top:n,zIndex:100}).find("*").css({margin:10});c.find(".column, .columnHeader, h3").css({height:"auto",margin:0});p.css({margin:0});c.appendTo("#emblemEditor");c.css("left",($(window).width()-c.width())/2-$("#emblemEditor").offset().left);var v=setInterval(function(){var e=r.find("path").length;var t=e/l.length*100;p.css({width:t+"%"});if(e==l.length){clearInterval(v);r.find("rect").eq(0).trigger("mousedown").trigger("mouseup");$("stroke","none").remove();setTimeout(function(){r.find("path").remove();r.append(l);c.remove();r.show();i.show();$(".buttons").find(".btn").eq(1).after('<a href="#" id="toggle-strokes" class="btn btnPurple btnRounded">Toggle Strokes</a>'Winky Winky;$("#toggle-strokes").on("click",function(){u()});if(r.find(s).length){$("#toggle-strokes").after('<a href="#" id="toggle-background" class="btn btnPurple btnRounded">Toggle Background</a>'Winky Winky;$("#toggle-background").on("click",function(){a()})}alert("Emblem complete.")},1e3)}},250);var m=$("a[shape='rounds/01']");var g=function(e){setTimeout(function(){e++;m.trigger("click");if(e<l.length){g(e)}},20)};g(0)};var l=$('<div id="svg-dialog" class="column" />'Winky Winky;var c=t+"<h4>Paste your SVG markup below and press OK</h4>"+'<textarea autofocus style="height:200px;width:600px;clear:both"></textarea><br />'+'<div style="float:right"><button id="svg-dialog-ok">OK</button><button id="svg-dialog-cancel">Cancel</button></div>';l.html(c);l.css({background:"rgb(255,255,255)",border:"2px solid black",boxShadow:"0 0 20px rgb(0,0,0)",height:"auto",padding:0,position:"absolute",top:n,zIndex:100}).find("*").css({margin:10});l.find(".column, .columnHeader, h3").css({height:"auto",margin:0});l.find("button").css({width:80});l.find("#svg-dialog-ok").on("click",function(e){l.remove();f(l.find("textarea").val())});l.find("#svg-dialog-cancel").on("click",function(e){l.remove()});l.appendTo("#emblemEditor");l.css("left",($(window).width()-l.width())/2-$("#emblemEditor").offset().left);var h=setTimeout(function(){l.find("textarea").focus()},250)}else{alert("Please wait till the page has completely loaded.")}})() 


    Then get any picture you want and resize it to 512x512.
    After that go to vectormagic.com, sign up and place your picture in vector magic and save it as a .svg file
    Then download and install Notepad++, right click the .svg file, and select edit with Notepad++.
    Copy everything in the .svg file with Notepad++. (When I say copy everything I mean EVERYTHING)
    Now sign into RockstarSocialClub and make a new emblem.
    Now that you are at a new emblem page open the bookmark while on the new emblem page.
    You will now see a dialog box saying something like "Paste .svg code here" Just paste the .svg code and press ok. Then a new dialog box will say something else like "do you want to create this emblem?" just say yes and it will create the emblem for you. Lastly save the emblem and publish it. Enjoy!!
    Last edited by zKillShxt ; 06-11-2014 at 08:55 PM. Reason: This method no longer work.

  2. The Following 3 Users Say Thank You to zKillShxt For This Useful Post:

    , ,

  3. 05-31-2014, 06:28 PM
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    463
    Posts
    3,385
    Reputation
    Aug 2011
    NextGenUpdate
    Originally Posted by Gehirnstaub View Post
    And how? =D


    Ok I see what the problem is its the spoiler. The spoiler created spaces -__- updating right now.
  4. The Following User Thanked zKillShxt For This Useful Post:


  5. 05-31-2014, 06:32 PM
    Gehirnstaub's Avatar
    Gehirnstaub
    I’m too L33T
    Gehirnstaub's Avatar
    Gehirnstaub
    I’m too L33T
    1,428
    Posts
    7,261
    Reputation
    Dec 2011
    NextGenUpdate
    Originally Posted by xXGhOSTfAcE72Xx View Post
    Well I was snooping around the GTA Forums website and found something posted by Furry_Monkey. He posted a new way to create custom emblems with .svg files. And it works and I am here to share it with you because I haven't saw a post on here about it. So let get into it.
    First copy this code, make a bookmark and paste the code in the URL box (Google Chrome is recommend):

     javascript:(function(){var e="1.1";var t='<div class="columnHeader"><h3>Emblem Editor : Custom SVG Import v'+e+"</h3></div>";var n=20;var r=$("#emblemEditor-canvasContainer svg");var i=$("#emblemEditor-layersList");var s="[d*=' 0.00 0.00 L 512.00 0.00 L 512.00 512.00 L 0.00 512.00 L 0.00 0.00 ']";var o=function(){if(!r.length){return false}if(!r.find("rect").length){return false}return true}();if(o){r.hide();i.hide();var u=function(){if($("path").eq(0).attr("stroke")=="none"){$("path").each(function(){$(this).attr("stroke",$(this).attr("fill")).attr("stroke-width","1")})}else{$("path").attr("stroke","none");$("path").removeAttr("stroke-width")}};var a=function(){var e=r.find(s).eq(0);if(e.attr("opacity")==0){e.removeAttr("opacity")}else{e.attr("opacity",0)}};var f=function(e){var o;try{o=$(e)}catch(f){}var l=o.find("path");if(!l.length){alert("Invalid SVG markup!");return}l.attr("stroke","none");var c=$('<div id="svg-dialog" class="column" />'Winky Winky;var h=t+"<h4>Creating emblem - this may take a while...</h4>";var p=$("<div/>");p.css({background:"#aaff00",height:8,width:0});var d=$("<div/>");d.css({border:"1px solid #ccc",width:300});d.append(p);c.append(h);c.append(d);c.css({background:"rgb(255,255,255)",border:"2px solid black",boxShadow:"0 0 20px rgb(0,0,0)",height:"auto",padding:0,position:"absolute",top:n,zIndex:100}).find("*").css({margin:10});c.find(".column, .columnHeader, h3").css({height:"auto",margin:0});p.css({margin:0});c.appendTo("#emblemEditor");c.css("left",($(window).width()-c.width())/2-$("#emblemEditor").offset().left);var v=setInterval(function(){var e=r.find("path").length;var t=e/l.length*100;p.css({width:t+"%"});if(e==l.length){clearInterval(v);r.find("rect").eq(0).trigger("mousedown").trigger("mouseup");$("stroke","none").remove();setTimeout(function(){r.find("path").remove();r.append(l);c.remove();r.show();i.show();$(".buttons").find(".btn").eq(1).after('<a href="#" id="toggle-strokes" class="btn btnPurple btnRounded">Toggle Strokes</a>'Winky Winky;$("#toggle-strokes").on("click",function(){u()});if(r.find(s).length){$("#toggle-strokes").after('<a href="#" id="toggle-background" class="btn btnPurple btnRounded">Toggle Background</a>'Winky Winky;$("#toggle-background").on("click",function(){a()})}alert("Emblem complete.")},1e3)}},250);var m=$("a[shape='rounds/01']");var g=function(e){setTimeout(function(){e++;m.trigger("click");if(e<l.length){g(e)}},20)};g(0)};var l=$('<div id="svg-dialog" class="column" />'Winky Winky;var c=t+"<h4>Paste your SVG markup below and press OK</h4>"+'<textarea autofocus style="height:200px;width:600px;clear:both"></textarea><br />'+'<div style="float:right"><button id="svg-dialog-ok">OK</button><button id="svg-dialog-cancel">Cancel</button></div>';l.html(c);l.css({background:"rgb(255,255,255)",border:"2px solid black",boxShadow:"0 0 20px rgb(0,0,0)",height:"auto",padding:0,position:"absolute",top:n,zIndex:100}).find("*").css({margin:10});l.find(".column, .columnHeader, h3").css({height:"auto",margin:0});l.find("button").css({width:80});l.find("#svg-dialog-ok").on("click",function(e){l.remove();f(l.find("textarea").val())});l.find("#svg-dialog-cancel").on("click",function(e){l.remove()});l.appendTo("#emblemEditor");l.css("left",($(window).width()-l.width())/2-$("#emblemEditor").offset().left);var h=setTimeout(function(){l.find("textarea").focus()},250)}else{alert("Please wait till the page has completely loaded.")}})() 


    Then get any picture you want and resize it to 512x512.
    After that go to vectormagic.com, sign up and place your picture in vector magic and save it as a .svg file
    Then download and install Notepad++, right click the .svg file, and select edit with Notepad++.
    Copy everything in the .svg file with Notepad++. (When I say copy everything I mean EVERYTHING)
    Now sign into RockstarSocialClub and make a new emblem.
    Now that you are at a new emblem page open the bookmark while on the new emblem page.
    You will now see a dialog box saying something like "Paste .svg code here" Just paste the .svg code and press ok. Then a new dialog box will say something else like "do you want to create this emblem?" just say yes and it will create the emblem for you. Lastly save the emblem and publish it. Enjoy!!

    Thanks buddy! Worked! :-)
  6. The Following User Thanked Gehirnstaub For This Useful Post:


  7. 05-31-2014, 06:32 PM
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    463
    Posts
    3,385
    Reputation
    Aug 2011
    NextGenUpdate
    No prob bro Smile
  8. 06-03-2014, 03:34 PM
    K--DAWG's Avatar
    K--DAWG
    Keeper
    K--DAWG's Avatar
    K--DAWG
    Keeper
    13
    Posts
    10
    Reputation
    Dec 2012
    NextGenUpdate
    quick question when i did this the first time my picture came out with a black background. i then made another one on gimp with a transparent background but when uploaded to vector magic it says they flattened the image with a white background cause the free version doesn't have transparency support. any thoughts. i want to slap this logo on my rides and clothes without a mismatched background color
  9. 06-03-2014, 03:43 PM
    Gehirnstaub's Avatar
    Gehirnstaub
    I’m too L33T
    Gehirnstaub's Avatar
    Gehirnstaub
    I’m too L33T
    1,428
    Posts
    7,261
    Reputation
    Dec 2011
    NextGenUpdate
    Originally Posted by DAWG View Post
    quick question when i did this the first time my picture came out with a black background. i then made another one on gimp with a transparent background but when uploaded to vector magic it says they flattened the image with a white background cause the free version doesn't have transparency support. any thoughts. i want to slap this logo on my rides and clothes without a mismatched background color

    Just download Vector Magic and search for a crack. I would recomment to use a white background.
  10. The Following User Thanked Gehirnstaub For This Useful Post:


  11. 06-04-2014, 12:41 AM
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    463
    Posts
    3,385
    Reputation
    Aug 2011
    NextGenUpdate
    Originally Posted by DAWG View Post
    quick question when i did this the first time my picture came out with a black background. i then made another one on gimp with a transparent background but when uploaded to vector magic it says they flattened the image with a white background cause the free version doesn't have transparency support. any thoughts. i want to slap this logo on my rides and clothes without a mismatched background color

    Download Vector Magic v1.15 off of thepiratebay.se
  12. 06-11-2014, 06:06 PM
    xEGz_TalezZ's Avatar
    xEGz_TalezZ
    I am error
    xEGz_TalezZ's Avatar
    xEGz_TalezZ
    I am error
    75
    Posts
    370
    Reputation
    Nov 2011
    NextGenUpdate
    patched?
  13. 06-11-2014, 08:51 PM
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    463
    Posts
    3,385
    Reputation
    Aug 2011
    NextGenUpdate
    Originally Posted by TalezZ View Post
    patched?


    No it's not patched its still working
  14. 06-11-2014, 08:54 PM
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    zKillShxt's Avatar
    zKillShxt
    Climbing up the ladder
    463
    Posts
    3,385
    Reputation
    Aug 2011
    NextGenUpdate
    Originally Posted by TalezZ View Post
    patched?


    NVM it is