HOME | DD
lenechaves — Tutorial
Published: 2011-12-19 03:28:07 +0000 UTC; Views: 27634; Favourites: 218; Downloads: 331
Redirect to original
Description
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
Related content
Comments: 49
Great tutor. I use Inkscape at work all the time for to trace logos - I'm a signmaker - and nothing beats it, not even Illustrator. It has the most powerful tracing tool I've ever seen - and I've being doing this work for 20 years -
👍: 0 ⏩: 1
Thank you. Inkscape is a fantastic program. I´ve tried the others, but I still think it´s the best option for what I do.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
I don´t know. I only use Gimp. But maybe it isn´t too different.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
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
👍: 0 ⏩: 1
Thank you too. I'm glad that it helped you.
👍: 0 ⏩: 0
Thanks for the tutorial!
I found that the best looking lines for my work is with the brightness cutoff with a threshold of .800
👍: 0 ⏩: 0
HOW.
I can't understant step 3. How i transform in vector lines?
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 1
Aw, doesn't work. I don't know why, but "ok" button don't do anything. But thanks for the help!
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 1
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!
👍: 0 ⏩: 1
Thank you very much!
👍: 0 ⏩: 0
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:
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 1
é, 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
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 0
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")
👍: 0 ⏩: 0
Utilíssimo! Agora sei como você alcança a perfeição das linhas dos seus desenhos! Muito legal!
👍: 0 ⏩: 0
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!
👍: 0 ⏩: 1
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!
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 0
Thanks!
Yes it is. It's a simple software but it works very well.
👍: 0 ⏩: 0
Man o man, you are the king of smooth line art! And this is how? I should give it a whirl.
👍: 0 ⏩: 1
Thanks! That's how I make my lines. If you have any doubt, just ask me
👍: 0 ⏩: 0
But Zelda is a girl.
And Link is a boy.
Or did I miss anything while playing the game? O__O
👍: 0 ⏩: 1
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
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 1
well if its pretty there is no gay~
👍: 0 ⏩: 0
