HOME | DD

Shiolily — 80's Anime Tutorial- PSD/MDP included!
#tutorial #homeworldbound #80sanime #retrovintage #retroanime #homeworldboundcomic
Published: 2017-11-18 06:59:33 +0000 UTC; Views: 173886; Favourites: 758; Downloads: 0
Redirect to original
Description Hiya!

Some people asked me how I do my 80's anime pictures: 

The method has changed every time slightly, especially since I am still trying to perfect it. The most successful are probably both the ones with Shuu (purple/black haired girl)

This is the image I'm basing the tutorial off of: 
Personally, I feel like it didn't turn out as nicely as the one of Shuu, but eh, I kinda messed up on the green shirt and the background- it's not as gouachey as I want it to be. 

I'll include the PSD and MDP of some of the pictures above so you can reverse engineer/reference them!
You will need: 

GIMP
Medibang
Internet (optional)
MS Paint (optional)
Phone with camera (the more horrible the better)(optional)
Now, let's begin!!

Step 1: Ur Sketch



U make it.

Okay, that isn't very helpful, but 80's anime was often drawn by people with perfect knowledge of anatomy but had to draw quickly because of budget, so it doesn't need to be perfect, but it helps if you're accurate. 
You can reference existing screenshots and cels, or even draw over the basic anatomy, as long as the expression, muscle structure, and general style is different- pay attention to how 80's and 90's characters are posed. Older (80's) anime didn't use the 'red vein thing' or 'nosebleed when seeing a hot character' so keep that in mind. 
The facial structure and style is vastly different too, but a comedy or shoujo anime vs a more serious one will have a very different look. Take time to research a little if you can!

Step 2:



Refine the sketch! Again, not much I can say here. I used the acrylic brush. 


I turned off the back layer for a cleaner look. Although some would consider this acceptable for lineart, it really isn't for me- some lines aren't as nice or authentic as they could be. Also, they have no clothes on yet, so enjoy that inch of collarbone. 


Well, there's the clothes! 

Please note that older anime is simpler while 90's anime is more detailed. 

Step 3: 
Important: Before you start outlining, take a look at a scanned drawing of pen ink. The lines are kinda rough! I usually use g-pen (graphite) but I used acrylic this time to see how it would look like. The sunset picture with Shuu used the g-pen. I prefer the g-pen, but I used acrylic as a test. Don't make the lines too thick or too thin, but find what you prefer best!

The lighter one is g-pen, while the darker is acrylic. To be fair, the g-pen texture shows up better the faster you draw, so just try different things. It's also harder to make lines thinner, but duplicating a layer makes it thicker! 


Here is some lines done. You can use transform to change it slightly if you want to adjust it without redrawing it, like resizing, rotating, free stretch, perspective, etc. 



Raw lines done!!! 



I duplicated it to make it darker. 

Step 4: 

COLOURS.

COLOURS EVERYWHERE.

medibang's bucket tool makes it easy- make a new layer, make sure the bucket expands by 1 or 2 pixels at the setting at the top (the 'correction' thing), then click away! I'd recommend giving each color its own layer, it really helps.

 

However, the way you pick colors is important. Reference some old screenshots or cels, and adjust the color to your needs. The colors are darker and greyer than modern anime due to cels stacking over each other during the photographing process of old anime cels, so giving it a grey look helps. Also, the colors aren't going to be what you expect. Skin that seems light will be closer to dark grey, purple, or brown. If you don't believe me, try it on an old anime screenshot. Pastel pink may even actually be dark purplish grey or flat out grey. 
Basically, go hands on and color pick from old anime screenshots and try to make up a palette yourself. You can also lock your opacity of the layer and color over, or go to filter>hue to drag a slider to change the color!



Mostly colored. Notice that the white is off-white, and the tone of the skin. 

You also want to add some shading. Please look at how old anime shaded its characters- often times, the older the anime, the more minimal the shading. 
Step 5: BACKGROUND TIME



In old anime, this was done in watercolor or gouache. Watercolor is easy to spot, but for some anime, it's really hard D: 

Here's a tutorial for a 'modern' background: www.mclelun.com/2015/10/anime-…

I can't say much other than try painting imitation watercolor using the watercolor and watercolor soft brush, scanning in a real watercolor/gouache image. Don't use the acrylic brush. 

Also, you can use a preexisting screenshot to help you pick colors and how plants/trees are drawn, and painting over it as long as the end result is completely different is acceptable. Sometimes you can get away with a simple sky like here: 

It's just a gradient with the smudge tool to get the cloud wispy-ness.  
For a casual screenshot, it's fine, but if you're aiming for that breathtaking *aesthetic*, then you gotta work hard. Sorry D: 

Blurring and jpeg-ifying it might help later on if it doesn't look 'painterly' enough

I searched it up, and Ghibli backgrounds are painted with Knicker Poster Color, a type of watercolor/gouache. 

Here's a youtube comment that describes it:

Noble Valerian 3 months ago (edited)

For those asking, Nicker Poster Color is a Japanese brand of gouache style paint. Gouache basically being an opaque watercolor, or water based style paint. So gouaches won't dry water resistant like acrylic paints do, and they have a flat/matte finish instead of the satin finish you'd see in acrylics. Nicker Poster Color is supposed to have a better consistency than other gouache paints, with a smooth/even finish, and exceptional coverage. It's also supposed to be very popular among professional Japanese artists, especially for animation work.

Vid in question: 


After jpeg-ifying the 'screenshot', it won't matter if it's not perfect goache-style. Besides, practice makes perfect!

You could probably edit a photo too, or put filters on it. I haven't used a raw photo as a background before though, maybe I will try that and post a tutorial if it is successful. 

Step 6:


Make a clone of your line-art. Lock the opacity and color it dark yellow. Then, move it under your regular layer. It creates a nice yellow blur to it. Try moving it to the side a little, and cloning the yellow layer, and moving that to the other side if not enough yellow shows up. 


I turned off the second clone of the regular layer to make the line art thinner again. 

If your lines are thick, you can lock the opacity and put in some noise in yellow, through random brush strokes or a pattern. 

Step 7:



Add some shading to your colour layers! Blur the shading very slightly, real life acrylic isn't so digi-perfect. However, it should still look solid. 
Also, put a layer of grey over the entire thing and set the grey layer to overlay.

Do the same with a layer of dark yellow- again with the overlay. Set the opacity low. I set mine to 17 percent. 

Step 8:



Put out an overlay of slate in GIMP. It's the bucket tool with a pattern setting. 


Please reduce the opacity! Mine is 45.2



Put another overlay of paper texture, and set the opacity to around half. 



Duplicate the base image layer and give it a slight Gaussian blur. Keep the original unblurred version just in case you need it later. Undo memory does run out. 



Now, for a faux-VHS effect!

Hide the lines of the original and merge the colors together- then save it as its own file (medibang images copied to the clipboard won't open in GIMP as image data.) Once you save it as a separate file, you can undo the colour merge. 


Go to File>Open as Layers and open the image you saved earlier with no lines. 



Make the contrast and brightness cause the image to become really light- my brightness was -22 and my contrast was 51. Different numbers may work better for you. 

Step 9:


Erase the insides until just the borders are left like this- these borders should be brighter than the base image. Set the layer to overlay. 

Step 10: 





You can export your GIMP image as a PNG and make it a jpeg with morejpeg.com/ . Or, just export the GIMP image as a jpeg and reduce the 'quality' in GIMP itself. Don't reduce it too much though. 



You can bring your JPEG back in and overlay it, or just have in normally at low opacity. However, now, we're going to add a slight chromatic aberration. It's going to be subtle, since overdoing it makes it too obvious this is a fake screenshot. 

Make 3 copies of your final image. 

For each one, go to colors>components>channel mixer.



Once this shows up, you must do a certain thing for each layer. 

The 'output channel' dropdown should have 3 colors. 

For each of them, make sure that only one of the colors has a setting- here, we're setting the layer to 'blue' with a number of 100. In the dropdown, there are also red and green (NOT the sliders.)

Those colors should be zero.

For the other two layers, do the same, but set them to 100 for only red, and for the final layer, 100 for green only. 




In the right hand corner, see the three blue, green, and red layers? Your layers should look like that. Set the layer mode to addition. They'll all blend together to become a regular image! 


If you drag the layers to the side using the move tool (set it to 'move the active layer') then a slight chromatic aberration will appear. See the strange red and green appearing? That's what we're going for- it's actually not your monitor! 


Basically, you're now done!

sta.sh/2qjsb77jq56?edit=1

All steps are here as well as some PSD and MDP. 

As a bonus, you can take a low quality photo and it get the glow lines that resemble a bad VHS. It's annoying to rotate it though, but the hittt PSD has the photo. 

You can also blur a copy of the lines and hide them behind the regular lines at low opacity- I did that for the purple-haired Shuu one.

Sadly I deleted some of the GIMP effect XCF due to low space left, but there's one, and it should work.

GIMP and Medibang can both open PSD files, so have fun!


-----
2019 edit

Hi! 

As of recently, GIMP has been made pretty redundant. You can do the brightness/contrast stuff in medibang, there's a convenient chromatic aberration effect in medibang, and you don't need the paper/slate textures if you use the 'custom noise' for watercolour paper and sand effects in medibang. Here is the link to png's of the paper and slate if you still want it: sta.sh/24xbquw0k6u (I personally like the GIMP textures better, and just paste the PNG's into Medibang) 

www.deviantart.com/comments/1/… <- example


Also, the Oil paint(Dry) brush looks a lot like gouache, so try painting backgrounds with that. 


GIMP does have some powerful and cool filters still and it's totally free, so I wouldn't write it off. It's just that Medibang alone can do everything now.

Someday I'll make a completely updated tutorial (with layer effects and stuff) but for now, here's my update!

Related content
Comments: 69

Shiolily In reply to ??? [2024-05-15 07:09:59 +0000 UTC]

👍: 0 ⏩: 0

ivanmaldonado021985 [2023-06-21 23:01:18 +0000 UTC]

👍: 0 ⏩: 0

Nelvana2004 [2023-04-11 00:53:11 +0000 UTC]

👍: 0 ⏩: 0

J-O-FUN [2022-08-01 02:38:56 +0000 UTC]

👍: 0 ⏩: 0

keichan-the-martian [2021-07-12 02:48:47 +0000 UTC]

👍: 1 ⏩: 0

JosuChan [2021-03-21 04:59:10 +0000 UTC]

👍: 1 ⏩: 1

Shiolily In reply to JosuChan [2021-03-22 02:57:09 +0000 UTC]

👍: 3 ⏩: 0

Zdoggyy [2020-06-27 03:19:18 +0000 UTC]

👍: 0 ⏩: 1

Shiolily In reply to Zdoggyy [2020-06-29 06:24:54 +0000 UTC]

👍: 0 ⏩: 0

ketchurtle [2020-04-24 07:39:55 +0000 UTC]

👍: 0 ⏩: 1

Shiolily In reply to ketchurtle [2020-04-29 07:26:24 +0000 UTC]

No problem, I'm glad it helped!

👍: 1 ⏩: 0

ClareLaBelleRose [2020-03-06 22:35:00 +0000 UTC]

Thank you for this!  The 80s anime style is by far my favorite!

👍: 0 ⏩: 1

Shiolily In reply to ClareLaBelleRose [2020-03-07 05:38:18 +0000 UTC]

Glad I could help  

👍: 0 ⏩: 0

kenmeri [2020-02-19 00:36:00 +0000 UTC]

👍: 0 ⏩: 1

Shiolily In reply to kenmeri [2020-02-26 08:05:01 +0000 UTC]

Thank you

👍: 0 ⏩: 0

LDivi [2019-10-25 21:41:29 +0000 UTC]

The journal may be a couple years old, but the tutorial still seems to have some nice "Jumping Off Tips".  Faving <3.  

👍: 0 ⏩: 1

Shiolily In reply to LDivi [2019-10-27 01:49:08 +0000 UTC]

Thank you so much ^^ I've been thinking about making a more in depth 2.0 at some point too! 

👍: 0 ⏩: 0

batouttaheck [2019-10-25 02:01:57 +0000 UTC]

that style is impressive and cool


is it possible make animations like GIFs with that style too? (i have firealpaca)

👍: 0 ⏩: 1

Shiolily In reply to batouttaheck [2019-10-27 01:48:45 +0000 UTC]

Well, I think fireaplaca has GIF support and GIMP does too. As long as you draw every frame properly, I don't see why not!

Although expensive, aftereffects may be a good way to set up a filter that automates this for every frame. See here:  www.youtube.com/watch?v=HT3qyR… 

👍: 0 ⏩: 1

batouttaheck In reply to Shiolily [2019-10-27 03:00:33 +0000 UTC]

thanks for the tip/advice


i gave you a llama as a reward for that

👍: 0 ⏩: 1

Shiolily In reply to batouttaheck [2019-11-05 09:08:31 +0000 UTC]

Thank you so much! Have a llama back as well

👍: 0 ⏩: 1

batouttaheck In reply to Shiolily [2019-11-05 15:51:48 +0000 UTC]

thankies ^_^

👍: 0 ⏩: 1

Shiolily In reply to batouttaheck [2019-11-05 21:57:05 +0000 UTC]

np ^^

👍: 0 ⏩: 0

coredestroyerx-1 [2019-08-05 18:44:29 +0000 UTC]

how do you do this effect in clip studio paint?

👍: 0 ⏩: 1

Shiolily In reply to coredestroyerx-1 [2019-08-10 21:29:54 +0000 UTC]

It depends on the specific effect, but I don't have clip studio so I have no idea, sorry D: Medibang is free and this tutorial is technically outdated, but generally, a sketchy line quality, muted colors, watercolor background, paper texture and chromatic aberration effect should replicate this ^^

👍: 0 ⏩: 0

Cameo101 [2019-06-21 14:36:27 +0000 UTC]

I am from the future and I found some alternate effects you can use in MediBang if you don't want to use GIMP/can't use GIMP for whatever reason (OP probably already told you these though)

 

 

 

Be careful about the chromatic aberration. Setting it too high will cause A  L O T T A  D A M A G E

OP encourages you to play around with effects to your liking, these are my personal settings.

👍: 0 ⏩: 1

Shiolily In reply to Cameo101 [2019-06-26 03:04:03 +0000 UTC]

Thank you so much, I'm aware of these and actually use it in my newer 80's anime pictures (that I haven't uploaded hhh) and since the textures from GIMP can be saved as png's anyways and loaded straight into medibang, GIMP is made redundant. 

Maybe I'll update my tutorial with a style guide (like face shapes, hair structure) and how to actually paint a background some time, but thanks for pointing this out!!

👍: 0 ⏩: 0

SirLukasYT [2019-05-15 11:02:58 +0000 UTC]

Could this process potentially be used to create an an actual animation resembling 80s anime? I'd like to start animating and I want it to look sort of vintage

👍: 0 ⏩: 1

Shiolily In reply to SirLukasYT [2019-05-16 03:01:41 +0000 UTC]

Possibly, but I've never tried animation with this filter over it.

You'd need to set this up inside the animation program itself (like Krita? Don't have much experience with it) 

There's a nice video that I looked at in the past that may help!  www.youtube.com/watch?v=HT3qyR…

👍: 0 ⏩: 0

Thwoji [2019-04-22 15:46:54 +0000 UTC]

I don't have Gimp so I can't get the slate :0 

👍: 0 ⏩: 1

Shiolily In reply to Thwoji [2019-04-25 07:06:02 +0000 UTC]

Aww, well Medibang updated since this tutorial and they have some filters like 'sand' that are pretty similar, although GIMP is free to download if you want the slate texture specifically

👍: 0 ⏩: 0

MeguBunnii [2019-04-07 17:08:45 +0000 UTC]

Hello! Thank you so much for this tutorial, but do I need to use GIMP and Medibang? Does this works for Clip Studio or Photoshop? 

👍: 0 ⏩: 1

Shiolily In reply to MeguBunnii [2019-04-08 20:57:27 +0000 UTC]

Hi, and yw Unfortunately I don't know. Medibang has the chromatic aberration function built into it now as well as a paper and sand/noise texture to replace the slate from GIMP. However, I've never used Clip Studio and Photoshop will have different textures than GIMP. Generally this advice can be followed for other programs as long as you overlay the paper and noise texture, but I can't guarantee the result will be the same.

👍: 0 ⏩: 0

FBFOffical [2019-03-16 14:50:19 +0000 UTC]

👍: 0 ⏩: 1

Shiolily In reply to FBFOffical [2019-03-21 01:39:48 +0000 UTC]

Unfortunately, I've never used that program and my phone is too laggy to support it most likely D: 

Generally, the steps can be the same, just use a pencil or rough brush for the outlines and try to make your background look like a watercolor painting  
Depending on how simple IbispaintX is, some steps might not be possible D:
Medibang and GIMP are free though

Thank you so much ^^

👍: 0 ⏩: 1

FBFOffical In reply to Shiolily [2019-03-21 10:47:04 +0000 UTC]

👍: 0 ⏩: 0

NaitomeIya [2019-01-22 06:17:34 +0000 UTC]

Damn thanks a lot for this!
I've always been claiming that my role model art is the 80s/90s style, pre 2010 at most, and yet my art style is generic as fq. I always thought there was something wrong with my art style that's why I couldn't pull off the old school look.

It looks like I just have to increase that brush size a little and turn off the damn stabilization for the line art. And throw in some "rough" texture on it too.

Although, I refuse to go all out on the old school look and choose my color palette very carefully. I mean, Gundam Unicorn and Megalo Box made it work, why can't I.

👍: 0 ⏩: 1

Shiolily In reply to NaitomeIya [2019-01-24 07:48:12 +0000 UTC]

Np! 

To be honest, a lot of stuff that is seen in 'older' styles is making a resurgence, and there's no uniform look for an old show or movie- angel's egg vs akira vs urusei yatsura vs lupin vs anything ghibli before 2010, they all look pretty different despite being pre 2010 d: 
None of the rules have to be followed, they can be incorporated in any way you want ^^ 

Yeah, I studied the techniques used on old cels (ink, acrylics, stacked cels making a grey shadow) so I know why it looks the way it is, helps to emulate it  
All out retro may not be what some people are going for, although for those two shows I can tell instantly they're not painted on cels and are digital d: They come pretty close though! It depends on personal preference

👍: 0 ⏩: 0

SynthTee [2018-12-17 20:04:19 +0000 UTC]

this is legit amazing! thank u so much

👍: 0 ⏩: 1

Shiolily In reply to SynthTee [2018-12-19 06:51:53 +0000 UTC]

np, and thx

👍: 0 ⏩: 0

gayteau [2018-09-21 21:41:20 +0000 UTC]

Wonderful tutorial. What would we do without you?? ;-; <3 <3

👍: 0 ⏩: 1

Shiolily In reply to gayteau [2018-12-08 07:54:46 +0000 UTC]

Sorry for late reply but thx!

👍: 0 ⏩: 0

muaggn [2018-08-16 20:38:14 +0000 UTC]

Yo thanks alot ;-; this helped me since i wanted to make a sailor moon type of "screenshot"

👍: 0 ⏩: 1

Shiolily In reply to muaggn [2018-12-08 07:54:49 +0000 UTC]

Sorry for late reply but thx!

👍: 0 ⏩: 0

X-Harmonie-x44 [2018-08-15 21:22:49 +0000 UTC]

This tutorial is too hard, I do not understand anything, I can not even

👍: 0 ⏩: 1

Shiolily In reply to X-Harmonie-x44 [2018-08-16 00:43:22 +0000 UTC]

I'm sorry D: It's a bit tricky unless you're familiar with the programs D: 

👍: 0 ⏩: 1

X-Harmonie-x44 In reply to Shiolily [2018-08-16 11:09:54 +0000 UTC]

Yes, because I have trouble following you, and I do not know where you click and everything, I do not use all the time Gimp and Medibang:/

👍: 0 ⏩: 1

Shiolily In reply to X-Harmonie-x44 [2018-08-21 00:18:17 +0000 UTC]

Ahhh ok, I'll try D: also happy birthday! I've been traveling so I couldn't make a gift D: 

👍: 0 ⏩: 1

X-Harmonie-x44 In reply to Shiolily [2018-08-22 13:42:28 +0000 UTC]

But, it's not my birthday, oh I see:/

👍: 0 ⏩: 1

Shiolily In reply to X-Harmonie-x44 [2018-12-08 07:55:19 +0000 UTC]

Oh

👍: 0 ⏩: 1


| Next =>