作为一个二十多年来从来不知道审美是个什么的我！学习这个还是相当有挑战性的！不过！鱼翔浅底，百舸争流，万类霜天竞自由！看苍茫大地，谁主沉浮？我我我！是我啊！
所以！灯只有一盏，你要你就点燃，如果换堵枪眼，我一定勇往直前！
第一步！下载！ 唉··· 路漫漫其修远兮啊！ 第一步就bug了！ 怎么都下载不了，提示我没有相关软件啊！ ok~ 度娘！ 说了没卸载干净！ 擦咧！ 那就去卸干净吧！ 要么直接在C盘找到program files文件夹找到Adobe或者是program files（x86）里面同样！ 但我并没有找到啊！ 所以我去regedit里面找Adobe，ok！ 并没有可删除的！ 再去下载！ word天！ 果然还是没有用！ NND！ 果然很棘手啊！ 好吧，破釜沉舟了！ 直接去下载绿色版！ 各种乱七八糟的就出来了！ 下载了七八次都没有成功！ 没办法！ 再度娘，直接度娘 ps下载教程！ 好的知道了，要先安装那个红红火火的Adobe！ 选择试用，注册账号，登录，找到路径，下载！ 特么第一次果然还是没用！ 删了！ 再来！ 莫名其妙， 奇迹般成功了！ 所以， 秉着小心驶得万年船的信念，我没有再次卸载！ 毕竟很难再按上好吗？ 反正步骤大概就是这样了！ 下次继续靠运气呗~
接下来正式开始切图了，我在千图网下载了一个鸡年大吉的psd图片，拿来实验！看着慕课网的教程··· 就这样··· 开始了····
1，首先开始讲的是界面的设置以及一些快捷键
ctrl+n是新建，针对于新建里面的预设，我们选择web，这样的单位是像素，接下来的像素可以自定义为1920，因为大部分都是这样的！一般宽度固定，高度是不固定的！所以我们自己设置高度就好！我自己设置的是2000px；分辨率72；
2，移动工具设置；
竖着的第一个图标就是移动工具喽，
就是这个熊样儿！ 有快捷键v，就是不管你在哪儿，只要点v就可以回到移动工具！
OK~那我们怎么选择我们想要的图层呢！ 不要紧脏！我来慢慢讲给你听！
如果你想的话，完全直接可以右击，然后再选择，但是运气不好的话，哪个都不准确！所以简单的方法就是直接看左上角有个自动选择和组！咋整呢？ 你既可以选择自动选择然后把组换成图层，这样指哪打哪！ 也可以不选择自动选择，然后选择图层，这样的话，windows系统Ctrl键+鼠标左击，指哪打哪！个人推荐后者，为啥咧？因为老师这么推荐的啊！取其精华才能步步高升啊！
3，接下来是视图设置
首先在视图里面的显示中，打开智能选择那个，记不清了，反正就是有智能两个字。然后打开标尺！或者ctrl+R打开标尺。
4，然后看看窗口
初始化里面有很多不必要的，所以可以把库，颜色，通道关闭。路径也可以关闭，历史记录拉到图层那里。属性也可以关闭。保留信息，图层，字符和历史记录。信息和字符在一起，剩下两个在一起，就是这样喽！
然后单击信息右边的那个下拉菜单，选中面板选项，把单位改成像素，颜色模式是rgb，把文档尺寸选上，保存！
5，最后设置编辑
在编辑里面，找到首选项，找到单位与标尺，全改成像素。然后分辨率继续为72；
6，最后在窗口的工作区里设置新建工作区，取名webqietu，本来想取名web切图的，但是手癌晚期！不想改了，就酱吧！ 这样的好处就是，即便以后复位了基本功能，只要点击这里，还是会回到现在的状态哦！有没有很方便？
那基本设置就讲到这里啦！
下面就是讲一些工具的基本操作！左边的那一栏就是工具栏啦！每一个工具都有自己的属性！
1，第一个工具是移动工具！这里是像素移动！ 移动工具有一个功能就是，当你ctrl选择两个图层之后，上面的属性区域会与居中对齐等选择。错乱之后，点击历史记录可以恢复。
2，第二个是选区工具；M键是快捷键！这里的话，当且仅当我们选中一个区域的话，会有填充，可以填充颜色。
还有就是，当我们想要选择两块选区怎么办？或者是一次性画不出所想的怎么办？不着急！看上面的属性区的第二个！选中，就可以啦！
就是介样儿~有加就有减，所以第三个就是减。最后一个是乘，就是两者的交！另外人家选区可不只有矩形啊！按shift键可以画正方形和正圆！而且必须先放鼠标，后放键盘！ 按alt键可以找圆心！
3，第三个是套索工具！快捷键是L！可以选取不规则的！shift可以加一个，alt可以减去！像这样！
4，快速选择工具！这个我个人认为一般我们前端不是很好用！可以说就是不好用···还有魔棒工具！
5，就是裁剪工具。就是把选中区域裁剪下来！点击右上角的√就行了，不想选就选择禁止！有一个技巧要说一下。当我们先用移动工具选中区域之后，用ctrl+alt选中，然后点剪裁，然后就是alt+鼠标右击可以选中图层，把背景一层层去掉，最后保存！
6，污点修复工具 就是抹掉啊！
7，画笔工具，铅笔工具。这个就不深入探讨了！大家即便是智障也不是傻逼啊！ 不懂的话就可以去死一死了！而且，作为前端，反正是不怎么用得着。
8，以及下面的擦涂，常用语照骗祛斑什么的！我们也不说了···
9，渐变工具简单，就是一拉就是彩虹！哇~说到彩虹就想起六色旗！就想起我们千千万万个还在奋起反抗不卑不亢的革命同志们啊！
10，后面的工具都不常用，就不写了！ 尤其那个钢笔线条花心啊！ 一辈子都不会了·········
随后，我试着练习了圆环，虽然和奥运五环看起来没有毛线关系，但也是照着他的样子来的！这就是古人常说的东施尿频啊！
看到没？环与环之间紧紧相扣···个屁啊！ 红色那里明显有缺口是不是？就是没有delete好呗···
其实这个主要就是先1.ctrl+n创建一个新画布，然后在2.右下角直接新建图层，然后在图层上面操作，怎么操作呢？3.首先你给他在选区工具那里，对对对！选择椭圆，然后4.按shift键画一个正圆，然后5.点击颜色那里，直接选择蓝色，然后6.点击alt+delete填充进去，好了有一个大蓝圆了！接下来就是再有一个小圆呗！7.继续选区工具，然后画一个小一点的！或者用ctrl+shift好像是这个我也记不清了，或者直接按变换选区，给他把圆变小一点，然后同心圆，最后8.delect把颜色去了就是一个环啊！太神奇了吧!
接下来就是第二个了！直接alt第一个移动，就是第二个啊！就是颜色的变化不一样而已啊！这个简单，直接ctrl+点击图层（记住这里给人家每个图层改个名字好吗？大毛二毛也行啊！这里本来就是让你明白图层的啊！特么你每个图层都一样好学个毛啊！你不乱我都乱了！）既然说到起名字了，直接点击字体部分就行了啊，不要瞎JB点啊！ 好了，接下来就是ctrl+图层，然后第二个圆就选中了啊，这是再去改变颜色啊！然后alt+delect就行了啊喂！ 不会就拿小拳拳锤自己胸口锤到吐血好吗？？？
后面的圆以此类推啊！
重点在于什么？在于心连心，心心相印！在于环环相扣！在于双箭头啊！但是刚才那样画的后果就是只有单箭头啊！这样怎么发展感情啊！怎么造福后代啊你告诉我！！！
所以，就是继续美化啊！仍然是觉得那个那里应该不显示的，就先Ctrl+那个图层啊！然后选区，然后delete就行了啊！至于效果！当然是看稳不稳啦！！！
好了！这样就画好了~！
切图那里！说实话他是每次全部切完。密集恐惧症很尴尬啊！还是边写边切吧！而且的话，真心觉得UI是死的吗？不能直接给小图吗？！
不过接下来那个自动切图不要太好用啊喂！把编辑下面的有一个首选项里面有一个增效功能，勾上启用生成器；然后在文件中有一个生成，然后是图像资源勾上；然后你会发现在你的psd图片所在的文件夹下有另外一个文件夹，虽然这时候他里面啥也没有！然后直接找到图层，双击和重命名一样，之后，直接加上后缀，比如jpg，png，JPEG等等；这个时候那个文件夹里面就有内容了！同时把名字改回来的话，图片就会消失，如果命名为200%（空格） name（空格） @2x.jpg时候，他就会生成一个名字叫做name@2x.jpg大小是原来两倍的jpg图片；
后面提到的复制css很有用啊！就是不能直接复制外层的，要找内部的，然后在图层里面选择复制css，然后随意打开编辑器，之后粘贴，就OK啦！好用的捏！（然而我们cc生成器！马丹并没有复制css那个选项啊！也不能生成图像啊！）
新增！新增！ 今天学习了做雪碧图，就是我们说的精灵图！就是人尽皆知的图片整合了！首先把素材给一一找到，然后用ps打开，ctrl+n打开一个新画布！事先计算好画布的宽和高，设置好每一个图标的宽和高！计算好计算好！作为一个合格的数学专业的准毕业生，这点儿我相信我能做到！ 然后，ctrl+a全选复制ctrl+c小图标，到新建的画布里面粘贴ctrl+v，设置好它的位置，以此类推，把所有的小图标粘到上面，最后保存成web格式就大功告成！哦呦厉害了！ 这样做可以节省图片的大小！