{"id":19684,"date":"2017-09-12T09:16:17","date_gmt":"2017-09-12T13:16:17","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=19684"},"modified":"2022-11-01T17:45:15","modified_gmt":"2022-11-01T21:45:15","slug":"how-to-use-the-navigator-panel-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/","title":{"rendered":"How to use the Navigator Panel in Photoshop"},"content":{"rendered":"<div class=\"video3\">\n<div class=\"video-container\">\n    <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/Mv5ajI-4464?start=1090\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<div class=\"summary-novideo\">\n<p>This tutorial shows you how to use the Navigator panel in Photoshop to zoom and pan images, and why the Navigator panel is like having the Zoom Tool and the Hand Tool rolled into one!<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>So far in this series on <a href=\"\/basics\/photoshop-image-navigation\/\" title=\"Navigating images in Photoshop - Chapter index\">navigating images in Photoshop<\/a>, we\u2019ve learned how to zoom in and zoom out of an image with the Zoom Tool and how to pan or scroll an image using the Hand Tool. But Photoshop also includes a Navigator panel designed specifically for zooming and panning. In fact, the Navigator panel is a lot like having the Zoom Tool and the Hand Tool rolled into one. Let\u2019s see how it works.<\/p>\n<p>I'm using <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get the latest version of Adobe Photoshop\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop 2022<\/a> but any recent version will work. To get the most from this lesson, be sure to read through the first tutorial in this series to <a href=\"\/basics\/photoshop-zoom\/\" title=\"Learn more\">learn the basics of zooming and panning images<\/a> before you continue. <\/p>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h2 class=\"sub\">Opening an image<\/h2>\n<p>You can follow along by opening any image in Photoshop. I\u2019ll use <a href=\"https:\/\/prf.hn\/l\/eYjk1Jy\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">this image<\/a> from Adobe Stock.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/original-photo.jpg\" alt=\"An image newly opened in Photoshop\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">An image newly opened in Photoshop.<\/div>\n<h2 class=\"sub\">Where do I find the Navigator panel?<\/h2>\n<p>The Navigator panel is not part of Photoshop\u2019s default workspace, which means we need to open it ourselves. So to open it, go up to the <strong>Window<\/strong> menu in the Menu Bar.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/open-window-menu-photoshop.png\" alt=\"Opening the Window menu from Photoshop's Menu Bar.\" width=\"341\" height=\"103\" \/>\n<div class=\"image-desc\">Opening the Window menu.<\/div>\n<p>Here you\u2019ll find a list of all the panels available in Photoshop. Click the <strong>Navigator<\/strong> panel to open it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/open-navigator-panel-photoshop.png\" alt=\"Opening Photoshop's navigator panel.\" width=\"249\" height=\"106\" \/>\n<div class=\"image-desc\">Opening the Navigator panel.<\/div>\n<p>The Navigator panel opens in the secondary panel column to the left of the main column. And these panels are displayed only as icons until we click on an icon to expand it.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/photoshop-navigator-panel.png\" alt=\"The Navigator panel opens in the secondary panel column in Photoshop.\" width=\"419\" height=\"317\" \/>\n<div class=\"image-desc\">The Navigator panel opens in the secondary panel column.<\/div>\n<h2 class=\"sub\">A quick tour of the Navigator panel<\/h2>\n<p>Photoshop\u2019s Navigator panel is pretty simple. There\u2019s a main <strong>preview window<\/strong> surrounded by a red outline (which we\u2019ll come back to in a moment) where we see the image. <\/p>\n<p>The <strong>current zoom level<\/strong> is displayed in the lower left of the panel. And a <strong>slider bar<\/strong> along the bottom lets us change the zoom level by dragging the slider left or right.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/navigator-panel-photoshop.png\" alt=\"The Navigator panel in Photoshop.\" width=\"228\" height=\"193\" \/>\n<div class=\"image-desc\">Photoshop's Navigator panel.<\/div>\n<h2 class=\"sub\">How to resize the Navigator panel<\/h2>\n<p>But the first thing you\u2019ll probably want to do is make the Navigator panel larger. And you can resize it by clicking and dragging the bottom left corner outward.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/resize-navigator-panel.jpg\" alt=\"Resizing the Navigator panel in Photoshop.\" width=\"802\" height=\"501\" \/>\n<div class=\"image-desc\">Dragging the bottom left corner to resize the Navigator panel.<\/div>\n<h2 class=\"sub\">The view box<\/h2>\n<p>The red outline around the image in the preview window is the <strong>view box<\/strong>. The box surrounds the section of the image that\u2019s visible in Photoshop's main document window at the current zoom level. <\/p>\n<p>Since I\u2019m zoomed out far enough to see my entire image in the document window, the box is surrounding the entire image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/navigator-panel-view-area.jpg\" alt=\"The View Box in Photoshop's Navigator panel.\" width=\"471\" height=\"399\" \/>\n<div class=\"image-desc\">The red outline is the view box.<\/div>\n<h2 class=\"sub\">Zooming with the slider bar<\/h2>\n<p>But if I zoom in on the image by dragging the bottom slider to the right, the view box shrinks to surround just the area I'm zoomed in to. <\/p>\n<p>This makes it easy to keep track of exactly which part of the image you\u2019re looking at in the document window since the entire image is always visible in the Navigator panel.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/zoom-in-with-navigator-panel.jpg\" alt=\"The view box in the Navigator panel resizes as you zoom in closer.\" width=\"802\" height=\"502\" \/>\n<div class=\"image-desc\">The view box in the preview window resizes as you zoom in closer.<\/div>\n<h2 class=\"sub\">Dragging the view box to pan the image<\/h2>\n<p>Once you\u2019re zoomed in, you can pan around the image to inspect different areas by clicking inside the view box in the preview window and dragging it to different spots.<\/p>\n<p>Here I\u2019ve dragged the box around the sailboat on the right, which lets me view that part of the image in the document window.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/pan-image-with-navigator-panel.jpg\" alt=\"Dragging the outline in the Navigator panel to pan or scroll around the image.\" width=\"803\" height=\"455\" \/>\n<div class=\"image-desc\">Drag the outline to pan or scroll around the image.<\/div>\n<h2 class=\"sub\">The Zoom in and Zoom Out icons<\/h2>\n<p>Along with dragging the slider, you can zoom in by clicking the <strong>large mountain icon<\/strong> to the right of the slider, or zoom out by clicking the <strong>smaller mountain icon<\/strong> on the left.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/navigator-panel-zoom-icons.jpg\" alt=\"The zoom in and zoom out icons in the Navigator panel in Photoshop.\" width=\"522\" height=\"400\" \/>\n<div class=\"image-desc\">Click the mountain icons to zoom in and out.<\/div>\n<h2 class=\"sub\">Entering a specific zoom value<\/h2>\n<p>You can also change the zoom level by highlighting the current value in the lower left, entering a new value, and then pressing <strong>Enter<\/strong> on a Windows PC or <strong>Return<\/strong> on a Mac.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/enter-specific-zoom-level.jpg\" alt=\"Entering a specific zoom level in the Navigator panel.\" width=\"613\" height=\"447\" \/>\n<div class=\"image-desc\">Enter specific zoom values in the lower left.<\/div>\n<h2 class=\"sub\">Zooming with the hidden scrubby slider<\/h2>\n<p>And here\u2019s a couple of tricks to use with the Navigator panel. First, if you hover your mouse cursor over the zoom level in the lower left, and press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard, your cursor will change to a <strong>scrubby slider<\/strong>. You can then click and drag left or right with the scrubby slider to zoom in or out.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/navigator-panel-scrubby-slider.png\" alt=\"How to access the hidden scrubby slider in Photoshop's Navigator panel.\" width=\"310\" height=\"148\" \/>\n<div class=\"image-desc\">Hold Ctrl (Win) \/ Command (Mac) to access the scrubby slider.<\/div>\n<h2 class=\"sub\">Dragging a view box manually<\/h2>\n<p>Or if you press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and hover over the image in the preview window, your cursor will change to a <strong>magnifying glass<\/strong>.<\/p>\n<p>But instead of clicking to zoom in like you would with the Zoom Tool, you can click and drag a view box around whatever it is you want to zoom in on.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/draw-zoom-selection-outline-navigator-panel.jpg\" alt=\"Dragging a view box around an area to zoom in with the Navigator panel.\" width=\"522\" height=\"392\" \/>\n<div class=\"image-desc\">Holding Ctrl (Win) \/ Command (Mac) and dragging around an area to zoom in.<\/div>\n<h2 class=\"sub\">How to change the view box color<\/h2>\n<p>If you\u2019re having trouble seeing the view box in front of your image, you can change its color by clicking the Navigator panel\u2019s <strong>menu icon<\/strong> in the upper right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/navigator-panel-menu-icon.jpg\" alt=\"Clicking the Navigator panel menu icon.\" width=\"305\" height=\"188\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>Choosing <strong>Panel Options<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/open-navigator-panel-options.png\" alt=\"Opening the Navigator panel options.\" width=\"223\" height=\"130\" \/>\n<div class=\"image-desc\">Opening the Panel Options.<\/div>\n<p>And then choosing a new color in the Panel Options dialog box, either from the list of presets or by clicking the color swatch and choosing one from the Color Picker. <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/panel-options-dialog-box.png\" alt=\"The Panel Options dialog box.\" width=\"406\" height=\"339\" \/>\n<div class=\"image-desc\">The Panel Options dialog box.<\/div>\n<h2 class=\"sub\">How to hide the Navigator panel<\/h2>\n<p>Finally, to hide the Navigator panel when you\u2019re done, just click its icon in that secondary panel column.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/2022\/navigator-panel\/hide-navigator-panel.png\" alt=\"How to collapse the Navigator panel in Photoshop.\" width=\"193\" height=\"181\" \/>\n<div class=\"image-desc\">Click the icon to hide the Navigator panel.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! In the next lesson in this <a href=\"\/basics\/photoshop-image-navigation\/\" title=\"Navigating images in Photoshop - Chapter index\">Navigating Images in Photoshop series<\/a>, we'll learn how a relatively new feature in Photoshop known as <a href=\"\/basics\/photoshop-cc-overscroll\/\" title=\"Learn more\">Overscroll<\/a> lets us pan an image even when it already fits on the screen! Or visit my <a href=\"\/basics\/\" title=\"Learn more\">Photoshop Basics<\/a> section for more topics for beginners!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how Photoshop&#8217;s Navigator panel makes it easy to zoom and pan images, and why it&#8217;s perfect for navigating your images when you&#8217;re zoomed in!<\/p>\n","protected":false},"author":1,"featured_media":32084,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-19684","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to use the Navigator Panel in Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how Photoshop&#039;s Navigator panel makes it easy to zoom and pan images, and why it&#039;s perfect for navigating your images when you&#039;re zoomed in!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use the Navigator Panel in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how Photoshop&#039;s Navigator panel makes it easy to zoom and pan images, and why it&#039;s perfect for navigating your images when you&#039;re zoomed in!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-12T13:16:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-01T21:45:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/09\/navigator-panel-photoshop-tutorial-f.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"How to use the Navigator Panel in Photoshop\",\"datePublished\":\"2017-09-12T13:16:17+00:00\",\"dateModified\":\"2022-11-01T21:45:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/\"},\"wordCount\":1091,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/09\\\/navigator-panel-photoshop-tutorial-f.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/\",\"name\":\"How to use the Navigator Panel in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/09\\\/navigator-panel-photoshop-tutorial-f.jpg\",\"datePublished\":\"2017-09-12T13:16:17+00:00\",\"dateModified\":\"2022-11-01T21:45:15+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how Photoshop's Navigator panel makes it easy to zoom and pan images, and why it's perfect for navigating your images when you're zoomed in!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/09\\\/navigator-panel-photoshop-tutorial-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/09\\\/navigator-panel-photoshop-tutorial-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to zoom and pan images with the Navigator panel in Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/how-to-use-the-navigator-panel-in-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to use the Navigator Panel in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to use the Navigator Panel in Photoshop","description":"Learn how Photoshop's Navigator panel makes it easy to zoom and pan images, and why it's perfect for navigating your images when you're zoomed in!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"How to use the Navigator Panel in Photoshop","og_description":"Learn how Photoshop's Navigator panel makes it easy to zoom and pan images, and why it's perfect for navigating your images when you're zoomed in!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2017-09-12T13:16:17+00:00","article_modified_time":"2022-11-01T21:45:15+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/09\/navigator-panel-photoshop-tutorial-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"How to use the Navigator Panel in Photoshop","datePublished":"2017-09-12T13:16:17+00:00","dateModified":"2022-11-01T21:45:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/"},"wordCount":1091,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/09\/navigator-panel-photoshop-tutorial-f.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/","name":"How to use the Navigator Panel in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/09\/navigator-panel-photoshop-tutorial-f.jpg","datePublished":"2017-09-12T13:16:17+00:00","dateModified":"2022-11-01T21:45:15+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how Photoshop's Navigator panel makes it easy to zoom and pan images, and why it's perfect for navigating your images when you're zoomed in!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/09\/navigator-panel-photoshop-tutorial-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/09\/navigator-panel-photoshop-tutorial-f.jpg","width":250,"height":250,"caption":"How to zoom and pan images with the Navigator panel in Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/how-to-use-the-navigator-panel-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/"},{"@type":"ListItem","position":3,"name":"How to use the Navigator Panel in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/19684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=19684"}],"version-history":[{"count":50,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/19684\/revisions"}],"predecessor-version":[{"id":33542,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/19684\/revisions\/33542"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/32084"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=19684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=19684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=19684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}