Convert Low-Res Graphic to High-Res in Photoshop!
2022 ж. 9 Шіл.
30 344 906 Рет қаралды
An Easy Trick to Turn Low-Resolution Graphics into High-Resolution in Photoshop! Learn how to use the concept of Blur and Contrast to get smooth edges out of jagged and pixelated graphics.
i usually just say “Jarvis, enhance” but this is an interesting technique
Hmm your technique is a more interesting one I believe.
using Python 😉
More believable if you said Karen..
@@hdsz7738 how?
@@hdsz7738 let's not pretend programming is the only way. You can make a PS Action too. (Btw compiled languages are better)
"If you want to make it clear, make it blurred."
This is the way
This method only works for single color blocky images too lmao
gotta turn right to go left
"If you want to turn left, turn right" vibes
This is the wae
should be mentioned that this only really works with two tones (black and white for example), or in some rare cases multiple colors as long as they are separated enough (e.g. pepsi logo would work).
Thats where AI upscaling comes in
For multiple tones you would use Posterize instead.
which both are different techniques, hence why I mentioned the base requirement for using the one used in video :)
@@VanBourner I hope you didn't take it as me "correcting" you, I was trying to be helpful to potential future people seeking a solution, not "um akchually" your comment. :p
@@ShinoSarna nah no worries, I know you weren't. Just clarifying that certain conditions have their own tools, as someone might try to use posterize or AI to upscale a black and white image (doing extra work when not needed)
"The secret to sharpen your mind is to blur it first." - Sun Tzu
actually makes sense
Yeah, but you lose the fine details and everything isnt quiet correct, but it LOOKS sharper, but the original intent is somewhat lost.
Only if it's black and white
😂
😮
Shouldn’t make a raster graphic logo anyways, always go with vector so you can scale it up as much as you want
Exactly!!!
This is what I was thinking
For us noobs out there, what is vector and raster and what is it that you scale?
Absolutely. I now use Illustrator more than PS since I'm designing things.
@@yagovich8473 raster is just a grid of pixels while vector is a combination of shapes. Since shapes can be described using math you can rasterize vector graphics to any resolution
Me who doesn’t have photoshop: “Interesting.”
You can do all the steps with GIMP.
Or pirate
@@pinnyskenis Well, GIMP is free, open source, and legal (compared to pirating; of course Photoshop is legal, too).
@@5ucur morally pirating photoshop is legal 😂
@@Mr_Tabs Morality and legality are different things. "Morally legal" is as nonsensical as "Legally moral". I was gonna agree with you because I thought you wrote "morally, pirating Photoshop is okay", or something to that effect (I only pointed out the legality and the fact that GIMP is FOSS). However, you have made a nonsensical comment /lh :D
This is why logos should always be made in svg format
Really SVG is only suitable for web applications, you want to be using EPS for any press production. Your prepress technician should have specific instructions on spot colors vs process colors and other technical specifications. However, yes any flat graphics should be done with a vector format, with raster used for photographs or illustrations that need to use raster effects
People need to understand the difference between vector and raster images
@@purplef1owerswait really? I have always sent my logos as svgs to print, and they usually work just fine.
Actually, now I'm not so sure, since they usually go through some more editing before printing, and I think my coworkers rasterize them before sending the final print file. But still, good to know I guess
@@bragapedro They both work just fine for printing
thiis is actually a really useful tip if you have any lineart of a drawing that you want to color that might be a low resolution. There might need to be some fixing in terms of how the lines look but it works pretty well from experience.
I had a bad eyesight, but seeing the cat slowly becomes clear is like my eyes began to see again that i forgot i'm actually wearing glasses
Lmao
Me too
same bro
Same
I am in awe of anyone who can even get the jist of what OP is trying to say
Schools whenever there's an exam: I'm gonna pretend I didn't see that
Yeah, i actually always wandered "Why?"
@@podex6354 sounds like you need to go back to school mr “wandered”
@@noahhkun5097ong I was about to post "it wouldn't hurt him to wander back to school"
@@noahhkun5097 imagine being so ignorant that the only language you think exists is english. The person is indonesian.
@@noahhkun5097 no, you don't understand, that's just the poor print quality talking. We need to increase the resolution.
This is a great technique. I am impressed.
Great to see you’re posting shorts! Keep up the great work, educating the masses! 😎
Image trace in Illustrator : Hold my beer 🧃
That's what I was thinking the whole time
Exactly what I thought.
normies love raster lmaoo
Haha yah that’s exactly what I was thinking
Photoshop has that feature, too. This is more accurate given a wider set of circumstances. It's not computational, it's formulaic, which is why he makes the tutorial this way.
Or you open the image in illustrator and run a line trace, so you end up with a nice clean vector file.
This! Thank you!
Exactly. That is the real way to do it. 👍
exactly, then you won't have to do this for every different size you want.
was hoping somebody would point this out
Literally all I was thinking.
Your vids are the best. I'm a Photoshop ninja. Use it for work, been using it for over 20 years. You're my first stop when learning something new with the software
That's REALLY creative and simple!
Very useful on a black-and-white image with soft corners. the downside is that it's hard to use this method on something that needs sharp corners. Still very useful!
I'd personally recommend something like waifu2x honestly.
sharp corners are easier to fix manually though
@@DissyFanart what?
@@ludvig3242 an AI upscaler
I will never remember all this but thanks, that’s lovely
You will never remember to do two things? "Filter-->Blurr-->G-something" and "☯-->Curves"?
It’s really not that hard lol
its not that hard lol
@@wallofps 187 people seem to agree with my not so serious comment
@@birdworldist lol my apologies
This is actually the most helpful yt shorts tip I’ve seen so far
I took graphic design studies for three years, and I learned several techniques for sharpening and vectorizing images, but not this one. For this kind of logo; best technique I’ve seen yet.
"To confuse your enemy, you must confuse yourself" 💀💀 Edit: if you don't know how this is related, first they blurred the image to make it a perfect image that's how it's related and stop being annoying
How is that related to the video?
Lol
Is that sun tzu?
The enemy can NOT know what I'm doing if I don't know what I'm doing to begin with.
“I never said such bull shit” - Sun Tzu
finally somebody actually showing tricks and no common shortcuts or stuff ^^
Yeah… a trick for when you’re only working with two colors which is almost never. Imagine moving the curves adjustment like that on any other imagine, its trashed
@@jacksons.9237 i'd personally throw it through AI upscaling ^^
What software do you use?
@@hold7739 lately Real ESR GAN
@Kapatin Well, the right way is what looks best in the end ^^ And tastes are different as we all know
THIS IS ONE OF THE MOST EPIC THING I HAVE USED ON PHOTOSHOP!
Yet another extremely talented person saving me so much time in less than a minute. You’re awesome ❤
“Enhance, enhance, enhance” until I get told to print the damn thing.
Enhance, right, right, stop, do a belly roll, backflip, spin around, zoom into the mirror, print for safe keepsies. That’s how the scene goes right?
@@Zaz5y I'm in!
Super troopers reference?
@@fretshredder1 i thought it's a tales of borderlands reference.
@@aziz7323 could be! But Borderlands does tend to have allot of Pop culture references as well so i may not be too far off? If you get a chance youtube Super Troopers “Enhance” 😭🤣 or watch the film either way a great laugh
NOTE: This only works with B/W images!
Right...
Could you just grayscale your logo and then revert it?
@@JWill6969 yeah because you’d make it into a black and white image
@@JWill6969 you wouldn't be able to get colour back from a grey scale image
@@JWill6969 that's... Not how that works
This guy just explained a signed distance field without saying signed distance field
This is actually so smart I'm going to use this forever
Or what would be better in many cases: Design your logo as a scalable vector graphic in Inkscape or a similar program, you can zoom into svg files how far you want, still no pixels. This is because svgs are basically not storing the pixels, but the lines, curves and circles.
That doesnt really help you with images you found on the internet though this only works for future projects so thats not really " way better" its a solution for a different thing
So, you mean make it a vector image.
@@mailowmailow5207 Just import it into inkscape. It will convert it for you. Given that it's not too complicated it usually does a pretty good job with a few tweaks.
@@mailowmailow5207 That's right, but he talked about printing a logo, so I thought he talked about a logo he has created himself, in which case he should have just designed it in Inkscape. If he wants to print some random companies' logo or a random picture on the Internet, then I guess you're right, but then he could have just searched for an image with a higher resolution and if that's not there, the advice in the video could be helpful.
@@GrantOberhauser Interesting, I didn't know that!
or just convert into a vector graphic so that the image stays the same when upscaled
The real tip is in the comments
Yeah duh
I was gonna say, if you have a logo it should probably be a vector
How do you do that though? Can a dumbass like me do that easily?
I was looking for this comment lol, the technique shown in the video is interesting but way too complicated
god bless you, straight to the point without any trash talk xD
this trick is so great, thanks for that :D
Really cool tip. I thought about using this for some art pieces but you gotta remember this only works on solid coloured things like this one, else the blur would mess it up
And only when there are no sharp corners. So this methode is of limited use. I would just use the vectorization option instead.
Useful tip: First look up how to "reverse image search" to see if a larger/clearer one exists already, if then look up how to "vectorize image"
For those who don't know this is what wearing glasses feels like 😅
putting on glasses for the first time feels like the world's resolution went from 480p to 1080p. no cap
not for me at least
@@adamlmao6893 more like 8K with a bunch of blur to 8K without blur
@@dantdmnl Actually, it's more like 24k
Maybe you shouldn't wear them then 😅
Man.. you just blew my mind.. thank you so much for cheering this
You should also note that this process tends to curve out any angles. Notice how all the corners are more rounded in the final product. So while this isn’t a perfect technique it is good enough for some cases.
But it won't work with high detailed coloured image but it's so informative
Try waifu2x for that, it really works wonders, especially on more simple things like logos
Get a cracked version of topaz gigapixel ai
@@gamblerofrats 💀
If you have photoshop you probably have illustrator which is actually made for logos/other vector based images. Image trace it, and don't buy the spamy software they are selling in this comment thread
That tip is useful in almost no cases and does a horrible job. Useful tip: First look up how to "reverse image search" to see if a larger/clearer one exists already, if then look up how to "vectorize image"
Me screaming at my phone: JUST VECTORISE IT
Same
Seriously dude? It takes more time to do vectorize.. 1 by 1 pathing
@@GlimZee No, you make it vector to start with. Then it is scalable to literally any size and resolution.
This is obviously for someone who has a low-res image to begin with, and wants to quickly increase its res or make a vector out of it. I can't believe people are so obtuse. Nobody CREATES a low-res raster only to then want to change it to a vector 😂
Ultimate dialog of Unmesh " I love curves, you love curves, we all love curves, only in Photoshop"
OMG I remembered randomly seeing this short a couple weeks ago and I just needed it today and knew what to search for :D
I just did this from a logo I wanted bigger but it was too small. This technique worked like a charm!!! Freaken AWESOME!!!
you made it bigger, but did it help in making it POP?
@@ceasarcruz8312 yes! The edges were sharp and clean. I'm amazed at hot this works.
Nad that's how to perfectly deform a logo ^^
you know what Unmesh you are the boss, have no words totally
This could've been really helpful to me in the past. There have been times when I've found the image I need on google but its really low res and I just have to live with it, Really wish I'd used this technique
This won’t work for pictures. It works here because there is no detail to the image. It’s black and white so it’s easy to get that sharpness back. For photos, once you take away the details, you are getting them back.
Yeah what "a temple" said - even in this example, detail was lost in rounding out the square edges of the pixels, this technique will only work well on a black and white image with broad round edges like this one
Thank you, this is really useful, and I'm probably gonna forget this in about 3 minutes
bro when it became clear my eyes felt super satisfied.
Great Technique :D thanks for sharing
You're an absolute king. Such a simple thing yet so unthinkable!
I have been tracing my whole life- then your technique come along. Thank you!
Tracing is still a good idea because it makes the result a vector which can be resized arbitrarily
Watching him get rid of the fringe around the edges felt like I was getting an eye exam
im a digital artist, i will definitely be utilizing this guide in the future
As designer I despise photoshop art
@@OddSwiftGoose ?? ok. i dont use photoshop, shits expensive.
Check out realesrgan lmao
It's a good method, although I'd say that some raster to vector conversion features would do a better job plus you can customize the shape easily afterwards.
Yes, but even before then, do a reverse image search to see if a higher resolution version exists already.
Well thats one of the most useful shorts I've come across in many many many months. Good stuff.
I need to try this, thank you
Damn thats, I didn’t expect that to actually work 😮
Ah yes, i can finally see some Japanese family friendly video
Show me after you successfully unblur it
Ayo
"240p... I'll just look for another cat I guess"
if I saw this yesterday, I would've submitted a clean logo to my professor, thanks destiny
This is crazy cool!! Thanks!!
Ingenious trick, and I love this new condensed version. You're an amazing teacher, bud.
Another trick would be to use illustrator live trace, usually pretty good at doing all this automatically and only needs a tiny adjustment
@@FrozenDung Yes, and before that, do a reverse image search to see if a better version exists already.
Interesting. Although I would just used illustrator like some the other comments suggested. Also make sure your images are 300 dpi for printing uses.
This guy's voice is naturally fancy.
Your videos are helpful thanks
I needed This
more easy tips : use vector software to make your first logo and do backups. ;)
I agree !
Good tip if you have to use it for digital presentations or amateur printing. Redraw the logo in vectors would be a better idea but ofc more time consuming
i usually hit it with the paint bucket until the crust dissolves but this is good advice too
"Cortana, remember how to do this."
Finally I was recommended a *useful* short.
Its honestly the opposite.
Best video out here thank you
I figured out a similar method using threshold which gets rid of any blurring or soft edges in preparation for illustrator image trace. Depending on the resolution of the bad original, I'd crank up the resolution to 5k or more, blur, threshold (which you have decent control of how precise the result is... fat/thin for lack of a better term). Also, at that size, the image trace in Illustrator is a champ.
You're a wizard! Thank you!
You're a wizard, Harry!
This is like me grabbing a pair of glasses for the first time
Lmaoo
This man is gem
Gaussian blurr Is from Gaussian interpolation. It’s a very useful math tool for numerical analysis when interpolating (finding data between points) or extrapolating (finding data outside of known points). In this scenario, the mathematical model is used to take the known points and add more points between the known points that increases the overall image resolution. It was a big reason why the Rittenhouse court case was problematic because when they tried to enhance the video, the interpolation model may have added components to the video that weren’t there due to interpolation. This is also how lots of AI art works. It uses many different interpolation/extrapolation models.
You just earned yourself a free subscriber
Very easy but effective tip. Thanks for sharing knowledge all the time.
Wow! this is amazing Thank you
You have saved me so much struggle with this
This is exactly what I need. Sh*t I deleted those photos . I was need them for job 😂
Will this work with other color photos also ?
Basically an eye exam when you need to update your glasses
These videos are saving me
Finally a productive video in shorts
Option B: If you need higher shape accuracy, use the potrace tool from ImageMagick to convert it to a infinitely resizable SVG file. Test different threshold values to tune the result.
If it is a color image, sometimes a median blur is better, since it preserves edges. Also, it can make the image look like it was painted with a brush.
👍thank you! really helpful
Very cool thank you for sharing 😊
"now do the same thing on the other 267 low-res images you got left"
Funny thing is you can just make an automation with these steps in photoshop and then run it on a folder, it’d take 10 mins tops
The ending felt like taking my glasses on
Plz also adjust the ppi to 300, for the printer resolution, otherwise you will only get 72 points per inch. Which will make the image 32.88 inches width and height and with less resolution on the paper
Dayumn that's Genius man! I originally learnt photoshop to impress my girl but now I've come to like editing stuff
My origin story to photoshop was I saw someone make a cool wallpaper and then I just started working on all kinds of stuff
This will remove any sharp corners. I'd recommend tracing it as a vector graphic, I know inkscape can do it itself, Illustrator probably can, too. You get much clearer results and more control. Plus, you can always resize it to any size from that point
Love this man
Nice for black and white images with smooth curves. If you really need a non-rasterized logo, just make a vertex traced one. It's not that hard to do in Illustrator and is infinitely scalable.
Hell yeah! Didn't know this trick before, but this will be clutch for me going forward.
Me who have absolutely no clue of what you are talking about: “ I love your funny words magic man”.
Thanks it worked for me I have to use the black & white image in my Blender Project👍👍🤞
Ayo this actually useful
I came up with this on my own too, but your results may vary. The final result is changed with all the edges becoming more blobby.