photoshop简单切图

  作为一个二十多年来从来不知道审美是个什么的我!学习这个还是相当有挑战性的!不过!鱼翔浅底,百舸争流,万类霜天竞自由!看苍茫大地,谁主沉浮?我我我!是我啊!

  所以!灯只有一盏,你要你就点燃,如果换堵枪眼,我一定勇往直前!

  第一步!下载!  唉···  路漫漫其修远兮啊!  第一步就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格式就大功告成!哦呦厉害了!  这样做可以节省图片的大小!

 

posted @ 2017-02-15 17:55  鐦鐦  阅读(322)  评论(0编辑  收藏  举报