You are viewing our Forum Archives. To view or take place in current topics click here.
How to Construct a Custom Emblem for Social Club - PC/Mac
Posted:
How to Construct a Custom Emblem for Social Club - PC/MacPosted:
Status: Offline
Joined: Oct 29, 201311Year Member
Posts: 25
Reputation Power: 0
Hey guys how's it going?
Transparent Background Text Tutorial Below! (Video may be coming soon, post if you guys want one)
Gta Online - How to Construct a Custom Emblem for Social Club Video
Social Club Crew with finished emblem!
In the video above I explain how to construct a custom image to become your crew emblem in Social Club to be viewed as your Crew Custom Emblem in Gta Online. This explains how to do it for Mac users, but Pc users may follow along as well, just make sure to dismiss all the mac references. Stay around to the end and I announce something I will be making for the community for free. Make sure to read the description for important information. TTG Users may contact me via pm or just shoot me a comment.
NOTE: If you are a Pc user, you do not have to open the downloaded SVG File in Notepad. However, you can just right click and open it with the browser and follow as I do in the video
NOTE: Make sure the image you are using is 512 by 512!!
If you have any questions or concerns feel free to post here or comment on my video!
Thanks!
EDIT: (Text Tutorial Below) A lot of people are asking about transparent backgrounds. If you guys want a tutorial video on that please post on TTG or comment on the video and depending how wide the request are, I'll make one.
EDIT: Below is a Text Tutorial for Pc Users. Let me know if you still encounter problems.
This Text Tutorial starts when you have a Downloaded SVG File
Step 1: Once you have the Downloaded SVG File open the file in a browser. (Right Click > Open With > Select your preferred Browser.
Step 2: Depending on the browser right click and either "View Source" or "Inspect The Element." After you click it, a file with the codes should open up.
Step 3: Starting from the first "<path" you see (It should be labeled Number 4) Copy it all the way down. Once at the bottom DO NOT highlight the "</svg>" Part.
Step 4: Go to Social Club. Then "Inspect The Element" of the background where the Emblem will be placed.
Step 5: Once the Element is Inspected it willl highlight a certain part. (Watch Video to see how it looks). Once you notice the highlighted part, Right Click then Click "Edit HTML"
Step 6: Once you Clicked "Edit HTML" you want to paste what you copied from the SVG File between
"></rect>(PASTE HERE)</svg>" (This part should be found at the ending and if you need visual help, watch the video)
Step 7: Once you see your picture in the Emblem Creator, exit then save.
How to get a transparent background - Text Tutorial Works for Mac and PC! If you guys want a tutor videol, please post on TTG or comment on the video and depending how wide the request are, I'll make one.
Step 1: Upload you image that has a transparent background normally like in the video.
Step 2: Then click the box that gets you the background color. (Box location: Click the box next to "Back ground color"((Picture Example) Then this should come up: (Box Pop Up Example) Choose the box with the red slash going through it. (That selects transparent background)
Step 4: Note: You'll notice that a white background got put instead of the transparent. Right click the white background and "Inspect Element."
Step 5: Once you Inspect the Element, delete what it highlighted. MAKE SURE YOU RIGHT CLICK THE WHITE BACKGROUND OR YOU'LL DELETE SOMETHING ELSE!
Step 6: Once you delete it, it should add the transparency. Now just save it and enjoy.
Having problems saving? Follow these steps
Step 1: Go to the crew that you want the picture uploaded
Step 2: At the bottom where the emblem gallery is, click the plus sign to create a emblem
Step 3: Paste the html so the picture shows up then save it (It should save in a matter of seconds)
Step 4: Find the picture in "My emblems" and set the emblem to your crew
Transparent Background Text Tutorial Below! (Video may be coming soon, post if you guys want one)
Gta Online - How to Construct a Custom Emblem for Social Club Video
Social Club Crew with finished emblem!
In the video above I explain how to construct a custom image to become your crew emblem in Social Club to be viewed as your Crew Custom Emblem in Gta Online. This explains how to do it for Mac users, but Pc users may follow along as well, just make sure to dismiss all the mac references. Stay around to the end and I announce something I will be making for the community for free. Make sure to read the description for important information. TTG Users may contact me via pm or just shoot me a comment.
NOTE: If you are a Pc user, you do not have to open the downloaded SVG File in Notepad. However, you can just right click and open it with the browser and follow as I do in the video
NOTE: Make sure the image you are using is 512 by 512!!
If you have any questions or concerns feel free to post here or comment on my video!
Thanks!
EDIT: (Text Tutorial Below) A lot of people are asking about transparent backgrounds. If you guys want a tutorial video on that please post on TTG or comment on the video and depending how wide the request are, I'll make one.
EDIT: Below is a Text Tutorial for Pc Users. Let me know if you still encounter problems.
This Text Tutorial starts when you have a Downloaded SVG File
Step 1: Once you have the Downloaded SVG File open the file in a browser. (Right Click > Open With > Select your preferred Browser.
Step 2: Depending on the browser right click and either "View Source" or "Inspect The Element." After you click it, a file with the codes should open up.
Step 3: Starting from the first "<path" you see (It should be labeled Number 4) Copy it all the way down. Once at the bottom DO NOT highlight the "</svg>" Part.
Step 4: Go to Social Club. Then "Inspect The Element" of the background where the Emblem will be placed.
Step 5: Once the Element is Inspected it willl highlight a certain part. (Watch Video to see how it looks). Once you notice the highlighted part, Right Click then Click "Edit HTML"
Step 6: Once you Clicked "Edit HTML" you want to paste what you copied from the SVG File between
"></rect>(PASTE HERE)</svg>" (This part should be found at the ending and if you need visual help, watch the video)
Step 7: Once you see your picture in the Emblem Creator, exit then save.
How to get a transparent background - Text Tutorial Works for Mac and PC! If you guys want a tutor videol, please post on TTG or comment on the video and depending how wide the request are, I'll make one.
Step 1: Upload you image that has a transparent background normally like in the video.
Step 2: Then click the box that gets you the background color. (Box location: Click the box next to "Back ground color"((Picture Example) Then this should come up: (Box Pop Up Example) Choose the box with the red slash going through it. (That selects transparent background)
Step 4: Note: You'll notice that a white background got put instead of the transparent. Right click the white background and "Inspect Element."
Step 5: Once you Inspect the Element, delete what it highlighted. MAKE SURE YOU RIGHT CLICK THE WHITE BACKGROUND OR YOU'LL DELETE SOMETHING ELSE!
Step 6: Once you delete it, it should add the transparency. Now just save it and enjoy.
Having problems saving? Follow these steps
Step 1: Go to the crew that you want the picture uploaded
Step 2: At the bottom where the emblem gallery is, click the plus sign to create a emblem
Step 3: Paste the html so the picture shows up then save it (It should save in a matter of seconds)
Step 4: Find the picture in "My emblems" and set the emblem to your crew
#2. Posted:
Status: Offline
Joined: May 19, 201311Year Member
Posts: 504
Reputation Power: 27
Status: Offline
Joined: May 19, 201311Year Member
Posts: 504
Reputation Power: 27
You just C&P'ed Progaths post..
- 2useful
- 0not useful
#3. Posted:
Status: Offline
Joined: Nov 27, 201113Year Member
Posts: 459
Reputation Power: 23
-Lewandowski- wrote You just C&P'ed Progaths post..
I agree, He should at least give credit.
- 0useful
- 0not useful
You are viewing our Forum Archives. To view or take place in current topics click here.