How to hide pixelation on the images of the big ones. How to clean up the biting pixel on the monitor

What do you need to change the size of pixel graphics? Find out how to improve your artistic work and keep it clear and shape for help Photoshop!

From this lesson you will know how to take the best results when changing the size of pixel graphics in Photoshop! Pixel art looks like standard images and creates unique problems when changing the size of the world. Zoom in, making the image bigger and adding more pixels, Photoshop tries to keep the result from looking blocky and pixelated, zooming out pixels at once and smoothing everything out.

Ale "blokovy i pikselny" - tse whole zmіst pіkselnoї graphics! So, in order to change the pixel graphics, we need the Photoshop way to just add more pixels, and that's it. Instead, to smooth speech, we need it, so that the edges of the little one look clear and clear. In what lesson I will show you how to grow.

In order to change the size of the pixel graphics, I also use the same technique for changing the size of screenshots, which are used in my lessons. And you can twist yoga to change the world, be it graphics, you need to save readable, sharp edges, or the text that is readable. To get the best results in every lesson, you'll want to win Photoshop CC, or maybe a version of Photoshop.

I'm picturing this little pixel art character I made from Adobe Stock:

Our hero of pixel graphics. Nadano: Adobe Stock.

Tse lesson 7 in my series “Changing the size of the image”. Let's get it right!

Axis character, used by Photoshop. I, how can you bachiti, looking small:

Pixel art in original format.

Krok 1. Open the dialogue box “Image Browser”

The best way to increase pixel graphics is to highlight the "Image Layout" dialog box in Photoshop. To open yoga, go to the menu " Image" in select the menu row " Image expander" :

Іdemo in Image> Image Expand.

In Photoshop CC, the dialogue window can be changed manually for the front view of the image, as well as the parameters of the image size are right-handed:

Dialog window "Image Browser" in Photoshop CC.

Revisiting the streaming view of the image

The current image layout is located in the mountains. Order z with the word " Rosemary" mi bachimo, what should my image do for a small one, with a width and a height of only 500 pixels:

Streamline in pixels of lining.

Crook 2: Turn on the Resample option

Perhaps I need to grow my character more richly. Maybe, I want to vikoristovuvati yogo like a poster or like a work table. For whom I need to increase the image by adding more pixels.

Go ahead, change your mind, sho Resample parameter at the dialogue window turned on the. Like Resample is muted, pixels are unblocked, and everything that we can change is safe for each other. To add or remove pixels, Resample can be added:

Resample can be included.

Krok 3: Enter a height in the field Width and Height

Instead, to increase pixel art to a songful expansion, the best way to increase yoga victoriousness vіdsotki. I want to hide the creation and save the leather square in the sketch, ideally square, multiples of 100(For example, 200%, 300%, 400%, etc.). I improve the image by setting it up widthі height before 400 vіdsotkіv :

Shifting the width and height by 400 cm.

Would you like to increase the size in pixels from 500 pixels to 500 pixels to 2000 pixels by 2000 pixels :

New resize pixels after changing the resize of illustrations.

Changing the world of the future review

To restore respect, that, having increased the width and height by 4 times, the image is now too large, so that it can be placed at a small window of the forward review. In order to increase the visibility of the front view, I will increase the dialog window “Image Layout”, dragging the lower right side of the title. Then I’ll press and drag at the front window, I’ll look at it in order to center the image in the middle:

Revision of the dialogue window “Review of the image”, to improve the forward review.

Presentation: Dialog window "Image Layout" in Photoshop CC

The problem with changing the world of pixel graphics

Everything is going fine. Chi tse? As we see it, I would like an illustration at the beginning of the review, more likely that I look at it incorrectly. Instead, the edges of the figures looked clear and sharp for a while, the stench looked like the trochs were soft and sharp:

The edges look over it softly after the big baby.

І if we get closer, then we get better halos navkolo figures, especially in areas of high contrast. I'll make a picture, vicorist zoom buttons at the lower part of the front view. And here, on the level of 400% increase, we can clearly see the halos, especially the eyes of the character:

The expansion of the pixel art has cut the figures and added halos to them.

However, to show respect, which is how you click on the mouse according to the obkladinci at the vіknі of the front review and takeїї, halos appear, and the edges look more hostile, what we want:

The pixel graphics look amazing, if you press it, you will overcome it.

Ale yak tіlki vy let in click the mouse button, you will start the halos again:

Softness and halos turn when the mouse button is released.

Image interpolation method

The reason is that if you click on it, you will see it in front of you, you will see the image with advanced sampling before that Photoshop zastosovy be-yaku image interpolation. Interpolation is the same as Photoshop averaging the pixels at once and smoothing the result. If you release the button of the mouse, you will roll the lining out of the stuck interpolation. The very method of interpolation foresees problems and creates the halo effect.

Option interpolation be right-handed in the Resample option. І behind the abbreviations the meaning " Automatic" :

Image interpolation option.

Sound automatically nalashtuvannya pіdhodit, so that won't allow Photoshop to choose the best method for the work. But the problem is that Photoshop allows, that we change the standard image with a large number of small details. In this rank, you choose a method that will make the standard image look good. And yet, the very method zmushu pixel graphics and similar types of graphics look bad. Therefore, when advancing the discretization of pixel graphics, we need to choose a different interpolation method ourselves.

Tutorial 4: Set interpolation method to Nearest Neighbor

To select the Interpolation option, to enter a list of methods that we can select. If you use Photoshop CC, then the interpolation method that Photoshop chooses for the image with advanced sampling is Save the details". And in Photoshop CS6, choose wine Bicubic Smoother. But one of them does not work well with pixel graphics:

Photoshop interpolation methods.

To improve the brightness of the illustration without averaging pixels, the necessary interpolation method. Nearest Susid" :

Choose the nearest land.

Just as you choose Nearest Neighbor, the image in front of you looks clear and clear! And then you press and lose it at the next glance, and then let the button of the mouse go, you will dance, that nothing ever comes up. The illustrations look the same clearly and after zastosuvannya interpolation method.

Tse to what is now one i toy well interpolation method offending. Photoshop is always adding pixels, a bunch of vicarious Nearest Neighbor. And now, if we chose Nearest Neighbor, we won't win anything else that could ruin pixel art:

Nearest Neighbor is ideal for pixel graphics due to increased sampling rates.

Crook 5: Press OK

When you are ready to try the illustration, press the "OK" button to accept your settings and close the "Image Browser" dialog box:

Press the OK button to expand the pixel art and close the Image Layout dialog box.

And now my little hero of pixel graphics looks richer, but still he takes the same blocky, pixelated look, which we have seen:

Pixel art inspired by discretization.

How to improve pixel art - a short look

• 1. Open the “Image Layout” dialog box (“Image Layout” > “Image Layout”).
• 2. Set Width and Height to Width and Height, and then select Width, divisible by 100 (200%, 300%, 400% thin) for the best results.
• 3. Change the interpolation method to the nearest susid.
• 4. Press the OK button.

How to change the size of pixel graphics to the exact size

DOSISHEDESHED, ShO NAYKRASHY ORSIB ZBILSHITI PIKKKELNA Grafi - PIVSHITI ї For the pre -person of the VIDSOT, a multiple of 100. Ale, yakshcho to you, you have a sbilshit yogo to the singing pinkeli, I did not see the ogi, Vicoristovoi one iz.

For example, by increasing the sampling rate by 400%, I increased the width and height from 500 to 2000 pixels:

Expand the larger image.

But what if I need less, if the width and height were three times smaller, for example, 1600 pixels? I somehow increased the sampling rate of my 500 x 500 px image by 300%, its width and height were only 1500 pixels, making it still too small. And raising the sampling rate by 400% made it so great. What was right for me was the middle. In this case, you need to change the size of the image in two stages .

Krok 1. Display pixel graphics for windows.

In a first step, increase the pixel size, vikoristovuyuchi a hundredth value, a multiple of 100, to break yoga more what you need. In my mind, I'm already working, increasing the sampling rate by 400%, so the first step is broken.

Krok 2. Re-open the dialogue box “Image Layout”

Let's change yoga suddenly, this time, sob change yogo to the exact dimensions of the pixels. For this new one, open the dialogue window “Image Layout” at the menu “ Image" and choosing " Image expander" :

Іdemo in Image> Image Expand.

Crook 3: Leave the Resample option checked

Sing what Resample variant on the so you can change the number of pixels:

With the Resample option disabled.

Croc 4: Set width and height in pixels

Enter the required amount for pixels by the field Widthі Visota. I'll set them to 1600 pixels:

Introduction of new expansions for pixels.

Tutorial 5: Set the interpolation method to Automatic

If you want Nearest Neighbor interpolation method works wonders for pixel art advanced discretization, you don't want to beat yoga with downsampling. Change the interpolation method back automatic. Tse turn the key back in Photoshop, and when the number of the image is changed, the image is automatically selected Bicubic Sharper :

Set the interpolation method to Automatic.

When you are ready to change the size of the illustration to the exact size, press the OK button to close the dialog box, and you are done:

Press the OK button to change the image.

And there we have it! How can you achieve the best results when changing the size of pixel graphics, zooming the screen, or similar Photoshop graphics! For the rest of the series, we can see the best way to improve images in Photoshop CC with an additional new feature, like Preserve Details 2.0!

Abo marvel at the previous lessons of this series:

• 01 — pixels, image expansion and different buildings
• 02 - Photoshop's Image Size Command - Special Features
• 03 - How to change image size for a friend for Photoshop help
• 04 - How to change the size of the image for e-mail and exchange photos.
• 05 - How to open up the image
• 06 - the truth about the image allowed, expanded the file there
• 07 - How to change the pixel graphics size
• 08 - The best way to enhance an image in Photoshop CC

And don't forget that all our assistants are now available for download in PDF format!

Subscribe to our newsletter

Be the first to know if new assistants are given!

Pixelation wins, if you have a low image density and you can recognize the skin pixel with an indefinable eye. If we are unable to correct the pixelization of the image, we can change the problem. As you learn to tweak various features of the Photoshop software, you can change the pixelization of all images.

You can change Photoshop's Pixelation with the help of the Ctrl key on your computer.

Krok 1

View the image for help with Photoshop.

Krok 2

Click the bear on "Pereglyad". Type "Actual pixels" to indicate the pixel size of the image.

Krok 3

Go to your "Main Menu". Type "Filter", "Noise" and, nareshti, "Despeckle". Tse allow virіvnyati pikseli, yakі vengeance your image.

Krok 4

Trim the "Ctrl" and "f" buttons at the same time. Repeat this process for a series of chotiri razi.

Krok 5

Click "Smart Blur" at the "Filter" menu. Adjust your radius by about 2 pixels and your threshold by 14 pixels. Press "Release".

We will more smoothly and equalize for the rahunok the distance/addition of the additional pixels, or the roblolyachi їх napіvprozorimi.

As a result of such a vision, it will become more beautiful and natural to get angry with other pixels that go beyond the cordon of the vision.

This setting is activated on the parameter panel of the next tools:

• , including Rectangular and Magnetic;

Why the same tools?

This group of tools creates a visible area, which is closed between, when editing, which is often necessary, so that the edges become smooth, then smoothed.

But they blame the food, why there are no tools in this list - the stench is also creating a visible region!?

I think more. Like a straight line vision, guess - the stench is square. Creating a straight line of sight, between vertical and horizontal lines, cuti clearly repeat the shape of a pixel, so, we can not defect, if the edges of a rectangle can be sharp and torn - stink straight and straight. It means that smoothing is not necessary for them.

Shvidkogo vision, then there is an alternative parameter - Hardness of penzl, There you will regulate what the edges will be. Moreover, the price is improved, which allows you to adjust the effect for 100% - by the scale.

Strive-but - and then to what? Tse far from the seen area! Correctly. And you didn’t remember that Charivna Gumka and Mayzhe same? It’s just that the gumka immediately sees the pixels, and the wand adds them to the vision. And as for the same principle of diy, then smoothing can be both there and there.

Yak robiti smoothing edges

Krok 1 Choose a tool that will create the area you see.

Krok 2 Check the box Anti-alias (Anti-alias) on the parameter panel in the tool

The tick is put less in front of them, as if the region will be created!

Krok 3

Mustache! Now create a visible area and see all the necessary actions from it. Photoshop automatically stitches around the edges, and corrects them according to its algorithm. It’s impossible for you to lie down and get stuck in the whole process.

For a greater understanding of nutrition, a living butt is needed.

It is permissible to have an image, it is necessary to see the background color.

Viber for which tool Charivny Gumka. This is how the edges of the image will look, unless you check the smoothing box:

Now that butt itself, but the edges will be smoothed:

Marked the pardon in the text - see it and press Ctrl+Enter. Thank you!

The appearance of a broken pixel on the telephone, monitor or TV set - guaranteed to change the mood. You can not mark it for a long time, like a raptom on the succulent flood of the screen, the single color shows an epic flicker at the looking specks!

The pixel is overwhelmed with white, which is always an eyesore, winding up like a vein at the cove and vzagali importantly distinguish them, who do not know about this reason. But we know!

Dead pixel vs dead pixel

dead pixel do not "burn" on fire. Nicholas and the same color. Wine and black on any background. There is no chance for yoga inspiration.

Dead pixel (stuck) choose two colors out of three, or rather one out of three. Tim himself vibrates white. The speck will be black on red, blue or green aphids. Such defects and may have every chance to turn to the cob mill.

Let's get stuck or we'll break the pixel with the help of deyaki zusilla and spend the right time. No, you won’t get a smartphone. Let's see what can be done on LCD (TFT-TN, IPS, VA) or AMOLED matrices.

Broken pixel on iPhone or iPad. Yak tidy up?

Programmatically corrected

1. You can go to the Safari web page jscreenfix.com and click on "Launch JScreenFix" without worrying.

2. Run a small window with a stimulating effect for the singing area of ​​the screen.

3. We put it this way, so that she would slander the place with a beaten pixel and check at least 10 hvilin (which is more, there are more chances for correction).

4. Workable pixel test. Even if it didn’t work, try another sprat of visits.

Correction by mechanical method

1. As software stimulation does not help, the defect should be tried and repaired mechanically (do not rush to throw the iPhone into the wall!).

2. Clear the display of the saw and the hair and turn it on (blocking, for example).

3. Take a lint-free fabric (so as not to tear up the folds) and with light massage strokes for the help of a finger or a gum with a stretch of 3-10 strands, knead the defective area.

4. Zoom in on the display and flip the result. If it didn’t help, then try the same operation with a raised screen without overdoing it with the force of the onslaught (you can damage the adjacent pixels in this way).

Another type of broken pixel is allowed by the heating method

1. Even if the mechanical action does not help, then go ahead until it warms up.

2. Heat the water to a temperature close to the boiling point (if it starts to start bulbs).

3. Take a lint-free cloth and put it in a plastic bag, insuring it with an additional balloon.

4. Trying not to burn your hands, pour hot water into a plastic bag, soaking through the fabric.

5. Krugovі ruhi for the help of improvised "hot-water bottle" knead the problem area for about 5 strands.

Dead pixel for smartphone or tablet. How to correct?

Chat programmatically

1. So, just like the iPhone, we go through the Google Chrome browser to the site jscreenfix.com and follow the instructions below.

2. You can also use a special program from Google Play Store called Dead Pixel Detect and Fix with extended functions.

3. For the help of a special tool, we change the color, against the background of such a beat, the pixel will be black.

4. Press the FIX IT button for the selected defective area.

5. The program for zamovchuvannyam pratsyuє 30 hvilin - perekonaytes, scho smartphone or tablet is charged.

6. Vikonuєmo reverb on bit pikseli tsієyu program.

Mechanical way of ryatuvannya type of dead pixel temperature injection There are identical instructions for the iPhone.