Resize Images Without Losing Quality | Photoshop Tutorial
HTML-код
- Опубликовано: 29 авг 2024
- In this Photoshop tutorial, learn how to resize images without losing quality by using smart objects instead of rasterized images.
The best image upscaler I've ever used: pxlbr.link/top...
TUTORIAL CHANNELS //
• Main Channel - bit.ly/PixelAnd...
• Illustrator - bit.ly/PBIllust...
• Photoshop - bit.ly/PBPhotoshop
• InDesign - bit.ly/PBInDesign
• Premiere Pro - bit.ly/PBPremie...
• After Effects - bit.ly/PBAfterE...
TAKE MY CLASSES //
• Illustrator for Beginners: bit.ly/Illustr...
• Photoshop for Beginners: bit.ly/Photosh...
Download project files and other resources from the Pixel & Bracket Vault on my website: pixelandbracke...
Get Skillshare Premium for free and learn from myself and thousands of other creators: bit.ly/PBSkill...
My favorite place to get music for my RUclips videos: bit.ly/PBEpide...
I love using StreamYard for my livestreams, video recording, and podcasts with guests. You can try it for free and get $10 off when you sign up with my link: bit.ly/PBStrea...
My two favorite RUclips browser plugins and keyword research tools are VidIQ (bit.ly/PBVidIQ) and TubeBuddy (bit.ly/PBTubeB.... I use each and HIGHLY recommend them if you want to grow a successful RUclips channel! (btw just pick one, having both is probably overkill... 😅)
MY RUclips GEAR //
• Work Camera - geni.us/Dg20
• Work Camera Lens - geni.us/A06gBf
• Personal Camera - geni.us/lAgB
• Personal Camera Lens - geni.us/JkCngL
• Webcam - geni.us/6BVc
• My Favorite Tripod - geni.us/hwfntp
• Camera Mic - geni.us/mobx
• Desk Mic Bundle - geni.us/5mv8s4o
• Mic Arm - geni.us/TB8zg
• SD Card - geni.us/nURBUAp
• Card Reader - geni.us/CtuA
• Desk Lights - geni.us/KV3yb
• Studio Lights - geni.us/rFZK5
• RGB Lightstrip - geni.us/WLdfn
• RGB Bar Light - geni.us/U1hNTJm
Some of the links above may help support this channel through a small affiliate commission at no extra cost to you!
COME SAY HI //
• / pixelandbracket
• / pixelandbracket
• / pixelandbracket
• www.pixelandbra...
Topaz Labs is the best image enhancer I've ever used: pxlbr.link/topazlabs
Step 1: Start with a high-res image.
Step 2: Done.
...Helpful. Thanks.
Agreed.
You can also start with a picture, NOT size it down, and then no pixelation will occur. Then try NOT enlarging it, so nothing happens to your pixels.
Resizing photos in Photoshop documents while creating composites is an incredibly common process
@@DianaVBV Bwahahaa... is THAT what you think I (and others) are doing?
You are technically correct, tho: Reducing an image's resolution -- only to re-enlarge -- would be silly, not to mention redundant. If only clients understood how raster images work...
...I was agreeing with you. You are a little paranoid. I was agreeing and being a little sarcastic... just like you were.
Thanks for the video, though not quite what I was hoping for given the title. How does one increase an image *beyond* 100% without losing quality? I think that's what most people who click this video are probably interested in. Cheers.
you are exactly right. the problem is that beyond 100%... quality loss is unavoidable. there's a grey area, maybe between 100-125% that the image is still acceptable (depending on the format/publication). HOWEVER, there are some techniques to help cover up some of the quality loss (surface blur, unsharp mask, etc). based on the popularity of this tutorial and the number of people searching for ways to increase quality I definitely plan on recording a tutorial showing a few of those processes. thanks for the comment though Scott, I'll let you know when I release that video!
That is actually the exact thing I was thinking. Deceiving title.
@@pixelandbracket I think many people would find a succinct yet comprehensive tutorial like this very useful. The infinite complexity and power of the tools PS / AI offer, can make lower-res images 'workable' -- though the process can be daunting.
Many freelance and amateur designers (like myself) simply lack the time or experience to properly enlarge/vectorize the lo-res images we get from clients. Creating a tutorial(s) that shows the process, then optimum 'starting settings' for general use, then continues with tweaking examples by displaying how each tool works would be invaluable.
Same query here
Gigapixel
Thanks a million!!! I've been trying so hard to downsize a huge panorama for a small print and kept losing all the amazing quality. This really helped! Thank you!
+Ramses Hernandez right on, I’m glad it helped!
This tutorial shows you how to use smart objects to retain the full quality of your images while adjusting them in Photoshop. I think some people might be looking for a way to enlarge a low quality photo to make a high quality one, but that's simply not possible. Images are made up of pixels and there are only so many to work with. If you resize a low quality image, it will look pixelated. Photoshop can only do so much interpolation based on the surrounding pixels. You can add sharpening and blur effects, but at the end of the day it's not a high quality photo. As a professional designer, you will need to find a better photo, sadly there's no magic bullet.
Yeah but in a way those are also the limit's of the photo quality as well.
If the photo or image has at least 300 DPI it will be okay for prints and no matter what size we print it .
In some parts it will alweys look bad like blurry or not crispy .
I only can wish to see the day when we find a way to rezie it no matter in what size and never lose the same quality .
A mix between vector and Rez
this is actually the answer i was looking for, thx man
Except there is. They're all paid software, but vectorize, etc, do this.
That's called clickbait. :) What I do is report, downvote and hit "don't recommend this channel".
The only way you can upscale an image or video without quality loss is with an AI upscaler. I use Gigapixel for photos. Works like a charm.
Omg thank you!!!!!!!! I completely forgot this while trying to create composited photos for class.. dude you saved my grade! Yay I can finish my fictional photography class!!!! I hope this works!
Wow, no one in my photo club could figure out how to resize down w/o getting all pixelated. THANK YOU! Now I know.
I thought this wasn't gonna work at first but once I did File then clicked place and scaled the image it worked perfectly. Thanks man!
yoo allstar im a fan
Thanks for taking the time to upload such a quality tutorial without all the useless chit-chat often heard in other tutorials.
As an amateur this was very useful to me.
Thanks for your comments! I try to get to the point most times haha
Thank you so so much Pixel and Bracket. I used to watch your videos back when I did photography professionally, its good to see your content is still helpful and amazing.
Thank you!
For those who don't know: you don't have to have the image saved on your PC. You can just Right-click any image and click Convert to Smart Object!
I didn't want to have all images in my document saved on my pc so looked into it and found it's that simple.
However, @Pixel & Bracket, do you maybe know of some downsides to this? Just curious, since maybe there is a reason why it's not mentioned in the video.
Thanks again, this vid helped me!
sure you have a 15 sec intro but I LOVE how you get right into it after!
Thank you, I am near tears. I had a very nostalgic snapshot of my now deceased mother. Unfortunately the only copy of that image was 72 resolution (pulled from Facebook archives)..
I desperately needed/wanted too be able to print to a 20x60. I had tried many things such as printing it out then scanning it back in as a slightly larger size.
This was very helpful! It was really good to finally learn what the difference was between rasterized and smart objects are!
÷: the
Ive done this. But every single time i take a big image and make it small and look at the picture its pixilated even though its a high res image and i did everything right.
First of all, in Photoshop resizing the images will get re-calculate (draw) in every single time from last layer, hence it will eventually cause poor quality when u increase and then decrease the size. Theres no way to escape it in rasterized file-layers due to Photoshop’s program build. its simply not vector based program.
For turning around this photoshop has 2 thing; linked layers and smart object.
Those 2 option always uses the original file’s base information. Hence when u increase size and then shrink it, it always uses the original size. And this is the optimum way of using files in Photoshop. Else gtfo and use illustrator.
As for increasing sizes, using the pixel ratio change is the way to go. it shows u the best possible resolution of your file instead of manually changing sizes.
Another tip, always use 10 20 25 50 75 100 etc. Way to increase file size with changing pixel sizes. it will reduce the work load of Photoshop due its redrawing it every single time when u change the file. it will increase the life span of your picture and reducing the quality loss.
So in short ur informations are simply for amateurs and not an actual tip. its the way it should be.
Well, thank you, sir, for solving a problem I've dinged around with for a thousand years Right When It Really Counted! Thank you!
@Its Ur Mom Duh This is classic. Love it! ... I am only a thousand years young today.
wow. Finally!!!!!!! SO tired of watching incompetent people in other chanels and sites
Amazing, been trying to downsize an infographic for a portfolio for ages, and finally I know how. Thank you!!
What about if your trying to drag another layer from another project?? how do you stop that from pixellating? I tried dragging it in from desktop and reducing the size of layer manually first.
The title indicate a different subject then you talked about.
I cant believe i have been using photoshop for years and didn't realize that was going on when I was scaling up or down. Well dang, I guess I wasnt paying attention in class to this part of the lesson. I been doing a different way for years to compensate for image quality. This is much easier, thank you.
Finally someone who understands this tutorial! Thanks for watching :)
Pixel & Bracket well they are probably the same people who can't use coupons correctly at a grocery store either lol. Some people just don't use common sense in hand with reading the fine print. Even though I didn't end up using your method, rather taking a bunch of macro photos and stitching them together to make a big image that was clear at the one inch eye level and not blurry. But nonetheless learned something from your video.
Thank you! I'm a concept art student and this week we had to photobash (with crappy images) and my resolution absolutely sucked! This tip definitely made a difference!
YOURE A GODSEND. KNOW THIS.
Perfect teaching! Finally something worth it. Thanks so much.
Finally, I’ve been searching for a good tutorial on resizing in photoshop, thank you!!
nice! you're welcome!
OMG Thank you! I first searched for a font or premade. I wanted it the font to place in the corner of a photo we are mounting to the wall in our Gallery. Nearly fell out of my chair learning how easy it is.
Again I thank you.💕
well yes, it just saves the og file in smart object. To increse this effect use the tiff file if possible. While u are in side the smart object convert the color profile from RGB to LAB, this way if u change colors do your edit, your images dont get reckt by the hue
Thank you.. I got the right answer what I was looking for. Very simple yet much understandable.
Awesome I’m glad to help!
Great explanation!! Not too much fluff and just enough information to make me fully understand this. The only recommendation I would have moving forward is to maybe explain what you need to do for PCs as well as Max. Luckily, I know enough to know how to translate it. Thanks for the help!
I learnt something thank you, my presentation will look great
PS 2019 doesn't import images as smart objects now or is it just me
Convert it into smart object yourself then.
@@Nyaton Layers Tab > right click the layer > Convert to Smart object.
This is a problem that sometimes appears for me and sometimes doesn't. I tried placing the logo I wanted the way you suggested, and it was still blurry when I shrank it down. Both the logo and the image I'm putting it on are 300 dpi. So I don't know.
What’s the size of your document
You just saved my assignment, thanks!
We have to download any app ??
Can you pls tell me fast as I have to fill the form at present 🙏🙏
hello is dragging it in from finder the same as placing it? i like the drag better bc sometimes a pain to navigate to the folder to place it.
It’s the same yes
simple, easy to remember and very helpful. Thank you
Thanks Spencer. Actually, it was only AFTER I sent my first query to you, and before your reply, that I noticed there is an option listed in the LAYERS menu to convert images to a Smart Object - which answered one of my questions. So I take it from your reply that there is no 'DOWNSIDE' to saving any image as a Smart Object?....in other words, it won't prevent me doing any further processing of the image for later projects?
NO downside. if you have any troubles just let me know!
Wooow... very clear, easy, 6 complete explanation, thanks dude.. i luv u
Lol gay. Jk haha good meme very skratta
Interesting! I've never understood Smart Objects before. What if the original photo is one you've just created in Photoshop and you want to move it into another photo and resize? ..... Is it possible to directly SAVE the photo you've first created as a "Smart Object"? If that is so, is it a good idea to save all your pics as a Smart Object so that anytime you want to resize, it can be done without losing quality?
Yes yes yes and yes! Haha. Here’s what i would do, if you have a photo, and you open it in photoshop and make layer adjustments and edits, simply save it as a photoshop file. You can go to place embedded (or linked) and select that PSD file. It will bring it in as a smart object, allowing you to retain full quality AND giving you the opportunity to quickly double-click and edit that same PSD.
Thanks for this video! Here's my question to you - I placed an embedded png file with an invisible background, and now that I saved it, the white background is visible again. What can be done to retain the quality of the photo, but also keep the background invisible?
make sure first that you're saving as a png and not a jpg. and second, make sure that the white background layer is hidden or deleted in both the psd and the smart object. here's a video i made about deleting that layer if you need it: ruclips.net/video/OcIx20XcPho/видео.html
Thanks for your quick reply! I just tried it again, and I keep getting a box that says "...the smart object is not directly editable." I have no clue what I'm doing wrong.
When you bring in your PNG and it comes in as a smart object, you should only have the PNG layer and the background layer - the background layer is white and you need to get rid of that one then save your new file out as a PNG file
If you’re having more issues send me an email with screenshots if you’d like, should be pretty straightforward to figure out!
I have a question..
The smart object is not available for layer cut option.. it has to be converted first.. how can we do the layer cut in smart object?
Use a mask, check out my free Skillshare course in the description for a masking lesson!
2019 anyone? Thanks mate! You're awesome.
2020 ‘round the corner!
Thanks so much for this video ✊🏽
You nailed it! Awesome 😊
didnt really help my case but thanks i still learned something new lol
Why does my vector file from Illustrator pixelate when I shrink it in Photoshop? I've converted it into a smart object before I shrink it and it still pixelates the logo.
What’s the size of your document
Extremely useful tip. Thanks a lot !
You’re welcome!!
Not what I was looking for but did learn something great, thank you Sir!
Nice ^^ thnak you spencer
Pls help i already lost the quality and its the only copy i have
Thank you very much for this! I can now resize my sprites without blur!
Thanks but it didn't work for me when resizing an image to be bigger. In the middle of using the Transform Tool it was still really sharp and as soon as I pressed enter it became super blurry for some reason. I guess this method only works for resizing an image to be small and back to original size again. Bit weird how it was still super sharp until I clicked enter to stop using the Transform Tool...
Once you have made your image into a smart object, how do you apply actions to it? When I try, it just applies the action to the background. Should I edit the image before converting it to a smart object and then resize as a smart object?
There's so many different ways to work with it, but I think you've got the right idea. I just recorded a similar video in response to another question on here, and I think the end of it is exactly what you need. I talk about making edits to the photo, saving as a PSD, and importing into another working document. That will retain all the quality and editing capabilities, depending on what your actions are: ruclips.net/video/2j9EHf_pGek/видео.html
Let me know if you have any more questions!
Thank you! This video was a huge help btw! :)
awesome! I'm glad I could help. I have tons of video content I want to get out, including one's like this that show little snippets of processes that I use daily. If you ever have any questions don't hesitate to comment or send an email!
Great tutorial and thank you for sharing it, question: is this the same process regardless of what size you choose to print?
Hey Spencer, Thank you very much you just save my life. Great Job!!!!
You’re welcome, i really appreciate the comment!!
Bro... thankz for the info but the caption is misleading. u r talking about shrinking and expanding it with smart objects. Many of us are looking for reducing the size/pixels with no change in quality. ANYWAYS, its a great video ...hope u could help with the problem mentioned above...sincere request.
This tutorial is like so many tutorials that I try to follow. The person doing it does everything so fast that you can’t follow along, and gives little explanation of why they’re doing it. It’s like they know it so well and they spit it out so fast, they think everyone should know this and be able to do it the first time out. If you’re trying to follow along it’s really hard to do when they’re doing everything as if you already know it. Any good to teacher should do a step-by-step of what they are doing and why you’re doing it! But I guess if you want to learn something it’s better than nothing at all.
There’s no real step by step here, it’s more of an explanation of what’s going on. The vast majority of my tutorials are incredibly step by step, more so than other creators. How did you make it here, what are you looking to accomplish?
What if i make it bigger
+Zebox if you make it bigger than 100% scale, Photoshop will do its best to scale up your image, however pixelation is bound to happen. A little bit of scaling can be acceptable though. If I misunderstood your question let me know!
@@pixelandbracket What if I need to make it bigger? I was looking tutorial exactly for this reason
Beyond Translations same
Idk - for me, even after placing the image as an embedded / smart object, I still lose quality when I size it down. Document dimensions are 300px x 300px with 300 PPI quality, but the resized image is still grainy.
Doesn't work when the photo is starting off larger. For instance a 6000px width down to a 315px for a cover photo. Simple solution that doesn't work.
I have 2 images, one of a tattoo on a womanʻs arm, the other of a newborn baby. They are not the same scale. Desired end result: momʻs tattoo on babyʻs arm. Do I start with a blank document, res 300, drag each photo in, then resize to match scale, or do I try to resize first and then drag in? Thanks for the tutorial.
+Sarah Satterlee yes definitely start a new document sized as large as you need. Then place both images, or drag in. They should come in as smart objects and from there you’re free to scale up and down as much as you want. Keep the images at 100% or lower scale and you will be working with max quality
This video was such a huge help! Earned a like and subscribe! Thanks so much!
Man you are like god to me❤️ thank you so much for making this video. You are the only who made video on this problem🔥 thank you sooooooooo much🔥
This is exactly what I needed. Very easy to follow. Thank you. JoM
Hello Spencer, love your vids. Can you make a tutorial on how to make low res images to "somewhat" workable high res? Thks.
+Mohammed Al Mamun ill try to collect a couple techniques that I've used and put something together!
for me not working facing issue may be problems is different then this...
help me out
When i convert the image (that i have draged) into a smart object and then reduce its size it somewhat loses the quality..how can i deal with that?
very talented teacher - cheers
Nice one cheers mate ! only video I found that solved my issue
Mine is starting as a smaller image and I am trying to enlarge it but it still becomes really fuzzy looking
Thx bud! All I needed was the "Ctrl+T" but I left a like and let the video play through to support ya!
😁👍
Thanks. Very informative
Doesn't work for me. Whether placed into Photoshop as a Smart Object or a simple .jpg, when I resize an image "down", the smaller image loses considerable resolution. Hmmmm?
thanks for your solution, I'm fresh in it and you helped me so much.
Thanks! Am I the only one frustrated with the way the OS deals with images? I move images around all day and have to click and drag, drop onto programs, which sometimes open and sometimes dont. Why hasn't Apple create some sort of copy hotkey or something?
Like command + C?
Am I supposed to press shift button while scaling them?
thanks dude
Thank you. I Learned something new.
you're welcome!
The title of the video is wrong or at least confusing, that why you get a lot of dislikes, what I spect was: how to resize and image, ie. 500px 72ppp to 1200px 72ppp and preserve some kind of detail, something. 🙂
You solved my problem. Thankyou
Thank bro for the tutorial. You save my day.
thanks
Hey,can you please help me with resize a normal photo to 3mm round image for a macro print.
I made my image a smart object and scaled it down and it still got very pixelated in it's shrunken form. Any suggestions?
You are definitely a life savour! Cheers!
+Michelle Rodrigues haha I would go THAT far :)
TY so much, very helpful!
+ariel boss you're welcome!
Thanks for the helpful video! I used this for my last thumbnail on my last video!👍
Thank you a bunch man this was verry helpful
Wish it was more to the point but you helped me. Thanks
how about adjusting it from the image size from the image button. mine doesnt look pixelated. will that turn out ok? say from 400x400pix to 3500x3500pix and theres no smart object sign on the image.
Wouldn't the best option when importing an image into PS be to go to File and select "Open as Smart Object", rather than converting it into a SO sometime later AFTER it's been imported?
Place Embedded or dragging the image in will create the smart object right away, those are my most used. Really the only time it’s not is if you open the image directly
Thank you for that easy to understand tutorial!
So I have a photo that I want to print on canvas and I would like to make it around 40x30. The file is really big so the site will not let me use it and is asking for a 100mb size. How can I do this with out loosing quality. Please help.
Hey man, awesome video :)
I have a small question, I have a huge photo which is 12756 Width X 5471 Height Pixels, I've made it before for a big banner but right now I have to resize it in order to fit in a facebook cover page which is 851 Width X 315 Height Pixels, and whenever I do it gets pixalated/blurred.
What I've tried is:
- Opened the source PSD, converted it to a smart object then resize it to 851 X 315.
- created a new PSD file with 851 X 315 and copied the original photo to it.
I'd be grateful if you could help.
Very valid question. It's really the pitfall of how Facebook handles cover photos. They display only 851x315 which means that's all the information that is visible. Your image is nearly 15x that amount so there's bound to be a loss in overall quality. You're doing nothing wrong as far as your workflow. Both methods produce the same results. However, on the smart object version, Photoshop will remember the full quality of the image; for example, if you were to like the Facebook layout, and wanted to scale it up to a billboard size with more pixel density, the quality will come back. Sadly FB just doesn't have a super high quality cover photo. My only advice is to attach an Unsharp Mask filter to that Smart Object, and sharpen it up a little bit to help the overall clarity of the limited pixel amount FB cover photos allow.
Pixel & Bracket awesome, thanks a lot for your time and the advice, I will do it.
+Ahmed Mamdouh for sure!
Thank you sharing!is useful!
Can increased pixel density help in improving quality of a noisy image taken from cheap image sensor ???? ( sorry for my bad English)
I''m trying to make a rather large photo smaller to make a 5 x 7 greeting card at a drug store because my color printer is broke.
However, no matter what size I make it and I've gone down to 2 x 3 just to see if it'll work, they're all just a little outside their lines. :(
I am very determined to learn this, I've been up all night playing with this and appreciate any help you can give me.
Thanks so much!
+DSLatte1 can you shoot me an email at contact@pixelandbracket.com? Would love to help out, definitely sounds like something I can solve for you 👍
exactly what i was looking for - thanks
Thank you man!