Saving new step-by-step photos
| ←Older revision | Revision as of 01:51, 27 January 2020 | ||
| Line 4: | Line 4: | ||
|
== Steps ==
|
== Steps ==
|
||
|
===Designing a T-Shirt Decal===
|
===Designing a T-Shirt Decal===
|
||
| − |
#Open an image editor. You can use any image editor to design a decal for a T-shirt in Roblox. You can use [[Download-Adobe-Photoshop|Photoshop]], [[Install-GIMP|GIMP]] or even MS Paint.
|
+ |
#Open an image editor. You can use any image editor to design a decal for a T-shirt in Roblox. You can use [[Download-Adobe-Photoshop|Photoshop]], [[Install-GIMP|GIMP]] or even MS Paint.[[Image:Make a T‐Shirt on Roblox Step 1.jpg|center]]
|
| − |
#Create a new file. Use the following steps to create a new file in Photoshop, GIMP, or Paint.
|
+ |
#Create a new file. Use the following steps to create a new file in Photoshop, GIMP, or Paint.[[Image:Make a T‐Shirt on Roblox Step 2.jpg|center]]
|
|
#*Click '''File''' in the upper-right corner.
|
#*Click '''File''' in the upper-right corner.
|
||
|
#*Click '''New'''.
|
#*Click '''New'''.
|
||
| − |
#Set the image dimensions to 128 x 128 pixels This is the recommended image size for Roblox T-shirt decals. <ref>https://developer.roblox.com/en-us/articles/How-to-Make-Shirts-and-Pants-for-Roblox-Characters</ref> You can make them a little bigger, but make sure the height and width of the image are the same numbers of pixels. To set the dimensions, select "Pixels" or "px" in the drop-down menu next to "Height" and "Width", and then type 128 in the boxes next to "Height" and "Width".
|
+ |
#Set the image dimensions to 128 x 128 pixels This is the recommended image size for Roblox T-shirt decals. <ref>https://developer.roblox.com/en-us/articles/How-to-Make-Shirts-and-Pants-for-Roblox-Characters</ref> You can make them a little bigger, but make sure the height and width of the image are the same numbers of pixels. To set the dimensions, select "Pixels" or "px" in the drop-down menu next to "Height" and "Width", and then type 128 in the boxes next to "Height" and "Width".[[Image:Make a T‐Shirt on Roblox Step 3.jpg|center]]
|
|
#*To resize the image in MS Paint, click '''Resize''' in the "Image" panel at the top. Click the radio button next to "Pixels". Uncheck the "Maintain aspect ratio" box and then type 128 next "Horizontal" and "Vertical".
|
#*To resize the image in MS Paint, click '''Resize''' in the "Image" panel at the top. Click the radio button next to "Pixels". Uncheck the "Maintain aspect ratio" box and then type 128 next "Horizontal" and "Vertical".
|
||
| − |
#Design the T-shirt decal. Use the [[Use-Adobe-Photoshop-Tools|program tools]] to design the decal. You can use the [[Color-in-Photoshop|Paintbucket tool]] to color the background, [[Add-Text-in-Photoshop|text tool]] to add text the T-shirt decal. You can use [[Use-Photoshop-Brushes|Brush too]] to draw or add texture to the T-shirt decal. You can also use the marquee tool to copy and paste an image or pattern from another image and paste it onto your T-shirt. Get creative!
|
+ |
#Design the T-shirt decal. Use the [[Use-Adobe-Photoshop-Tools|program tools]] to design the decal. You can use the [[Color-in-Photoshop|Paintbucket tool]] to color the background, [[Add-Text-in-Photoshop|text tool]] to add text the T-shirt decal. You can use [[Use-Photoshop-Brushes|Brush too]] to draw or add texture to the T-shirt decal. You can also use the marquee tool to copy and paste an image or pattern from another image and paste it onto your T-shirt. Get creative![[Image:Make a T‐Shirt on Roblox Step 4.jpg|center]]
|
| − |
#Save the file. It's a good idea to save the image in its native Photoshop or GIMP format incase you need to edit it later on. Use the following steps to save the image in its native format:
|
+ |
#Save the file. It's a good idea to save the image in its native Photoshop or GIMP format incase you need to edit it later on. Use the following steps to save the image in its native format:[[Image:Make a T‐Shirt on Roblox Step 5.jpg|center]]
|
|
#*Click '''File'''.
|
#*Click '''File'''.
|
||
|
#*Click '''Save as'''.
|
#*Click '''Save as'''.
|
||
| Line 18: | Line 18: | ||
|
===Designing a Shirt From a Template===
|
===Designing a Shirt From a Template===
|
||
| − |
#Go to https://ift.tt/2vqmqnx in a web browser. This website contains image templates for shirts and pants for Roblox avatars.
|
+ |
#Go to https://ift.tt/2vqmqnx in a web browser. This website contains image templates for shirts and pants for Roblox avatars.[[Image:Make a T‐Shirt on Roblox Step 6.jpg|center]]
|
|
#*'''Note:''' You must have a Roblox subscription to upload a shirt design to Roblox.
|
#*'''Note:''' You must have a Roblox subscription to upload a shirt design to Roblox.
|
||
| − |
#Download the template for the shirt. The shirt template is the image labeled "Torso + Arms" on the left side of the page. Use the following steps to download the template:
|
+ |
#Download the template for the shirt. The shirt template is the image labeled "Torso + Arms" on the left side of the page. Use the following steps to download the template:[[Image:Make a T‐Shirt on Roblox Step 7.jpg|center]]
|
|
#*Right-click the image.
|
#*Right-click the image.
|
||
|
#*Click '''Save image as'''
|
#*Click '''Save image as'''
|
||
|
#*Click '''Save'''.
|
#*Click '''Save'''.
|
||
| − |
#Open the template in an image editor. It's recommended that you use a professional image editor, such as [[Download-Adobe-Photoshop|Photoshop]] or [[Install-GIMP|GIMP]] which is a free alternative to Photoshop with similar tools. Use the following steps to open the image in Photoshop or GIMP.
|
+ |
#Open the template in an image editor. It's recommended that you use a professional image editor, such as [[Download-Adobe-Photoshop|Photoshop]] or [[Install-GIMP|GIMP]] which is a free alternative to Photoshop with similar tools. Use the following steps to open the image in Photoshop or GIMP.[[Image:Make a T‐Shirt on Roblox Step 8.jpg|center]]
|
|
#*Press "'''Windows Key''' + E'''" to open File Explorer on Windows, or click to open the Finder on Mac.
|
#*Press "'''Windows Key''' + E'''" to open File Explorer on Windows, or click to open the Finder on Mac.
|
||
|
#*Navigate to the "Template-Shirts-R15_04202017.png" image file.
|
#*Navigate to the "Template-Shirts-R15_04202017.png" image file.
|
||
|
#*Right-click the file and select '''Open With'''.
|
#*Right-click the file and select '''Open With'''.
|
||
|
#*Click '''Adobe Photoshop''' or '''GNU Image Manipulation Program'''.
|
#*Click '''Adobe Photoshop''' or '''GNU Image Manipulation Program'''.
|
||
| − |
#Add a new layer to the image. This will be the layer you use to design the shirt. The Layers panel is in the lower-right corner on both Photoshop and [[Add-Layers-in-GIMP|GIMP]]. To add a new layer, click the icon that resembles a blank sheet of paper below the Layers panel.
|
+ |
#Add a new layer to the image. This will be the layer you use to design the shirt. The Layers panel is in the lower-right corner on both Photoshop and [[Add-Layers-in-GIMP|GIMP]]. To add a new layer, click the icon that resembles a blank sheet of paper below the Layers panel.[[Image:Make a T‐Shirt on Roblox Step 9.jpg|center]]
|
|
#*If you don't see the Layers panel in Photoshop, click '''Windows''' in the menu bar at the top, and then click '''Layers'''.
|
#*If you don't see the Layers panel in Photoshop, click '''Windows''' in the menu bar at the top, and then click '''Layers'''.
|
||
| − |
#Color the shirt using the template. The shirt template in Roblox consists of three parts, for the torso, and the right and left arms. The fronts are color-coded in red. The backs are color-coded in blue. The rights are color-coded in green, and the lefts are color-coded in yellow. The tops are color-coded in light blue, and the bottoms are color-coded in orange. In both Photoshop and GIMP, you can use the rectangle marquee tool to select the area you want to color, and then use the [[Color-in-Photoshop|Paintbucket]] tool to fill the area with a color of your choice.
|
+ |
#Color the shirt using the template. The shirt template in Roblox consists of three parts, for the torso, and the right and left arms. The fronts are color-coded in red. The backs are color-coded in blue. The rights are color-coded in green, and the lefts are color-coded in yellow. The tops are color-coded in light blue, and the bottoms are color-coded in orange. In both Photoshop and GIMP, you can use the rectangle marquee tool to select the area you want to color, and then use the [[Color-in-Photoshop|Paintbucket]] tool to fill the area with a color of your choice.[[Image:Make a T‐Shirt on Roblox Step 10.jpg|center]]
|
|
#*Make sure you have the top layer selected when you color your shirt. Do not select the layer with the template. Click the top layer to select it.
|
#*Make sure you have the top layer selected when you color your shirt. Do not select the layer with the template. Click the top layer to select it.
|
||
|
#*If you want the shirt to have short sleeves do not color passed the top dotted line on the template for the right and left arms.
|
#*If you want the shirt to have short sleeves do not color passed the top dotted line on the template for the right and left arms.
|
||
|
#*Do not color passed the bottom dotted line on the template for the left and right arms. This leaves some space blank for the hands.
|
#*Do not color passed the bottom dotted line on the template for the left and right arms. This leaves some space blank for the hands.
|
||
| − |
#Add a new layer. Simply click the icon that resembles a blank sheet of paper to add a new layer in Photoshop and GIMP. This new layer will be the layer you add your design elements to.
|
+ |
#Add a new layer. Simply click the icon that resembles a blank sheet of paper to add a new layer in Photoshop and GIMP. This new layer will be the layer you add your design elements to.[[Image:Make a T‐Shirt on Roblox Step 11.jpg|center]]
|
| − |
#Design your shirt. This is the part where you get creative. You can add anything you want to your T-shirt. You can use the [[Add-Text-in-Photoshop|text tool]] to add text to the shirt in Photoshop or GIMP. You can use the [[Use-Photoshop-Brushes|Brush too]] to draw or add texture to the shirt. You can also use the marquee tool to copy and paste an image or pattern from another image and paste it onto your shirt.
|
+ |
#Design your shirt. This is the part where you get creative. You can add anything you want to your T-shirt. You can use the [[Add-Text-in-Photoshop|text tool]] to add text to the shirt in Photoshop or GIMP. You can use the [[Use-Photoshop-Brushes|Brush too]] to draw or add texture to the shirt. You can also use the marquee tool to copy and paste an image or pattern from another image and paste it onto your shirt.[[Image:Make a T‐Shirt on Roblox Step 12.jpg|center]]
|
|
#*Some clothing designs may look distorted on the R15 avatars, which have curved shapes.
|
#*Some clothing designs may look distorted on the R15 avatars, which have curved shapes.
|
||
| − |
#Save the file. It's a good idea to save the image in its native Photoshop or GIMP format in case you need to edit it later on. Use the following steps to save the image in its native format:
|
+ |
#Save the file. It's a good idea to save the image in its native Photoshop or GIMP format in case you need to edit it later on. Use the following steps to save the image in its native format:[[Image:Make a T‐Shirt on Roblox Step 13.jpg|center]]
|
|
#*Click '''File'''.
|
#*Click '''File'''.
|
||
|
#*Click '''Save as'''.
|
#*Click '''Save as'''.
|
||
| Line 45: | Line 45: | ||
|
===Uploading the Shirt to Roblox===
|
===Uploading the Shirt to Roblox===
|
||
| − |
#Turn off the layer with the template (shirts only). The layer with the template should be on the bottom in the Layers panel in Photoshop and GIMP Click the icon that resembles an eyeball in the layers panel to turn off the layer with the template. You should now only see the t-shirt design without the template.
|
+ |
#Turn off the layer with the template (shirts only). The layer with the template should be on the bottom in the Layers panel in Photoshop and GIMP Click the icon that resembles an eyeball in the layers panel to turn off the layer with the template. You should now only see the t-shirt design without the template.[[Image:Make a T‐Shirt on Roblox Step 14.jpg|center]]
|
| − |
#Save the image as a PNG. Use the following steps to save the image as a PNG in both Photoshop and GIMP.
|
+ |
#Save the image as a PNG. Use the following steps to save the image as a PNG in both Photoshop and GIMP.[[Image:Make a T‐Shirt on Roblox Step 15.jpg|center]]
|
|
#*'''Using Photoshop and MS Paint'''
|
#*'''Using Photoshop and MS Paint'''
|
||
|
#**Click '''File''' in the menu bar at the top.
|
#**Click '''File''' in the menu bar at the top.
|
||
| Line 58: | Line 58: | ||
|
#**Scroll down and click '''PNG Image'''.
|
#**Scroll down and click '''PNG Image'''.
|
||
|
#**Click '''Export'''.
|
#**Click '''Export'''.
|
||
| − |
#Go to https://ift.tt/2gEKPhy in a web browser. You can use any web browser on PC or Mac.
|
+ |
#Go to https://ift.tt/2gEKPhy in a web browser. You can use any web browser on PC or Mac.[[Image:Make a T‐Shirt on Roblox Step 16.jpg|center]]
|
|
#*If you are not logged into Roblox, click '''Log In''' in the upper-right corner and then sign in with the username and password associated with your Roblox account.
|
#*If you are not logged into Roblox, click '''Log In''' in the upper-right corner and then sign in with the username and password associated with your Roblox account.
|
||
| − |
#Click the tab. It's the first tab at the top of the page.
|
+ |
#Click the tab. It's the first tab at the top of the page.[[Image:Make a T‐Shirt on Roblox Step 17.jpg|center]]
|
|
#*If you do not see this tab at the top of the page, click '''Manage my games''' at the bottom of the banner at the top of the page.
|
#*If you do not see this tab at the top of the page, click '''Manage my games''' at the bottom of the banner at the top of the page.
|
||
| − |
#Click or . It's in the menu bar to the left of the page.
|
+ |
#Click or . It's in the menu bar to the left of the page.[[Image:Make a T‐Shirt on Roblox Step 18.jpg|center]]
|
| − |
#Click . It's the first at the top of the page below "Create a T-Shirt".
|
+ |
#Click . It's the first at the top of the page below "Create a T-Shirt".[[Image:Make a T‐Shirt on Roblox Step 19.jpg|center]]
|
|
#*You need a subscription to upload shirts to Roblox. If you do not have a subscription, you can only upload T-shirt decals.
|
#*You need a subscription to upload shirts to Roblox. If you do not have a subscription, you can only upload T-shirt decals.
|
||
| − |
#Click the PNG file for your shirt or T-shirt decal and click . This uploads the T-shirt design image to Roblox.
|
+ |
#Click the PNG file for your shirt or T-shirt decal and click . This uploads the T-shirt design image to Roblox.[[Image:Make a T‐Shirt on Roblox Step 20.jpg|center]]
|
| − |
#Type a name for the shirt or T-shirt decal. The file name for the T-shirt will autofill by default. If you want to use a different name for the T-shirt, type it in the box next to "T-Shirt name:".
|
+ |
#Type a name for the shirt or T-shirt decal. The file name for the T-shirt will autofill by default. If you want to use a different name for the T-shirt, type it in the box next to "T-Shirt name:".[[Image:Make a T‐Shirt on Roblox Step 21.jpg|center]]
|
| − |
#Click . This uploads the image to Roblox.
|
+ |
#Click . This uploads the image to Roblox.[[Image:Make a T‐Shirt on Roblox Step 22.jpg|center]]
|
| − |
#Go through the verification process. To verify that you are a person, you need to go through a verification process. To verify that you are a person, you will be presented with two images. Click the arrow icons on the left or right to rotate the image. Click '''Done''' when the image is right-side-up. Your shirt or T-shirt design will be available momentarily.
|
+ |
#Go through the verification process. To verify that you are a person, you need to go through a verification process. To verify that you are a person, you will be presented with two images. Click the arrow icons on the left or right to rotate the image. Click '''Done''' when the image is right-side-up. Your shirt or T-shirt design will be available momentarily.[[Image:Make a T‐Shirt on Roblox Step 23.jpg|center]]
|
from wikiHow - Recent Changes [en] https://ift.tt/2RND1Js
via IFTTT
