Friday, March 15, 2013

SpongeBob SquarePants in 15 steps

-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 :)

38 comments:

  1. You make it looks easy! Great image and really nice to see the process like this. Thanks

    ReplyDelete
  2. Ah, 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?

    ReplyDelete
    Replies
    1. True ... But don't forget I'm french :D

      Delete
  3. Step 4: "I choosed this yellow accordingly with the background color" How? what do you mean?

    ReplyDelete
    Replies
    1. Oh 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?

      Delete
    2. Well, I don't use any tool for that but yes :)

      Delete
    3. Ok 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.

      Delete
  4. Step 5: ta une ombre qui prolonge le nez mais vu la source de lumière, elle ne devrai pas couvrir le nez?
    Pour 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). :)

    ReplyDelete
    Replies
    1. Le nez est dans l'ombre, sans doute moins que nécessaire, certes :)
      Je n'utilise pas de noir dans les ombres,seulement du marron. Je t'avouerais que je ne fais guère attention aux pourcentages :)

      Delete
    2. 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)

      Delete
    3. Oui, au feeling, ça marche mieux :)

      Delete
  5. Toujours 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 ?

    ReplyDelete
    Replies
    1. J'ai pas de maximum :) 3 ou 4 suffisent généralement :)

      Delete
  6. Thank you for this process write-up!

    What kind of layer types are you using (normal, multiply, overlay, etc.) for shadows/mid-tones/lighting and adding reflections?

    ReplyDelete
  7. I am always in awe of your clean shapes and smooth renderings. Nice to see a glimpse of the process work. Thanks!

    ReplyDelete
  8. Never too old!*Says the guy who draws cartoons all day*

    ReplyDelete
    Replies
    1. Lucky you :)
      How was your trip back home ?

      Delete
  9. Great stuff! (As usual.) Getting some insight into your process is very instructive: thanks for sharing.

    ReplyDelete
  10. Damn you made that look so easy: I might have a play in PS when I get a chance. :)

    ReplyDelete
    Replies
    1. Yes, PS is an incredible and easy tool !

      Delete
  11. Tres bien et glace a la fraise!

    (Sorry, just showing off my french skills... :P)

    ReplyDelete
  12. On step 12, do you add the lightning with 3d or is it painted? :)

    ReplyDelete
  13. sweet 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

    ReplyDelete
    Replies
    1. Yep, sorry for my english ... I will get all my students's pictures soon :)

      Delete
  14. you 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.

    ReplyDelete
    Replies
    1. also 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....

      just 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.

      Delete
    2. I did one on Livestream but you can see it again and again :)
      http://www.livestream.com/sergebirault/video?clipId=pla_058a44c7-6d3a-46b9-a426-443d00b0d66b&utm_source=lslibrary&utm_medium=ui-thumb

      Delete
  15. 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.

    I love your work!

    ReplyDelete
  16. Its like you read my mind! You appear to understand so much approximately this, like you wrote the book in it or something. I believe that you simply could do with some percent to power the message house a bit, however instead of that, this is fantastic blog. A great read. I’ll definitely be back.
    Paints colour ideas Nepal
    Cheap paints colors Nepal
    Wall Paints Nepal

    ReplyDelete