UdemyPSChrisBarin 23-26

3.6. Move Layers
P23 - 00:00
Welcome back. I showed several ways to select layers. Now let's talk about moving them.
P23 - 00:05除了选择图层,还有移动图层。
Let's start with the canvas. You've already seen me use the move tool so far in this course.
P23 - 00:10左侧移动工具。
You select any layer or folder, and you can drag it into any position, including outside the canvas area, although i'd advise against it. That's easy to get.
P23 - 00:19拖拽到目标地和/或画布之外。
This applies to several layers of folders at a time. When you have multiple active tabs, you may want to move some elements around.
P23 - 00:28并排的窗口之间相互移动元素。
saying, I want this Top card in my blank project.
P23 - 00:30比如空白工程顶部图层。
Here's how you do it. You selected group from the layers panel.
P23 - 00:35从图层面板选择组。
You make sure you are on the move tool. you click and drag on the canvas until you get it above your other tab. Wait a moment, and photoshop will reveal that project.
P23 - 00:45拖拽到另一个标签中。
Now let go anywhere on the canvas. That's it. So this process is done by working on the canvases.
P23 - 00:51这过程在画布中进行。
I don't recommend you drag from the layers panel as that's not ideal.
P23 - 00:55不建议从图层面板拖拽。
And here's a neat trick. Say I want to position this business card in the middle of my blank canvas.
P23 - 01:01比如选中空白图像中的公司卡片。
Here's how you do that. You select and drag it, but you also hold down shift.
P23 - 01:07按shift选中并拖拽。
When you let go, you will now see it in the middle of your project.
P23 - 01:11释放掉,看到工程中间的图片。
Going back to the initial tab. Don't worry if it seems like you're messing up your positioning.
P23 - 01:15回到开始的标签,不会搞砸项目。
This is only temporary. When you switch projects, you will see your group is exactly where you left it.
P23 - 01:20切换项目。
The only exception is when you let go of your mouse click as you drag it across.
P23 - 01:26例外是拖拽图片。
When you want extra precision while you relocate your layers.
P23 - 01:30重新调整图层。
Here's what you can do. You can use your arrow keys to nudge this card in one pixel increments.
P23 - 01:35比如推动卡片增量。
Right now I'm tapping the left arrow key. Each tap means this group is moving another pixel to the left.
P23 - 01:43逐渐左侧移动像素。
This is great for fine tuning purposes. But if you don't want to mess your keys all day long, add shift to the mix,
P23 - 01:49Shift加左侧箭头。
this will move it in 10 pixel increments.
P23 - 01:5210像素的左移。
So three taps means that this will go 30 pixels to the left, three taps to the right, without shift equals 27 pixels in total. That's how you use these arrow keys in a real world project.

P23 - 02:03这就是用箭头移动像素的方案。
Focusing on the layers panel. We saw, we can cycle through our layers with Alt and our square bracket keys.
P23 - 02:10图层用Alt➕左方括号上下移。
As you can see, I'm selecting layers fast. But if we swap Alt with control, now we're repositioning layers.
P23 - 02:17Alt控,重新定位图层。
Take this thing yet. If I use control on my left square bracket key,
P23 - 02:22控左方括号。
it's going to move inside this folder. If I repeat that hockey, it will go underneath this group called card two.
P23 - 02:30进入到图层组内部。
So this is a great way to reposition layers through a simple hockey control and your square brackets.
P23 - 02:36方扩控,移动图层。
Most of the time, you'll want to use your mouse, though. Here's how this works. Let me close these folders.
P23 - 02:43折叠文件夹。
If I want this layer underneath this folder.
P23 - 02:45想让图层在文件夹下面。
I can click, hold and drag.
P23 - 02:47点击选择拖拽。
Once I release, it's going to be positioned here.
P23 - 02:52释放鼠标,图层位置被调整。
Please remember, this stacking order is supremely important. Your layers should follow a Top to bottom approach.
P23 - 02:59图层顶部到底部的方案。
This is why we are taking the time to discuss this subject. If you throw them around randomly, your project may not look the same.
P23 - 03:06随意放置,项目看起来不同了。
The most obvious example is with your background layer. If you place it at the Top of your layers panel, nothing else will be visible.
P23 - 03:13背景图层放顶部,其它看不到。
Each project is going to be different. So there is no definitive Guide.
P23 - 03:16没有清晰明确的统一定义。
My advice is you try to create a Top to bottom order. here.
P23 - 03:21建议创建从顶部到底部的蜕变。
This would be the following. The vignette, the cards, the shadows. And finally the background.
P23 - 03:26贴图 纸片 阴影 背景。
If you miss this order in any way, the result won't be the same. Now, here's the tricky deal. If we open this Top folder and the second one, you will see it sometimes tricky to reposition our layer.
P23 - 03:40打开贴图组,很难去重置位置。
I'll grab my vignette and drag it down.
P23 - 03:44选中贴图拖动下来。
Notice this highlight that shows up when I'm directly above any of these two folders. That means this layer will be placed inside that group.
P23 - 03:53被重置在被高光的组里。
If you let go, you'll see it's now at the Top of it. By the way, it doesn't matter if the group is collapsed or expanded.
P23 - 03:59组隐藏或拓展无所谓。
The same thing applies either way. Okay, let me go back.

P23 - 04:02都是重置在高光组。
in previous versions of photoshop. When you did the same thing, the layer would go to the bottom of that folder.
P23 - 04:10图层会在文件夹的底部。
If you want that to happen, hold shift, click and drag. Now this vignette is the last layer inside this group.
P23 - 04:17按shift拖拽在该组的末层。
So remember, if you simply reposition it, it's going to go on Top.
P23 - 04:22简单的重置,回到顶部。
If you hold shift and you drag it above any folder, it will be placed at the bottom of the stack.
P23 - 04:28按shift拖拽到底部。
Of course, nothing prevents you from dragging it in any position whatsoever. If you have the group expanded.
P23 - 04:33一组内你可以拖拽到任何位置。
by manually doing so, you get complete control. Notice this horizontal line that shows you between which two layers. This is going to be placed.
P23 - 04:43拖拽到两条线之间可以放置部分。
That's all fine. But let me complicate things. Say I want to reposition this vignette underneath my mask there. It's a simple, right? Just drag it down. Well, here's the thing. I’ll drag it and i'll see this highlight. So far. So good. When I let go, can you tell if this is inside the group or outside it?

P23 - 05:04本组末,上组开头,分辨组内外。
If you want to be sure, collapse this folder? As you see, it's outside it. Let me go back and repeat the very same process. I look for the highlights and drop it. Let's do our test. Ok. Now it's inside. I know this is tricky to get, but it all depends on how you drop it. If you move your mouse downwards, it's going to be outside it. If you move your mouse up, you will place it inside.
P23 - 05:27移动上高光内部,下高光外部。
This is one of those few cases where you have to try it for yourself. You have this PSD attached. So see if you get the idea. And with that, we finish this lecture. Please practice a bit, because coming up next. There's an exercise where you have to go through loads of layers and perform various tasks quickly.
P23 - 05:46下节课下载更多PSD文件。
And I want you to be prepared for it.

3.7. EXERCISE Layer Dexterity

P24 - 00:00
Experiencing. I hope you're ready for an exercise, because this is going to test your skills up until this point.
P24 - 00:11考验技术的时候了。
Open the PSD file that you have attached to this lecture. And you'll see it's pretty hectic. We have layers all over the place. Nothing is labeled. There are a few groups, but they are randomly created.
P24 - 00:21随机创建的几组。
Overall. It's a mess. Here’s your task. I want you to select, move and group all these layers based on their color.
P24 - 00:29基于颜色选择移动所有图层遮罩。
There's five types in total, yellow, teal, green, white, pink.
P24 - 00:34黄 青 绿 白 粉。
You have to do four things. efficiently select them however you want to do that, group them into individual folders, labeled them with their respective color, and move them in a separate side of the canvas.
P24 - 00:46图层中归类,画布中画片。
This means you should have all the yellow layers in the Top left of the canvas, teal in the Top right. Same thing for the bottom sides. And the 5th one should be placed in the middle.
P24 - 00:55左黄顶,右青顶,五居中。
What’s important is, you have five folders in total at the end that are properly labeled and these layers are separated from all the other colors.
P24 - 01:045标签文件夹,其它颜色分离。
This activity will take you around 5 to 7 minutes to complete, depending on your approach.
P24 - 01:09依据你适合方法5-7分钟完成。
Here are a few tips. You'll have to zoom in and out, because some of these layers are particularly tricky.
P24 - 01:15进进出出的反复观看。
You shift to select multiple layers together, review your cheat sheets, and identify which selecting techniques are best suited for the job.
P24 - 01:23快捷键清单,哪一个适合工作。
You can use the existing groups or you can discard them and create new ones.
P24 - 01:27可以用存在的组,也可以用新组。
Of course, it's up to you. If you want to focus on the layers panel. Or if you want to work on the canvas area alone, it's important you time yourself because i'd like you to repeat this exercise.
P24 - 01:37重复训练,每次训练计时。
see how well you do as you try again, please stop the course and get to it.
P24 - 01:42按下暂停,继续测试。
In the next video. I'll show you how I solve this task, but please try it out for yourself. Otherwise you're not going to get the most out of it.
P24 - 01:49自己测试否则体验不到心得。
Post your time in the comments section the first time you do it.
P24 - 01:52第一次操作花了多少时间。
Let’s have a little friendly competition between you and the other students and see who's faster.
P24 - 01:56比一比谁花费时间最短。
Please be fair and don't lie about your results. That's not gonna help anyone.
P24 - 02:00诚实别撒谎。
OK. Good luck.

3.8. Solution Layer Dexterity
P25 - 00:01
Solution for layered ecstasy. Hi, how did you do this exercise? Did you post your time in the comments section? I hope you did, because I'm really curious how you handled it your first time around.
P25 - 00:11好奇第一次操作什么体验。
Now let me explain how i'd approach it.
P25 - 00:14我演示下我做的方案。
First, I toggle all the visibility of each group, so I can see if there is any help.
P25 - 00:18开始开关各组可见度。
As I see it, it doesn't seem like it.
P25 - 00:20看起来相关度不高。
So next i'll select all these layers with CTRL ALT A.
P25 - 00:24Alt A控选图层。
Then i'll right click on a group. And from this list, i'll hit ungroup layers.
P25 - 00:29解除图层组。
That's because these folders are absolutely useless. And i'd rather create some myself.
P25 - 00:34看到没用的想自己创建。
Here's where you have lots of options. The slow method is to start from the Top of the layers panel on Toggle each layers’ visibility.
P25 - 00:42最慢方案从顶部开始打开可见度。
After you recognize it on the canvas, you can rename it green, or whatever color it is.
P25 - 00:47用颜色命名。
This will take ages. So here's my approach. First i'll select my background layer by control clicking it.
P25 - 00:54选中画布背景。
next. I'll lock it.
P25 - 00:56锁定图层。
This will allow me to drag across and get several difficult items.
P25 - 00:59拖拽到几个困难的项目。
I'll choose any color, let's say yellow, because it seems easier.

P25 - 01:04举例子选黄色图层。
I'll hold CTRL and select this heart layer.
P25 - 01:07C选中心图层。
Next. I'll keep holding down the CTRL key, but i'll also add shift. And now I have 4 out of 6 yellow layers.
P25 - 01:15Shift控点击选中4黄图层。
This one is transparent, and it's overlapping with this white circle.
P25 - 01:18透明黄色和白色重叠。
So I have to be a bit careful. I'll click in that region. But if I want to check which layer I selected, i'll move them a bit to the side. Ok? It seems this is not Ok.
P25 - 01:26把选中的组移动。
So i'll undo with CTRL z. with both modifier keys held down. I'll click again on the circle this time on its bottom half, so I can easily be selected.
P25 - 01:38z控重做,解除选择。
Now i'll switch to the zoom tool by pressing z. I'll go in much closer. And now I can click again on this icon.
P25 - 01:45z足够近观。
Please don't let go of the CTRL and shift keys. Otherwise, you lose your four layers, and you'll wind up with just this one. Ok.
P25 - 01:52shift控不撒手,避免漏掉。
Now I have five.
P25 - 01:56这样就选中5个黄色。
Let me zoom out with control one, and i'll get the last yellow icon from the left side.
P25 - 02:001控退出,选中左侧黄色。
Great stuff. use CTRL G. And we have our first group.
P25 - 02:05G控,这样有了第一组。
Let me rename it to yellow. Of course, we're not done. We've selected and grouped them, but we also have to move them into a separate area on the canvas.
P25 - 02:14移动分开的区域到画布上。
Let's place all these layers in the Top left, open your folder and move them one by one in that region.
P25 - 02:20移动到左侧顶部。
This is why this exercise has dexterity in the title. It's not particularly hard, but you have to be fast with your hands.
P25 - 02:26足够灵活敏捷。
Now we'll move to the teal color, start with the biggest shapes, for example, this circle. But this time, let's increase our time by repositioning each layer as we select it.
P25 - 02:37从圆圈开始,从重置开始。
So i'll pick it up with the control click technique, and i'll drag it to the Top right corner of my canvas.
P25 - 02:43移动到右侧顶部。
The rest of these items are fairly big, so we won't have any issues with them. Select and repositioned them as fast as you can.
P25 - 02:50剩下大的图标尽可能迅速合并。
It goes without saying that you should keep one hand on your keyboard and one on your mouse.
P25 - 02:54一手键盘一手鼠标。
This is done, but they're not grouped.
P25 - 02:59但是没用分组。
Not a problem. I'll hold CTRL and drag a shape like so, anything will get selected.

P25 - 03:05控圈选。
And there you go. I have almost 60 layers highlighted in the layers panel. control G to create a new group and rename it to tail.
P25 - 03:14G控创建新组命名。
Of course, you could have done the same thing without locking your background layer. But that would have required a few extra clicks here and there.
P25 - 03:20锁定背景层,点击。
Don't feel bad. If you didn't do it this way. It's not important at this point.
P25 - 03:23没想到这方法别沮丧。
This white layer poses a Challenge. I'm not sure if you see it. But here we have a very tiny period symbol. In most cases, i'd suggest you zooming really close and click on it.
P25 - 03:35白色点,放大很接近才看见。
But let's take advantage of our locked background layer.
P25 - 03:37利用好锁定的背景。
I’ll hold control and i'll make this shape.
P25 - 03:41控圈选。
There you go. Easy. Now I can place it in the middle of the canvas.
P25 - 03:44放置画布中间。
I'll speed up the process while I do the same with all these other ones.
P25 - 03:50用其它的加速进程。
I’ll use the drag selection technique, because it comes in handy in this case.
P25 - 03:52用选择工具,这非常灵活。
Remember, you are always looking for a fast result. You don't want to slave away. By doing unnecessary manual labor.
P25 - 03:59灵活的而不是辛苦的工作。
If there is a faster way, use it. No matter if you're working on personal projects or if you're going to use your skills for a paying job, nobody cares, if you spend two minutes or two hours on it.

P25 - 04:122分钟2小时成本,没人在乎。
All counts at the end of the day is your result. And if there's an easier way to do it, why not take advantage of it? Okay. I'm about done with my PSD.
P25 - 04:19选择事半功倍的效果。
Let me know in the comments section how well you did compared to my approach. Did you ungroup those initial layers? How about your background? Did you lock it?
P25 - 04:29有没有锁定背景层。
Finally? Did you focus more on the canvas or on the layers panel?
P25 - 04:32更专注画布还是图层?
Okay, i'll see you soon.

3.9. Arrange Images Quickly
P26 - 00:00
Welcome to this lecture where I will teach you how to arrange images quickly and efficiently.
P26 - 00:05如何迅速有效的安排图片。
Photoshop is built for precision, so you should strive to have a pixel perfect design every time.
P26 - 00:10像素每次都要精确。
This, of course means aligning elements precisely, but luckily, we have many tools and features that help us do that.
P26 - 00:17工具和特征协助做到。
In this attach PSD, we have two active rectangles on a canvas, and the 3rd one hidden in the layers panel.
P26 - 00:24两个活动长方形,一个隐藏面板。
We will use them to explore all of our options.
P26 - 00:27用来探索所有选项。
First of all, we're going to talk about smart guides, which can be turned on from view show smart guides.
P26 - 00:37视角-展示-聪明指引。
Now, if you're on the move tool and grab one of the rectangles, you will see some pink lines appear.
P26 - 00:39移动两个,出现粉色线。
Those who are smart guides, and they help you position everything precisely.
P26 - 00:42协助精准的放对位置。
You also sense the element wants to snap into place. And that's really helpful.
P26 - 00:47希望卡回到地方,有帮助的。
If you want to try it. Just make sure you have the smart guys active, and you have two rectangles.
P26 - 00:52智能线和两个矩形。
Next, we have our guides. Keep in mind, we talked about smart guides. The next ones are just called guides.
P26 - 00:59智能线和线的区别。
To use them when you first have to press CTRL R. Right.

P26 - 01:04R控调出线条。
On the Top and left side, we have these measurements. They themselves are pretty useful. But you can go to the site, click, then drag, and you'll see this sign line appeared,
P26 - 01:15单纯线条拖拽留下痕迹。
light blue, light, steel, whatever you want to call it.
P26 - 01:18亮蓝色。
Again, this snaps into place. For example, if I want to place it in the middle of the rectangle, all I have to do is make sure that layers is active in the layers panel. Then as I drag, you will feel photoshop not due to where the center is.
P26 - 01:30图层高亮,拖动线条居中。
This works both horizontally and vertically. This allows you to take all the guesswork out of it.
P26 - 01:37水平垂直的都可以用上。
If you want even more precision, you can go to view new Guide. From here. You can specify exactly where you want your guy to be. Just put in a number and press. Ok, great stuff.
P26 - 01:48视角-指导线,输入数据。
I want to remind you that you shouldn't try to work along at first. Please watch this lecture once without any interruptions. Try to understand what's going on and the logic behind it.
P26 - 01:57来龙去脉背后的逻辑。
Then please rewind from the start and work along, pause as often as you need to and complete the exercise.

P26 - 02:03该暂停时暂停完成作业。
Don't try to match the speed shown in the video. Hit the space bar key while you perform the necessary steps.
P26 - 02:09没必要匹配课程速度。
This is the best way to learn. Let’s continue. If you want to hide them to avoid distractions, press CTRL semicolon or you can go to view show. And here you can select guides.
P26 - 02:22分号控=视角-展示-引导线。
Please also note that if you are on the move tool, you may accidentally misplace a Guide,
P26 - 02:26移动状态容易放错指导线。
as you can see when I hover over one of them. The icon changes.
P26 - 02:30鼠标变成放大镜。
for that, Photoshop offers the ability to lock your guides with control Alt semi colon.
P26 - 02:36Alt分控,锁定指导线。
Now, no matter how much I hover over it, they won't move.
P26 - 02:39无论如何移动指导线不动。
They can still be hidden with controls semicolon, but you can't move them by accident.
P26 - 02:44分号控隐藏线,依旧不能动。
When you want to unlock, just press CTRL ALT semicolon again.
P26 - 02:47alt分号控解锁线。
Finally, let's talk about this section up Top next to the show transform controls.
P26 - 02:53讲述变形控制。
These are the alignment tools, and they help us arrange things fast. The alignment tools always need at least two elements selected in order to make an adjustment.

P26 - 03:02两个图层选中,调节工具调整。
Here When we have only one layer elected, all tools are closed, because we're missing the second one. That's the condition.
P26 - 03:09只有一图层选中,排列不起作用。
In case you're using upwards, one layer is enough. But here we'll focus on the normal canvas mode.
P26 - 03:15向上模式一图层够了。画布模式。
When we select the entire canvas with control a, we now have two elements, and this entire region lights up.
P26 - 03:23A控选择两个图层。
Not all of it, because for this other part, we need at least three elements selected.
P26 - 03:28其它部分选三个元素。
Notice we don't have two different layers. A selection is considered an element, too.
P26 - 03:32有时候选择也是一种元素。
So photoshop shows the available options. Since the main condition of having at least two elements selected is met.
P26 - 03:39主要至少两个元素被选择。
Before we continue, I have to tell you that your photoshop version is important in this case.
P26 - 03:44版本也非常重要。
in CC 2019. Adobe decided to change the order of these tools. What you see in the options bar is the new way moving forward.
P26 - 03:52选项栏就是迭代的标志。
But let's switch to a previous version. It doesn't matter if it's from six months ago or six years ago.
P26 - 03:596年/月前的旧版本。
This is how the alignment tools were laid out. I know you may not see a big difference. So let me show you both sets, one on Top of each other.

P26 - 04:06给你展示新旧版本的不同。
So these are the new alignment tools.
P26 - 04:09新旧对齐工具。
And this is the old set. What's important is you remember their respective icons or names and not their position.
P26 - 04:17记住徽标的名字而不是位置。
So don't think about the second icon or the 5th icon. Instead learn them visually or by remembering their names.
P26 - 04:24记住特征和名字。
Okay? Let's see them in action. Align left edges will move our layer to the left edge of the canvas.
P26 - 04:30移动到左侧边缘。
Align horizontal centers places it in the middle,
P26 - 04:33水平对齐居中放置。
by the way, to see their names. Just hover over any icon for a couple of seconds.
P26 - 04:37鼠标停留两秒钟可以看到名字。
This will reveal a tool tip, and that's how you can remember their names.
P26 - 04:41这就需要你记住名字。
Finally align, right edges does exactly what you think it does. It moves the layer to the right side of the screen.
P26 - 04:47右移贴附右边。
Right. So far we've used them on two elements, layer and selection.
P26 - 04:52用图层和选择两个元素。
But let's deselect with control D and see how these tools work with two rectangles selected.
P26 - 04:59接下来看两个图层如何选择。
I'll use the next set. Align top edges, looks at both layers, and it uses the one that is higher on the canvas as a reference point.

P26 - 05:06目前选中两个图层。
And there you got this other layer was raised up. What's great is that you can use a line Top edges with confidence. And there you go. and you know this layer that is placed higher on the canvas won't budge.
P26 - 05:16你知道图层高亮在面板不动。
On the other hand, if I move to the next commander line, vertical centers, both layers are going to be moved equally.
P26 - 05:24两个图层居中并排。
As you can see, it's less predictable, but it's still a fantastic tool.
P26 - 05:29不可预测但是有趣的工具。
Please be aware. This works on a regular shapes or any type of layer, not just rectangles.
P26 - 05:33常规工具图层,并不是矩形。
Finally, if we reset, we can use align bottom edges. In this case, the layer is lower on the canvas will be used as a reference.
P26 - 05:42低于画布的底部线是法线。
Mind you, the stacking order in the layers panel does not matter.
P26 - 05:45图层重叠顺序不重要。
I want to take a moment to mention I use the alignment tools in all projects around the clock. It's essential you learn how to use them. Right? Let's continue.
P26 - 05:55给出方便记忆的图。
moving on. To distribute vertical centers, we need to have three elements selected.
P26 - 06:01中心分布,三个选择元素。
So i'll reveal my 3rd layer from this panel. This allows you to stack your three layers, but keep the same distance between them on the y axis or vertically.
P26 - 06:10垂直保持三个阶梯距离。
See how they are equally spaced out between themselves. This is helpful in all sorts of situations.
P26 - 06:16看看彼此之间均分情况。
Same thing when we move over to distribute horizontal centers. this gives us the same space on the x axis,
P26 - 06:22X居中并且均分。
you can repeat that a few times until you get the hang of it. I know this seems like a lot of tools, but their icons really tell their story.
P26 - 06:30徽标记录调整的历史。
Plus, if you get it wrong, just undo with CTRL z and try again.
P26 - 06:33Z控可以重做。
You’ll get them in no time. We're not done with these alignment tools, but let me take this opportunity to show you another helpful feature.
P26 - 06:41看另一个有帮助的特征。
When you have one layer selected, hold down the CTRL or command key. This will show you the distance between your layer and the edges of your canvas.
P26 - 06:49图层画布边缘距离。
This enables you to have pixel perfect precision.
P26 - 06:52精确的像素计算。
Plus, if you hover over another there, you will get the measurements between the two.
P26 - 06:58如果移动另一图层,看到距离。
This is absolutely fantastic. with it. You can check the efficiency of these alignment commands. Let's check it out vertically.

P26 - 07:04检测垂直对齐状况。
As you can see. It's very precise. Now let's see it in action horizontally. Feel Free to hover over several layers as well as the canvas itself. So you get your bearings.
P26 - 07:17检测垂直距离。
This is a great feature. I personally use all the time. Some other important things to know. Say we have these two shapes positioned exactly as we want them, except we need them in the exact middle of the canvas.
P26 - 07:30如果都居中的两个图层。
If we have them both selected and press a line horizontal centers, they'll center among themselves.
P26 - 07:35居中对齐。
If I have both layers selected, and we select the entire canvas with CTRL A, and then hit the same a line horizontal centers, the shapes will be in the center of the canvas, but they lose their previous positioning.
P26 - 07:47A控画布居中,丢失原位置。
to make sure you keep them as they are. You have to first group the two layers with CTRL G.
P26 - 07:54G控打组固定位置。
Now you have two things selected. The canvas and the group.
P26 - 07:58画布和组都被选中。
use a line horizontal centers. And there you go.

P26 - 08:00这样不丢失原来位置。
Make sure you really understand what I just did. This is a major point you have to get before you move forward. That's the basics of the alignment tools. They are very useful in every single project you make, so make sure you fully understand them before moving forward.
P26 - 08:14充分理解原理。
So when you need to place several layers smack bang in the middle of the canvas, you first need to group them.
P26 - 08:21移动前要打组。
Otherwise the shapes will reposition among themselves, as you see here.
P26 - 08:25否则各自居中。
That's because photoshop considers them to individual layers, which they actually are.
P26 - 08:29因为PS认为单独图层的居中。
If you look at the layers panel, but if you group them, this changes everything.
P26 - 08:34打组后一切都变了。
Press CTRL A to select the entire canvas, too.
P26 - 08:38A控选择画布。
Photo shop now sees two things. This group is one element, and your selection is the second one.
P26 - 08:44打组的图层,画布,共两个。
Now these tools work as expected. Okay. This wraps up this lecture. Please practice and see how well you do. I use shapes because it's easier to get, but this skill comes in handy. When you want to work with images or other graphical elements, have fun.