Youtube Facebook Twitter Deviantart 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:

- who has written 96 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

  • Kristian

    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!

  • http://www.sosfactory.com Sergio Ordonez

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

  • marcos(dominican republic)

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

  • http://www.sosfactory.com Sergio Ordonez

    You are welcome :)

    More to come.
    Cheers.

  • marcos(dominican republic)

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

  • thomas

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

  • http://jopicar.com jopicar

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

    Un saludo desde Galicia.

  • http://www.sosfactory.com Sergio Ordonez

    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

  • http://www.sosfactory.com Sergio Ordonez

    Muchas gracias a ti Jopicar :)

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

    Saludos desde Málaga.
    Sergio

  • Ramon sandoval

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

  • http://jopicar.com jopicar

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

  • diana

    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.

  • http://www.sosfactory.com Sergio Ordonez

    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!

  • elias

    Brilliant work Sergio! Gracias for sharing.

    elias

  • Martí­n A.

    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!

  • http://www.sosfactory.com Sergio Ordonez

    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

  • Diego vz

    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.

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • Diego vz

    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!

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • marcos(dominican republic)

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

  • Diego vz

    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

  • http://www.madewira.com madewira

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

  • elchava

    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.

  • Pingback: Diseño de mascotas para web | Tutoblog: weblog de tutoriales

  • Pingback: Tutorial para diseñar un personaje en Photoshop | MJG Adrian

  • http://www.grupoartris.miarroba.com Carlos G.

    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.

  • http://www.blancabk.blogspot.com Blanca

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

  • http://www.gnscustomgraphics.com Gabe Seright

    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.

  • Pingback: meneame.net

  • alebacic

    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

  • http://www.sosfactory.com Sergio Ordonez

    No hay de qué Alebacic :)

    Muchas gracias de nuevo al que meneó el post.

    Saludos a todos.

  • Pingback: Diseño de mascotas. « Design Jasso

  • Brett

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

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • zhaoxiong_huang

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

  • Pingback: Tutorial: Diseñar un personaje en Photoshop (en español) « Lalejacreativa’s Weblog

  • Luisa González

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

  • http://www.sosfactory.com Sergio Ordonez

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

  • http://www.flickr.com/photos/27979218N05/ Rafael

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

  • http://albertbarba.blogspot.com Albert Barba

    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

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • http://david-carles.blogspot.com/ David Carles

    Just WOW!

  • http://www.victorpicoto.com victor picoto

    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!

  • http://www.sosfactory.com Sergio Ordonez

    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. ;)

  • http://computaciondc.com.ar/web/index.html alebacic

    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.

  • Pingback: 45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations | Naldz Graphics

  • Pingback: 45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations | huibit05.com

  • Pingback: 45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations | Naldz Graphics « Qwerty98311’s Weblog

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