-By Serge Birault
Here's a little walktrough my last picture of SpongeBob SquarePants. Yes, I know, I'm to old for that. But I thought it was a good exercice for my students in Paris. As they don't have very good drawing skills, we just put some colors on picture I found on the internet. The goal of the exercice was to create good volumes with very cartoon shapes. We used Photoshop.
Step 1 : Here's the coloring for kids we use for the exercice. I don't own any right on this picture.
Step 2 : I choosed my ambient light. The sketch is on a multiply layer on the top.
Step 3 : I choosed the direct lights.
Step 4 : I did a solid swath of yellow. I choosed this yellow accordingly with the background color.
Step 5 : With the soft round brush and a very low opacity, I painted the darkest parts and the shadows. I decreased the opacity of the layer of the sketch.
Step 6 : I tried to find my middle tones. I added a little bit of red.
Step 7 : I started the eyes and the teeth on another layer. I don't use white but a very bright blue/green. I used the background color on the side of SpongeBob.
Step 8 : I did the eyes and the pupils and I tried to fix the contrast and the colors.
Step 9 : I used the eraser to define the edges. On another layer, I painted a hole and I duplicated it several times, changing the size each time.
Step 10 : I made him a little bit more reflective. I started the shirt.
Step 11 : The hands and the shorts.
Step 12 : I did the shoes first step. I added the retro light and a bit of shadow on the floor.
Step 13 : I painted the reflection on the floor. SpongeBob is finished.
Step 14 : Jellyfish first step. I created a lot of layers for the transparency and the reflections.
Step 15 : Last step : I added the tentacles.
It was a quite difficult exercice for my students. Working without any references wasn't easy for them. By the way, I was pretty happy of their pictures. Next year, we will try Patrick Star or Gary :)
















You make it looks easy! Great image and really nice to see the process like this. Thanks
ReplyDeleteThanks a lot, Dean :)
DeleteMerci Mr serge !
ReplyDeleteDe rien :)
DeleteAh, I love the way this came out. The only nitpick I have is that he looks a little more like a block of wet cheese than a sponge?
ReplyDeleteTrue ... But don't forget I'm french :D
DeleteStep 4: "I choosed this yellow accordingly with the background color" How? what do you mean?
ReplyDeleteSame saturation :)
DeleteOh Ok! so you picked your base background colour, adjusted the saturation to what you wanted(ie -52), then you picked a yellow on a new layer and then set the saturation to the same ,-52?
DeleteWell, I don't use any tool for that but yes :)
DeleteOk cool...How do you get the same saturation without the saturation tool(In PhotoShop)? Sorry I'm self taught on art tech so maybe I'm asking a stupid question.
DeleteStep 5: ta une ombre qui prolonge le nez mais vu la source de lumière, elle ne devrai pas couvrir le nez?
ReplyDeletePour ta "middle tone" tu fais quoi précisément ?
Est ce que la zone d ombre de tout les éléments présent on la meme quantité de noir?( par exemple tt tes ombre son a 20% de lumière). :)
Le nez est dans l'ombre, sans doute moins que nécessaire, certes :)
DeleteJe n'utilise pas de noir dans les ombres,seulement du marron. Je t'avouerais que je ne fais guère attention aux pourcentages :)
Ton jaune de départ n est pas ta middle tone alors? Et le fait d utiliser un peu de rouge sur ton ambiant occlu c est au feeling ou Une sorte de règle . Sinon merci pour les réponse et le tuto :). ( perso je te demanderai bien de jeter un œil sur certain de mes painting si un jour tu as le temps)
DeleteOui, au feeling, ça marche mieux :)
DeleteToujours aussi éxélent. Merci de partager votre savoir ! Vous mélangez combien de couleur maximum dans vos dégradés ? utilisez vous le noir et le blanc ?
ReplyDeleteJ'ai pas de maximum :) 3 ou 4 suffisent généralement :)
DeleteThank you for this process write-up!
ReplyDeleteWhat kind of layer types are you using (normal, multiply, overlay, etc.) for shadows/mid-tones/lighting and adding reflections?
No, only normal layers :)
DeleteI am always in awe of your clean shapes and smooth renderings. Nice to see a glimpse of the process work. Thanks!
ReplyDeleteThanks :)
DeleteNever too old!*Says the guy who draws cartoons all day*
ReplyDeleteLucky you :)
DeleteHow was your trip back home ?
Great stuff! (As usual.) Getting some insight into your process is very instructive: thanks for sharing.
ReplyDeleteYou're welcome :)
DeleteDamn you made that look so easy: I might have a play in PS when I get a chance. :)
ReplyDeleteYes, PS is an incredible and easy tool !
DeleteTres bien et glace a la fraise!
ReplyDelete(Sorry, just showing off my french skills... :P)
Impressionnant ! :D
DeleteOn step 12, do you add the lightning with 3d or is it painted? :)
ReplyDeletePainted, I don't use 3D :)
Deletesweet dude,no offense but your english is quite funny :D,well you are french so its understandable,i was wondering if you could show us your students versions, and of course an excellent work as always
ReplyDeleteYep, sorry for my english ... I will get all my students's pictures soon :)
Deleteyou should consider doing a video process of this. i think many would benifit from seeing how it was done rather then being told. amazing work however im a big fan of your stuff! your style of shading is amazing and it blows my mind every time i look at your gallery on DA.
ReplyDeletealso sorry for the second reply, but to add to my previous message if you ever do a video process people can view over and over again. (not like live stream) you should explain why your using the brush your using what colors your using when you use them and why. so on and so forth....
Deletejust imagine we are all 5 year olds that dont know any better. not to say were all that intelligent but i think it would make for the best learning experience.
I did one on Livestream but you can see it again and again :)
Deletehttp://www.livestream.com/sergebirault/video?clipId=pla_058a44c7-6d3a-46b9-a426-443d00b0d66b&utm_source=lslibrary&utm_medium=ui-thumb
Serge - Thank you so much for this! Between your step-by-steps and Matt Kohr's videos, I'm finally making some progress - http://heliotropicsquirrel.deviantart.com/art/Spongebob-Painting-001-369829695?q=gallery%3Aheliotropicsquirrel&qo=0.
ReplyDeleteI love your work!