Quantcast

Jump to content


Photo

How to Steal TNT's Vector Images

guide images graphics vectors dti art

  • Please log in to reply
14 replies to this topic

#1 Guppie

Guppie
  • 1285 posts


Users Awards

Posted 22 May 2016 - 08:25 AM

*
POPULAR POST!

Things you will need:

  • Internet access
  • Inkscape
  • Program which has the “print to PDF” function. CutePDF Writer should work
  • Image editing software. I’m partial to Paint Tool Sai, but Krita, Gimp and even Paint.NET should work.
  • Computer that can handle the demands of editing vectors and large images (if you’re fine cheating, you’re probably fine on this front as well. I’ve only encountered problems with a laptop from the early 2000’s).

Except for Sai, the suggested programs are free.

 

1. Non-clothing items (e.g. foreground items) usually work much better, so go to DTI and use whatever key word strikes your fancy and follow it with this string of tags:

-zone:necklace -zone:collar -zone:glasses -zone:backpack -zone:hat -zone:markings -zone:wings -zone:jacket -zone:shirt/dress -zone:trousers -zone:"left hand item" -zone:gloves -zone:"right hand item"

Spoiler

 

Great! Now click whichever image looks like it might have some cool parts to use. Keep in mind that animated images can be a bit obnoxious to use.

 

2. Don’t bother changing which neopet is there. It really won’t matter, since we won’t be using that SWF. Just click the “Customize more” button.

Spoiler

 

3. Click the “SWF Links” button. Don’t worry if it looks a little weird, especially around the edges.

Spoiler

 

4. Click the SWF of the item you searched for (unless you’re really interested in using half a Bori face).

Spoiler

 

5. PRINT! Note: if you chose an animated SWF, wait until the frame with the image components you’re interested in are visible, and then right click and select print.

Spoiler

 

6. Choose whatever PDF program you’ve got.

Spoiler

 

7. Wait for the PDF to be created, name it something identifiable and then close the PDF if it automatically opened. You can close your DTI tabs now, or go back for more source material.

 

8. Open Inkscape and open your PDF. It’s going to look BAD. Don’t worry. The component objects of the image are all intact, they’re just in a weird order and unfiltered.

 

9. Click and drag your cursor from just above the top left corner to just below the bottom right corner (or vice versa if you’re a leftie). This selects whatever’s in the area. A lot of images will have a single large clipping mask over them and many others beneath that. Most images will also be “grouped”. Fix this by going into the Objects menu and choosing “ungroup”.

Spoiler

 

10. Click and drag to select everything again. Now choose Object > Clip > Release. You may also need to choose Object > Mask > Release.

Spoiler

These steps may make a big black or white rectangle appear. Don’t worry. That’s just a clipping layer, so you can click on it and delete it. If you accidentally delete an important object, just use ctrl + z to undo.

 

11. Click on the interesting part of the image that you want to use. Use ctrl + x to cut it out of the image. It’s likely that some extra stuff may be part of what you cut, but that’s okay, we can get rid of it in the next steps. If WAY too much got cut, then use ctrl + z and then repeat your ungroup and release steps until you can cut a more specific portion of the image. Just delete things that are in your way.

Spoiler

 

12 Use ctrl + v to paste your selection in the new Inkscape window. If you don’t want any other parts of the PDF, you can close that window without saving it. If you magically managed to only get exactly what you wanted, congrats, you can skip to step 15!

Spoiler

Spoiler

For the rest of us, it’s time to repeat the ungroup and release steps and delete the extraneous stuff. Just click on an object and use the delete button on your keyboard. It’s time consuming, but you can click and drag to select multiple objects to delete at once. You can use F3 + 4 to zoom to the “drawing” (the entire collection of all objects in the window). If you zoom, make sure you use F1 or click on the tool which looks like a cursor to go back to your selection tool.

Spoiler

 

15. When you have gotten rid of the stuff you’re not interested in using, you can use shift + ctrl + e to open the “Export PNG Image” display at the side. You can click and drag to select a portion and use the Selection tab of the “Export PNG Image” display, but I find it easier to use the Drawing tab instead of the Selection tab.

Spoiler

 

If you plan to print your image, you will want to increase the DPI to 350. If you don’t think you’ll ever print the image, then it really doesn’t matter. To resize your image, click and drag to select and then use ctrl and drag one of the corners of the selection.

 

 

16. Click “Export As…” and choose a name and location for your PNG.

Spoiler

 

17. This is your last chance to delete any weird little pieces you don’t want! When you’re ready, “CLICK THE EXPORT” BUTTON! If you don’t click the Export button, your PNG will not be saved!

Spoiler

 

18. If you think you may want to use a different selection or a larger size, save your file as an Inkscape SVG.

 

Now you can use your PNG in your favorite image editing software to make super cool stuff to support Team Codex!

R9dn5r1.png



#2 Bones

Bones
  • Bar Ram Ewe

  • 2171 posts


Users Awards

Posted 23 May 2016 - 12:00 AM

very good tut thanks +rep.

 

 

cutePDF is a good pdf printer



#3 WarezHaxor

WarezHaxor
  • 668 posts


Users Awards

Posted 23 May 2016 - 01:32 AM

Great tutorial @Guppie. Should be very useful to those in gfx fields. Even for things non-neo related.

#4 Guppie

Guppie
  • 1285 posts


Users Awards

Posted 23 May 2016 - 05:30 AM

@Bones @WarezHaxor Thanks!

 

Bones, CutePDF Writer looks great! I'll add it to the tut. I did feel a little weird about telling people to have a certain software, but not making any suggestions.



#5 Jelly

Jelly
  • 68 posts


Users Awards

Posted 23 May 2016 - 06:10 AM

Good guide!

 

This also works super-well in Illustrator; Select > Same > Fill & Stroke can speed up a lot of recoloring and Edit > Colors > Recolor Artwork lets you adjust multiple colors at once. Want it brighter, bolder, bluer? Easy-peasy.

 

Also of note: some objects will look weird and like they are covering up other objects. Instead of just deleting them, adjust the transparency! Some objects have see-through parts, so this way, you aren't losing anything. I start with 50% transparency and adjust from there.



#6 Strategist

Strategist
  • Sadmin

  • 10012 posts


Users Awards

Posted 23 May 2016 - 12:13 PM

This guide is amazing! Thanks! :D

#7 Guppie

Guppie
  • 1285 posts


Users Awards

Posted 23 May 2016 - 01:24 PM

Good guide!

 

This also works super-well in Illustrator; Select > Same > Fill & Stroke can speed up a lot of recoloring and Edit > Colors > Recolor Artwork lets you adjust multiple colors at once. Want it brighter, bolder, bluer? Easy-peasy.

 

Also of note: some objects will look weird and like they are covering up other objects. Instead of just deleting them, adjust the transparency! Some objects have see-through parts, so this way, you aren't losing anything. I start with 50% transparency and adjust from there.

Oh! You can do the same fill & stroke thing in Inkscape as well! I remember it being super useful on some other PDFs I used, but I didn't need it for this one, so I totally forgot. While you're totally right and adjusting the transparency is probably the more correct way to do this, I find it much faster and easier to simply delete extraneous objects, such as the oval gradient visible in step 11



#8 Lollita

Lollita
  • 801 posts


Users Awards

Posted 23 May 2016 - 02:20 PM

This guide is awesome :o

Thanks Guppie ^^ +rep



#9 Chappy

Chappy
  • Cat Savage

  • 2341 posts


Users Awards

Posted 24 May 2016 - 10:14 AM

I love this XD I almost want to make a diff siggy with this magic~



#10 Daenarys

Daenarys
  • 43 posts

Posted 25 May 2016 - 06:49 AM

thanks so much!



#11 TrashcanV3

TrashcanV3
  • 47 posts

Posted 25 May 2016 - 11:16 PM

thanks! will bookmark for reference



#12 Guppie

Guppie
  • 1285 posts


Users Awards

Posted 26 May 2016 - 05:57 AM

Thanks, guys!

 

@Chappy You totally should! :D



#13 Kamala

Kamala
  • 41 posts

Posted 27 May 2016 - 01:33 PM

Bookmarking; thanks so much. :)



#14 seadream454

seadream454
  • 44 posts


Users Awards

Posted 30 May 2016 - 07:02 AM

Love this guide +rep :D

#15 crystalize

crystalize
  • 83 posts

Posted 30 May 2016 - 11:17 AM

I really needed that, thanks! :D





Also tagged with one or more of these keywords: guide, images, graphics, vectors, dti, art

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users