Shop Mobile More Submit  Join Login
Tutorial by BezerroBizarro Tutorial by BezerroBizarro
Hi!

A long time ago somone asked me to post a tutorial about how I work. Here it is!
I start with a sketch, then I ink it.
After scanning in low resolution, I turn it into hard pixels and transform it in vectors.
From vectos, I export it as a high resolution image, which is ready for colors.
That's how I clean little useless spots and make the traces smooth. That also allows me to make poster size images from little doodles.
The programs I use are Gimp and Inkscape. They're light, easy to find and for free.
If you know an easier way to do it, please tell me. :)

Hope you like it!
Cheers!

Link (c) Nintendo
Add a Comment:
 
:iconlulamoon18:
Lulamoon18 Featured By Owner Mar 12, 2015  Hobbyist Artist
Can you do one on GIMP?
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Mar 17, 2015  Hobbyist Digital Artist
Both Gimp and Inkscape are required to follow the instructions of this tutorial. But it may be possible to use photoshop instead of gimp, or illustrator instead of inkscape, with little adjustments.
Reply
:iconsalesalato:
salesalato Featured By Owner Dec 3, 2014
How can you do this using photoshop?
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 3, 2014  Hobbyist Digital Artist
I don´t know. I only use Gimp. But maybe it isn´t too different. 
Reply
:iconbearbate:
BearBate Featured By Owner Jul 21, 2014
How are you doing the colors in gimp? I'm able to fill in each area with it's own color, but would like to know how are you able to do the two and three color combinations to create shadowing with the colors.
Reply
:iconrab78:
Rab78 Featured By Owner Jun 23, 2014  Professional General Artist
great technique---yes it works, but you have to experiment a few times, and make sure you select the gif image first---I'll be using this to make smoother artwork from now on.
Reply
:iconeyes421:
Eyes421 Featured By Owner Mar 25, 2014
Thanks a lot !
Reply
:iconmarcialrms:
marcialrms Featured By Owner Jan 28, 2014
Thank you so much! I have been looking for something like this for a while i have tried so many other tutorials and even tried to develope my own system but no such luck i tried your method today and it was amazing again thank you you desrve good thing i wish you the best of things
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Feb 2, 2014  Hobbyist Digital Artist
Thank you too. I'm glad that it helped you. :)
Reply
:iconmdtartist83:
MDTartist83 Featured By Owner Jan 20, 2014   General Artist
Awesome.
Reply
:icontemarigirl1600:
Temarigirl1600 Featured By Owner Oct 10, 2013  Hobbyist Digital Artist
Thanks for the tutorial!
I found that the best looking lines for my work is with the brightness cutoff with a threshold of .800
Reply
:iconwakettina:
Wakettina Featured By Owner Aug 24, 2013  Student Digital Artist
HOW.

I can't understant step 3. How i transform in vector lines?
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Aug 24, 2013  Hobbyist Digital Artist
1 - Use Inkscape to open the gif file.
2 - Click on the gif image to select it.
3 - Click on Path>Trace Bitmap.
4 - Set up your preferences and click OK.
A vector image will be formed over the pixelated image.

Tip: Move the vector image a little and you will see the gif image in a layer under it. For better results, delete the gif image when the vector image is done.
Reply
:iconwakettina:
Wakettina Featured By Owner Aug 24, 2013  Student Digital Artist
Aw, doesn't work. I don't know why, but "ok" button don't do anything. But thanks for the help! 
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Aug 24, 2013  Hobbyist Digital Artist
It usually happens when we forget to select the gif image.
You must click on the gif image before clicking Path>Trace Bitmap>OK.
If it still doesn't work, I think that there must be a problem with your program or something.
Reply
:iconechochase:
EchoChase Featured By Owner May 4, 2013   Digital Artist
Thanks for the tutorial. In step 3 can you please explain more on how exactly you transform the pixelated lines to vector lines. What options do you use/short cuts? I'm new to Inkscape.
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner May 6, 2013  Hobbyist Digital Artist
You're welcome.:)
After you have opened the pixelated gif file in Inkscape program, you'll need to click on the pixelated image to select it. Then you click on Path > Trace Bitmap. A box will be opened. There'll be many options and preferences to configure. After you set up your preferences, click on the "OK" button in the right down corner of the box. A vector image will appear in a layer over the pixelated image.
It'll probably be a little difficult to find the best preferences for the vector image but I'm sure you'll figure it out after you have tried some times.
Hope it'll help. Good luck!
Reply
:iconechochase:
EchoChase Featured By Owner May 7, 2013   Digital Artist
Thank you very much!=) I can't believe it was that simple lol! I really appreciate the help, not many people bother to reply when I ask questions about their art/tutorials.
Reply
:iconpenelope3six:
pEnELoPe3six Featured By Owner Jun 24, 2012
Thanks! I'll give it a try :)
Reply
:iconjumbopaulo:
jumbopaulo Featured By Owner Mar 3, 2012  Hobbyist General Artist
tava usando o tutorial, mas o arquivo vetorial resultante das linhas em puro preto e branco tbm é pixelizado. olha: [link]
tu saberia me dizer o pq? D:
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Mar 4, 2012  Hobbyist Digital Artist
Quando o inkscape importa uma imagem, ela se torna um "objeto", e esse objeto tem que estar selecionado para que o Trace Bitmap funcione. Para seleciona-lo basta clicar em cima dele. Certifique-se de que, depois de ter importado o arquivo GIF pro Inkscape, voce clicou em cima da imagem antes de clicar em "Path" e depois em "Trace Bitmap...". Voce sabe que o objeto está selecionado quando aparecem umas setas ao redor dele.
A imagem vetorial fica em cima da imagem pixelada. Voce precisa "afastar" o vetor para deletar a imagem pixelada abaixo, senão o arquivo final pode ser afetado. Depois de fazer o vetor, voce deve clicar sobre ele, para selecioná-lo, e em seguida exportá-lo como PNG. O comando "Export Bitmap" fica próximo ao "importar" na tabela que aparece ao clicar em "file".
Se esses detalhes não forem observados, a imagem a ser exportada vai ser igual à que foi importada, ou seja, um GIF pixelado.
Pra ter certeza de onde foi que vc se enganou, eu teria que ver voce fazendo, mas imagino que o problema tenha sido uma das coisas que mencionei. Porque foram essas as dificuldades iniciais que tive qdo tava aprendendo a usar o inkscape.
Qualquer duvida, pode perguntar denovo. =)
Reply
:iconjumbopaulo:
jumbopaulo Featured By Owner Mar 4, 2012  Hobbyist General Artist
é, eu não tinha visto que precisava arrastar o vetor do bitmap. valeu!
que programa vc usa pra colorir? acho q merecia um tutorialzinho tbm hein rs
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Mar 4, 2012  Hobbyist Digital Artist
Eu uso o próprio Gimp pra colorir. Depois de vetorizar no inkscape, eu exporto em alta resolução pra um arquivo PNG e abro o PNG com o Gimp, pra colorir. Não tem mistério. :)
Reply
:iconnergal-grim-jr:
nergal-grim-jr Featured By Owner Feb 23, 2012  Hobbyist Traditional Artist
Obrigado pelo tutorial...
Reply
:iconarkblitz:
ArkBlitz Featured By Owner Feb 15, 2012  Hobbyist General Artist
Heck, I discovered how to do that independently.
Reply
:icongarvals:
Garvals Featured By Owner Dec 27, 2011   Digital Artist
Oh...i thought you draw such lines on PC\Photoshop from very beginning. Never knew there is a program that transforms pixelated scan into super smooth vector..."
So there IS button "Make it Awesome"? (i mean many artists of Photoshop have a joke about "there is no button that says Make It Awesome") :D
Reply
:iconeverton-littleton:
Everton-LittleTon Featured By Owner Dec 21, 2011
Utilíssimo! Agora sei como você alcança a perfeição das linhas dos seus desenhos! Muito legal!
Reply
:iconclaudiovc:
claudiovc Featured By Owner Dec 19, 2011
Muito bom, Lene! Só nao ficou muito claro se o passo #3, onde voce converte o raster pra vetor é feito de maneira automática ou você faz manualmente. De qualquer forma, obrigado por compartilhar! Abração e boas festas!
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 20, 2011  Hobbyist Digital Artist
Para transformar em vetor, voce deve importar a imagem pixelada para o inkscape, depois selecionar a imagem, aí clicar em "trace bitmap". Esse comando converte os pixels em vetor imediatamente.
Qualquer dúvida, pode me perguntar! :)
Abração!
Reply
:iconlopinho:
lopinho Featured By Owner Dec 19, 2011
Haha, um colega que também usa GIMP/Inkscape :)
(Embora eu esteja parado faz um bom tempo...)

Eu ainda tenho paciência de traçar as linhas do papel direto no Inkscape, usando LPE pra simular a espessura dos contornos. Demooooooraaaaa.... Hahaha.

Também prefiro colorir (flats, luzes e sombras) no Inks, mas do jeito que você faz é bem menos complicado, viu.
Muito legal.
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 20, 2011  Hobbyist Digital Artist
Dá pra fazer muita coisa legal com esses dois programas. É melhor do que piratear Photoshop e Illustrator, eu acho.
Eu vetorizo as linhas usando o trace bitmap mesmo, que converte pixel em vetor. Aí eu volto o desenho pro Gimp e faço as cores lá. Acho o gimp mais prático e rápido pra essa parte. :)
Reply
:icondynamicsketch:
dynamicsketch Featured By Owner Dec 18, 2011  Professional Digital Artist
Useful tutorial. Is Inkscape freeware?
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 19, 2011  Hobbyist Digital Artist
Thanks! :)
Yes it is. It's a simple software but it works very well.
Reply
:iconrahentho:
Rahentho Featured By Owner Dec 19, 2011  Hobbyist Digital Artist
Yes, it is.
[link]
Reply
:iconrafaellam:
rafaellam Featured By Owner Dec 18, 2011  Professional General Artist
O_O! Baixando agora o Gimp e o Inkscape!
Reply
:iconblue-senoire:
Blue-Senoire Featured By Owner Dec 18, 2011
Man o man, you are the king of smooth line art! And this is how? I should give it a whirl. :)
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 20, 2011  Hobbyist Digital Artist
Thanks! That's how I make my lines. If you have any doubt, just ask me :)
Reply
:iconn370r0:
N370R0 Featured By Owner Dec 18, 2011
what if zelda was a girl? :icontrollfaceplz:
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 18, 2011  Hobbyist Digital Artist
But Zelda is a girl.
And Link is a boy.
Or did I miss anything while playing the game? O__O
Reply
:iconn370r0:
N370R0 Featured By Owner Dec 18, 2011
google "what if zelda was a girl" it's a troll topic bro, earlier i raged so hard at this man, i almost popped a vein
also been thinking alot in gurl link..
just imagine it :iconmegustaplz:
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 18, 2011  Hobbyist Digital Artist
Oh I got it! hahaha!
Well it isn't so difficult to imagine Link as a girl. We can see pretty (and not so pretty) girls dressed like Link in many games conventions. :)
Reply
:iconn370r0:
N370R0 Featured By Owner Dec 18, 2011
well if its pretty there is no gay~
:iconmegustaplz:
Reply
:iconkuro-churro:
Kuro-Churro Featured By Owner Dec 18, 2011  Hobbyist General Artist
Great tutorial brah.
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 18, 2011  Hobbyist Digital Artist
Thanks!
Reply
:iconkuro-churro:
Kuro-Churro Featured By Owner Dec 18, 2011  Hobbyist General Artist
no prob bob
Reply
:iconestivador:
estivador Featured By Owner Dec 18, 2011
muuito style po! =p
Reply
:iconbezerrobizarro:
BezerroBizarro Featured By Owner Dec 18, 2011  Hobbyist Digital Artist
Obrigado!!
Reply
Add a Comment:
 
×




Details

Submitted on
December 18, 2011
Image Size
1.5 MB
Resolution
2500×2633
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
24,527 (4 today)
Favourites
166 (who?)
Comments
47
Downloads
286
×