Deviantart Youtube Twitter Facebook My feed Feed directly to your inbox

Drunken Monkey Photoshop tutorial

13 February 2008

Mascot design, Photoshop, Tutorials

Drunken Monkey Photoshop tutorial
Choose your language / Elige tu idioma:englishespañol

Mascot and logo design

Hello Newbies!! You already noticed SOSNewbie is not updated latelly, the main reason is because my workload (Im sleeping 5h per day one week ago) but there is another one… I was working the most complex tutorial about mascot and logo design I never did, I spent lot of time doing this tutorial like guest writer for Smashingmagazine.

Here is a sneak peak:

Mascot design Progress
I did a step by step tutorial to show how I usually draw my character designs

Digital color with Photoshop
And another capture of how I color my mascot designs

Drunken Monkey mascot and lgoo design
Here is the outcome :)

You can see the whole tutorial here: Drunken Monkey Photoshop Tutorial in Smashingmagazine, by SOSNewbie

I hope you like it!!!
Sergio

This post was written by:

Sergio Ordonez - who has written 85 posts on SOSFactory Blog.

My name’s Sergio Ordoñez I´m illustrator, graphic and web designer. A selection of my work is included at SOSFactory. If you want to support this blog, please be an active member: tweet the posts, participate in the discussions and the exercises :)

Contact the author

49 Comments For This Post

  1. Kristian Says:

    Estas en Smashing Magazine! Igual ya te habian comentado, pero me ha alegrado verte por ahi.
    http://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/

    Un saludo!

  2. Sergio Ordonez Says:

    Hola Kristian, así­ es :)

    En realidad hice este tutorial especialmente para ellos, pero como primero escribo en español y luego lo traduzco al inglés me permitieron usarlo aquí­.

    Si te fijas en la versión inglesa de SOSNewbie, sólo hay unas cuantas imágenes y un enlace a Smashingmagazine.

    Saludos y gracias ;)

  3. marcos(dominican republic) Says:

    nice man great you are damn good drawing thanx 4 sharing…

  4. Sergio Ordonez Says:

    You are welcome :)

    More to come.
    Cheers.

  5. marcos(dominican republic) Says:

    could you put just the images of the skecth apart i dont like to see the “gif” please try it.

  6. thomas Says:

    This is my personal favourite of all your work I have seen so far! I love it, it’s my dream to do this kinda stuff one day! And thanks for the tutorial, you are a great inspiration to all the beginners out there! :)

  7. jopicar Says:

    Estoy altamente impresionado de tu trabajo y de lo bien que te explicas.
    Muchas gracis Sergio !! :)

    Un saludo desde Galicia.

  8. Sergio Ordonez Says:

    Hello MARCOS, yes no problem, here is it:

    http://www.sosnewbie.com/imagenes//drunken-monkey/01-basic-shapes.jpg
    http://www.sosnewbie.com/imagenes//drunken-monkey/02-volume.jpg
    http://www.sosnewbie.com/imagenes//drunken-monkey/03-cleaning-lineart.jpg
    http://www.sosnewbie.com/imagenes//drunken-monkey/04-final-lineart.jpg

    Hello THOMAS, thanks a lot, its one of my favorite characters too. I usually get assisted at time to draw but this time I did eveything, maybe its because I like so much :)

    If you want to draw things like that just practice my friend, you wouldnt believe what I was drawing some year ago.

    Cheers.
    Sergio

  9. Sergio Ordonez Says:

    Muchas gracias a ti Jopicar :)

    Gracias de nuevo por el enlace en tu página, me ayudas a crecer :)

    Saludos desde Málaga.
    Sergio

  10. Ramon sandoval Says:

    Por eso es que me gusta llamarte maestro, un tutorial sin desperdicios y una explicación clara, de verdad gracias!!

  11. jopicar Says:

    Espero ayudarte mucho más, sin duda, te lo mereces, por buen tí­o y por compartir con nosotros, y muy bien compartido, aquello que a tí­ te ha costado aprender.
    Descubrí­ tu trabajo hace una semana y visito la página diariamente, no deja de sorprenderme, es auténtica!.
    Un abrazote ;)

  12. diana Says:

    Muy buen tutorial, en verdad me han sido de mucha utilidad, además de los otros artí­culos o consejos que escribes, ya que hago mejores trabajos.

    Diana.

  13. Sergio Ordonez Says:

    Ramon y Diana, los halagos no se merecen, lo hago todo de manera totalmente egoí­sta… simplemente me gusta :D

    Jopicar, muchas gracias, espero que siga siendo así­.

    Saludos!

  14. elias Says:

    Brilliant work Sergio! Gracias for sharing.

    elias

  15. Martí­n A. Says:

    Impresionante. Hace relativamente poco que descubrí­ tu blog, aunque hace bastante que vi uno de tus tutoriales. Y tengo que decir que has mejorado una barbaridad.
    Gracias a ti no tiro la toalla e intento hacer cosas, aunque el paso de ser freelance aún no me veo dándolo. Aunque soy relativamente joven, un año menos de los que tení­as tú cuando empezaste. Tus ayudas y tutoriales es de lo mejor que he leí­do.
    Sigue así­, fenómeno. Y gracias a contribuir a que gente como yo aprenda de la experiencia de gente como tu.

    Un abrazo!

  16. Sergio Ordonez Says:

    Muchas gracias Martí­n :)

    Es verdad que nunca fuí­ demasiado técnico dibujando, este salto lo di en los últimos 2 años. Lo que hace la práctica eh?

    Te ánimo a que sigas dibujando :)
    Saludos.
    Sergio

  17. Diego vz Says:

    Sergio tio, en todos los diseños me pasa lo siguiente:

    Dibujo a lapiz mi diseño, lo escaneo y lo paso a photoshop. Ahí­ lo paso a tinta (con tu tutorial del perro) y hasta ahí­ muy bien, me queda todo perfecto, pero a la hora de pintar siempre me queda mal, no se dar las sombras y tonos de luz bien como haces en el diseño del mono…

    Me recomiendas algo…?

    Gracias por los tutoriales, de verdad.

  18. Sergio Ordonez Says:

    Hola Diego, lo único que te puedo recomendar es práctica… no hay más secreto, la técnica es la del tutorial. Después de un año de práctica te
    parecerá un milagro.

    Si el problema es que no sabes interpretar los volúmenes en cuanto a luces y sombra, te recomiendo usar referencias. Simplemente coge fotos e intenta reproducirlas.

    Saludos.

  19. Diego vz Says:

    vale tio, me he leido bien todo lo de las luces y sombras y me voy a poner a practicar.

    Solo una cosa. Cuando pintas la parte de la boca y luego solo dejas la sombra por la parte de abajo, como lo haces? borras con la opacidad y el flujo mas bajos o como?

    GRACIAS por responder!

  20. Sergio Ordonez Says:

    No hay problema :)

    Lo hago con el borrador o el pincel historia. Pásate por este tuto: http://www.sosnewbie.com/es/photoshop/color-digital-con-photoshop-video/

    Saludos.

  21. marcos(dominican republic) Says:

    thanx a lot sergio great!!!!!!!!!!

  22. Diego vz Says:

    Buah macho, he aprendido mas en esta pagina que en mucho tiempo, en serio.
    Gracias por compartir tus conocimientas, yo me voy a poner a practicar. Ya volveré por aquí­ a preguntar mas dudas ;)

    Un saludo tio

  23. madewira Says:

    woww! all thumbs UP!
    very cool tutorial I ever seen

  24. elchava Says:

    hola sergio, quiero darte las gracias por poner estos tutoriales que en verdad nos ayuda mucho a todos los que les gusta el diseño, yo resien paso a segundo siclo de mi carrera y me sirve de mucho, muchas gracias por compartir tus conosimientos con nosotros y solo queda desiarte los mayores de los exitos, gracias, byeee.

  25. Carlos G. Says:

    Genial maestro!! eres todo un capo en la materia, espero nos sigas ayudando a los que aun estamos en pañales en la materia, un abrazo.

  26. Blanca Says:

    Genial este blog y sobre todo este enlace. Muy completo, muchisimas gracias!!! :D

  27. Gabe Seright Says:

    Its OFFICIAL you are by far my biggest inspiration. I absolutely love your designs and can only aspire to be on your level.

    I definately need to spend more time at the drawing board.

    Thanks for the inspiration and the Great tutorials. They and your advice columns have been a big help.

  28. alebacic Says:

    hola sergio, desde aca argentina te mando un gran abrazo, tengo 19 años y estoy en el ultimo año de la carrera de diseño, estoy viendo tus tutoriales y son muy buenos, gracias por compartir tus conocimientos con la gente!
    despues me gustarí­a compartir mi trabajo contigo. Suerte

  29. Sergio Ordonez Says:

    No hay de qué Alebacic :)

    Muchas gracias de nuevo al que meneó el post.

    Saludos a todos.

  30. Brett Says:

    How long does it typically take you to create a mascot from start to finish?

  31. Sergio Ordonez Says:

    Hello Brett, it depends on the corrections and my workload, its around 10h of work and it can take from a few days to several weeks.

    Cheers.

  32. zhaoxiong_huang Says:

    So nice,that’s great.Thank you so much for your tutorial.

  33. Luisa González Says:

    Hola Checo.. una pregunta personal.. ¿naciste con el don del dibujo? o ¿gracias a la interminable consistencia de la práctica, lograste hacer éste tipo de caricaturas?
    Danos un poco de esperanza…
    saludos desde México
    P.D. tu blog y tus tutoriales me encantan!!

  34. Sergio Ordonez Says:

    Hola Luisa, muchas gracias :)

    Yo nunca me tuve por buen dibujante, es sólo práctica, soy de los que piensa que el talento está sobrevalorado, lo que vale es el trabajo duro.

    Saludos ;)

  35. Rafael Says:

    simplemente para decirte q eres un exelente diseñor y una exelente persona, no muchos artistas muestrab paso a paso todo un trabajo y mas si es de este nivel, me alegra haber encontrado tu pag, me encanto y cada dia estoy practicando tus consejos, muchas gracias sergio, y exitos amigo te lo mereces!!!

    saludos desde Colombia!!

  36. Albert Barba Says:

    Hola Sergio,

    Hace años que soy seguidor de tu arte digital. ¿Qué decirte? Macho, qué bueno eres! :-D

    Hablarte de mi: yo soy diseñador digital y aunque me he pasado más tiempo diseñando webs para empresas, hay una parte de mi que está loco por la ilustración y tengo ganas ya de explotar esa faceta. Noto que si no dibujo, la soltura la pierdo y eso me cabrea mucho. Espero poder seguir más o menos tus pasos algún dia, pero ahora lo que impera es tener la pasta a final de mes jjeje así­ que cuando pueda me meto a Freelance!! SI TIENES ALGUN CONSEJO QUE DARME YA SABES DONDE ESTOY!

    Un abrazo desde Barcelona! AH! Si quieres visita mis páginas! TE DEDIQUí‰ UN ARTICULO EN UNO DE MIS BLOGS!!

    Saludos!

    http://albertbarba.blogspot.com
    http://dreamz4ublog.blogspot.com

  37. Sergio Ordonez Says:

    Hola Albert, muchas gracias :)

    Desde luego, sin práctica se pierde todo, hay que practicar de vez en cuando.

    Consejos? Pues todos los que puedes leer en el blog.

    Muchas gracias por la promo, y muy buenas esas webs ;)

    Saludos.

    PS: no pongas muchos enlaces que los comentarios se cuelan como Spam.

  38. David Carles Says:

    Just WOW!

  39. victor picoto Says:

    hey man! awesome work! really incredible! i wanted to ask you! with the colouring i see you put colours over colours but how do you get them to blend so perfectly.. i am lost for words man! WOW!

  40. Sergio Ordonez Says:

    Hello Victor, thanks a lot :)

    Not sure how to reply your question, I guess its just practice. You have some videotutorials where you can see how I do it.

    Cheers. ;)

  41. alebacic Says:

    Hola sergio!! Agregué un enlace de este blog a mi blog. Muchas gracias por todo lo que expones. Yo recién estoy empezando pero si puedes visitarme y dejar tu comentario serí­a uno de los máximos honores que podrí­a tener. En mi blog he expuesto hasta ahora tutoriales sobre ilustración vectorial, y algunos consejos te espero en alebacic.blogspot.com. Desde ya muchas gracias.

  42. EmpreJorge Says:

    Compadre, me encanto el tutorial.
    Aprovecho de contarte que me encanto tu sitio y la manera en que diseñas. Y además quiero darte las gracias por compartir toda esta información.

  43. Alejandro Says:

    Compadre que agradable ver y leer algo tan profesional como tu trabajo en castellano, es enriquecedor realmente y sobre todo fascinante!! me gustó mucho ya que casualmente me topé con esto acá en internet y pues soy fanático de este arte también… dónde puedo encontrár más de este tipo de tutoriales?

    saludos desde Guatemala!!

  44. Sergio Ordonez Says:

    Hola Alejandro, muchas gracias :)

    Pues aquí mismo hay más tutoriales de ese tipo, disfrútalos!

  45. radioflash24 Says:

    hola sergio, me puedes decir el nombre de un tutorial para aprender a dibujar a partir de palitos y circulos como aki
    http://www.sosnewbie.com/imagenes/drunken-monkey/progress_animation.gif

    despues dale masa para k kede bn :D

    porfavor

  46. Sergio Ordonez Says:

    @Radiofash: esto te puede servir http://tracyjb.deviantart.com/art/Lackadaisy-How-to-Draw-34701897

    Saludos.

  47. radioflash24 Says:

    @Sergio Ordonez: perfecto D:

    voy a seguir ese tuto :D

  48. Etos Says:

    Tremendo tutorial, en serio grande entre los grandes. Gracias

  49. l3ox Says:

    Hermano te felicito eres el mejor mi nombre es leonardo monasterios de venezuela tus tuttoriales me han servido muchisimo gracias

11 Trackbacks For This Post

  1. Diseño de mascotas para web | Tutoblog: weblog de tutoriales Says:

    [...] Link: Drunken Monkey Photoshop tutorial (en español) [...]

  2. Tutorial para diseñar un personaje en Photoshop | MJG Adrian Says:

    [...] “sosnewbie“, me encuentro con este excelente tutorial que muestra el paso a paso para la creacion de [...]

  3. meneame.net Says:

    Como hacer una mascota en Photoshop?…

    Este es uno de los mejores tutoriales que he visto, es de como hacer un mono (mascota) en Photoshop! Desde el "Sketch" hasta como colorearlo y ponerle sombras y brillo!…

  4. Diseño de mascotas. « Design Jasso Says:

    [...] Diseño de mascotas. Mayo 12, 2008 — ojasso Hace rato estaba viendo tutoriales de vectores, los cuales quiero empezar a comprender en Corel Draw X3, y he llegado a éste tutorial. Diseñando una mascota, el link es SOSNewbie [...]

  5. Tutorial: Diseñar un personaje en Photoshop (en español) « Lalejacreativa’s Weblog Says:

    [...] El Briefing [...]

  6. 45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations | Naldz Graphics Says:

    [...] Drunken Monkey Photoshop tutorial [...]

  7. 45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations | huibit05.com Says:

    [...] Drunken Monkey Photoshop tutorial [...]

  8. 45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations | Naldz Graphics « Qwerty98311’s Weblog Says:

    [...] Drunken Monkey Photoshop tutorial [...]

  9. 45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations | TuVinhSoft .,JSC Says:

    [...] Drunken Monkey Photoshop tutorial [...]

  10. 47 Great Illustrator Tutorials for Designing Cartoon Characters « 68Design – (68ds.com) Creative Design Transmitor Says:

    [...] Drunken Monkey Photoshop tutorial [...]

  11. Drunken Monkey Mascot and Logo Design – May 2010 Collossal Pixel – The Portfolio of Ali Hitch Says:

    [...] here to see the full [...]

Leave a Reply (use English if possible, please)