How Do Vector Graphics Work?
Вставка
- Опубліковано 17 жов 2016
- Vector graphics allow you to rescale images to any size without losing quality! How does that work?
Thanks to Pearl Auto for supporting Tech Quickie. Go to pearlauto.com/techquickie to get FREE two-day shipping!
Follow: / linustech
Join the community: linustechtips.com - Наука та технологія
Heh...that pun at the end...
just horrible
not professional at all...
Barely deserved a nose exhale.
I mean, it is not his wurst :D
heh, linus, heh
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).
Ok boomer
I think you just told us more useful information than this over-presented and disappointing video.
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.
Raster to vector...so that's what happened to Max Headroom...
That means I've been doing my logos wrong all this time. Vectors are the real thing! Thank you Linus!
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)
***** 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!
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.
Allan Richardson thanks for the info. I've always wondered what does the TT stand for. Now I know.
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?
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!
Thank you LaTeX!
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!
Hey!! It's always great to hear you and videos are not lengthy so.. I can watch them on the go!!!
Well done! I like nearly all of the Techquickies, but this one was especially well done, congrats.
Wait are you telling me that "enhance" thing in Jason Bourne wasn't total bs?
OMG SPOILERS
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
4:20 aaahh That Joke
THE *VECTREX* was ahead of its time ! such an underrated console !
that's what brought me to this vid. wanna understand the difference between a vector monitor and a rastered one.
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.
Anyone else notice "adress" at 4:13?
I did.
Indulge your OCD :P
ksells I
I see a problem here :D I think that should be "A dress" not "adress" :D
No
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.
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.
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.
@@KidPrarchord95 yeah i mean this is how basically all flash games worked lmao
That backup cam is a cool idea, but really? $500USD?
Ikr, I would've bought one. Too bad.
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?
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.
But it's extremely easy and you don't have to refill batteries or fear that the signal gets lost.
What if I told you that pixels are vectors that are 1x1 pixels
Well if you're okay to view pictures as colored huge boxes that would work I guess...
@@endornaut It would be ok for 8-bit graphics cos they're supposed to be pixellated anyway
What if i told u there r 8 different recipies for octopus?
Speaking of porn, TUNNELBEAR let you surf your favourite porn site ANONYMOUSLY!
You missed that chance Linus. You missed that chance.
?
so how are you supposed to stop someone from stealing a 500$ piece of tech off the back of your car?
Security fasteners.
tape penises to it
Kick their ass
there are three types of people in this world
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.
Jeez Linus being a savage on Taran with that billboard joke
Linus doesn't edit the videos, so often wouldn't know what images will end up going there.
Ryzza5 He would probably want to see that image anyway though ;D
it would be pretty ironic if it was taran editing it
ryan xie yeah
Love picking up my phone after school and seeing a new techquickie
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.
***** 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.
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.
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.
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.
i loved the little dance linus did during the AD "fancy pants feature" :P
Wow ... i didn't expect to get to learn that much in so little time!
That outro is great !
Awesome video, helped me a lot w homework ... super cool you're Canadian too :D
For a second there, I thought linus was sponsored by a porn website
oh man ..lol
Metooz
Thanks Linus. Great explanation and very useful video.. I was going to share with the kids.. until the 4:20 bit :(
420 hehe, NiCe 👍
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!)
You're really good at this! Thanks
Perfect timing! I was just learning this in college
Right!!! Thanks man helps out alot with my physical art too.
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
Adobe Illustrator 101
coreldraw
KINSLINK that one too.
CorelDraw master race
Fuck AI, InkScape! The best, and only the best.
I think that the render of a person, converted to a scalable vector graphic, looks like a piece of art.
ba bum ptsh at the end :P
"Rimshot".
naota3k "cumshot"
That wink at the end 😂
lost internet for 2 months, so many videos to binge watch. hehehe. :D
Hey! man you really did a great job this is super duper easiest video I found as last moment tuition thank you!🥰
love the joke at the end ;)
Me too! It was so unexpected.
3:44, Put a beard, is Qain! Former Tek syndicate xD
Former... FeelsBadMan
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
Mikee CZ I mean he's Canadian so he doesn't really care about America
Lmfao.
He might not have been made fully aware of that fact, especially since he's Canadian.
well if he is canadian why doesnt he say buddeeeh D: in every sentence
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!!
Nice editing!
Great explanation!!
That pearl auto ad was actually pretty neat
the pearl auto thing is neat but for $500 they're charging a big premium for r&d and convenience
Or you could buy a 40 grand car and get it for free. Oh, that's why it's $500.
+naota3k My car cost way less than that and came with a rear view camera.
Perfectly explained. Thanks
Thank you!
2:31" provided your gpu can render it"
Yeah linus why not rub that on our face
Thank you for the informative video.
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.
Super Helpful
Thanks
this video really got me into thinking of my math book
4:26 .......did he..just..¿
Easy solution - Vector Hentai
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.
There IS!!! Just use "waifu2x-caffe" ;)
github.com/lltcggie/waifu2x-caffe/releases
Deep-Neural-Networks (almost) = magic :-D
That's actually very possible
that actually is very old, there was a lot of flash applications based on hentai on the 2000s
Please stop, this is gross, I'm a teenager boy and even I think that that is gross, stop.
That cheeky wink at the end
actually billboard have same resolution as display (+-72dpi)
it was in test and i get 5. so i remember it now
Thank you for that closing pun, 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.
This taught me stuff for school, thanks
That wink at the end though
Did not expect the ending
4:25 ba dum tss
Choice of words and they way this guy plays with words! OMG!😱😍
That pun was perfect....good job
amazing video
thank you
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.
Joke's on you, you use a CRT. #omgsojokes
What does "#omgsojokes" mean?
The grammar hurts my brain.
Made up compound words don't have grammar. #rekt #0wn3d
It hurts my brain never the less.
Try being less sensitive to intentionally ridiculous jocular remarks.
That pearl camera is pretty cool.
I was hoping this would be about vectors in game engines
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?
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
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.
💯fantastic explained👏
its funny linus makin a video about vector graphics when ive already knew them the first time i used macromedia flash mx in year 2004 or somth :D
4:14 Is that a CTL-480 I see? Cookiezi would be proud.
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?
Wasn't this already uploaded a while back? I swear I've seen a techquickie video on vector images before.
A little late to the party, but a question -- at around 3:55 you're explaining that displays are raster devices. So how is it i possible to create vector images if you're doing it on a raster display? Aren't your polygons and beziers actually just pixelated representations? Thanks.
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.
So Linus just made a porn pun, oddly I'm not as surprised as I feel I should be if it were anyone else
If I vectorize an image, do I have to save the file as svg or will it still be good at png? Thank you.
RearVision has been designed, marketed and sold for use by residents of the U.S. only. :(
Actually looks pretty neat.
I'm imagining a situation with intense vector graphics use and wonder what would accelerate this process.
When vector graphics are being drawn, such as in a webpage, can it utilize a GPU to help it do so and would that help, and please inform me, are ROPs or TMUs or Compute Units/SM used for it?
If only the CPU can be used, it would hypothetically be possible for GPUs or another (new?) type of coprocessor/ASIC/FPGA to be made specifically for this sort of purpose, right?
Thankyou so much ♥️♥️
Goddam it, you guys keep throwing me off with them intense puns.
$500 for the rear view camera... cool... but that's super expensive...
Ikr I would've bought one immediately for about $200, Id even consider it for $300. But $500? Yikes
OMG thank you for the advertisement! that's totally a product I'd buy. but it's too expensive Dx
is this Adobe Illustrator?
LXVIS I guessed it cause I use it a my school
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.
no, this is a video
That last-second half-wink @ 4:26. ROFL.
Nice vid dude
Can you please make a video about NAT types?
that photo linus.. you should be an action star
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.
Is there such a thing as a vector display that could do say full flat-shaded 3D scenes in a game similar to something like say Virtua Racing using vector art? I'm saying this because I would love to see a proper 3D game but as it would look displayed on one of those old vector displays that had that gorgeous glow to everything because they were using actual beams of light or whatever it was.
at 4:17 on the stock photo the word Address is misspelled
i wish you did this video a month ago as i studying about vector graphics
I’m trying to create a version of my logo to send to a sticker printing company. In Inkscape, I have all of the components appearing to be vectors. I sacrificed a lot of detail from the version I use for web and I can zoom in on it indefinitely and it never pixelates. But when I send the .eps file they tell me it’s not a vector image. What am I doing wrong?
Is there a decent alternative to skip drawing vectors with a mouse or a finger on a laptop pad when you want to create a logo or an object in Graphic Design? Eg. Draw a logo or an object and then with one or few clicks you turn that into vector graphics?