How Do Vector Graphics Work?

[@Dani98664]

Heh...that pun at the end...

[@TuppiKissa]

just horrible

[@dorhayoon5746]

not professional at all...

[@Desro947]

Barely deserved a nose exhale.

[@Squeezy01]

I mean, it is not his wurst :D

[@andiCNH]

heh, linus, heh

[@andriup]

That means I've been doing my logos wrong all this time. Vectors are the real thing! Thank you Linus!

[@freakstate]

andriup even if you have a logo that's rasterised, Illustrator can have a guess at trying to convert into vectors as Linus said. for graphics and logos especially there's alot of different settings to get you most of the way there and then fiddle with anchor points or retrace! (if you ever needed to)

[@freakstate]

***** Yes, especially if its low res to start off with. But hopefully, and this is the point of a logo, its not that complicated to vector up. God help you if you have a photo or something insanely complicated as a logo!

[@allanrichardson1468]

andriup Going back to Windows origins, fonts were originally coded as multiple raster images (bitmaps) for each size, and some still are, which is why, when you pull up a font menu in a program, some of the fonts are only available in a few sizes. When PC processors got more powerful and memory got bigger, someone (at Microsoft perhaps) devised a way to encode the character sizes in a font as vectors, which could be expanded, in principle, to any size. These fonts are labeled in menus and file names as TT for the trademark True Type. The modifications to make them some combination of Bold, Italic, and Underlined are simply mathematical transformations to the vectors before expanding them to bitmap format.

[@andriup]

Allan Richardson thanks for the info. I've always wondered what does the TT stand for. Now I know.

[@andriup]

freakstate so is Illustrator a more appropriate software for working with vectors? Because I still have the psd files with the logos, should I just exportem as .EPS and open them in Illustrator?

[@allanrichardson1468]

Back in the old days, some CRT displays used vector graphics to display hand drawn and mathematically generated shapes for interactive design terminals. The associated display processors, huge CRTs and drive circuits, and the need to reserve real time on large mainframes meant that they were reserved for high value functions such as radar stations, scientific simulations, and designing cars for three years in the future. One salient device used with these displays was the light pen, a photodetector with a spring loaded spherical lens which switched the detector on when pressed against the screen, and a manual "select" button on the side to provide operator control. It would pick up the very fast rise of the burst of light when the electron beam came within its detection radius, giving its processor the X and Y coordinates on the screen, and identifying the vector instruction being drawn, thus identifying where and to which object the pen was pointed. The interface logic was later adapted to use with the mouse (the select button became the click).

[@Isaac.D.grizzly]

Ok boomer

[@jonka1]

I think you just told us more useful information than this over-presented and disappointing video.

[@danimayb]

Vector graphics have been in use since the 1950s lol. And 3D rendering throughout it's history to this day uses vector graphics. And in engineering, architecture, surveying, typography.... I get that vibe in here that people are talking about something that is off the beaten track, But it is as common in graphical technology as graphics itself.

[@5Gburn]

Raster to vector...so that's what happened to Max Headroom...

[@taspeteris]

What if I told you that pixels are vectors that are 1x1 pixels

[@endornaut]

Well if you're okay to view pictures as colored huge boxes that would work I guess...

[@SEB1991SEB]

@@endornaut It would be ok for 8-bit graphics cos they're supposed to be pixellated anyway

[@mxd3bill70]

What if i told u there r 8 different recipies for octopus?

[@BurakBagdatli]

Vector graphics aren't necessarily smaller in file size but you're right to say that for the right use cases they tend to be smaller. I saw many line charts or scatter plots or similar things that just require more points than number of pixels and they end up being huge. Imagine having points on 10000 places on a graph. Each of those points will require an X and a Y coordinate and some extra code to define them. It really adds up quickly. Whereas a raster image would not care about how many points there are on the graph, it'll put close enough points on a single pixel but the human eye isn't going to differentiate between really close points from each other when there are 10000 points anyway. Nevertheless, they're my favorite method for making figures and graphs for my thesis. Yay for SVG and PDF! And Inkscape. Thank you, Inkscape!

[@Schattengewaechs99]

Thank you LaTeX!

[@ksells]

Anyone else notice "adress" at 4:13?

[@DarkGuy1001]

I did.

[@farhanskanam]

Indulge your OCD :P

[@aidanr5260]

ksells I

[@valorix]

I see a problem here :D I think that should be "A dress" not "adress" :D

[@MostafaElSakari]

No

[@TheRegalRolston]

so how are you supposed to stop someone from stealing a 500$ piece of tech off the back of your car?

[@naota3k]

Security fasteners.

[@NamesReed]

tape penises to it

[@ShivaSharma-tt2tk]

Kick their ass

[@Alfa]

there are three types of people in this world

[@ErikratKhandnalie]

Easy solution - Vector Hentai

[@MasterYoshidino]

That would be so cool to have. Right now the closest is 3D rendered porn but having 2d vector adult animation that scales from anywhere between 480p and 8k would be awesome.

[@jonathanozik5442]

There IS!!! Just use "waifu2x-caffe" ;) github.com/lltcggie/waifu2x-caffe/releases Deep-Neural-Networks (almost) = magic :-D

[@zombeaver69]

That's actually very possible

[@willenribeiro1010]

that actually is very old, there was a lot of flash applications based on hentai on the 2000s

[@SevastianYT]

Please stop, this is gross, I'm a teenager boy and even I think that that is gross, stop.

[@goodlyboony]

For a second there, I thought linus was sponsored by a porn website

[@manikpandey3133]

oh man ..lol

[@FaZekiller-qe3uf]

Metooz

[@jasonlam8588]

Wait are you telling me that "enhance" thing in Jason Bourne wasn't total bs?

[@Calyx]

OMG SPOILERS

[@jasonlam8588]

It was in the trailer, when the CIA saw him on camera and said "omg it's Jason Bourne" Plus the film isn't great anyway

[@CheahMichael]

Speaking of porn, TUNNELBEAR let you surf your favourite porn site ANONYMOUSLY! You missed that chance Linus. You missed that chance.

[@dnghn.design]

?

[@Ethanhall100]

That backup cam is a cool idea, but really? $500USD?

[@mattw4211]

Ikr, I would've bought one. Too bad.

[@BOOMProductionsVIDs]

Ethan Hall yeah I was impressed and would buy one if it was more around the 199$ range

[@ΑΡΗΣΚΟΡΝΑΡΑΚΗΣ]

it does have a model for europlates?

[@Hoch134]

I know from bicycle computers that cheap wireless hardware is very bad... also, I don't understand why it has to be wireless. It's not hard to just put a cable through the car.

[@Hoch134]

But it's extremely easy and you don't have to refill batteries or fear that the signal gets lost.

[@monkeywithocd]

As someone working towards making 2D videogames, I wonder if a clever combination of vector and raster could make a 2D game look better when scaling. Probably beyond my programming expertise, but an interesting question I feel nonetheless.

[@KidPrarchord95]

I know this is late, but yes; Vector graphics are the standard in the industry, I believe, with pixel-art games being a notable exception.

[@nullpointer1755]

The problem with Vector Graphics is that most algorithms used to render them are software based and don't use the hardware acceleration that GPUs provide, so if you want to integrate vector graphics with the graphics pipeline, using APIs like Vulkan and OpenGL, you have to find a way to triangulate the vector shapes since GPUs only draw using primitives like triangles and quads. Another solution is to write your own GPU-based renderer using shaders to evaluate the stroke/fill region of a vector path in order to properly render it. Of course, if you game doesn't use dynamic generated vector shapes, them you can just render them one time.

[@scarpusgaming]

@@KidPrarchord95 yeah i mean this is how basically all flash games worked lmao

[@hirenmore7495]

Hey!! It's always great to hear you and videos are not lengthy so.. I can watch them on the go!!!

[@stephanieplotkin3652]

Thank you: this was extremely helpful. I am trying to make my blog a little nicer but didn't understand what these "vector" graphics were...you made things so much easier! Keep up the good work!

[@tchitchouan]

THE *VECTREX* was ahead of its time ! such an underrated console !

[@h7opolo]

that's what brought me to this vid. wanna understand the difference between a vector monitor and a rastered one.

[@3lH4ck3rC0mf0r7]

FL Studio, for example, has vectorized almost the entirety of their user interface, and you can scale it up to an obnoxious degree without it looking blurry due to linear pixel interpolation.

[@3lH4ck3rC0mf0r7]

***** Besides, using vectors allows you to literally reshape stuff into other stuff! Fl Studio uses this for some really sexy GUI animation that you just can't do properly using pixels. The knob from the Set property window is a perfect example of this.

[@gruffyddgozali]

Jeez Linus being a savage on Taran with that billboard joke

[@Ryzza5]

Linus doesn't edit the videos, so often wouldn't know what images will end up going there.

[@gruffyddgozali]

Ryzza5 He would probably want to see that image anyway though ;D

[@ryanxie7554]

it would be pretty ironic if it was taran editing it

[@gruffyddgozali]

ryan xie yeah

[@jinchuriki009]

Adobe Illustrator 101

[@scrubby2]

coreldraw

[@jinchuriki009]

KINSLINK that one too.

[@riomigz1305]

CorelDraw master race

[@HermanWillems]

Fuck AI, InkScape! The best, and only the best.

[@TorturdChaos]

Vector graphics are wonderful for signs. Also very useful for vinyl cutters and CnC machines. Don't know where my sign shop would be without them.

[@WIImotionmasher]

I happened to be lucky enough to do some Vector drawing in middle-school so I happened to know about this. But I'm glad someone is covering this. It seems like most people don't understand / haven't heard of vector graphics.

[@reigh7]

Speaking of enhance you should cover the ways Ai is now enhancing images taking low res raster images and adding details that we're not even captured accurately or editing motion in video to take a bad dancer or even just random movements of one person and mapping them to mimic the movements of a professional dancers video.

[@choiceonlinemarketinggroup8224]

Finally... a crystal clear explanation of vector artwork I can use :) Linus, I hope you don't mind but I embedded your video on my site.

[@sameersachan8427]

2:31" provided your gpu can render it" Yeah linus why not rub that on our face

[@MikeeCZ]

Linus just a point about your videos sponsor - Pearl Auto is surerly great product but i was told it is not legal in every US state (it obstructs the register plate more than some states allow) I think that is a good thing to point out when recommending something

[@gamefillip9662]

Mikee CZ I mean he's Canadian so he doesn't really care about America

[@Fokusu_狐]

Lmfao.

[@BitmapRadio1]

He might not have been made fully aware of that fact, especially since he's Canadian.

[@czechultimatestyle]

well if he is canadian why doesnt he say buddeeeh D: in every sentence

[@TheAyanamiRei]

Well if you notice he also doesn't end his sentences with "eh" either! I bet he's a transplant from America! IT'S THE ONLY RATIONAL EXPLAINATION!!

[@morganminecraftlegion9101]

I think that the render of a person, converted to a scalable vector graphic, looks like a piece of art.

[@mohammadhijazi4498]

the pearl auto thing is neat but for $500 they're charging a big premium for r&d and convenience

[@naota3k]

Or you could buy a 40 grand car and get it for free. Oh, that's why it's $500.

[@enhydralutra]

+naota3k My car cost way less than that and came with a rear view camera.

[@celiok3795]

4:20 aaahh That Joke

[@PBBJ0]

Lmao💀

[@dariensessions653]

i loved the little dance linus did during the AD "fancy pants feature" :P

[@nimoy007]

Well done! I like nearly all of the Techquickies, but this one was especially well done, congrats.

[@ender_scythe2879]

Jokes on you, I don't need to rasterize my graphics, because I use a CRT, which is a vector screen. If anything, I need to vectorize my graphics.

[@naota3k]

Joke's on you, you use a CRT. #omgsojokes

[@ender_scythe2879]

What does "#omgsojokes" mean? The grammar hurts my brain.

[@naota3k]

Made up compound words don't have grammar. #rekt #0wn3d

[@ender_scythe2879]

It hurts my brain never the less.

[@naota3k]

Try being less sensitive to intentionally ridiculous jocular remarks.

[@TheRecraftMan]

ive been drawing vector graphics for about half a year and i tell you, it can be a pain in the ass though. especially when you are a little bit of a perfectionist. i mean yes, every image looks extremely sharp. when you sketch something on paper and then "trace" it on your pc with vectorart every stroke always just as wide as the other if you want to. though when you try to connect different layers sometimes you just scroll in endlessly and TRY TO CONNECT THAT DAMN STROKE BUT THERE´S ALWAYS A GAP WHEN YOU ZOOM IN GODDAMN

[@peterwilkinson1975]

ba bum ptsh at the end :P

[@naota3k]

"Rimshot".

[@carljohnson9796]

naota3k "cumshot"

[@CriticalHitsTHACO]

a great episode. and WOW. that has to be the first time i ever had the ad at the end of a video be the most "shut up and take my money" thing ever. great job linus.

I am still waiting for someone to invent the infinite resolution. A process that make vectors easy to use and making them ideal for all sorts of complex images. Imagine texturtes in games staying infinite sharp no matter how far you zoom in.

[@jackhall27]

Love picking up my phone after school and seeing a new techquickie

[@chriswale7873]

Thanks Linus. Great explanation and very useful video.. I was going to share with the kids.. until the 4:20 bit :(

[@deadringer-cultofdeathratt8813]

420 hehe, NiCe 👍

[@coolmoviewatcher]

$500 for the rear view camera... cool... but that's super expensive...

[@mattw4211]

Ikr I would've bought one immediately for about $200, Id even consider it for $300. But $500? Yikes

[@KalPsycho-b6y]

Dude you are like the most amazing KZbinr of all time. If only others teach like you

[@FeTiProductions]

another point: even if a raster to vector conversion was done exactly, pixel by pixel, the amount of square vectors to mathematically group and process at this day and age is too great for the average computer to process let alone make a video out of

[@flyingarmadildo7748]

That outro is great !

[@IslarfPokemon]

I was hoping this would be about vectors in game engines

[@ShadowGamer507]

Awesome video, helped me a lot w homework ... super cool you're Canadian too :D

[@Felix-ve9hs]

is this Adobe Illustrator?

[@Felix-ve9hs]

LXVIS I guessed it cause I use it a my school

[@freakstate]

Felix R yes and it can also handle rastered files so it's the best of both worlds since you can temporarily fiddle with things with Photoshop and it will update in Illy too.

[@Mattia_98]

no, this is a video

[@mr.jbi2277]

4:26 .......did he..just..¿

[@MissAiaGaming]

That pearl auto ad was actually pretty neat

[@twistymail]

I can find 200 other explanations exactly like this talking about raster and vector. I find it unbelievable that so many vector designations can actually be used to create a complex image. How is it done? I was searching for some detail as to how vectors are actually assigned and described in a finite amount of time and file space. No one seems to want to describe that, or they just don't understand it themselves, which is more likely.

[@KarlNikolai]

lost internet for 2 months, so many videos to binge watch. hehehe. :D

[@zeeshan5949]

this video really got me into thinking of my math book

[@Diegor35]

3:44, Put a beard, is Qain! Former Tek syndicate xD

[@melker6409]

Former... FeelsBadMan

[@ArclampSDR]

love the joke at the end ;)

[@sanderhonig8276]

Me too! It was so unexpected.

[@MrNoam64]

Wow ... i didn't expect to get to learn that much in so little time!

[@noahfischer6081]

the pearl auto thing sounds cool but heads up, it's $500

[@swaggytoast5242]

Noah Fletcher the turn of my head is free

[@65Drums]

Thank you!

[@C_Corpze]

Didn't see the pun at the end coming at all.

[@psylic]

So Linus just made a porn pun, oddly I'm not as surprised as I feel I should be if it were anyone else

[@chiefdog6909]

You might want to mention that CAD is vector, and Quadro cards are built to handle vector graphics, and traditional Geforce/Radeon gaming/Photo editing cards are built for Raster graphics.

[@Alkhaldi92]

That wink at the end 😂

[@mrbrightside3771]

We need more of this simple video that explain things simple to clueless people.

[@Mebzy]

This is the only topic that my College talked about before Linus. (Thanks for all the early education. I hope it continues with other topics!)

[@jammyh6007]

Perfect timing! I was just learning this in college

[@MrGameLandTV]

i wish you did this video a month ago as i studying about vector graphics

[@Martin-hu1cr]

actually billboard have same resolution as display (+-72dpi) it was in test and i get 5. so i remember it now

[@jimbruttan69420]

"Kim Kardashian's kabosse" 🤣🤣

[@FlandraLabs]

That camera sounds pretty good. Not in Canada though. There's like no light in the winter. Plus, my car is parked mostly in the garage or roofed parking anyways.

[@LennyJurado]

I was loving this video until that last inappropriate comment...Now I can't show this highly information video to my Digital Design class...might want to consider that in future videos, sir.

[@royalartisan2943]

Right!!! Thanks man helps out alot with my physical art too.

[@hillppari]

That pearl thing is pretty stupid for plugging into ODB port. It only takes the power from there so you should be able to use 12v socket to do that.

[@VpBuilds]

That and older cars like mine (1984 bmw 533i) don't have OBD2 ports

[@vinno97]

hillppari I'm also wondering if it would be able to log exactly what the car was doing at each moment

[@mattw4211]

Can you not buy an adapter if its just power it needs?

[@Silver_o]

this is for it to know when your car is in the reverse gear to activate the camera and sensor. I don't think the camera would be on for the whole trip.

[@GoldenKingStudio]

When I came to the video, there were no comments, but I went to another tab for a while before watching this one. Not commenting sooner is my greatest regret.

[@SiimKuusik]

RearVision has been designed, marketed and sold for use by residents of the U.S. only. :( Actually looks pretty neat.

[@sebbes333]

Would it be possible to make a hybrid between Vector and Raster graphics? Vectors for large simmple shapes and raster to add details to it?

[@GoodnessPC]

Choice of words and they way this guy plays with words! OMG!😱😍

[@JohnLobello]

Was all set to show this to my high school Graphic Design class until 4:22 lol

[@Wren4123]

OMG thank you for the advertisement! that's totally a product I'd buy. but it's too expensive Dx

[@esserlamp]

5:17 Umm, 3 years later there's no sign of that being there anytime "Soon"

[@natestickeler924]

No, all new cars in the US nowadays have to have them from factory. It's been that way since 2018.

[@HeBeWorthy]

That pearl camera is pretty cool.

[@kimmis15]

You're really good at this! Thanks

[@shonawrites9472]

Hey! man you really did a great job this is super duper easiest video I found as last moment tuition thank you!🥰

[@adriancallme7170]

that photo linus.. you should be an action star

[@dino130395]

I'm gonna be totally honest. I'm really tech savvy... Almost as much as Linus... And I've known almost all of the things so far covered by Techquickie... And yet, here I am watching every video from beginning to end, just to support you guys! Keep up the good work, especially on LTT

[@Mega_Arrow]

Wasn't this already uploaded a while back? I swear I've seen a techquickie video on vector images before.

[@Jimmeyyyyy]

at 4:17 on the stock photo the word Address is misspelled

[@haraldurkarlsson1147]

Well explained! I know that maps use shapefiles (vectors) and rasters (satellite images) etc. I wonder if turning the rasters into shapefile would not blow up my computer memory?

[@SirBilliam96]

I think it's time for Techquickie to be in 4k, since LTT already is. What about y'all?

[@jimmeuht]

Sure even though i still watch all YT videos in 720

[@robp3358]

ENHANCE! Great Explanation!

[@joshuastrozzi737]

That pun was perfect....good job

[@dej647]

4:25 ba dum tss

[@bubblebat]

4:14 Is that a CTL-480 I see? Cookiezi would be proud.

[@qwispy3922]

This taught me stuff for school, thanks

[@goosebyte]

The ending before the sponsor....why do you do this to us Linus?

[@Rattacko]

how does 4k upscaling work on TVs? New fast as possible idea

[@James-712]

Yo my teacher shown this video in class without checking it hehe..

[@MatrixMan400]

2 MINUTES????????????????????????? Haven't come this early since my wedding night

[@casey6259]

That wink at the end though

[@hecko-yes]

Techquickie, can you allow us to add subtitles to your videos?

[@fliggopolis]

Does pearl work on cars that already have a rear view camera?

[@chachilin95]

Thank you for that closing pun, Linus 😂

[@MatheusLB2009]

That was the best computing joke i've seen in my life

[@DJMYSTRO12]

That cheeky wink at the end

[@kuko-lukas]

with svg you can draw using only notepad (or any other text editing software)