Shop Mobile More Submit  Join Login

tutorial

Journal Entry: Thu Nov 29, 2007, 10:00 PM
i finally had time enough to release my tutorial.

remember that iīm not an expert, i've learn by myself all the techniques i'm showing you, so probably there must be much more better techniques than mine. i'm just showing the way i usually work.

as you know my english is terrible, so please be patient. i accept corrections and suggestion that helps me improve this tutorial.

thanks to you all for waiting this to came up! and donīt forget to click the images to enlarge!
</i>


1. drawing and scaning</strong>


first of all i start making the picture with a light blue pencil</strong>, then i draw it properly with a normal black graphite pencil.

this is very useful when you scan. you can scan the pencil in graycale and the scanner will  leave just the black lines.

a) i always clean the image with adobe photoshop.
you can adjust the levels (greys, blacks and whites) in the menu >image>adjustment>levels</i>. you may keep the three arrows closer, making them delimitate a straight line, so the blacks will become
stronger and the grays will almost desapear.




2.vectorizing</i>


when your pencil is clean (mine is still a mess, but i love to work this way) you must open the file with adobe illustrator</i>.

b) the first thing i love to do is choose colours. i love to mix them creating shapes, giving them some transparency, and putting some of them over the others.



c) then i create a new layer</i>, above the pencil (i already lock that layer to keep it still) in which i start to vectorize the little details, like eyelash, eyes, mouths, buttons, etc.




*d) i don´t use this technique often, but you can also put the pencil layer above the rest and give some transparency to it, if you do so you'd be able to vectorize "behind" it.




e) then i create a new layer, behind the last one and start to vectorize big shapes there.




f) in case you've never used adobe illustrator</i> before, you must know how to use some tools, as the pen. it helps you drawing straight lines but if you keep clicking the mouse when you are creating a path</i>, you can turn it the way you want.




g) you can also use the pencil</i> tool. but it's a request to use it to have a wacom because if you do you will be able to draw with this tool as you do in paper. you can give some transparency to shapes if you want to make them look like this.




h)you can hide the background layer sometimes, to check the appearance of the work.




i)in order to create a texture, you must draw all the shapes and group them (ctrl+g). then you shoud create the containing shape (in this case is the polar bear ear) above the texture shapes, and then you have to create a clipping mask</i> by selecting the containing shape and the texture and pressing ctrl+7</i>. then you just need to place the texture in the correct place




j)when you are ready with the characters. you can create a new layer, behind the two you made before, but above the pencil, and start vectorizing the background there.




k)to create a casted shadow is easy. you just need to copy one of the characters bodies, paste it, group the shapes, paint them all with the same colour, and give them all together the same opacity.




l)then you have to place it behind the body (sending it to the back) and turn it the way you want by clicking the anchor points.




m)and to get it finished, you must do as you did before with the textures. group the whole picture (except the pencil, you must hide it) and then create a containign shape (a rectangle in this case) above the group. then create the clipping mask and there you are. ready for the adobe photoshop</i> again.




3.giving details</i>

n)once you are working in adobe photoshop</strong> you need to create a new layer, in order to paint  brights and shadows there. you must select a new opacity for it.




o)you can adjust the flow of the brush you are going to use. it will bring a nice appearance to the shadows.




p)you can also choose a soft brush, like this one




q)then, with the magic wand</i> tool, you could select a coloured area in the background




<div align="justify"">r)in the selected area but in the other layer, you can start creating the shadows as you want




s)and there you are! now you just have to create new layers, with different opacities, keep on testing brushes and you are ready to create your own pictures! :D






Add a Comment:
 
:iconaisidedpipol:
Aisidedpipol Featured By Owner Feb 10, 2009
Sole una pregunta: alguna herramienta para terminar los trazos de Illustrator en punta?
Porque en realidad me vuelvo loco, siempre los trazos de mis dibujos tienen el mismo anchor, y la verdad no siempre quiero que sea asi. Gracias por el tutorial y felicitaciones
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Feb 25, 2009
Mil años más tarde contesto: No :( nunca aprendí a hacerle puntar redondeadas a las lineas. Debe haber alguna manera pero aún no la descubrí.
Reply
:iconst3ph-w11:
st3ph-w11 Featured By Owner Jan 22, 2008
This is an amazing tutorial, I never knew you could do textures in illustrator like that... I always took the picture into photoshop and then added all the textures... so amazing :D
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Jan 24, 2008
it's another way :D
Reply
:icontissi76:
Tissi76 Featured By Owner Dec 23, 2007   Interface Designer
thanks a lot for this :hug:
it's beautiful to see as you work
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 24, 2007
i'm glad you like it :)
Reply
:iconpinksighs:
pinksighs Featured By Owner Dec 6, 2007  Professional Interface Designer
Muy buen tutorial y siempre de entender ^^
gracias !
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 10, 2007
muchas gracias!
Reply
:iconsilent-speeches:
silent-speeches Featured By Owner Dec 3, 2007
thank you, pocket-zoo!!
Reply
:iconskatos:
Skatos Featured By Owner Dec 2, 2007
Muy bueno Sole, me gustó el truco de la transparencia en la paleta de colores.
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 10, 2007
y el inglés como anduvo? lo hice solita así que si hay correcciones avisame ;P
Reply
:iconthiefoworld:
Thiefoworld Featured By Owner Dec 1, 2007
waaa usas illustrator? XD geniaaal!

yo nunca supe como usarlo >>
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 10, 2007
hubiera jurado que lo usabas vos también ;P

que mal ojo que tengo!
Reply
:iconthiefoworld:
Thiefoworld Featured By Owner Dec 11, 2007
o mas bien dicho yo soy engañoso :iconfishieplz:
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 15, 2007
:giggle:
Reply
:iconzochiketzali:
zochiketzali Featured By Owner Nov 30, 2007
Very intresting, I always do patterns in photoshop, becuase I've never learned to use them properly in illustrator
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 1, 2007
it works too :D
Reply
:iconlhuri:
LHuRi Featured By Owner Nov 30, 2007
Happy holiday :D
And thanks for the tutorial,
That's an awesome one XD

P.S. Yeah I love Snoopy too ;)
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 1, 2007
you are welcome :heart:
Reply
:iconjodoth:
Jodoth Featured By Owner Nov 30, 2007
Felicitaciones por tu primer tutorial!!!
tan claro que hasta yo, Vilma Picapiedra, lo entendí.. Si tan sólo los Adobes y Sinergy, mi pc, se llevarán mejor...

Besos!!!

p/d - tenemos que vernos x trabajo y chisme!!!
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
sisi, que me estoy comiendo las uñas!!!!!!!!
Reply
:iconjodoth:
Jodoth Featured By Owner Nov 30, 2007
bueno... no es para tanto... jajaja..
tuviste la primicia desde un taxi :giggle:
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
ah sisi ;P
Reply
:iconzerocreatividad:
zerocreatividad Featured By Owner Dec 3, 2007  Student Photographer
chismosas :paranoid: jaja
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 6, 2007
vos! que hacés acá?
Reply
:iconzerocreatividad:
zerocreatividad Featured By Owner Dec 6, 2007  Student Photographer
Yo estoy en todos lados jajaja, dije voy a aprender Illustrator y me encuentro con esto.
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Dec 10, 2007
sos re omnipresente. te apareces en las cenas con mi novio y todo!
Reply
(1 Reply)
:iconlinita:
Linita Featured By Owner Nov 30, 2007
Muy bueno el tutorial!
Nunca usé el illustrator para pintar nada, voy a tener que empezar a practicar :(
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
:nod:

si sabes usarlo para otras cosas ya corrés con ventaja!
Reply
:iconrosecactus:
rosecactus Featured By Owner Nov 30, 2007
Tu tutorial es muy interessante ! :)
Yo trabajaba solo sobre photoshop, o solo sobre illustrator, para mis colores, pero es interessante de mesclar los dos y voy a tratar tu technica sobre mi proxima illustration.
Ademas veo que no guardas tu trazado cuandos has terminado...
Y por los colores me provocas une buena idea porque siempre tengo el problema para selectionarlas cuando hago mi trabajo. Voy a hacerme una paleta de colores que van bien juntos antes de empezar mi coloracion.
E tratado de dibujar con el lapiz azul pero tenia problemas... voy a tratar de nuevo porque debes haber menos trabajo para "limpiar" la imagen cuando esta escaneada.:D
Muchas gracias! Por supesto cada uno tiene su propria technica pero es interessante de ver como cada uno trabaja para mejorarse. :aww:
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
cuando quieras podes hacer una traducción al frances de esto y la subo :D

me alegro que te haya servido. ya quiero ver que sale :)
Reply
:iconrosecactus:
rosecactus Featured By Owner Nov 30, 2007
Si, por supuesto con mucho gusto te hare una traduccion francesa. :aww:
Tengo un dibujo de echo que quiero poner en color, haci voy a tratar tu technica hoy dia. Te enviare una nota cuando lo pondre sobre DA.;)
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
gracias :D
Reply
:iconpinktxu:
pinktxu Featured By Owner Nov 30, 2007
Thanks :hug:
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
:thanks:
Reply
:iconsonofthesea:
SonOfTheSea Featured By Owner Nov 30, 2007
Lovely - thank you :D

One question - which fformat would you recommend saving to from Illustrator? A PSD file?
Reply
Hidden by Owner
:iconsonofthesea:
SonOfTheSea Featured By Owner Nov 30, 2007
thanks so much D
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
i've made a mess with the code ;P

as i work with the magic wand i save it as a .jpg. but it's recomendable to save it as a .psd and keep the layers you've used in illustrator.
Reply
:icono0butterfly0o:
o0Butterfly0o Featured By Owner Nov 30, 2007
Thank you ^^ :rose:
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
you're welcome!
Reply
:iconluvender:
LuvEnder Featured By Owner Nov 30, 2007  Hobbyist General Artist
i think, ill try :) thank you!!
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
if you do show me please :)
Reply
:iconluvender:
LuvEnder Featured By Owner Nov 30, 2007  Hobbyist General Artist
only if i ll be successefull (pardon may spelling) :)
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
:giggle:

it we'll be!
Reply
:iconxsilviettax:
XSilviettaX Featured By Owner Nov 30, 2007  Professional Digital Artist
wow!!!! really wonderful!!! :clap: thank you ^____^
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
my pleasure!
Reply
:iconnorah-q:
Norah-Q Featured By Owner Nov 29, 2007
thanx alot :hug:
Reply
:iconpocket-zoo:
Pocket-Zoo Featured By Owner Nov 30, 2007
:aww:
Reply
Add a Comment:
 
×

:iconpocket-zoo: More from Pocket-Zoo


More from DeviantArt



Details

Submitted on
November 29, 2007
Link
Thumb

Stats

Views
878
Favourites
0
Comments
52
×