All times are UTC





Post new topic Reply to topic  [ 1 post ] 
Author Message
 Post subject: How to Recolor Skins (Written Tutorial)
PostPosted: April 16th, 2015, 9:42 pm 
Offline
Designer
User avatar

Joined: September 17th, 2014, 2:19 pm
Posts: 965
Medals: 1
Has thanked: 946 times
Been thanked: 777 times
So you've got this awesome skin...but it's blue & you hate blue. You also are a dumbass & will cry and ask OP to make it red for you (because you like red). Well, now it's time to stop being a dumbass! I will teach you how to easily recolor skins yourself!

---

Programs:

FireAlpaca | Tutorial (a bit old, but still viable) by karutella
Paint.NET | Tutorial (Video)
PaintTool SAI | Written Tutorial | Video Tutorials

The program I will be using in this tutorial is PaintToolSAI. Everything in this tutorial, yes, is already covered in my video tutorials, but I get very offtopic when I'm making videos & I know some people perfer written tutorials & so this tutorial 1) gets to the piont faster and 2) gets to the point faster.

---

Getting Started:

Please note: Not all artists will allow you to re-color their work. I am 100% fine with people recoloring & reuploading my work (as long as they credit me & link back to the orginal). Be sure to ask the oringal artist before doing anything!

Once you've obtained the artist's permission, you're obviously gonna need to download the skin that you want to re-color. I'll be using my blue cape.
Image

Don't know how to download a skin? Here's how:
Spoiler:
First, open up the page with the skin you want to download.
Image

Image

Some people share their skins as links, imgur galleries, or images.

For links, just click on the link to get to the image.
Image

For imgur galleries, click the little gear in the top right of the gallery & select "view album on imgur". Then find the picture you'd like to save.
Image

Image

For images you have one less step to do. Good for you.

Once you actually see the image of the skin you'd like to download you're going to right click it & save image.
Image

If you are not asked what folder to save the image in (I usually save mine to my desktop), your computer will automatically save it in "my downloads" (Windows).
Image


Open the image that you just saved in your painting program. Like I said before, I am using PaintTool SAI. I know for a fact that everything I am going to do in SAI works in both FireAlpaca and Paint.NET. Why? Because I've done it.

---

Method 1 (using hue & saturation sliders):

The title is a bit missleading. I also use the other sliders (brightness & contrast). They can be found here:
Image

Image

Image

For most objects, this will be enough to properly re-color it, but, sometimes, as you can see in the below image, you will get nasty shades! Oh no! *heavy sarcasm*
Image

When the above happens, proceed to method 2.

---

Method 2 (using layer settings):

First, we need a greyscale image with good contrast.

Greyscale...drag the saturation slider all the way down.
Image

Getting good contrast... As you can see, all those greys are relatively close in value. You want your lightest areas to be white (or very close to it) and your darkest areas to be nearly black. Use the brightness and contrast sliders to achieve this look!
Image

Now you will make TWO new layers above the layer with your cape in it & set them both to clipping mode. Omfg I'm freaking out. What are layers???
Image

Image

Paint.NET users do not have the clipping mode option. Use the magic wand tool instead.
Spoiler:
First, go to the settings at the top. Bring your tolerance up to...ehh maybe 75 ish or so (you may have to raise or lower this to get the same results as I did).
Image

Then, click the first part of your object (the hood, in my case).
Image

Now, hold SHIFT and click the next part(s) (the cape, in my case, & I am done. You may have to do this several times).
Image

Once you have the entire object selected it will have these flashing dotted lines around it & be blueish. Good job!
Image

This will ensure that you do not color outside of your cape area. Now, make your two layers above your cape (like everyone else) and proceed onwards.
Image


Set the top layer to "shade" mode & the bottom layer to "overlay" mode (for SAI users).
Image

FA users will have to resort to using the "multiply" mode instead of shade. FA is lacking the shade mode. This will mean that your skins may be less vibrant, but it will work, nevertheless.
Image

PNET has the same layer settings as SAI, but "shade" is called "darken" instead. No problems there!
Image

Once your layers are set, it's time for the fun part. Coloring! Take the paint bucket tool & select some colors. For your top layer you will use a lighter or more intense version of your color & for the bottom layer you will use a darker version. Bucket fill those layers!
Image

This method works best for geting intense or dark colors. Do you want something that is light and soft? Then delete your top layer & change the bottom layer to "screen" mode. Now pick an intense version of your color & paint bucket fill it in! Using a mid - light grey also is a great way to get nice shades of white.
Image

Okay, now that you're done proceed to save your image.
Image

Then upload it to imgur or postimg & share with all your friends (but don't forget to credit the original artist).

Don't know how to do post images? Click here & stop being a dumbass today!

---

Don't forget to check out my skins, yo.


_________________
<------------- I do not take skin requests so you can, kindly, fuck off. --------------->


Top
 Profile  
 


Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 1 post ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 0 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
Style created by © Matti, gry komputerowe, alveo witaminy zdrowie witaminy

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group