{"id":1214,"date":"2014-12-11T05:57:38","date_gmt":"2014-12-11T02:57:38","guid":{"rendered":"http:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/?p=1214"},"modified":"2019-02-24T15:40:40","modified_gmt":"2019-02-24T12:40:40","slug":"resizing-images-photoshop-canvas-tutorial","status":"publish","type":"post","link":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/resizing-images-photoshop-canvas-tutorial\/","title":{"rendered":"Resizing Images in Photoshop and Canvas Tutorial"},"content":{"rendered":"<div style=\"color: #000000;\">\n<h2 style=\"color: #000000;\"><span style=\"color: #ff0000;\"><strong>Get The Book<\/strong><\/span><\/h2>\n<p><strong><a href=\"http:\/\/sweetmonia.com\/Learn-Photoshop-CC-With-Pictures.html\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/11\/Learn-Photoshop-CC-With-Pictures-Book-Cover.jpg\" alt=\"Learn Photoshop CC With Pictures\" width=\"87\" height=\"115\" \/><\/a><\/strong><\/p>\n<hr \/>\n<p><strong><strong><strong>&#8220;Resizing Images in Photoshop and Canvas Tutorial&#8221; is part of my Photoshop book &#8220;Learn Photoshop CC With Pictures&#8221;<\/strong><\/strong>, which is more revised and covers more concepts than the online tutorials,\u00a0feel free to check out the book<strong> by visiting my <a href=\"http:\/\/sweetmonia.com\/Learn-Photoshop-CC-With-Pictures.html\">Learn Photoshop CC With Pictures Book Page.<\/a><\/strong><\/strong><\/p>\n<\/div>\n<hr \/>\n<p class=\"p1\" style=\"text-align: left;\"><strong><span style=\"color: #008000;\">Important Note For Photoshop CC Users:- At some parts of it. This tutorial explain Resizing Images in Photoshop\u00a0using pictures of some old dialogs that has changed in Photoshop CC. But you can still follow this tutorial without any problem. I wrote a dedicated explanation for both Photoshop CC &amp; Photoshop CS6 and older for more than one place. To ensure that no matter what version you use, you will be able to benefit from the tutorial.<\/span><\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>This lesson is part of the<a title=\"Learn Photoshop The Sweetest Way:- Easy Tutorials for beginners with Pictures To Achieve Results Quickly\" href=\"http:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/learn-photoshop-the-sweetest-way-easy-tutorials-for-beginners-with-pictures-to-achieve-results-quickly\/\"> Learn Photoshop The Sweetest Way<\/a>. To go to the main post\u00a0of the series, either to start out from the beginning or to pick up a lesson to work on. C<a title=\"Learn Photoshop The Sweetest Way:- Easy Tutorials for beginners with Pictures To Achieve Results Quickly\" href=\"http:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/learn-photoshop-the-sweetest-way-easy-tutorials-for-beginners-with-pictures-to-achieve-results-quickly\/\">lick here~<\/a><\/strong><\/p>\n<h2>Quickly Jump To:-<\/h2>\n<ul>\n<li><a href=\"#WRI\">Why resizing images?<\/a><\/li>\n<li class=\"p1\"><a href=\"#TBSFRIIP\">The basic steps\u00a0for resizing images in Photoshop?<\/a><\/li>\n<li class=\"p4\"><a href=\"#RTCOTP\">Resizing the canvas of the picture (instead of the picture itself)<\/a><\/li>\n<li class=\"p4\"><a href=\"#RTICIACD\">Resizing the image canvas in a certain direction<\/a><\/li>\n<li class=\"p4\"><a href=\"#ATMTOTP\">Adding the meme text on the picture<\/a><\/li>\n<li class=\"p4\"><a href=\"#MARIIP\">More about resizing images in Photoshop<\/a>\n<ul>\n<li class=\"p4\"><a href=\"#AMDLOTIRD\">A more detailed look on the Image Resize Dialog (In Photoshop CC and Photoshop CS6 and older)<\/a><\/li>\n<li class=\"p4\"><a href=\"#SGACTRW\">Some guidelines about choosing the resizing way<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#MARTC\">More about resizing the canvas<\/a>\n<ul>\n<li><a href=\"#DTDPAPTTC\">Deciding the direction Photoshop add pixels to the canvas<\/a><\/li>\n<li class=\"p1\"><a href=\"#TROITCSD\">The relative option in the canvas size dialog<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"p4\"><a href=\"#WARIIP\">Word about resizing images in Photoshop.<\/a><\/li>\n<li><a href=\"#S\">Summary<\/a><\/li>\n<\/ul>\n<h2 class=\"p1\"><a id=\"WRI\"><\/a>Why resizing images?<\/h2>\n<p class=\"p1\">Besides\u00a0<a title=\"Cropping Images using the Crop Tool And Rectangle Marquee Tool Photoshop Tutorial, and An Introduction to aspect ratio\" href=\"http:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/cropping-images-using-the-crop-tool-and-rectangle-marquee-tool-photoshop-tutorial-and-an-introduction-to-aspect-ratio\/\">cropping images<\/a>, resizing them is another common feature found in probably all the graphics applications. Including MS Paint. In case resizing images don\u2019t make sense to you. Doing so has many benefits and\u00a0uses. Some of these are:-<\/p>\n<ul>\n<li class=\"p1\">It allows you to send them faster over the Internet. Specially if the image is too big or your Internet\u00a0connection is not that fast.<\/li>\n<li class=\"p1\">For web site owners. Resizing the images to the size\u00a0they will be displayed at on the site makes the site pages\u00a0load faster. Which is the case for many of the pictures used in this series (though in many of them, I kept them at their original size so you could click on them to see the larger version of)<\/li>\n<li class=\"p1\">If you made a forum avatar. Just like we did in the cropping tutorial. You must\u00a0resize the image before uploading\u00a0it to\u00a0the forum server. As forum software pose\u00a0restrictions on the size &amp;\u00a0dimensions of the uploaded pictures.<\/li>\n<\/ul>\n<h2 class=\"p1\"><a id=\"TBSFRIIP\"><\/a>The basic steps\u00a0for resizing images in Photoshop?<\/h2>\n<p class=\"p1\">Suppose we have the following sleeping cat picture (isn\u2019t she cute? :3). Whose dimensions are are 2000 X 1333 Pixels:-<\/p>\n<p class=\"p1\"><strong>Click on the picture to view it in full size. Or to save it on your computer and try the tutorial yourself.<\/strong><\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1216 size-medium\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-1-600x399.png\" alt=\"A cat image we are going to resize\" width=\"600\" height=\"399\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-1-600x399.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-1-800x533.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-1.png 1200w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p class=\"p1\">Let\u2019s say\u00a0I want to resize it so that its width is 1000 pixel instead of 2000. To do that. All you have to do is to select Image -&gt; Image Size from the main menu. And the Image Resize dialog will appear<\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1315\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize.png\" alt=\"Image-Resize\" width=\"205\" height=\"458\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1217\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-2.png\" alt=\"Adorable-Cat-Resizing-Image-2\" width=\"450\" height=\"359\" \/><\/p>\n<p class=\"p1\">The 2000 and the 1333 in the Width &amp; Height fields represents the\u00a0dimensions\u00a0of the image in pixels. We already know that the width of the picture is 2000 pixel and its size is 1333. But that would be very nice to know if we did not~ ;D<\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1218\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-3.png\" alt=\"Adorable-Cat-Resizing-Image-3\" width=\"450\" height=\"359\" \/><\/p>\n<p class=\"p1\">Simply typing 1000 in the Width field will be enough to\u00a0specify the new size we want. Notice how Photoshop keeps changing the height field as you type the new width. It does that to preserve the Aspect Ratio of the picture.<\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1219\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-4.png\" alt=\"Adorable-Cat-Resizing-Image-4\" width=\"452\" height=\"359\" \/><\/p>\n<blockquote>\n<p class=\"p1\">If you are unfamiliar with the concept of Aspect Ratio. Consider reading my\u00a0cropping tutorial\u00a0\u201c<a title=\"Cropping Images using the Crop Tool And Rectangle Marquee Tool Photoshop Tutorial, and An Introduction to aspect ratio\" href=\"http:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/cropping-images-using-the-crop-tool-and-rectangle-marquee-tool-photoshop-tutorial-and-an-introduction-to-aspect-ratio\/\">Cropping Images using the Crop Tool And Rectangle Marquee Tool Photoshop Tutorial, and An Introduction to aspect ratio<\/a>\u201d. Which contains an in-depth explanation about cropping images and the concept of the Aspect Ratio.<\/p>\n<\/blockquote>\n<p class=\"p1\">Now you specified the new width of the picture. Click ok and Photoshop will\u00a0resize\u00a0the image for you. Here is the new image after it was resized.<\/p>\n<p class=\"p1\"><strong>Click on the picture to view it in full size<\/strong><\/p>\n<p class=\"p1\"><a href=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1220 size-medium\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-5-600x400.png\" alt=\"Adorable-Cat-Resizing-Image-5\" width=\"600\" height=\"400\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-5-600x400.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-5-800x533.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Adorable-Cat-Resizing-Image-5.png 1000w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h2 class=\"p4\"><a id=\"RTCOTP\"><\/a>Resizing the canvas of the picture (instead of the picture itself)<\/h2>\n<p class=\"p4\">In additional to resizing the picture. Photoshop allows you to change the size of the canvas. The difference between the two is that resizing the picture add or subtract pixels. Which results in\u00a0creating a bigger or smaller version of it.\u00a0While changing the canvas size merely adds(or remove) new empty pixels for you to paint on. While keeping the size of the original picture intact.<\/p>\n<p class=\"p4\">To demonstrate how that works. Suppose I want to create an Internet meme from\u00a0the adorable cat picture I just resized. To do that. I need to surround the picture with black pixels. With more black pixels on the bottom to write the text on using the text Tool(which will be explained in the future in this series). Here is how to do that:-<\/p>\n<ul>\n<li class=\"p4\">Select Image -&gt; Canvas Size from the main menu<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1242\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Canvas-Resize.png\" alt=\"Canvas-Resize\" width=\"204\" height=\"457\" \/><\/p>\n<ul>\n<li class=\"p4\">The Canvas Size Dialog appears<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1243\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-1.png\" alt=\"Creating-A-Cat-Meme-1\" width=\"477\" height=\"363\" \/><\/p>\n<ul>\n<li>If you are using Photoshop CC. The dialog will look like this(It can be black as well, depending on your settings). Other than the difference in the look. There is no difference in the functionality between the two dialogs.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1244\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Photoshop-CC-Canvas-Resize-Dialog.png\" alt=\"Photoshop-CC-Canvas-Resize-Dialog\" width=\"476\" height=\"361\" \/><\/p>\n<ul>\n<li class=\"p4\">Enter the new width or height in the corresponding field. You can choose to add pixels horizontally by entering a bigger width pixel. Or vertically by entering a bigger height. Since we want both here. I am going to enter a bigger values for both. \u00a0Here the dialog with the values I chose (I go these values by experimenting):-<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1246\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-2.png\" alt=\"Creating-A-Cat-Meme-2\" width=\"477\" height=\"362\" \/><\/p>\n<p class=\"p4\">From the canvas extension colour option. Choose black. This will cause the new added pixels to be black (instead of white or any other colour).<\/p>\n<p class=\"p4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1247\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-3.png\" alt=\"Creating-A-Cat-Meme-3\" width=\"477\" height=\"362\" \/><\/p>\n<p class=\"p4\">Now press ok, and Photoshop will resize the canvas of the picture with newly added black pixels. Here is how the cat picture looked like for me:-<\/p>\n<p class=\"p4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1248\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-4-600x420.png\" alt=\"Creating-A-Cat-Meme-4\" width=\"600\" height=\"420\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-4-600x420.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-4-800x560.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-4.png 1113w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p class=\"p4\"><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-368 \" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/10\/Note1-244x300.png\" alt=\"Note\" width=\"72\" height=\"88\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/10\/Note1-244x300.png 244w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/10\/Note1.png 641w\" sizes=\"auto, (max-width: 72px) 100vw, 72px\" \/><\/strong><\/p>\n<p class=\"p4\"><strong>Note:-<\/strong>\u00a0Checking the Relative checkbox from the Canvas Resize dialog allows you to type how many pixels or centimetres you want to add instead of typing thew new width or height if it<\/p>\n<p class=\"p4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1249\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Relative-Option.png\" alt=\"Relative-Option\" width=\"477\" height=\"362\" \/><\/p>\n<h2 class=\"p4\"><a id=\"RTICIACD\"><\/a>Resizing the image canvas in a certain direction<\/h2>\n<p class=\"p4\">Now we have resized the canvas of the sleeping cat picture. You may have noticed that at the bottom of the picture. There\u00a0is not enough space\/pixels\u00a0at the bottom of the picture to insert the meme text in it. That\u2019s fine. We can add additional\u00a0pixels to the bottom of the page using the Canvas dialog.<\/p>\n<ul>\n<li class=\"p4\">Choose Image -&gt; Canvas Resize from the main menu. The canvas resize dialog appears<\/li>\n<\/ul>\n<p class=\"p4\">\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1242\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Canvas-Resize.png\" alt=\"Canvas-Resize\" width=\"204\" height=\"457\" \/>\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1251\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-21.png\" alt=\"Creating-A-Cat-Meme-2\" width=\"477\" height=\"362\" \/><\/p>\n<ul>\n<li class=\"p4\">In the anchor option. Change the direction in which Photoshop will add pixels. So that it won\u2019t add pixels to\u00a0the top of the image (Just click where it is indicated on the picture)<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1253\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-5.png\" alt=\"Creating-A-Cat-Meme-5\" width=\"478\" height=\"363\" \/><\/p>\n<ul>\n<li class=\"p4\">After changing\u00a0the direction to add pixels. My dialog looks exactly like this:-<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1252\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-6.png\" alt=\"Creating-A-Cat-Meme-6\" width=\"479\" height=\"361\" \/><\/p>\n<ul>\n<li class=\"p4\">Type 35.52 in the height field, I had to experiment a little bit to get this value. In the previous step. We specified that Photoshop won\u2019t add any pixels to the top of the picture. So it has no option but to add them at the bottom of it, so\u00a0the height of the picture become 35.52 CM. Select OK to see the result.<\/li>\n<li class=\"p4\">Here is how the picture looks like for me:-<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1259\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-7-600x542.png\" alt=\"Creating-A-Cat-Meme-7\" width=\"600\" height=\"542\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-7-600x542.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-7-800x723.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-7.png 1024w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><script src=\"\/\/z-na.amazon-adsystem.com\/widgets\/onejs?MarketPlace=US&#038;adInstanceId=aaecfc2d-4e65-4876-8263-00929d0486d8&#038;storeId=DrawingNativeShoppingAds-20\"><\/script><center><a    target=\"_blank\"   onclick=\"ga('send','event','Wacom Book','Click Banner','V')\"    href=\"https:\/\/www.amazon.com\/dp\/B07CK4VR5V\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/r2XEIvU.png\"\/><\/a><\/p>\n<div class=\"BookLinksContainer\"><b>Available in all Kindle Stores:-<\/b><a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.com\/dp\/B07CK4VR5V\">US<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.co.uk\/dp\/B07CK4VR5V\">UK<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.de\/dp\/B07CK4VR5V\">DE<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.fr\/dp\/B07CK4VR5V\">FR<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.es\/dp\/B07CK4VR5V\">ES<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.it\/dp\/B07CK4VR5V\">IT<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.nl\/dp\/B07CK4VR5V\">NL<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.co.jp\/dp\/B07CK4VR5V\">JP<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.com.br\/dp\/B07CK4VR5V\">BR<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.ca\/dp\/B07CK4VR5V\">CA<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.com.mx\/dp\/B07CK4VR5V\">MX<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.com.au\/dp\/B07CK4VR5V\">AU<\/a>&#8211;<a class=\"KDP-International-Link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.amazon.in\/dp\/B07CK4VR5V\">IN<\/a><\/div>\n<p><\/center><\/p>\n<h2 class=\"p4\"><a id=\"ATMTOTP\"><\/a>Adding the meme text on the picture<\/h2>\n<p class=\"p4\">While this tutorial is mainly about resizing images in Photoshop. I didn\u2019t think it would be nice to start making a meme without adding text to\u00a0it. So we will take a little detour to add it. Adding text to images will have its own tutorial in the future~<\/p>\n<ul>\n<li>Select the Horizontal Text Tool <img loading=\"lazy\" decoding=\"async\" class=\"mdd alignnone wp-image-821 size-full\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/11\/Horizontal-Text-Tool.png\" alt=\"Horizontal-Text-Tool\" width=\"27\" height=\"23\" \/>\u00a0from the tools panel.<\/li>\n<li class=\"p4\">Let\u2019s change the text colour to white. From the tool options, click on little coloured square~<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1258\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-8-600x24.png\" alt=\"Creating-A-Cat-Meme-8\" width=\"600\" height=\"24\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-8-600x24.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-8-800x32.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-8.png 814w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<ul>\n<li class=\"p4\">The colour picker appears:-<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1257\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-9.png\" alt=\"Creating-A-Cat-Meme-9\" width=\"557\" height=\"377\" \/><\/p>\n<ul>\n<li class=\"p4\">Select white from the colour picket, at is located at the upper-left corner of the colour picker.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1256\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-10.png\" alt=\"Creating-A-Cat-Meme-10\" width=\"557\" height=\"377\" \/><\/p>\n<ul>\n<li class=\"p4\">Click ok to close the dialogue.<\/li>\n<li class=\"p4\">From the text size menu, choose the text size 72, I picked this one because it is the most suitable one for my picture. I know this because I kept experiencing with different sizes.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1255\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-11-600x176.png\" alt=\"Creating-A-Cat-Meme-11\" width=\"600\" height=\"176\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-11-600x176.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-11.png 773w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<ul>\n<li class=\"p4\">Click where you want your text to start then start typing the meme text. From what I know. Internet memes tend to have a big title and a smaller line of text below it. But for the sake of simplicity. I will ignore that.<\/li>\n<li class=\"p4\">Here is how my meme looks like(I centred the text to make it look better by the way):-<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1254\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-12-600x542.png\" alt=\"Creating-A-Cat-Meme-12\" width=\"600\" height=\"542\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-12-600x542.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-12-800x723.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Creating-A-Cat-Meme-12.png 1024w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2 class=\"p4\"><a id=\"MARIIP\"><\/a>More about resizing images in Photoshop<\/h2>\n<p class=\"p4\">Like always. The tutorial is officially done. And in the rest of the tutorials will focus on giving tips and explaining the options of the dialog we encountered so far. Because the concept of resizing pictures is so obvious, there won\u2019t be an examples section in this tutorial~<\/p>\n<h3 class=\"p4\"><a id=\"AMDLOTIRD\"><\/a>A more detailed look on the Image Resize Dialog<\/h3>\n<h4 class=\"p4\">Resizing images in Photoshop CS6 &amp; older<\/h4>\n<p class=\"p4\">The Resize Image dialog may look a little bit intimidating at first, but the options in it are fairly simple and straight word. I was able to explain all of the one picture:-<\/p>\n<p class=\"p4\"><strong>Feel free to click on the picture to view it in full size.<\/strong><\/p>\n<p class=\"p4\"><a href=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1260 size-medium\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog-600x373.png\" alt=\"Image-Resize-Dialog\" width=\"600\" height=\"373\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog-600x373.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog-800x497.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog.png 1287w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p class=\"p4\">Don\u2019t worry if you didn\u2019t understand everything in the picture. I will reexplain all these options in more details right away~<\/p>\n<h4 class=\"p4\">The pixel dimensions section<\/h4>\n<ul>\n<li class=\"p4\"><strong>The width &amp; height fields:-<\/strong> These two fields allow you to enter the new size of the picture, entering a bigger size will make Photoshop enlarge the picture. And entering a smaller values will make it scale it down. By default. Changing one of the two fields automatically change the other, this is so the picture will retain its Aspect Value(Which is explained in detail in my <a title=\"Cropping Images using the Crop Tool And Rectangle Marquee Tool Photoshop Tutorial, and An Introduction to aspect ratio\" href=\"http:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/cropping-images-using-the-crop-tool-and-rectangle-marquee-tool-photoshop-tutorial-and-an-introduction-to-aspect-ratio\/\">cropping tutorial<\/a>)<\/li>\n<li class=\"p4\"><strong>The unit drop-down menus(besides the Width &amp; Height fields):-<\/strong> This option allows you to choose whatever you enter the new image size by pixel or by percent of the current size. The percent unit makes it easier to resize an image to be double or half its size.<\/li>\n<\/ul>\n<h4 class=\"p4\">The Document Size Section<\/h4>\n<p class=\"p4\">This section is very similar to the pixels dimensions one, except that it allows you to specify the picture size in real-life units instead of pixels or percent. This is very useful if you want to print the picture.<\/p>\n<ul>\n<li class=\"p4\">As with the pixel dimension, you can enter the new Width or Height of the picture in their correspondent field. And as you do that, the new pixels values above of them will change.<\/li>\n<li class=\"p4\">You can choose the unit of the width &amp; height from the drop down menus beside the Width &amp; Height Fields. The following units are available for you to choose from:-\n<ul>\n<li class=\"p4\">Percent<\/li>\n<li class=\"p4\">Inches<\/li>\n<li class=\"p4\">CM<\/li>\n<li class=\"p4\">MM<\/li>\n<li class=\"p4\">Points<\/li>\n<li class=\"p4\">Pica<\/li>\n<li class=\"p4\">Column<\/li>\n<\/ul>\n<\/li>\n<li class=\"p4\"><strong>The constrains Proportions checkbox\u00a0<\/strong>ensure that the picture will retain its aspect value, meaning that you you enter a new Width or Heigh value in the dialog. Photoshop will automatically change the other one so the Aspect Ratio stays the same. Unchecking this option allows you to create squashed images, like this:-<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1339\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Squashed-Image-510x600.png\" alt=\"Squashed-Image\" width=\"510\" height=\"600\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Squashed-Image-510x600.png 510w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Squashed-Image.png 567w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/p>\n<ul>\n<li class=\"p4\"><strong>The resample Image checkbox<\/strong>\u00a0allows you to change the number of pixels in the picture. By unchecking this option. The Width &amp; Height fields on the top of the dialog won\u2019t be editable. But you can change the real-life dimensions of the document. But that won&#8217;t change the number of the pixels in the image. To be honest, I always used the Image Dialog with this option checked, so I can\u2019t say anything else about it.<\/li>\n<li class=\"p4\"><strong>The drop-down menu below the &#8220;Resample Image\u201d checkbox<\/strong>\u00a0allows you to choose the way (or algorithm, in technical terms) Photoshop use to resize your image. Talking about them in detail is out of the scope of this tutorial.\u00a0But you can refer to<a href=\"http:\/\/entropymine.com\/resamplescope\/notes\/photoshop\/\"> this article<\/a> if you want to know about their mathematical details.<\/li>\n<\/ul>\n<p class=\"p4\"><a href=\"#SGACTRW\">Click here jump to Some guidelines about choosing the resizing option.<\/a><\/p>\n<h4 class=\"p4\">Resizing images in Photoshop CC and later.<\/h4>\n<p class=\"p4\">The Image Resize dialog has been overhauled in Photoshop CC. As compared to how it was in Photoshop CS6 and the older version. Some Photoshop users didn\u2019t like how the Image Resize. Which dates back to very old versions of the program(I know it has been there in Photoshop 5) got changed the way it got. While there are some obvious enhancements in the new dialog. I personally feel a bit skeptical about the new dialog. But only time will tell if this is good for us or now~<\/p>\n<figure id=\"attachment_1261\" aria-describedby=\"caption-attachment-1261\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1261 size-medium\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Photoshop-CC-600x289.png\" alt=\"Image-Resize-Photoshop CC\" width=\"600\" height=\"289\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Photoshop-CC-600x289.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Photoshop-CC.png 687w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-1261\" class=\"wp-caption-text\">The Image Resize Dialog in Photoshop CC<\/figcaption><\/figure>\n<p><strong>Click on the image below to view it in full size:-<\/strong><\/p>\n<p><a href=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog-Photoshop-CC.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1264 size-large\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog-Photoshop-CC-800x434.png\" alt=\"Image-Resize-Dialog-Photoshop-CC\" width=\"700\" height=\"379\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog-Photoshop-CC-800x434.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog-Photoshop-CC-600x326.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Image-Resize-Dialog-Photoshop-CC.png 1472w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2 class=\"p4\"><a id=\"SGACTRW\"><\/a>Some guidelines about choosing the resizing way (Or algorithm):-<\/h2>\n<ul>\n<li class=\"p4\"><strong>The Nearest\u00a0<\/strong><b>Neighbour option<\/b>\u00a0\u00a0preserves the hard edges in the resized image. notice\u00a0how the small square below retained its hard edge after it was resized 4 times it dimensions using that option compared resizing it using Bicubic. which is the default way of resizing, which produced a blurred edges of the same square:-<\/li>\n<\/ul>\n<p><strong>Click on the image to view it on full size<\/strong><\/p>\n<p><a href=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Nearest-Neighbor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1262 size-large\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Nearest-Neighbor-337x800.png\" alt=\"Nearest-Neighbor\" width=\"337\" height=\"800\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Nearest-Neighbor-337x800.png 337w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Nearest-Neighbor-600x1424.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Nearest-Neighbor.png 744w\" sizes=\"auto, (max-width: 337px) 100vw, 337px\" \/><\/a><\/p>\n<ul>\n<li class=\"p4\"><strong>Bicubic Smoother<\/strong> is better for increasing the size of images.<\/li>\n<li class=\"p4\"><strong>Bicubic Sharper<\/strong> is better for reducing the size of images<\/li>\n<\/ul>\n<h2><a id=\"MARTC\"><\/a>More about resizing the canvas<\/h2>\n<h3><a id=\"DTDPAPTTC\"><\/a>Deciding the direction Photoshop add pixels to the canvas<\/h3>\n<p class=\"p4\">The Anchor option in the Resize Canvas dialog, which consist of nine squares with an arrow on most of them. Allows you to choose the direction into which Photoshop will add the new pixels. By default, Photoshop will add pixels in all directions. Meaning that if you increased the width by 2 pixels. and the height by 2 pixels as well. Then Photoshop will add 1 pixel in all the directions around the canvas. (The same works for the other units, like centimetre. but I am using pixels here for simplification purpose).<\/p>\n<p class=\"p4\">The other squares\u00a0allows you to exclude one or two directions from gaining any new pixels. For example, if you restricted the pixels from being added to the top of the canvas, and you added 2 pixels to the height of the pixels. Photoshop will add 2 pixels to the button of the canvas. Here is how the anchor option visually works:-<\/p>\n<p class=\"p4\"><strong>Click on the image to view it in full size<\/strong><\/p>\n<p class=\"p4\"><a href=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resize-Canvas-Anchor-Option1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1337 size-medium\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resize-Canvas-Anchor-Option1-600x502.png\" alt=\"Resize-Canvas-Anchor-Option\" width=\"600\" height=\"502\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resize-Canvas-Anchor-Option1-600x502.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resize-Canvas-Anchor-Option1-800x669.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resize-Canvas-Anchor-Option1.png 1024w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3 class=\"p1\"><a id=\"TROITCSD\"><\/a>The relative option in the canvas size dialog<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1266\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Relative-Option1.png\" alt=\"Relative-Option\" width=\"477\" height=\"362\" \/><\/p>\n<p class=\"p4\">The relative option of the canvas dialog allows you to enter how many pixels to add to the canvas. Instead of specifying the absolute width or height of of the canvas. If you have a canvas that is 1000 X 1000 pixels. And you entered 100 pixel in both the width and height field while the Relative option is checked. You will end up with a canvas that is 1100 X 1100 pixels. Similarly you will get the same results by typing 1100 pixels into the width &amp; height fields while the Relative option is unchecked.<\/p>\n<h2 class=\"p4\"><a id=\"WARIIP\"><\/a>Word about resizing images in Photoshop.<\/h2>\n<p class=\"p4\">Trying to enlarge a picture will create a larger picture indeed, but the quality of the picture will deteriorate. As Photoshop image resizing only resize images by inserting new pixels, the colors of these new pixels are guessed based on the current pixels.<\/p>\n<p class=\"p4\">On the other hand, resizing an image to create a smaller one is plausibly possible. To do that. Photoshop eliminates some of the pixels from the pictures<\/p>\n<p class=\"p4\">Take a look at the following cat picture. See how all clear the details in the pictures are, and how it contains no blur or anything of that sort.<\/p>\n<p class=\"p4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1303\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-1-600x579.png\" alt=\"Resizing-Picture-1\" width=\"600\" height=\"579\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-1-600x579.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-1-800x772.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-1.png 1000w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p class=\"p4\">Now look at how it became after it was greatly resized, a lot of details can\u2019t be seen in the picture now now it is smaller. But it still looked good, since reducing the size of images doesn\u2019t have that much bad effect on them.<\/p>\n<p class=\"p4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1304\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-2.png\" alt=\"Resizing-Picture-2\" width=\"100\" height=\"96\" \/><\/p>\n<p class=\"p4\">Let\u2019s resize the small image back to the original size. While Photoshop did a relatively good job at producing the new image from the very little data it has. It still doesn\u2019t look as good as the original image.<\/p>\n<p class=\"p4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1302\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-3-600x576.png\" alt=\"Resizing-Picture-3\" width=\"600\" height=\"576\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-3-600x576.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-3-800x768.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-3.png 1000w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p class=\"p4\">Here is a comparison between the original picture and the resized one:-<\/p>\n<p class=\"p4\"><a href=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1301 size-large\" src=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-4-800x500.png\" alt=\"Resizing images in Photoshop can greatly distorts their details\" width=\"700\" height=\"437\" srcset=\"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-4-800x500.png 800w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-4-600x375.png 600w, https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-content\/uploads\/2014\/12\/Resizing-Picture-4.png 1280w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p class=\"p4\">The example I gave here is a bit of an extreme case. But that\u2019s to give you a good idea on how image resizing actually works.<\/p>\n<h2 class=\"p1\"><a id=\"S\"><\/a>Summary<\/h2>\n<ul>\n<li class=\"p1\">Resizing images in photoshop and other programs is useful for uploading images online and to save space.<\/li>\n<li class=\"p1\">Resizing images in Photoshop is done using the Image Resize Dialog.<\/li>\n<li class=\"p1\">By default, Photoshop retain the Aspect Ratio of the images it resizes, but you can resize images\u00a0however you want.<\/li>\n<li class=\"p1\">Resizing\u00a0the is a good way to add more drawing space to the picture. Which you could use to draw new things or to add pictures from other Photoshop files.<\/li>\n<li class=\"p1\">It is not hard to add Text to pictures. Though there are much more details to\u00a0that than I explained here.<\/li>\n<li class=\"p1\">The Image resize in all the versions of Photoshop gives you a great variety of options for resizing images. Including selecting the unit of the\u00a0resizing and the way (Or the algorithm, if you want to be technical) the resizing is done.<\/li>\n<li class=\"p1\">You can adjust various things in the Resize Canvas dialog. Including the direction into which Photoshop will add the new pixels.<\/li>\n<\/ul>\n<h2 style=\"color: #000000;\">Would you like to learn Photoshop?<\/h2>\n<div style=\"color: #000000;\">Check my Photoshop book<strong><strong>\u00a0<a href=\"http:\/\/sweetmonia.com\/Learn-Photoshop-CC-With-Pictures.html\">Learn Photoshop CC With Pictures<\/a>\u00a0<\/strong><\/strong>which contains a full course on how to use Photoshop in the simplest way possible.<\/div>\n<h2><a id=\"SeeAlso\"><\/a>See Also<\/p>\n<ul>\n<li><a href=\"http:\/\/bit.ly\/2uUMaEp\">Learn Photoshop CC With Pictures<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Get The Book &#8220;Resizing Images in Photoshop and Canvas Tutorial&#8221; is part of my Photoshop book &#8220;Learn Photoshop CC With Pictures&#8221;, which is more revised and covers more concepts than the online tutorials,\u00a0feel free to check out the book by visiting my Learn Photoshop CC With Pictures Book Page. Important Note For Photoshop CC Users:-&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1341,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,14],"tags":[],"class_list":["post-1214","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-art","category-photoshop"],"_links":{"self":[{"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/posts\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":3,"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/posts\/1214\/revisions"}],"predecessor-version":[{"id":7154,"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/posts\/1214\/revisions\/7154"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/media\/1341"}],"wp:attachment":[{"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/media?parent=1214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/categories?post=1214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sweetmonia.com\/Sweet-Drawing-Blog\/wp-json\/wp\/v2\/tags?post=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}