?

2.5. Get around Photoshop Fast

P12 - 00:01?

Let me show you how you can get around photoshop with just a few commands.?

P12 - 00:05幾個控件可以玩轉(zhuǎn)PS。?

First. We’ll open to new blank projects with control N.?

P12 - 00:09用N控打開項目。?

That settings don't matter. At this point. These are called untitled one and untitled two.?

P12 - 00:13出現(xiàn)兩個未命名的標(biāo)題。?

And that's because they are not yet saved anywhere on my drive.?

P12 - 00:16是因為我還沒在硬盤保存的。?

I'll place a rectangle on my canvas, but watch the tab. As I'm doing it. noticed the title just changed to untitled one at 100%, where 100% is my zoom level. And in parenthesis we can see the layers name. In this case, it's rectangle one. ?

P12 - 00:33矩形百分放大，括弧內(nèi)名字。?

If I change its name to something else, that's going to be updated here.?

P12 - 00:38如果改變，標(biāo)題體現(xiàn)改變。?

Let's write test. And there you go. It instantly updated.?

P12 - 00:41比如文本，體現(xiàn)在標(biāo)題里。?

next to the layer name. We have the color mode and bit depth, which should be set RGB and 8 bits.?

P12 - 00:49顏色模式RGB比特8深度。?

If we move to the other project, you'll notice the layers panel has only one layer, the background. ?

P12 - 00:54另一個標(biāo)簽項目，只有背景圖層。?

So as you move between these two tabs with the hot key CTRL tab, you can clearly identify each project.?

P12 - 01:01Tab控切換項目標(biāo)簽。?

That's easy to understand. But let me complicate things. ?

P12 - 01:05接下來難度加大。?

Detach both tabs and I’ll float them around. Give me a minute while I set these up.?

P12 - 01:11可以讓標(biāo)簽來回懸浮狀態(tài)。?

Now, it's more difficult to understand what's going on in my layers panel. I can easily get confused.?

P12 - 01:19不清楚哪個圖層發(fā)生什么容易混。?

So here's what I suggest you do. Go to window, arrange, consolidate all into tabs.?

P12 - 01:24窗口-管理-合并到便簽。?

Now we're back to normal.?

P12 - 01:26這樣恢復(fù)正常狀態(tài)了。?

And this is how I suggest you work at all times. Once you're in a document, she may want to zoom in and out.?

P12 - 01:33文件需要近看遠(yuǎn)看。Z控。?

to do Z for the zoom to look at the Top left and see your default.?

P12 - 01:38Z控左上角默認(rèn)放大鏡圖標(biāo)。?

mindset on zooming in.?

P12 - 01:42近觀是放大鏡?。?

I can tell that by seeing the plus symbol. Now, if I click once, I’ll zoom in easy.?

P12 - 01:46按一次就可以近觀了。?

check the bottom left to see your actual zoom level in percentages.?

P12 - 01:49左下角放大倍數(shù)。?

I recommend you always come back to 100%,?

P12 - 01:53個人建議放大百分百。?

because this way you won't get a distorted view.?

P12 - 01:56避免視角扭曲。?

If you work 30 minutes at 300 percent, your perspective gets out of balance.?

P12 - 02:00如果300倍工作30分失衡了。?

So you should always come back to 100% to check your progress.?

P12 - 02:03回到百分百檢查下進(jìn)度。?

How do you do that? First. My favorite control one. This is what I strongly suggest you use.?

P12 - 02:101控縮小。?

Let's zoom in again. But this time i'll click and drag to the right. This does the same thing, but it's more precise this way.?

P12 - 02:18右拽放大更精確。?

If you feel you've gone too deep, just drag to the left. Ok.?

P12 - 02:22左拽可以遠(yuǎn)觀。?

Now, how can we get back to 100% easily??

P12 - 02:26如何輕易回到百分百。?

Simple. Just double click the zoom tool from the toolbox. That's the second option.?

P12 - 02:30單擊左側(cè)的放大鏡選擇。?

One last thing about zooming. If we click once, having the plus symbol active will go in, right??

P12 - 02:37按加號鍵會近觀。?

But if we hold down alt or the option key on a MAC, you'll see the cursor will change to the minus symbol.?

P12 - 02:44alt選擇縮小減號。?

Are these your major options regarding zooming in and out.?

P12 - 02:48以上放大縮小選擇了。?

What about if you want to go up, down, or side to side??

P12 - 02:52上下左右如何處理？?

Well, don't be tempted to use your arrow keys on the keyboard. Those won't work.?

P12 - 02:55不要用箭頭，不管用。?

The most basic way is to use the scroll bars.?

P12 - 02:59最簡單方式用滾動條。?

As you can see, I click and drag.?

P12 - 03:01點(diǎn)擊 拖動。?

But that's not what I call efficient. What I recommend instead is that you hold down the space bar,?

P12 - 03:08建議按住空格鍵。?

this transforms your cursor into a little hand.?

P12 - 03:10鼠標(biāo)就變成小手了。?

Now you can move freely in any direction with any speed.?

P12 - 03:15不同方式不同速度移動。?

This is what I use in my workflow, and I strongly recommend it.?

P12 - 03:17工作流用到的，強(qiáng)烈推薦。?

So again, hold down space, click and drag in any direction.?

P12 - 03:23按空格鍵不同方向拖拽。?

If holding down the space bar is an issue, you can go to the tools panel and click on this hand icon. With that active, you can simply click and drag.?

P12 - 03:31手狀態(tài)下，點(diǎn)擊拖拽。?

One is holding space better though, because once you let go, you'll revert back to your initial tool. ?

P12 - 03:38釋放掉空格，恢復(fù)普通鼠標(biāo)狀態(tài)。?

So let's say I'm painting with a brush, but I need to move around a bit. I can hold space, do exactly that, let go. And i'll still have my brush selected.?

P12 - 03:48空格B刷子同時移動。?

This means less back and forth. I know it seems like we're saving a mere half second, but I promise you these little bits make all the difference down the road. ?

P12 - 03:58節(jié)省少時間全程節(jié)省時間很多。?

So we've learned to arrange our tabs to zoom in and out and move freely. Let's continue with another few tips.?

P12 - 04:05繼續(xù)剩下的技巧。?

If you press the tab, all the panels go away.?

P12 - 04:10Tab所有的面板消失了。?

What's the point? Less distractions? If that's not enough? And I don't think it is, you can press the f key to get into full screen mode.?

P12 - 04:17F全屏模式。?

You have to press it twice, by the way, this makes it easy for you to observe everything on your canvas, especially If your work is fairly large and you don't have a humongous monitor,?

P12 - 04:27文件不大，顯示器很大，F(xiàn)兩次。?

even so, you might still not see things right, because your project may be very big. ?

P12 - 04:30項目很大全屏看起來不對。?

Let’s jump over into another tab to see that.?

P12 - 04:33另一個Tab去看。?

As you can see, I'm a 25% initially. And now i'll go to 100% by pressing CTRL one.?

P12 - 04:411控從縮放到百分百放。?

Now I can work on all the fine details.?

P12 - 04:44處理具體細(xì)節(jié)。?

After I'm done. I need a fast way to see the entire thing. I'm already at 100%. And that's too close in. because the document is very big.?

P12 - 04:52百分百能看清，但文件太大了。?

I could zoom out manually with the techniques I showed you.?

P12 - 04:56Alt選項退出。?

But I want an even faster way. And that's control zero.?

P12 - 04:59零控迅速退一步到位。?

This makes the campus fit my screen. It doesn't matter how big it is. This command will make sure you can see the entire canvas.?

P12 - 05:06俯瞰全景。?

Try it out on different tabs. So to recap control one. gives 100% all the time.?

P12 - 05:131控百分百。?

Control zero fits the image to your screen.?

P12 - 05:15零控全景圖。 ?

That's the beginning of what you need to know to move around freely in photoshop. ?

P12 - 05:20這就是開頭自由移動PS。?

We will learn more as we progress. So let's get to.?

??

2.6. ACTIVITY Crop and Straighten Photos

P13 - 00:00?

Hey, there in this activity, you'll crop and straighten your first photo.?

P13 - 00:04裁剪第一個照片。?

Here is what I prepared for this lecture. You have this file attached, so please work alongside me.?

P13 - 00:10手里這個文件夾，跟我一起操作。?

The first thing I want to do is straighten the image, because I'm not in love with its perspective. ?

P13 - 00:14我不喜歡這個視角。?

To do that, I will enable the crop tool by pressing c.?

P13 - 00:18C裁剪。?

If you want to make sure you've selected it, check your tool bar on the left side. Immediately you will get this dotted stroke on the edge of your image.?

P13 - 00:27左側(cè)裁剪按鈕，畫布圓點(diǎn)畫框。?

This shows you the crop tool is active. In case you are tool zoomed in. You can use CTRL zero to fit the image to your screen. ?

P13 - 00:34零控填充屏幕。?

Next i'll go to the options bar, and I’ll able straight it.?

P13 - 00:39選項條拉直。?

Luckily this images have some straight lines via this road, and those will help me get my bearings.?

P13 - 00:44還好圖片高架橋公路。?

Here's what you need to do.? Click and drag along side its edge.?

P13 - 00:48沿著高架橋邊緣。?

Once you are happy, let go and photoshop will show you a preview of what you're about to get.?

P13 - 00:53調(diào)整合適放手，PS矯正視角。?

This is fantastic stuff. The result is nearly perfect. But notice the grade out area outside this region.?

P13 - 01:00注意下被裁剪掉的部分。?

that's going to be thrown away by photoshop. But it's a shame because I love this forest background.?

P13 - 01:05被裁掉的有喜歡的森林背景。?

Here's what we can do. In this CC version. I can enable this feature called content aware.?

P13 - 01:1215版以上內(nèi)容識別功能。?

By checking it. You'll immediately see my active region will enlarge significantly.?

P13 - 01:18內(nèi)容感知，捕捉區(qū)域變大了。?

There are missing parts in all four corners,?

P13 - 01:20四角空白區(qū)域。?

but content aware is going to handle it. Photoshop will analyze all these existing pixels and create new ones based on them. ?

P13 - 01:30依據(jù)內(nèi)容填補(bǔ)四角空白。?

Hit enter or click on this small check icon and wait until the operation is completed.?

P13 - 01:34回車/對勾等PS自動填充。?

And here's the result. It's like magic. The photo is not only straightened, but photoshop also added new pixels in all four corners, that content aware in action.?

P13 - 01:45四角填補(bǔ)上的像素。?

The bigger the photo, the better the result. Honestly, it would be very difficult to notice this image has been edited. Let's see what else we can do with the crop tool.?

P13 - 01:54裁剪工具應(yīng)用還有什么？?

Say we want to remove the bottom part, not a problem. Just grab them. Metal handle and drag up. ?

P13 - 02:00抓住金屬拉手拖拽。?

Once you are handle press enter.?

P13 - 02:02滿意敲回車。?

If you're not satisfied with the result, you can drag it back down and you'll still get those pixels.?

P13 - 02:08往下拖拽自動填充像素。?

That's because I have this option unchecked.?

P13 - 02:15沒選擇內(nèi)容感知。?

If I enable delete cropped pixels and I remove part of my image, those will be permanently lost. ?

P13 - 02:18選中內(nèi)容感知，裁剪內(nèi)容消失。?

Let me drag and hit enter. Okay. Now let's get the crop tool again and expand the photo in that area.?

P13 - 02:24再次拖拽填充空隙。?

As you can see, we're getting transparent pixels.?

P13 - 02:28填補(bǔ)的是透明像素。?

So enable this feature only if you're sure you want to permanently remove an area.?

P13 - 02:33如果你確定永久裁剪再勾選。?

In case you don't want to use those handles. You can also click and drag anywhere on the canvas. ?

P13 - 02:38選中，在畫布上拖拽。?

Initially, photoshop will show you a preview of your selection, and you can refine it by moving around.?

P13 - 02:44ps透視口，圖片在透視口移動。?

I'm just holding down my mouse clicking and dragging. Nothing else is being pressed.?

P13 - 02:48按住鼠標(biāo)拖拽。?

Once you are happy, hit enter.?

P13 - 02:52選中后點(diǎn)回車。?

Sometimes you want precision in your cropping. So let's focus on the options bar. ?

P13 - 02:58精確裁剪到選項工具欄。?

In the Top left. You can change this ratio value to width, height, and resolution.?

P13 - 03:02比率-寬高分辨率。?

Now you can put something like 200 by 100 pixels.?

P13 - 03:09輸入像素數(shù)據(jù)，得到精確裁剪。?

And that's exactly what you're going to get. Finally, most photoshop users prefer to re size their canvas with the crop tool. That's because it's so easy to use.?

P13 - 03:16Z裁剪工具非常容易用的。?

Simply activated and make sure you disabled content aware. ?

P13 - 03:20激活方式是關(guān)閉內(nèi)容感知。?

Now grab a corner handle and drag outwards.?

P13 - 03:23抓住一角，向外拖拽。?

If you want to enlarge the entire canvas equally on all four sides,?

P13 - 03:28如果四角均勻的拓展。?

hold down ALT or option as you drag.?

P13 - 03:30Alt/選項+拖拽。?

As you do that, photoshop will also tell you your measurements, so you can decide when it's best to stop.?

P13 - 03:37拖拽PS提供大小決定釋放。?

When you are happy, hit enter. And that's how you can easily make your canvas bigger.?

P13 - 03:41這樣就是你如何把畫布變大。?

And that wraps up the crop tool. Remember, you have this image attached.?

P13 - 03:47學(xué)會裁剪工具去嘗試吧。?

Go for it and see how well you do have fun.?

?

2.7. Open Images in 6 Ways

P14 - 00:00?

Hello, let's talk about how you can open images in photoshop. We have a bunch of ways of doing the same thing. And I attached a file to this lecture where you can get the short version.?

P14 - 00:09簡短高效率介紹。?

Each method has its own strengths. So let's take them one at a time.?

P14 - 00:13各有千秋，逐一認(rèn)識。?

The first way is to right click your file and choose open with. from this list. Choose photoshop. In case it's not there, you'll have to browse your computer for your photo shop dot exe file. ?

P14 - 00:25打開方式右鍵PSEXE文件。?

Once I click it, the photo will load up immediately. And it's going to be the only layer in my project.?

P14 - 00:31背景是唯一的圖層。?

You can see it's called background, and it's locked.?

P14 - 00:34被鎖住的名為背景。?

to unlock it. We have to double click it. from this new window. hit okay.?

P14 - 00:39雙擊開新圖層，按確認(rèn)。?

Now we can move it onto a canvas. The second method is what I personally use the most. And I strongly recommend it control O. where the o stands for open. Now we don't have anything open.?

P14 - 00:54O控打開。?

This brings us to the 3rd way of opening an image, dragging it into photoshop.?

P14 - 00:58第三種方案拖拽。?

I'll go to my desktop and i'll select my file,?

P14 - 01:01桌面選擇文件。?

click and hold, and i'll drop it anywhere.?

P14 - 01:05點(diǎn)擊-拖拽-釋放到任意。?

As you can see, this is similar to the first method where I have my layer locked by default. ?

P14 - 01:09背景一圖層，鎖定。?

But what happens if you have an active project and you want to start a new one by dragging a photo inside the program? That's method number four.?

P14 - 01:19方法四拖拽到選項條和畫布中間。?

I'll go to my desktop and select another image. when photoshop pops up. I won't let go inside my canvas area.?

P14 - 01:26不走畫布內(nèi)部。 ?

As you can see. There's a highlight around it.?

P14 - 01:28畫布周邊高亮的。?

Instead. I'll go above it just underneath the options bar. This is where i'll drop it.? And now it stands on its own tab.?

P14 - 01:34釋放到選項區(qū)，成為新標(biāo)簽。?

You might be wondering what happens if you drag an image above an active project.?

P14 - 01:41你會思考圖像拖拽到活動項目上。?

That's method number five. Let me select and drag several photos from my desktop. Now, when photoshop comes up, I won't go above my canvas instead of release them here. As you can see, the first image is placed on the canvas.?

P14 - 01:56第一個圖像放在畫布上。?

It features these diagonal lines in order to show me the layers in transform mode.?

P14 - 02:00四角代表轉(zhuǎn)化模式。?

This means I can re size it, but we'll talk more about that later.?

P14 - 02:05可以重新調(diào)整大小。?

The drawback is that I selected three photos, and each of them will ask me if I want to transform them before I place them on the canvas.?

P14 - 02:11缺點(diǎn)是放在畫布都要問變形與否。?

That means I have to press enter three times.?

P14 - 02:15三幅圖按三次回車。?

Now that place is a different type, a smart object.?

P14 - 02:21圖層出現(xiàn)三幅圖。?

That is an advantage. But we will cover that later in the course. ?

P14 - 02:23該優(yōu)點(diǎn)稍后探討。?

Finally, option number six covers the case where I want to open these four photos in photoshop, but in separate tabs,?

P14 - 02:304個照片一個照片一個標(biāo)簽。?

that's easy to do. In case there are no active projects, I can just drag them inside the program, and then immediately below it up into individual tabs.?

P14 - 02:39沒新建時候，拖拽。?

In case you have an active project, i'll drag them above my canvas area and i'll release them in this position. And we'll get the same thing. Each image will have its own tab.?

P14 - 02:51拖拽活動標(biāo)簽旁，依次排開。?

And that's it. I suggest you stick with control, O, but some of these options might come in handy, depending on what you're trying to accomplish.?

P14 - 02:59建議O控手動打開。?

Try each method out and let me know your favorite in the comments section. Have fun.?

?

2.8. Save & Share Your Work 5 Ways

P15 - 00:01?

Hello, let's see how we can save and share our work easily.?

P15 - 00:04如何保存分享工作。?

The first step is to make sure your project is saved on your hard drive.?

P15 - 00:07確保保存本地硬盤。?

Let's create a new blank document and get to work.?

P15 - 00:10創(chuàng)建新文件準(zhǔn)備工作。?

The settings don't matter for the purposes of this lecture. ?

P15 - 00:13設(shè)置和本節(jié)課宗旨無關(guān)。?

Now i'll drag an image inside it and hit enter to place it on my canvas.?

P15 - 00:18拖拽到畫布-回車。?

another way is adjustment there from the bottom of my layers panel.?

P15 - 00:22陰陽-照片濾鏡。?

Okay. Say I'm happy with my progress. Let's save this project with CTRL s.?

P15 - 00:28s控保存。?

Alternatively, you can use file save s, i'll be asked to give it a name. But notice the layer type dot PSD.?

P15 - 00:36保存為PSD的文件名。?

That's because we're saving the source file. That's an important distinction.?

P15 - 00:41明顯的差異。?

So we are not exporting our work in a format that can be uploaded on Facebook or whatever other platform.?

P15 - 00:45可以在其它媒體平臺下載。?

when your progress is saved. This is how your project tab is going to look.?

P15 - 00:51保存好的標(biāo)簽命名變了。?

It's not going to be called untitled anymore, but pay attention to the close icon. ?

P15 - 00:56不再叫未命名了。?

Once you make any change, any edit, no matter how small it is. The asterisk is going to show up near the x symbol.?

P15 - 01:03星號旁邊挨著關(guān)閉叉號。?

That's a subtle warning that tells you you have unsaved progress.?

P15 - 01:07星號旁邊叉號提示沒保存的文件。?

If I use CTRL s, this new state of the project will be saved.?

P15 - 01:11S控保存。?

But again, if I perform another action, this asterisk will show up. So this is a gentle reminder that says, hey, your work isn't saved. ?

P15 - 01:19標(biāo)題星號出現(xiàn)提示工作沒保存。?

Now let's see how you can share your design with the world. Let's start with the old way of exporting.?

P15 - 01:26老式輸出方式。?

Alt control shifts A.?

P15 - 01:27A雙S控。?

This will bring up this window. You may be familiar with. Here you have a few settings. You want to pay close attention to. first, the file format.?

P15 - 01:37首先，保存格式。?

You can go with PNG 24 for maximum quality. Or if you need transparency,?

P15 - 01:41PNG24透明。?

the other viable option is JPEG. And from here, you can adjust its quality setting.?

P15 - 01:46JEG選擇質(zhì)量。?

You can either choose a preset very high is what I recommend you use.?

P15 - 01:50JEG非常高質(zhì)量。?

Or you can fiddle around with the settings, though i'd advise against that.?

P15 - 01:54或者微調(diào)質(zhì)量滑塊。?

Another thing you may want to adjust is the image size. If you have something in mind. Feel Free to type it in. by default. This chain icon is active,?

P15 - 02:05輸入大小，默認(rèn)鏈接代表活躍。?

and that means photoshop will maintain your designs aspect ratio.?

P15 - 02:08保持恒定長寬比。?

If you put in another width value, the height will immediately update itself. And that's very helpful.?

P15 - 02:14輸入寬度，高度自動更新。?

Personally, I like to use the percent field from the right side. Something like 50% is always easy to understand.?

P15 - 02:21個人喜歡預(yù)設(shè)50百分?jǐn)?shù)。?

And you can appreciate your new size that much better. So this is the first way of exporting your work through Alt CTRL shift s. If you want to use it from the menu up Top, go to file export save for web legacy.?

P15 - 02:36文件 輸出 保存 網(wǎng)絡(luò)資源。?

And it's labeled legacy because it's been replaced by a second way of exporting.?

P15 - 02:40標(biāo)簽資產(chǎn)被第二種輸出方式替代。?

Alt CTRL shift w.?

P15 - 02:43ASW控。?

So we swap the s with a w at the end.This window is fairly similar.?

P15 - 02:48新版保存對話框非常類似。?

You have your file format at the Top four options to choose from, though. In general, you won't use gift and SVG.?

P15 - 02:56主要用前兩個PNG GEP。?

Underneath. You have your image sizes. That's exactly like it was in the previous window.?

P15 - 03:01照片大小和舊版類似。?

From the left side, you can export this design in multiple sizes in one go.?

P15 - 03:07大小一般選擇一倍。?

This is a big improvement. Just hit this small plus icon,?

P15 - 03:11保存所有的加號按鈕。?

and you'll see you can export the same file at multiple sizes.?

P15 - 03:15多種大小的形式。?

Are there no point five times 0.75 times. Or you can go for two or three times, because it saves you the trouble of repeating this process.?

P15 - 03:25避免重復(fù)下拉菜單的步驟。?

Let's move on to number three, which is one of my favorites. Go to your layers panel and right click. here. You'll have quick export as PNG.?

P15 - 03:37圖層面板-右鍵-保存為PNG。?

When you click it, you will be asked for a location. And that's it.?

P15 - 03:40問保存地址。?

This is fantastic because it's very fast. And it doesn't ask you 100 questions before you do it.?

P15 - 03:46迅速節(jié)省時間。?

In case you want to export as a JPEG instead of PNG. Here's how you do it. ?

P15 - 03:52保存JEP方法。?

Open your preferences with CTRL k, select export from the list on the left side.?

P15 - 03:58K控-偏好-輸出。?

From this drop down, you can change your preferred file type. In my case, that's PNG.?

P15 - 04:03偏好輸出格式可以改。?

You can also export even faster. If you check this second option.?

P15 - 04:09勾選第二個圓圈，效率更高。?

this way, you will immediately get your file in the same directory as your project.?

P15 - 04:13和項目同目錄。?

Okay, good stuff. Let's see the fourth way of exporting your project.?

P15 - 04:18第4種輸出方法。?

Go to your layer and right click it. from this huge list, select export as and this will launch the same window as the hot key, ALT CTRL shift w. ?

P15 - 04:29圖層右鍵-輸出為AWSC。?

You may ask, how is this different. with that big hockey allows you to export your entire canvas.?

P15 - 04:35熱鍵允許輸出整個畫布。?

While these last two methods help you export individual layers or groups.?

P15 - 04:40最后兩個方法輸出單個圖層。?

Let me show you what I mean. I'll add a black rectangle to my project.?

P15 - 04:44U加入矩形框。?

If I use the long hockey, look at this preview. This is what you'll end up with. Once you save. On the other hand, if I right click on this rectangle in my layers panel to export it, look at what happens. You can see the preview just shows this layer and not the Complete canvas.

?

P15 - 05:02ASWC整個畫布，右鍵單矩形。?

So that's the difference between the two. Finally, the last method Adobe generate.?

P15 - 05:10最后一方案Adobe生成。 ?

Let me open up a new PSD that is in a folder called example.?

P15 - 05:14打開案例文件夾里的PSD。?

Here it is. And as you can see, I only have the project inside it.?

P15 - 05:18里面僅僅有項目。?

You have this file attached, by the way. The first step is to activate Adobe generator, go to file, generate image assets. ?

P15 - 05:29文件-生成-圖像資源。?

Did you see what happened? Photoshop just created a folder with my projects name and assets at the end.?

P15 - 05:34項目資源名稱結(jié)尾。?

Inside we can find a file called errors dot txt.?

P15 - 05:39里面有錯誤記事本。?

Let's open it up and see what's what. I know this scene is confusing, but let me space it out. All that's happening here is photoshop is warning us some layers are not properly labeled.?

P15 - 05:49警告某些圖層不適當(dāng)標(biāo)簽。?

That's how Adobe generator works. It looks for an extension at the end of the layers’ name.?

P15 - 05:57尋找結(jié)尾圖層拓展名。?

Here we have a layer called name at mail dot com. That dot com part is throwing photoshop off because it thinks that's an extension.?

P15 - 06:04PS認(rèn)為.com是拓展名。?

What we have to do is rename it to something else. Now the error went away. ?

P15 - 06:10重命名后，錯誤消失了。?

Let’s see generator in action. I’ll rename this group to back dot JPEG. Let's check our folder. Yep. Here it is.?

P15 - 06:18比如改為JPEG拓展名，錯誤。?

You can replace JPEG with PNG gear for SVG. You can also adjust the quality of the JPEG file by writing back dot j peg 50%. Now, if we check the file, we can see it's fuzzy.? This is a fantastic feature that allows you to immediately export your work as you go along.?

P15 - 06:37比如拓展名JEP50%模糊版。?

to see its power or enable a layer style for this group. Don't worry about the specifics. What's important is we change how this card looks.? Pretty dramatic.?

P15 - 06:49右鍵改變圖層顏色-混合紅色。?

Instead of exporting again for hotkeys, we immediately get the updated design.?

P15 - 06:55不需要輸出，可以看到迭代版。?

And that's without touching a single key, great stuff.?

06:58 Finally, i'll do a big combo for this group. Here's what i'll rename it too, 30 by 30 back a dot PNG. 60 by 60 back b dot PNG. 200 percent back c dot PNG. 300 percent back d dot PNG. back e dot JPEG two.?

P15 - 07:22記事本總結(jié)。?

in total. I should end up with five different files in my folder. Let's see if that happens. Yes, here they are. First the very tiny 30 by 30 pixel file.?

P15 - 07:31輸入五種，出現(xiàn)五種錯誤。?

Next is the 60 by 60 pixels image, then 200 and 300 percent. Finally, the last one was saved at 20% quality, so it's really pixilated.?

P15 - 07:43最后一個保存20%模糊。?

And in case you mess up anything, these errors dot txt file will help you out.?

P15 - 07:47如果搞砸了，這txt文件管用。?

And that concludes our five ways of exporting your work. Please see the attached image In case you want the short version. Have fun.