Shop Mobile More Submit  Join Login
×

Featured in Collections

Journals and Written by Disaya


More from DeviantArt



Details

Submitted on
April 8, 2009
Link
Thumb

Stats

Views
6,574 (1 today)
Favourites
92 (who?)
Comments
39
×

Screentone-lesson

Journal Entry: Wed Apr 8, 2009, 2:06 PM
News


I wrote this for :iconmangaworkshop: today and I thought.... after typing this all I might share it with you as well, especially after the screentone-pack xD

Here you go:



Screentoning</u>

This lesson will be about screentoning in general. As a help you can download this screentone-pack:

Screentone-Pack by Dea-89

I will use it for examples in the later lesson.

A short overview over the lesson:

1) Basic-knowledge about Screentones
2) Screentoning - the simple way
3) Special-effects and self-made tones
4) Advanced use of screentones


1) Basic-knowledge about Screentones

Screentones are the most common way to shade traditional manga-pages. They are texture-like images -most of the time small little dots- that use the colors black and white only. The traditional screentones are foils that were attached to the linearts drawn with ink. Today most artists screentone their pictures with computer-programs. There are even programs especially for screentoning.

There are different kinds of screentones.

-Basic-tones
-Gradiation-tones
-Effect-tones
-patterns and designs
patterns by Dea-89


When taking a look at traditional tones you will find a few datas attached on them.

A number between 1-100% and a number and an L at the end.
dpi for screentonelesson by Dea-89
In this example I marked the 05L 05%
This means the screentones has 5 dots per inch (05L). The higher the %-number, the thicker the dots. 05% is the lightest tone. 95% the darkest.


2) Screentoning - the simple way

After downloading the screentone-pack above, please open a graphic-program. Gimp, Photoshop, ... they should all work out fine as long as you can create different layers ( <- Paint for example doesn't work...)

Open an old lineart of yours and lift it to a new layer so you have only the black lines. (You can find lots of tutorials about this here on DA. Just take a look around for a decent one or look at this: deamond89.deviantart.com/art/L… )

screentoning 01 by Dea-89

Open the 1st Ste of 600 dpi -screentones in the pack and open them in your program as well. Copy and Paste the middle tone to your lineart-picture (on an extra-layer!) Now select the parts you want to screentone. Go to Select>Inverse Selection. Now anything but the parts you want to be toned later on are selected.

Screentoning 02 by Dea-89

Click on 'Cut'.

Screentoning 03 by Dea-89

Your picture should look like this now. Congratz! You just added your very first screentone!

Now we want to add highlights. Just erase some parts you want to highlight and reselect your previous selection (The one you just cut away).

Screentoning 04 by Dea-89

Copy and Paste the light tone. Make sure it is from the same set and the dots sit above each other (The dots have to sit on the same space, otherwise they will look weird)

After all you don't want it to look like this:

Screentoning 05 by Dea-89

If you made it right, it should look like this:

Screentoning 06 by Dea-89

Now time to add some shadows. Use the select-lasso and select the parts you see fitting for shades.

Screentoning 07 by Dea-89

Import the dark tone now. As before, make sure the tones are fitting! Inverse your selection and cut it.

Screentoning 08 by Dea-89

We are done. This is the simple and most common way of screentoning a picture.



3) Special-effects and self-made tones

Typical for Mangas are special-effects as speedlines, explosions,... as well as backgrounds as skies, mountains, .... Usually it is rather hard finding a matching screentone right away, so we have to make one for ourselves.

To make an explosion (the way it is shown in the effect-folder) is very simple.

Open a new file. Your selected colors should always be black and white as these are the only colors used in traditional Mangas.

Go to the filters and select the cloud-filter.

effect 1 by Dea-89

Now go back to Filter >Blur>Radial Blur. Choose the Zoom-Blur instead of Spin and play around with the intensity-bar...

effect 2 by Dea-89

Now got to the halftone-pattern-filter. It depends on the taste but I like tones best in which you actually see the dots clearly, you can choose this however you please though.

effect 3 by Dea-89

You can use the half-tone-pattern-filter for any kind of tone you want to make yourself.



4) Advanced use of screentones

Basic-screentones look okay... but really good results you get with the help of Gradiations!

As before, select the area you want to tone.

advanced 1 by Dea-89

With a black brush (hard!) add shadows. On round areas as her breast you can add some low-opacity shading (I used 20%).

advanced 2 by Dea-89

Now import your gradiation-tone the same way you imported the tones before. Turn the tone, so the light sight is turned towards your light-source.

advanced 3 by Dea-89

Select and cut as before.

advanced 4 by Dea-89

The gradiation makes the shading look more smooth and natural.

The same works for the skin as well:  

Import the gradiation and select the areas you want to shade.

advanced 5 by Dea-89

For skin you should use the lighter side of the gradiation. Cut the pixels as before. If you see fitting, erase the gradiation with a low-flow-eraser so the edges aren't as hard.

advanced 6 by Dea-89

If you have any questions, feel free to ask me.

~Deamond

Contest!


The 4 categories:

-4-paneled mini-comics: A short-comic most of the time with 4 panels, but you are allowed to extend it to more. (3-8 panels are alright) As long as it is EoT-related, you can draw whatever you want!

-Modern EoT: The characters of a fantasy-world drawn in modern time, cloths, etc. Maybe how the girls go to school, or the guys playing football, etc.

-Young EoT: The EoT-crew how they were as kids. Callo babysitting Ary, Ledah playing with his brother,... just think of something nice and cute ;)

-Dea+EoT-crew: To celebrate my DA-birthday, draw a picture with me (Dea) and some of the EoT-charas. It doesn't have to be related with the DA-B-day though.

Prizes:

For each category, the prizes are the same:

1st prize: 3 month-subscription, 1 month journal-feature, picture will be taken into my shoutboard-"hall of fame" ;P

2nd prize: Special journal feature, Picture will be taken into my shoutboard-"hall of fame"

3rd prize: Special journal feature

Special prize: I will chose one picture that I love the absolute best. The winner will get a free sketch that I will probably, depending on my time, turn into an inked and colored picture.

All entries will be featured in one journal as well!

Take a closer look at the rules!
deamond89.deviantart.com/journ…

Artist Feature + Clubs


I want to feature an artist that deserves a lot more attention! Seth is a good friend of mine almost since I joined DA... His works are really great, I love the sketches especially x3

Take a look!!!

:iconseth-cypher:
Broken Sky 2 Revelation 2 by Seth-Cypher Relaxation by Seth-Cypher Broken Glass by Seth-Cypher Overlord and Empress Sketch by Seth-Cypher Seraph Concept Art 2 by Seth-Cypher Broken Sky 2 Signature by Seth-Cypher

And for those amongst you interested in great stories, read his Broken-Sky-story!
Broken Sky Chapter 1Prologue
On the world of Exire, there was once nothing but war. Before such a thing as the Empire existed, tiny tribes fought amongst themselves for power and glory. These wars however, were not fought with conventional weapons, the tribes themselves were more than normal. Humans with extraordinary powers, evolved genes through years of mutation, their eyes allowed them to control certain elements of nature depending on which tribe they were born from. The advanced technology also helped spur forth the coming of the end. As thousands of years passed, their population began to decimate and humans started to roam about freely, expanding the borders of the Empire without much knowledge of what transpired or what existed beyond their small gates. Five thousand years have passed since the war transpired, their kind have only few in number now and keep a low profile as the human’s nation, called the Empire have prospered and taken over the entire continent. However, they exist beside th


If you want to be featured or know someone who needs/deserves attention, please send me a note!

:iconcolor-me-club:

Galleries

Dea's Gallery

Essence of Time Essence of Time-pictures
Sketches Linearts
Manga and Anime Tutorials
  • Mood: Tired
Add a Comment:
 
:icondreamersskingdom:
DreamerssKingdom Featured By Owner Oct 28, 2011  Hobbyist Digital Artist
Ok, Wait nevermind found out how >x3

btw love your tones :)
Reply
:icondreamersskingdom:
DreamerssKingdom Featured By Owner Oct 28, 2011  Hobbyist Digital Artist
I found out that my brother had the program, and I downloaded it e-e How would I be able to upload the screentone's on it? :S
Reply
:iconmileniakitsuvee:
MileniaKitsuvee Featured By Owner Jun 25, 2011  Hobbyist General Artist
Thanks for the tones and the tutorial! I only have one question: Do we upload the tones as a pattern or we just use them like that as png and then close them when done with them? I ask this cuz I've been looking at some tuts for using them and some of them say to download them as .pat for PS. *is confused* :confused:
Reply
:iconxxvampire-alisaxx:
xxVampire-Alisaxx Featured By Owner Mar 29, 2011  Hobbyist Traditional Artist
Im having a similar problem trying to open them in Photoshop. I have Photoshop CS2.
Is there any way that this can be fixed?

Sorry if this has been asked before.
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 3, 2011
You have to unpack them. Either with WinZIP or another program.
Reply
:iconxxvampire-alisaxx:
xxVampire-Alisaxx Featured By Owner Apr 3, 2011  Hobbyist Traditional Artist
Thank you very much :)
Reply
:iconflowerchan123:
Flowerchan123 Featured By Owner Jun 8, 2010
i dont understandd how to even open them... im sorry, can you tell me?
Reply
:icondiabolaxdistortion:
Diabolaxdistortion Featured By Owner Apr 6, 2010  Hobbyist General Artist
i don't understand how you can open this: [link] to change the dots
:/ ???
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 6, 2010
This is from a certain program and its just an example about DPI and groups.
Reply
:icondiabolaxdistortion:
Diabolaxdistortion Featured By Owner Apr 7, 2010  Hobbyist General Artist
oh okay
so am i supposed to be able to change the percent/thickness or is that just like an example of the different screentones...?
i was just wondering about that
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 8, 2010
It is just an example how the program I use works with different DPI and %-scales. Usually they are to find on screentones you buy too. If you are using digital screentones, you probably wont have that.
Reply
:icondiabolaxdistortion:
Diabolaxdistortion Featured By Owner Apr 8, 2010  Hobbyist General Artist
oh, okay. thanks (:
Reply
:icontigglet:
tiGGlet Featured By Owner Mar 16, 2010
wow, you just answered me, what-are-screen-tones, question. thanks.
Reply
:iconsephiroth7734:
Sephiroth7734 Featured By Owner Oct 31, 2009
I'm using Paint.Net. Where do I put the screentones so that I can select them in the program?
Reply
:icondea-89:
Dea-89 Featured By Owner Nov 22, 2009
Sorry, I don't know the program, maybe ask someone who uses it ^^; But someone I know who uses it said it works =/
Reply
:iconatseyss:
Atseyss Featured By Owner Oct 30, 2009  Hobbyist General Artist
Thank you for these explanation ^o^ !
Reply
:iconhitsuchigo:
hitsuchigo Featured By Owner Oct 3, 2009
This is really helpful
Reply
:iconneuroticindecency:
NeuroticIndecency Featured By Owner Sep 7, 2009
My photoshop won't open up the png files D:
Keeps saying "Could not complete your request because the file-format module cannot parse the file." What should I do? D:
Reply
:icondea-89:
Dea-89 Featured By Owner Sep 25, 2009
Weird... There must be an error with your program cause I use Photoshop as well and for me it works without problem O_o
Reply
:iconneuroticindecency:
NeuroticIndecency Featured By Owner Sep 25, 2009
Yeah @__@

I can only open them if I close photoshop, and then go to like my documents and click open with photoshop. And then it will open photoshop and pull them up. But if I've pulled up photoshop
FIRST it won't due it @__@;;;

But I figured out how to get them up by opening them first. :nod: time consuming but worth it.
Reply
:iconkurama-chan:
Kurama-chan Featured By Owner Aug 23, 2009  Hobbyist Digital Artist
Wish I could fav journals XD
Reply
:iconminus-7:
MINUS-7 Featured By Owner May 1, 2009
Nice, thakns for this. :)
Reply
:iconkowai-usagi:
kowai-usagi Featured By Owner Apr 12, 2009  Hobbyist General Artist
It's nice that you adapted your screentoning lessons for those who don't use MangaStudio.
You made a good job; it's very detailed. ^^
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 12, 2009
Glad you like it =3
Reply
:iconkowai-usagi:
kowai-usagi Featured By Owner Apr 13, 2009  Hobbyist General Artist
Anytime! =D
Reply
:iconikizaku:
ikizaku Featured By Owner Apr 11, 2009  Hobbyist Digital Artist
OWO that's a great tutorial~!!
thanks!
Reply
:iconziggysart2:
ziggysart2 Featured By Owner Apr 10, 2009
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 10, 2009
...=/

You sent me a link to my mainpage... lol
Reply
:iconmetalgirly:
MetalGirly Featured By Owner Apr 8, 2009  Student Digital Artist
This is really helpful =D
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 9, 2009
Glad it helps ^^
Reply
:iconsantuary:
santuary Featured By Owner Apr 8, 2009  Hobbyist Traditional Artist
This is a really good lessons for those who wants to draw manga, including me!
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 9, 2009
^^
Reply
:iconninou-san:
Ninou-san Featured By Owner Apr 8, 2009
thats really helpful.... this could be used on gimp? wow cool i think i'll have a try~
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 9, 2009
Yes it should ^^ lol I never tried gimp, but people keep telling me the same things work for gimp just fine, so... yeah xD
Reply
:iconninou-san:
Ninou-san Featured By Owner Apr 9, 2009
ah kay ~
Reply
:iconeternalsailorearth:
eternalsailorearth Featured By Owner Apr 8, 2009
Thank you so much!
I can not download the pack you made but I have a program called Computones to help me anyway :D
BTW, do you know any good stock images for backgrounds?
Reply
:icondea-89:
Dea-89 Featured By Owner Apr 9, 2009
Well I make most of them myself as I don't want to credit people in my mangapages (I might get problems if I actually want to publish them some time in the future if I use someone's stock)

Sorry ^^;
Reply
:iconeternalsailorearth:
eternalsailorearth Featured By Owner Apr 9, 2009
Oh ok, thanks though ^^
Reply
:iconthunderwolfang:
ThunderWolfang Featured By Owner Apr 8, 2009  Hobbyist Digital Artist
Awesome! :D
Reply
Add a Comment: