In Photoshop, when working with a large image (or at a large viewing scale), the task often arises of quickly moving to another area of it. To perform this operation painlessly, you need to use special tools.
Navigator Palette
Yes, yes, let's talk about it again, but in a different way. How can you use it to move around the image? First of all, let's remember the frame you just met (see Fig. 4.33). As we have already found out, it selects the area of the image that is currently visible in the document window. But the functions of the frame are not limited to this! Click on it with the mouse button (the pointer will take the form of a hand) and move freely around the reduced image of the document on the palette. Following the frame, the image in the open document window will also move.
If you want to change the color of the frame (and this can happen if the image itself is red and the frame is not visible against its background), click on the palette button
Rice. 4.34. Applying the Rotate View tool to the image. Rotating the canvas is accompanied by the appearance of a virtual
a compass that shows where the top of the image is (red arrow) and where the bottom is (white arrow).
Source: Yuri Anatolyevich Gursky Gennady Gennadievich Kondratyev, Photo fun using Photoshop: St. Petersburg; Saint Petersburg; 2010
Let's take a look at the panel Navigator in Photoshop. To launch it we need to go to the menu Window-Navigator
.
The following window will appear:
Now let's look at all the points in more detail...
The main window of the panel is designed to quickly get to the desired part of the document simply by dragging the red area inside the screen.
The bottom panel menu operates as follows:
In the far left corner you can set a certain percentage of the document size.
A little to the right is a slider with two points. A single click on the left button reduces the document size by 100% or more, and a single click on the right button causes it to increase by 100% or more.
The slider itself, moving left and right, affects the reduction or increase in the size of the document. A more convenient way to minimum costs actions.
And finally, opening in the right top corner paragraph Panel Options, you can select the color of the rectangle, which affects movement around the screen. By default it is red... :) 
The remaining 2 points this menu, like the rest of the program panels:
Close– closes the navigator panel. Close Tab Group– closes a group of panels.
They open in the program's work area, and a line with image titles appears at the top. By switching between them, you can open the pictures you need. In addition, you can move from one image to another using hotkeys Ctrl+Tab. You can also open all the images on the screen at the same time, each in its own window. To do this, click the icon Organize documents , and choose the option that suits you. If you enable the option Freely move all windows , they will be arranged in the form of a ladder, one after another.
Windows can be moved around the workspace by grabbing them by their titles. You can return them to their original places by clicking on the icon Organize documents , and selecting the top left icon.
When you place two windows with images side by side, it is convenient to drag images, or their fragments, from one window to another.
It is also possible in the program Adobe Photoshop CS5 hide toolbar and palettes by pressing a key Tab. IN full screen mode You can view the image by pressing the key F. Pressing these keys again will return all window elements to their original position.
Now let's learn how to navigate through the image: zoom in, zoom out, and move the image around the program's work area if it doesn't all fit in it.
To reduce or enlarge an image, you must use the tool Scale(magnifying glass). Hotkey to call this tool: Z. Click on the magnifying glass icon, and a line of settings for this tool appears at the top.
Default tool Scale set to increase. After selecting this tool, the cursor will take the form of a magnifying glass with a plus sign. By left-clicking on the image, you can now enlarge it.
To reduce the image scale, click on the magnifying glass with a minus sign in the settings panel. You can also press the key to do this Alt. While holding down the Alt key, you click on the image again, and the image scale will change.
If the image does not fit on the work area, you can move it using the tool Hand. The hotkey for this tool is H. Click on this tool and, without releasing the key, move the image.
Also a tool Hand You can temporarily connect from another other tool by pressing and holding the spacebar.
Select the tool again Scale, and press Spacebar. You will see that when you press the spacebar, the cursor looks like a hand. So, alternately pressing the key Alt, then the spacebar, you can quickly and easily navigate through the image.
In addition, with the Zoom tool selected, you can enlarge or reduce the image by dragging it to the right or left with the mouse button pressed. This works when the option is enabled in the properties panel Scale by dragging. If this option is disabled, frame magnification is applied when dragging.
Tool Scale the properties panel contains buttons Real Pixels, Fit, Full Screen, Print Size .
Real pixels — actual image size in pixels.
Fit— adjusts the image to fit the screen.
Full Screen — the image enlarges to fill the entire screen and does not fit into the work area, and you have to navigate either with the Hand tool or with sliders along the edges of the work area.
Print size - The print size of the image, which may differ from the actual pixel size of the image because the number of pixels per inch may not be the same when viewed and printed.
You can also navigate using the palette Navigator, which can be activated using the menu Window - Navigator . This palette is used when working with a very large image scale. In the palette you see the entire image, as well as a red frame in the image, and in it is what is currently displayed on the work area. You can move the frame directly in the palette Navigation, looking through the areas you need. Also in the palette Navigation Under the image there is a slider, by moving which you increase or decrease the image scale.
You can also use hotkeys to zoom in and out of images. Ctrl + "+", And Ctrl + "-" .
Select the tool again Scale. The active option in the settings panel In all windows means that scaling will be performed in all windows that are open.
If you are using another tool and want to quickly enlarge the image, you need to click Ctrl + space and, while holding these keys, zoom by dragging the mouse button pressed across the image to the right or left.
Another way to scale: by clicking Alt, roll the mouse wheel. When you turn the wheel up, the image increases, when you turn the wheel down, the image decreases.
Select a tool now Hand, and look at the settings panel. It has an option Scrolling in all windows . If enabled, tool movement Hand will be performed simultaneously in all open windows.
Other buttons in the tool settings panel Hand same as the instrument Scale .
Double click on a tool Hand scales the image to fit the size of the program's working window.
In the tool Hand One more tool is hidden: Rotate a view . To call this tool, click on the tool Hand, and hold down the mouse button and wait until the list of tools appears. From this list you select Rotate a view, and dragging the mouse button pressed over the image to rotate it relative to the center.
When the instrument is turned on Rotate a view you can quickly connect the instrument Hand by pressing the spacebar.
Tool Rotate a view useful if you want to draw straight lines at an angle, or make a rectangular selection at an angle, and for many other similar cases.
More details You can get it in the “All Courses” and “Utilities” sections, which can be accessed through Top Menu site. In these sections, articles are grouped by topic into blocks containing the most detailed (as far as possible) information on various topics.
You can also subscribe to the blog and learn about all new articles.
It does not take a lot of time. Just click on the link below:
Let's look at document navigation (Navigator palette).
To work more thoroughly on individual fragments of the image, individual sections of it need to be enlarged, but for general perception it would be nice to reduce the image, i.e. watch it close up. To make it easier to work with images in Photoshop, there is a fairly large set of tools.
General control for image scaling is located in the navigator palette. The palette comes with a small icon that contains your image. This icon has a red frame that shows the area of the image that fits in the document window.
When you hover the cursor over its (cursor) icon appearance is converted to a cursor of type hand. Now you can move the frame on the icon, thus changing the area of the image that should be displayed in the document window. You can tell Photoshop which area interests you. To do this, you need to hold Ctrl and outline the area you are interested in in the preview icon of the navigator palette.
At the bottom are the image viewing controls. At the bottom left is the zoom factor input field. The current image display scale is also displayed there. In the center there is a slider that allows you to smoothly change the scale. Move to the left, the scale decreases, and move to the right, the scale increases.
To the left of the smooth zoom slider there is a step-by-step zoom out button. Each click on it reduces the zoom by a fixed amount. On the right is a step-by-step zoom button.
The most convenient thing in document navigation is the ZOOM and HAND tools.
Select the ZOOM tool and click on the image. When clicked, the image will enlarge. If you click on the image while holding down the Alt key, the scale will decrease. The ZOOM tool can be called by hotkey Z.
The HAND tool is designed to move an enlarged image within the document window. This tool can also be called hotkey H.
It is very convenient that the HAND tool can be called temporarily by pressing and holding Spacebar. When you release the spacebar, Photoshop will return you to your current tool. The same applies to the ZOOM tool. This tool is temporarily called up using the key combinations Ctrl+space - increase and Alt+space - decrease.
|
Keyboard shortcuts for this section: |
|
|
Double click on the button, or Ctrl + O (zero) |
Fitting the image to the window size |
|
Double click on the button, or Alt + Ctrl + O (zero) | |
In this tutorial we will learn how to manage the various panels that make up a fairly large part of the interface. Photoshop programs CS6, and organize your work with them.
We use panels very often when working in Photoshop. For example, when we add, remove, select, and arrange layers in our document, we are working in the Layers panel. Also, when working with this panel, we add layer masks and various effects. When we create adjustment layers and subsequently work with them, we use the Adjustments and Properties panels.
We can select colors using the Color and Swatches panels, work with individual color channels using the Channels panel, return to a previous action in our work using the History panel, and much more. Having so many panels can be confusing when working with Photoshop, especially if you're new to the field, which is why it's important to know how to manage the panels and how to arrange them on the screen.
Before we start looking at panels, let's make sure we have the same panels in the same places on our screens. To do this, we must be sure that we have a standard operating environment for the program installed. In other lessons, we looked at what the program's working environment is. Essentially it is a way for the program to remember which panels should be placed on the screen and where they should be located.
The program works with several built-in working environments, from which we can choose the ones we need and even create our own at our discretion. Currently, if you look in the upper right corner of the program interface, you will see a window for selecting the “Work Environment” option. The phrase “Workspace” itself is not specified anywhere, but by default the “Essentials” parameter should be set there. If another parameter is set, click on the window and from the list that appears, select the top one - “Main working environment”:
In the Options window, "Primary Workspace" must be selected
Next, let's reset all settings and reload the "Primary Workspace" option so that all panels return to their original positions. Most likely, they are already located in their original places if you have not yet worked with the interface, but to be completely sure of this, click on the word “Primary workspace” in the options window and select “Reset Primary workspace” ( Reset Essentials) at the bottom of the list:
Reset all settings and reboot the “Main working environment” parameter
Now that you and I are convinced that we see the same panels, let's learn how to manage them and how to organize them. Photoshop panels are arranged in columns with right side screen. By default, there are two columns with panels - the main column on the right and a secondary, narrower one on the left (in the figure below, both columns are highlighted):
The panels are located in two columns along the right edge of the program interface
Let's take a closer look at the main column with panels. By default, Photoshop has three panels - the Color panel (at the top of the column), the Adjustments panel (in the middle), and the Layers panel (at the bottom of the column). . How do we know that we are working with the Color, Adjustments, and Layers panels? We'll understand this based on the title tab that each panel has at the top:
Three panels - Color, Adjustments and Layers - open in the main panel column
You may have noticed that although only three panels are open, there are actually more panels located in the main column. We can clearly see other tabs with different panel titles. For example, the top Color panel has a heading on the right side called Swatches, the Adjustments panel has a heading called Styles, and the Layers panel has two other headings called Channels. ) and “Contours” (Paths). What's the matter? Since working in Photoshop involves constantly dealing with multiple panels, Adobe had to find a way to avoid excessive screen clutter. A solution was proposed - to combine, “mount” two or more panels into separate groups of panels. Thus, several panels can take up the space of one panel!
How it works? Let's look again at one of the panels open in our this moment, - to the “Color” panel. We know this is the Color panel because the panel title at the top says Color. Next to it there is another tab with the heading “Samples”. This is an additional title for a panel that is grouped together with the Color panel, but is currently hidden behind the Color panel. Only one panel can be active at a time in a group, and we can always tell which panel it is because the titles of other, inactive, panels are dimmed and have grey colour. To switch between panels in a group, simply click on their tab titles. In my case, the Color panel is active, but if I click on the tab titled Swatches, the Swatches panel becomes active, coming to the front. The Color panel will be hidden behind the Swatches panel, but I can easily make it active again at any time by clicking on its heading:
To switch from the Color panel to the Swatches panel, click on the title
I'll do the same with the Adjustments panel, which is currently active in its own group. I can see that the Styles panel is in the same group behind the Adjustments panel. To switch to the Styles panel, I'll click on its title. This action will cause the Styles panel to become active and the Adjustments panel to hide behind it. When I need to make the Adjustments panel active again, I'll simply click on its title:
Switch between the “Adjustments” and “Styles” panels by clicking on their titles
Notice that the Adjustments panel is located first in the group, and the Styles panel is second. There is no specific reason why the Adjustments panel is in first place, and in fact, changing the order of the panels is easy. All we need to do is click on the tab with the title desired panel and, while holding down the mouse button, move the tab left or right. In my case, I selected the Adjustments panel by clicking on it and, without releasing the mouse button, moved the panel to the right on the other side of the Styles panel:
Click on the tab with the title of the “Adjustments” panel and move it
After moving the panel title tab to Right place, I release the mouse button and the panel moves to a new position. Now the “Styles” heading is the first in the group of panels, and the “Correction” heading is second:
The order of the headings was easily changed
What if, instead of just changing the order of the headings within one group, I wanted to move the panel to another group? Let's say, for example, that I want to move the Styles panel into the same group as the Color and Swatches panels. In order to do this, I just need to click on the tab with the title "Styles" and, again holding down the mouse button, begin to move the tab to the top in new group panels until a blue highlight frame appears around the new group:
A blue highlight border appears around a group of panels that I want to add a new panel to
The blue frame signals that I can release the mouse button, at which point the program will merge the Styles panel into a group containing the Color and Swatches panels. Notice that the Adjustments panel now sits alone in its own group, which is still a group even though it only has one panel (after all, we can add to that group at any time other panels):
In a programmePhotoshop is very easy to move panels from group to group.
As we have already noted, the “Correction” panel is now in a separate group. In fact, we can create a new group from any panel. Let's say I want to place the Color panel, which is currently in a group with the Swatches and Styles panels, into its own group, and I also want to position this new group just above the Adjustments panel. To do this, I'll click on the tab titled "Color" and, while holding down the mouse button, begin to move the tab towards the Adjustments panel until a blue highlight rectangle appears between the two existing panels. It's important to note that this time we're waiting for the highlight rectangle to appear, not the bounding box:
A blue highlight rectangle appears between two groups of panels
Once the highlight rectangle appears, I'll release my mouse button and Photoshop will place the Color panel in its own group between the other two groups:
A new group has been created for the Color panel
We can temporarily collapse panel groups to make more room for panel content in other groups. To temporarily collapse a group, double-click any tab with a title in that group. While the group is collapsed, all you see in it is a list of tabs with panel titles. In my case, I double-clicked the Swatches tab to collapse the group it belonged to:
Double-click any tab with a title to collapse a group of panels
To again display the entire contents of the group, click on the panel title tab once, which is what I did in my example with the Swatches tab. Double click mouse button collapses the contents of the group, a single click displays all the contents of the group:
Click on any tab with a title once to expand the panel group
If you no longer need an individual panel in a group and want to close it, click on that panel's title tab to make it active, and then click on the menu icon located in the top right corner of the panel. In my case, I click on the Color panel menu icon:
Each panel has its own menu, which can be accessed by clicking on the corresponding menu icon
From the menu that appears, select the “Close” command:
From the list of commands in the Color panel menu, select “Close”
This action will close one specific panel while the other panels in the group remain open. In my case, the Swatches panel remained open and the Color panel closed:
The Color panel has closed, but the Swatches panel remains open
If you want to close a group of panels entirely, click on the same menu icon in the upper right corner:
Click on the menu icon again
This time, to close the entire group of panels, from the list of menu commands that appears, select the “Close Tab Group” command:
Select the command “Close tab group”
And now a whole group of panels have disappeared (the Color and Swatches panels):
Column of panels after closing the group containing the Color and Swatches panels
To reopen a panel after closing it, or to open any other program panels, go to the “Window” section in the menu bar at the top of the screen:
In the menu bar, select the “Window” section
This action will lead to the opening of a menu section where, among other items, you can see a complete list of panels available to us in Photoshop. A check mark next to the panel name means that this panel is open and placed on the screen:
To view full list panels go to the “Window” section
To open a panel that is not yet displayed on the screen (which does not have a checkmark next to it), simply click on its name in the list of panels. I'll reopen the Color panel by clicking on it:
Select the “Color” panel in the “Window” section»
And now the Color panel has reappeared in the main panel column. Notice that the Swatches panel has also appeared on the screen. This happened because the Color panel was grouped with the Swatches panel before closing, and Photoshop remembered this. The program also remembered that the Color and Swatches panel group was located directly above the Adjustments and Styles panel group. By remembering the location of the panels, the program greatly simplifies our work:
The Color panel (and Swatches panel) has been re-mirrored on screen
Before we continue, I'll add a small but important note - when we view the full list of panels in the Window section of the menu, a check mark next to the name of an individual panel means not only that it is open, but also that it is currently currently active in her group. Other panels can also be open in a group, but if they are not active (their contents are hidden behind the active panel), they will not have a check mark next to their name. For example, if we look at the Layers panel, we see that it is grouped with two other panels, Channels and Paths. But the Layers panel is currently active in the group:
The Layers panel and the Channels and Paths panels behind it
If we look at the list of panels in the Window menu section, we will see that the Layers panel, of course, has a checkmark next to its name. However, despite the fact that the Channels and Paths panels are also open on the screen, there are no checkmarks next to their names, since they are not currently active panels:
Only the Layers panel has a checkmark next to its name (unlike the Channels and Paths panels)
I'll click on the panel tab titled "Channels" to make it active in the group, causing the Layers panel to fade into the background along with the Paths panel:
Switch to the “Channels” panel
And now, if we look again at the list of panels in the “Window” section, we will see that a check mark has appeared next to the “Channels” panel. The Layers panel is still open (if I had closed it the way we walked through earlier, it would have disappeared from the screen completely), but since it is no longer the active panel in the group, there is no check mark next to its name. And of course, there is no checkmark next to the name “Contours” either. Sometimes this checkbox can confuse us. The presence of a checkmark means that the panel is open and active, the absence of a checkmark means that the panel may be closed (it is not reflected anywhere on the screen) or simply inactive and hidden behind the active panel in its group:
There is now a check mark next to the name of the “Channels” panel, and there is no longer a check mark next to the name “Layers”
So far we have only looked at the main column with panels, but to the left of the main column there is also a secondary column. At first glance, this column seems a little strange because, by default, the panels in this column are presented as icons:
The second column with panels is located to the left of the main column
Initially, this second column contains two panels - the History panel at the top and the Properties panel below it. You may be thinking with irritation: “How can we figure out what these panels are by looking at the incomprehensible icons?” First, if you have the Show Tool Tips option checked in the Settings section (it's checked by default), as soon as you hover your mouse over each icon, the panel names will appear on the screen.
Secondly, and this is much more convenient, you can hover your mouse over the left edge of the column and it will turn into a double-headed arrow. Once the arrow appears, click on the edge of the column and, while holding down the mouse button, drag the edge to the left to resize the panel. As we move the edge, the names of the panels will appear next to the icons, which will be much more useful for us. Once you've added enough space for the panel titles to fit in, release your mouse button:
Change the width of the second column with panels to display the panel names next to the icons
The secondary column is especially suitable for placing panels on it that we need open not all the time, but periodically. The good thing about displaying panels as icons is that in this form the panels do not take up much space on the screen, and we can quickly access them. If we click on the panel icon (or its name), Photoshop will temporarily expand the panel to its full size so we can work with it. In my case, I'll expand the History panel by clicking on its icon/title:
Click on the icon/title of the “History” panel to expand it to full size
To collapse the panel back to icon view, we can either click on its icon/title again, or click on the little double arrow icon:
Click on the small double arrow icon to collapse the panel
We can expand all the panels in the second column at once by clicking on the smaller double arrow icon in the top right corner of the column:
In order to collapse all panels even further - to the view of only icons, move the mouse cursor over the line separating the main and secondary column. When your cursor turns into a double-headed arrow, click on the dividing line and drag it to the right until only the panel icons remain visible. When working with columns, where all panels are presented only as icons, a lot of space is freed up on the screen. free space, however, for the work to be effective, you must remember the names of all the icons well. I wouldn't recommend this way of displaying panels, but that's just my opinion:
Now all panels in both columns are presented as icons
To quickly expand the main column of panels to full size, click the double arrow icon in the top right corner again:
Click on the double arrow to expand the main column with panels to full size
And now the main column is presented in its original expanded form, which is how I usually leave it:
The main column is now presented in its original expanded form
Moving panels between columns
We can move panels from one column to another with the same ease as between groups. In my case, I opened several more panels (Histogram, Info, and Navigator) by selecting them from the Window menu. The program placed the panels in a secondary column, along with the History and Properties panels that were originally in the column:
Three new panels have been added to the second column
Let's say I want to group the Properties panel, which is located in a secondary column, with the Adjustments panel in the primary column. To do this, you just need to click on the title of the “Properties” panel and, while holding down the mouse button, begin to move the panel in the main column to the “Adjustments” panel until the familiar blue highlight frame appears:
Move the “Properties” panel into the group with the “Correction” panel
I'll release the mouse button and the program will place the Properties panel in a new group in a new column. We can do the same thing in reverse by clicking on the bar and moving it from the primary to the secondary column:
The Properties panel is now grouped with the Adjustments and Styles panels
Finally, I suggest you consider a few useful keyboard shortcuts for temporarily hiding all panels on the screen. Pressing the Tab key once will cause all panels on the right side of the screen, the toolbar on the left side, and the settings panel at the top of the screen to temporarily disappear. In other words, all panels except the menu bar will disappear. Pressing the Tab key again will cause all panels to appear in place.
To hide panels located only on the right, press Shift+Tab once. Pressing Shift+Tab a second time will bring the panels back:
The panels located on the right will temporarily hide after pressing a key combinationShift+Tab
At hidden panels Move your mouse all the way to the right side of the screen and the panels will temporarily appear on the screen. If you move your mouse cursor away from the right side of the screen, the panels will disappear again:
Moving the mouse cursor to the right side of the screen will temporarily display the panels
I'll add a small note at the end... If during our lesson you worked with the panels yourself, making some changes on the screen, and now you want to return initial settings panels, simply restart the “Main work environment” parameter, following the steps that we discussed at the very beginning of our lesson.
And now we're done! We looked in detail various ways working with the panels that make up a significant part of the Photoshop CS6 interface! To further explore the program, visit our Photoshop Basics section for various tutorials on layers, selections, interface, and other elements of the program, or explore other topics that interest you!
Translation: Ksenia Rudenko