SpongeBob SquarePants in 15 steps

Friday, March 15th, 2013

-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 ๐Ÿ™‚

Featured Video

Featured Posts

Recent Comments

RELATED POSTS

Review: VR Sketch Transfer

Review: VR Sketch Transfer

I hate transferring my sketch. I hate it. Every method I have found is tedious. Projectors and transfer paper lose important small details, and to get out of the way of the projection, I lean and bend in unnatural positions for long periods of time. There's more, but...

Creativity and Well-Being: Creativity Hangovers

Creativity and Well-Being: Creativity Hangovers

It's no secret to anyone that's been following Muddy Colors awhile that I am really deeply interested in the psychology around why people become artists, and how becoming a "professional" "full-time" artist affects that. For example, I've written posts on the...

Short Take: Rim Light

Short Take: Rim Light

During my classes online, Iโ€™m asked by students over and over again, โ€˜show me how I can improve my paintings.โ€™ Besides needing to get better at drawing, paint mixing and application, composition, and value control-- handling light is the most overlooked aspect of...

43 Comments

  1. Avatar

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

  2. Avatar

    Merci Mr serge !

  3. Avatar

    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?

  4. Avatar

    True … But don't forget I'm french ๐Ÿ˜€

  5. Avatar

    Step 4: “I choosed this yellow accordingly with the background color” How? what do you mean?

  6. Avatar

    Same saturation ๐Ÿ™‚

  7. Avatar

    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). ๐Ÿ™‚

  8. Avatar

    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 ?

  9. Avatar

    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?

  10. Avatar

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

  11. Avatar

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

  12. Avatar

    Lucky you ๐Ÿ™‚
    How was your trip back home ?

  13. Avatar

    No, only normal layers ๐Ÿ™‚

  14. Avatar

    J'ai pas de maximum ๐Ÿ™‚ 3 ou 4 suffisent gรฉnรฉralement ๐Ÿ™‚

  15. Avatar

    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 ๐Ÿ™‚

  16. Avatar

    Thanks a lot, Dean ๐Ÿ™‚

  17. Avatar

    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)

  18. Avatar

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

  19. Avatar

    Damn you made that look so easy: I might have a play in PS when I get a chance. ๐Ÿ™‚

  20. Avatar

    You're welcome ๐Ÿ™‚

  21. Avatar

    Yes, PS is an incredible and easy tool !

  22. Avatar

    Impressionnant ! ๐Ÿ˜€

  23. Avatar

    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?

  24. Avatar

    On step 12, do you add the lightning with 3d or is it painted? ๐Ÿ™‚

  25. Avatar

    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

  26. Avatar

    Painted, I don't use 3D ๐Ÿ™‚

  27. Avatar

    Yep, sorry for my english … I will get all my students's pictures soon ๐Ÿ™‚

  28. Avatar

    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.

  29. Avatar

    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.

  30. Avatar

    Well, I don't use any tool for that but yes ๐Ÿ™‚

  31. Avatar

    Oui, au feeling, รงa marche mieux ๐Ÿ™‚

  32. Avatar

    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.

  33. Avatar

    Hermano un gran trabajo, nos inspiras

  34. Avatar

    Hi Serge, it's me Vini, from Rio de Janeiro. We meet at in your workshop. Great! When you do the next workshop in Rio?

  35. Avatar

    I was the man with leather and motorcycle helmet!

  36. Avatar

    You're never too old for sponge Bob… Great demo.