Art workshop~

Forum organization and occasional community-building.
Forum rules
Questions about Ren'Py should go in the Ren'Py Questions and Announcements forum.
Message
Author
User avatar
Deji
Cheer Idol; Not Great at Secret Identities
Posts: 1592
Joined: Sat Oct 20, 2007 7:38 pm
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Tumblr: DejiNyucu
Deviantart: DejiNyucu
Location: Chile
Contact:

Art workshop~

#1 Post by Deji » Tue Nov 27, 2007 6:41 pm

*cough* ok, that's a lame title for my thread XD;
While here, I've noticed that some people would use some art tips, and I happen to experiment and play around with pics a lot, so I decided to make a thread on my own to share some of my experiments/knowledge that could be useful to you =3

Related posts:
Picture decomposed in layers
viewtopic.php?p=38176#p38176
Simple sprite making
viewtopic.php?p=38078#p38078
Drawing groups in perspective (no foreshortening)
viewtopic.php?p=45420#p45420

Shortcuts:
Morning-Sunset-Night Palettes
viewtopic.php?p=39280#p39280
More Tutorials
viewtopic.php?f=13&t=2848&p=41231#p41231
Background variations and light 1 & 2
viewtopic.php?p=43163#p43163
viewtopic.php?p=43218#p43218
Drawing Human Figure: Basic & Fixing a drawing: structure-wise
viewtopic.php?p=45656#p45656
Overlay Coloring
viewtopic.php?p=45664#p45664

My tutorials on deviantART:
http://dejichan.deviantart.com/gallery/#Tutorials

Now, here it is a little experiment on shading I did, that I thought I'd share =3

Shading colors - making palletes
(image heavy!)
Unless I'm working with a multiply layer to do the shading, I always pick the shadow color by instinct... you know, with the color picker, I move a bit to te desaturated and darker area and then move to the blue in the spectrum.
But with my latter work, I've realizd that there should be a more quick and efficient way of picking the shadow colors and mantain a certain "uniformity" between all the colors used in the character design, and that could be used in several characters/pictures and keep this same "feeling"...
So, playing around, I found a fun way that actually works!

I made a random pic to test my coloring and used some pretty bright colors. I made a new layer called "pallette" and painted some dots representing the colors I used in the composition, and duplicated them some pixels away.
3.jpg
base coloring and pallette
(image1)

Then I selected the duplicated spots and opened my Levels window. I pretty much played around here, desaturating, making darker at the RGB chanel, and then went on the separate channels and played moving things around until I got something nice. This stage is pretty much experimenting and having fun.
4.jpg
darkened pallette colors after playing with levels


Now I make my pallette by making a color that's in the middle of my base color and my newly found shadow color. I do this by coloring a spot with the shadow color and then color softly over it with the base color. Repeat with all your base colors and voilá! you have a new pallette! =D You can make as many in-between colors as you want, I just made one.
I used my new pallette to color the whole pic!
8.jpg
colored pic and pallete


Now, let's see what happens if we play differently with the Levels to make different shadow colors. (I was lazy and used the magic wand here >_o)
9.jpg
this one is darker and more blue

10.jpg
Green!

Playing around with levels will get you different combinations. You can also play with hue/saturation and lightness, or both!
11.jpg
more pallettes!
11.jpg (75.68 KiB) Viewed 6708 times


And finally, I picked one of the pallettes above to color it again
12.jpg
another coloring with another pallette


So my suggestion is to play around with this method! Even if in the end you don't apply it to all your pictures, it's fun for coloring experimentation =P
If you want to keep all your characters or a series of pictures with the same kind of shading, you could do the base coloring of everything first and then make a base pallette with all of them and apply this method.

Hope it helps!
Please feel free to post more step-by-step things or tips that could hep people improve their art skills, and also feel free to ask/comment/whatever =3
I'll try to keep everything linked and organized in the first post.
Last edited by Deji on Wed Sep 10, 2008 6:21 pm, edited 7 times in total.
Image
Tumblr | Twitter
Forever busy :')
When drawing something, anything, USE REFERENCES!! Use your Google-fu!
Don't trust your memory, and don't blindly trust what others teach you either.
Research, observation, analysis, experimentation and practice are the key! (:

User avatar
Samu-kun
King of Moé
Posts: 2262
Joined: Mon Sep 03, 2007 3:49 pm
Organization: Love in Space Inc
Location: United States
Contact:

Re: Art workshop~

#2 Post by Samu-kun » Tue Nov 27, 2007 8:12 pm

Ooo...

Great tips! ^_^

User avatar
DaFool
Lemma-Class Veteran
Posts: 4171
Joined: Tue Aug 01, 2006 12:39 pm
Contact:

Re: Art workshop~

#3 Post by DaFool » Tue Nov 27, 2007 11:01 pm

Whee, thanks!

Do you happen to have "presets" (the amount of points changed in the relative Levels) for the following scenarios:

* Morning / Daytime colors
* Late Afternoon / Sunset
* Nighttime

Color styling is something I haven't looked into, since its usually just given as a separate ready-made pallette.

You suggest to experiment, I will! But did you discover any standard values that work well whatever the base colors?

User avatar
Deji
Cheer Idol; Not Great at Secret Identities
Posts: 1592
Joined: Sat Oct 20, 2007 7:38 pm
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Tumblr: DejiNyucu
Deviantart: DejiNyucu
Location: Chile
Contact:

Re: Art workshop~

#4 Post by Deji » Tue Nov 27, 2007 11:28 pm

DaFool wrote:Whee, thanks!

Do you happen to have "presets" (the amount of points changed in the relative Levels) for the following scenarios:

* Morning / Daytime colors
* Late Afternoon / Sunset
* Nighttime

Color styling is something I haven't looked into, since its usually just given as a separate ready-made pallette.

You suggest to experiment, I will! But did you discover any standard values that work well whatever the base colors?


I haven't tried that much yet ^^;; I just toyed with this today and thought I'd share.
I did an assignment not so long ago that was to color a same picture as in different hours of the day:

Morning: http://dejichan.deviantart.com/art/Vinca-and-Elian-morning-67633628
Here I used a multiply layer to do the shading with a light desaturated blueish purple. The color of the light is light yellow.

Sunset and Night: http://dejichan.deviantart.com/art/Vinc ... s-67644479
During sunset, the light is orange, so the shadows might be purple.
The night version was shaded with desaturated dark blue. The artificial light is a stronger yellow than the morning light, and the normal moonlight is light blue.
Daylight is also light blue-ish.

So you shuoud guide you Level playing to match that. You can also use the same method to create a "light" color: playing with levels and such to move toward the kind of light you're looking for.
Using a screen/overlay/soft light layer with the desired lihgt color on top of the image helps too.

I'll try to play more with that tomorrow or in a couple of days to illustrate.
Image
Tumblr | Twitter
Forever busy :')
When drawing something, anything, USE REFERENCES!! Use your Google-fu!
Don't trust your memory, and don't blindly trust what others teach you either.
Research, observation, analysis, experimentation and practice are the key! (:

User avatar
DaFool
Lemma-Class Veteran
Posts: 4171
Joined: Tue Aug 01, 2006 12:39 pm
Contact:

Re: Art workshop~

#5 Post by DaFool » Tue Nov 27, 2007 11:42 pm

Deji has now found herself in the Special Thanks credits in all my projects from now on...

User avatar
monele
Lemma-Class Veteran
Posts: 4101
Joined: Sat Oct 08, 2005 7:57 am
Location: France
Contact:

Re: Art workshop~

#6 Post by monele » Wed Nov 28, 2007 4:46 am

Total awesomeness o__o... It's so simple, yet not so obvious!

User avatar
Vatina
Miko-Class Veteran
Posts: 860
Joined: Mon May 08, 2006 2:49 am
Completed: Blue Rose, AO: Broken Memories, My Eternal Rival, Dust
Projects: AO: Fallen Star
Organization: White Cat
IRC Nick: Vatina
Tumblr: vatinyan
Deviantart: Vatina
Contact:

Re: Art workshop~

#7 Post by Vatina » Wed Nov 28, 2007 7:04 am

Wow, that's such a great idea! Nice and simple :D
It's too late for me to use any of these techniques in my current project, but I will surely keep them in mind for my next one ^^ (And for general colouring experiments, hehe)

You're so great, Deji :3

User avatar
lordcloudx
Eileen-Class Veteran
Posts: 1406
Joined: Fri Feb 17, 2006 12:47 pm
Completed: http://rd2k2-games.blogspot.com

Re: Art workshop~

#8 Post by lordcloudx » Wed Nov 28, 2007 11:41 pm

Great tutorial. I think I'll try this out on my snes-tan.

lol! that was embarrassing. This went in the wrong thread last night.
How do you make your games? I see. Thank you for the prompt replies, but it is my considered opinion that you're doing it wrong inefficiently because I am a perfushenal professional. Do it my way this way and we can all ascend VN Nirvana together while allowing me to stroke my ego you will improve much faster. Also, please don't forget to thank me for this constructive critique or I will cry and bore you to death respond appropriately with a tl;dr rant discourse of epic adequately lengthy proportions. - Sarcasm Veiled in Euphemism: Secrets of Forum Civility by lordcloudx (Coming soon to an online ebook near you.)

User avatar
Deji
Cheer Idol; Not Great at Secret Identities
Posts: 1592
Joined: Sat Oct 20, 2007 7:38 pm
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Tumblr: DejiNyucu
Deviantart: DejiNyucu
Location: Chile
Contact:

Re: Art workshop~

#9 Post by Deji » Sun Dec 02, 2007 10:58 am

ok, I'm pretty busy right now with stuff, so I haven't been able to give the morning/sunset/night pallettes a try =(
I played around with pallettes for my Martina sprite yesterday and wrote the numbers I used for the variations.
here it's the sprite with the palette:
martina+uniform.jpg

You can see the sprite here:
viewtopic.php?p=39258#p39258

Now the initial values are he following:
B means the base color
L is the light color
S1 is the shadow
S2 is the darkest shadow
Input values are 3 numbers, Output values are 2 numbers. Sometimes I didn't change all the numbers, thou.

S1:
RGB channel
Input 70 -1.00 - 255
Output 1 - 213
Red
Output 120 - 255
Green
Output 0 - 238
Blue
Output 38 - 255

S2:
Hue/Sat
-13 ligh, -30 sat
RGB
In 21 - -
Out 35 - 220
Red
In 80 - -
Green
In 72 - -
Blue
In - 0,72 - 198

L:
RGB
In 58 --- 216
Out 21 -
Red
Out 58 -
Green
In ------ 234
Out 55 -
Blue
--


Now, if you look at the initial/first result palette, some shadows are too saturated/bright. I noticed that while coloring, so on the sprite file (where I keep a copy of the palette for eyedropping purposes), I seleted the swatches from S1 to S2 and adjusted their Hue/Sat, giving them less light and less saturation, and then remaking the 50/50 swatches (the ones between each labbeled row, generated by mixing the colors 50/50)

So in the end, this is pretty much a matter of experimantation~

This palette is bassed on a redish/purple shadow and a yellow light, btw.
Image
Tumblr | Twitter
Forever busy :')
When drawing something, anything, USE REFERENCES!! Use your Google-fu!
Don't trust your memory, and don't blindly trust what others teach you either.
Research, observation, analysis, experimentation and practice are the key! (:

User avatar
Deji
Cheer Idol; Not Great at Secret Identities
Posts: 1592
Joined: Sat Oct 20, 2007 7:38 pm
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Tumblr: DejiNyucu
Deviantart: DejiNyucu
Location: Chile
Contact:

Re: Art workshop~

#10 Post by Deji » Sun Dec 02, 2007 1:03 pm

Ok, took me a while (I should be working on other stuff >___<;;;)
but it was a fun experiment =P

Here a test palette for Morning, Night and Sunset.
paletas-dia.jpg

Bx, in this case, is a light variation of the B column.

Procedure was:

B --> S1 --> S2
B --> Bx --> L
S1 comes from B, but L comes from Bx.
Maybe it would have been a better idea to make B-->Bx -->S1 --> S2... ;;;

I'll post the value tables in a minute~
Image
Tumblr | Twitter
Forever busy :')
When drawing something, anything, USE REFERENCES!! Use your Google-fu!
Don't trust your memory, and don't blindly trust what others teach you either.
Research, observation, analysis, experimentation and practice are the key! (:

Adorya
Miko-Class Veteran
Posts: 541
Joined: Fri Aug 18, 2006 4:51 pm
Contact:

Re: Art workshop~

#11 Post by Adorya » Sun Dec 02, 2007 1:46 pm

The best is to know when to stop when fiddling around with color tone and that you have a deadline coming soon, else it take hours of fun :mrgreen:

User avatar
Deji
Cheer Idol; Not Great at Secret Identities
Posts: 1592
Joined: Sat Oct 20, 2007 7:38 pm
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Tumblr: DejiNyucu
Deviantart: DejiNyucu
Location: Chile
Contact:

Re: Art workshop~

#12 Post by Deji » Sun Dec 02, 2007 3:29 pm

Value tables of Level adjusting for Morning, Night and Sunset:
tables.jpg


In the final palettes, I swapped some of the colors, thou, between L and Bx, because sometimes the Bx olor (ie the white) would be lighter than the L color.... dunno why, thou ^^;

Anyway, just keep experimenting and don't limit yourseñves to the numbers and methods I exposed here!~ You can do pretty much whatever you want as long as you feel it looks ok for you =3
Image
Tumblr | Twitter
Forever busy :')
When drawing something, anything, USE REFERENCES!! Use your Google-fu!
Don't trust your memory, and don't blindly trust what others teach you either.
Research, observation, analysis, experimentation and practice are the key! (:

Ren

Re: Art workshop~

#13 Post by Ren » Sun Dec 02, 2007 4:35 pm

Thank you for posting all these things, it must have taken some times!

User avatar
Deji
Cheer Idol; Not Great at Secret Identities
Posts: 1592
Joined: Sat Oct 20, 2007 7:38 pm
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Tumblr: DejiNyucu
Deviantart: DejiNyucu
Location: Chile
Contact:

Re: Art workshop~

#14 Post by Deji » Fri Dec 07, 2007 12:08 pm

I tested my palette presets once again, this time the morning and night one.
I needed a test background for Astre@, so I made the school entrance based on a couple of pictures I found online.
The drawing process was to make a rough sketch, then a more defined one on the drawing borad with rulers and stuff, and then make the lineart in photoshop mostly with the pen tool.

The background basic composition are (from top to bottom)
- Light effects
- Gate (open and close)
- Foreground elemements (wall and guard post thingie)
- Plants (grass, trees and the other plants)
- summer version
- autumn version
- Background elements

I first made a flat colored base of each layer of elements like this:
flats2.png

Then I made a palette with the presets on the table I posted earlier, and started coloring!
After hours and hours of playing around, adding a texture layer for the brick walls and light effects, it ended up looking like this (resized and watermarked version because it's project material ^^; )
entrance-morning.jpg

I remade the trees leaves like... 4 times DX

I repeated the process with the night version, and added a couple of multiply andsoft light layrs to give a better atmosphere =3
entrance-night.jpg


The image working size is 2000x1500 and it's around 8mb. The bigger you work, the more tiny mistakes you're able to overlook, since they won't be noticeable when shrinking ^^

On a random note, last night I was telling my mother how proud I was on making my first decent background ever, and she said "uhm... yeah, its nice". I was dissapointed ._. Later she told me that she thought that I traced the thing from a photo and that I was just eyeballing DX

Time spent:
sketch+lineart+flats+morning version = around 7 hours? (I worked from 10 am to 2 am on and off, maybe it took me more O_o)
Night version: 3 hours
Image
Tumblr | Twitter
Forever busy :')
When drawing something, anything, USE REFERENCES!! Use your Google-fu!
Don't trust your memory, and don't blindly trust what others teach you either.
Research, observation, analysis, experimentation and practice are the key! (:

User avatar
Otaku Dash
Veteran
Posts: 405
Joined: Fri Jun 25, 2004 10:46 am
Location: In a thing called "hope"....
Contact:

Re: Art workshop~

#15 Post by Otaku Dash » Fri Dec 07, 2007 1:19 pm

Omg.. look at those backgrounds!! O_O Your art is to fall in love with Deji ^^;

Gahhh... I wish I had more time to practise... I need to improve a lot!! Still thanks for all the hints and support you have been putting here dji.. they are really helpfull ^^
"Life is like a flower....take care of it and watch it bloom......only there will you see its true beauty" - Myself

"Emptiness....that is...true fear...."

-FEAR THE NARU PUNCH!!- :)

Post Reply

Who is online

Users browsing this forum: No registered users