Lemma Soft Forums

Supporting creators of visual novels and story-based games since 2003.

Visit our new games list, blog aggregator, IRC channel, and Discord (new).
Activation problem? Email pytom@bishoujo.us.
It is currently Tue Jun 27, 2017 3:16 pm

All times are UTC - 5 hours [ DST ]


Forum rules


Questions about Ren'Py should go in the Ren'Py Questions and Announcements forum.



Post new topic Reply to topic  [ 53 posts ]  Go to page 1, 2, 3, 4  Next
Author Message
 Post subject: Art workshop~
PostPosted: Tue Nov 27, 2007 6:41 pm 
Cheer Idol; Not Great at Secret Identities
User avatar

Joined: Sat Oct 20, 2007 7:38 pm
Posts: 1592
Location: Chile
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Twitter: @DejiNyucu
Tumblr: DejiNyucu
Deviantart: DejiNyucu
*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.
Attachment:
File comment: base coloring and pallette
3.jpg
3.jpg [ 150.62 KiB | Viewed 3378 times ]
(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.
Attachment:
File comment: darkened pallette colors after playing with levels
4.jpg
4.jpg [ 150.53 KiB | Viewed 3373 times ]


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!
Attachment:
File comment: colored pic and pallete
8.jpg
8.jpg [ 162.73 KiB | Viewed 3378 times ]


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)
Attachment:
File comment: this one is darker and more blue
9.jpg
9.jpg [ 171.59 KiB | Viewed 3371 times ]

Attachment:
File comment: Green!
10.jpg
10.jpg [ 170.91 KiB | Viewed 3367 times ]

Playing around with levels will get you different combinations. You can also play with hue/saturation and lightness, or both!
Attachment:
File comment: more pallettes!
11.jpg
11.jpg [ 75.68 KiB | Viewed 6561 times ]


And finally, I picked one of the pallettes above to color it again
Attachment:
File comment: another coloring with another pallette
12.jpg
12.jpg [ 176.59 KiB | Viewed 3375 times ]


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.

_________________
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! (:



Last edited by Deji on Wed Sep 10, 2008 6:21 pm, edited 7 times in total.

Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Tue Nov 27, 2007 8:12 pm 
King of Moé
User avatar

Joined: Mon Sep 03, 2007 3:49 pm
Posts: 2262
Location: United States
Organization: Love in Space Inc
Twitter: @Love_in_Space
Ooo...

Great tips! ^_^

_________________
http://loveinspace.moe


Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Tue Nov 27, 2007 11:01 pm 
Lemma-Class Veteran
User avatar

Joined: Tue Aug 01, 2006 12:39 pm
Posts: 4171
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?


Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Tue Nov 27, 2007 11:28 pm 
Cheer Idol; Not Great at Secret Identities
User avatar

Joined: Sat Oct 20, 2007 7:38 pm
Posts: 1592
Location: Chile
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Twitter: @DejiNyucu
Tumblr: DejiNyucu
Deviantart: DejiNyucu
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! (:



Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Tue Nov 27, 2007 11:42 pm 
Lemma-Class Veteran
User avatar

Joined: Tue Aug 01, 2006 12:39 pm
Posts: 4171
Deji has now found herself in the Special Thanks credits in all my projects from now on...


Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Wed Nov 28, 2007 4:46 am 
Lemma-Class Veteran
User avatar

Joined: Sat Oct 08, 2005 7:57 am
Posts: 4101
Location: France
Total awesomeness o__o... It's so simple, yet not so obvious!


Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Wed Nov 28, 2007 7:04 am 
Miko-Class Veteran
User avatar

Joined: Mon May 08, 2006 2:49 am
Posts: 860
Completed: Blue Rose, AO: Broken Memories, My Eternal Rival, Dust
Projects: AO: Fallen Star
Organization: White Cat
IRC Nick: Vatina
Twitter: @WhiteCatGames
Tumblr: vatinyan
Deviantart: Vatina
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

_________________
White Cat games site - Gamedev blog


Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Wed Nov 28, 2007 11:41 pm 
Eileen-Class Veteran
User avatar

Joined: Fri Feb 17, 2006 12:47 pm
Posts: 1406
Completed: http://rd2k2-games.blogspot.com
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.)


Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Sun Dec 02, 2007 10:58 am 
Cheer Idol; Not Great at Secret Identities
User avatar

Joined: Sat Oct 20, 2007 7:38 pm
Posts: 1592
Location: Chile
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Twitter: @DejiNyucu
Tumblr: DejiNyucu
Deviantart: DejiNyucu
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:
Attachment:
martina+uniform.jpg
martina+uniform.jpg [ 90.35 KiB | Viewed 3374 times ]

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

Now the initial values are he following:
Quote:
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! (:



Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Sun Dec 02, 2007 1:03 pm 
Cheer Idol; Not Great at Secret Identities
User avatar

Joined: Sat Oct 20, 2007 7:38 pm
Posts: 1592
Location: Chile
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Twitter: @DejiNyucu
Tumblr: DejiNyucu
Deviantart: DejiNyucu
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.
Attachment:
paletas-dia.jpg
paletas-dia.jpg [ 141.71 KiB | Viewed 3394 times ]

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! (:



Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Sun Dec 02, 2007 1:46 pm 
Miko-Class Veteran

Joined: Fri Aug 18, 2006 4:51 pm
Posts: 541
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:


Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Sun Dec 02, 2007 3:29 pm 
Cheer Idol; Not Great at Secret Identities
User avatar

Joined: Sat Oct 20, 2007 7:38 pm
Posts: 1592
Location: Chile
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Twitter: @DejiNyucu
Tumblr: DejiNyucu
Deviantart: DejiNyucu
Value tables of Level adjusting for Morning, Night and Sunset:
Attachment:
tables.jpg
tables.jpg [ 128.21 KiB | Viewed 3420 times ]


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! (:



Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Sun Dec 02, 2007 4:35 pm 
Thank you for posting all these things, it must have taken some times!


Top
  
 
 Post subject: Re: Art workshop~
PostPosted: Fri Dec 07, 2007 12:08 pm 
Cheer Idol; Not Great at Secret Identities
User avatar

Joined: Sat Oct 20, 2007 7:38 pm
Posts: 1592
Location: Chile
Projects: http://bit.ly/2lieZsA
Organization: Sakevisual, Apple Cider, Mystery Parfait
Twitter: @DejiNyucu
Tumblr: DejiNyucu
Deviantart: DejiNyucu
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:
Attachment:
flats2.png
flats2.png [ 129.33 KiB | Viewed 3458 times ]

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 ^^; )
Attachment:
entrance-morning.jpg
entrance-morning.jpg [ 201.56 KiB | Viewed 3526 times ]

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
Attachment:
entrance-night.jpg
entrance-night.jpg [ 156.68 KiB | Viewed 3434 times ]


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! (:



Top
 Profile Send private message  
 
 Post subject: Re: Art workshop~
PostPosted: Fri Dec 07, 2007 1:19 pm 
Veteran
User avatar

Joined: Fri Jun 25, 2004 10:46 am
Posts: 405
Location: In a thing called "hope"....
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!!- :)


Top
 Profile Send private message  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 53 posts ]  Go to page 1, 2, 3, 4  Next

All times are UTC - 5 hours [ DST ]


Who is online

Users browsing this forum: No registered users


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
You cannot post attachments in this forum

Search for:
Protected by Anti-Spam ACP
Powered by phpBB® Forum Software © phpBB Group