小蚂蚁学习PS切图之基础操作(1)——界面设置和移动工具选区工具

守給你的承諾、 提交于 2020-03-11 11:57:39

为什么要学习PS?

    这要追溯到公元2014年12月31日晚,在制定15年计划的时候,头脑一热就把这一项写进了计划里。不过这也是有原因的,有时候需要做一点前端的时候,ps用不好确实很影响工作效率,虽然这在我平时工作中所占得比例并不是很大。今年需要完成的计划就剩下了两个,其中包括学习ps,眼看这一年又走到头了,简单学习一下ps基础,能为前端提供一些帮助就行。既然制定了这个计划,就把它完成,言出必行,这是我的忍道。

学习目标

    * 能够自己使用ps从网页设计师提供的psd中获取网页前端开发过程中所需要的资源

    * 对简单的ps操作有一个基本了解

    * 可以做一些简单的图片处理和调整

    * 提高自己的审美期美感的培养

一、界面设置

1. 新建:Ctrl+n    

    预设:web 大小:1920\*1080,但是web设计是不指定高度的。所以预设:自定义,大小:1920\*2000(高看情况)。分辨率:72。颜色:RGB。背景:透明。

2. 移动工具设置    快捷键:v

    建议:自动选择不打勾;自动选择后面的选项选择:图层;当选择的时候可以按住ctrl键选择图层。

3.视图设置 

    视图--显示--勾上智能参考线    标尺:打钩

    选择ps切图最常用的四大功能:信息,字符,图层,历史记录

    在信息右边--面板选择,标尺单位全部改为像素。颜色模式全部改为RGB模式。文档尺寸打钩。

    编辑--首选项    单位全改为像素

    ctrl+右键    点击图层,可以看到相对应的信息。

    窗口--工作区--新建工作区     取名:web切图。这就相当于保存了当前配置。下次打开,只要点击窗口--工作区--web切图,就可以恢复设置


二、基本操作

    三个目标:简单工具操作。图层原理极其操作。参考线及其辅助。

    1. 移动工具,快捷键:v。Ctrl同时选择两个图层,可以在属性栏对齐进行各种对齐。

    2. 选区工具:图层一旦有了选区,我们对图层的操作,都针对选区内部。鼠标放入选区内部,按住ctrl,可以移动选区。

    属性栏的是个标记分别是:1,只能创建一个选区。2,可以创建多个选区,相交的部分会加在一起。3,相交的部分会减去。4,相交的部分会留下,其他的都减去。

    选区工具中的椭圆工具,无论单行还是单列,它选中的仅仅只是一个像素。

    注:椭圆和矩形,想要达到正圆和正方形,需要按shift键。想要选中中心点,需要按住alt键。

    选区工具快捷键: shift增加选区,alt减去选区,其实这两个快捷键是通用的。

    shirf+m    会在扩展中间轮流切换。

    ps:图像窗口放大缩小的快捷键。ctrl+“+”放大,ctrl+“-”缩小。


学PHP的小蚂蚁 博客 http://my.oschina.net/woshixiaomayi/blog


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!