ps切图基础(慕课网切图篇学习)

本文介绍了Photoshop(PS)的切图基础知识,包括新建设置、移动工具的使用、视图和参考线设置。讲解了如何进行图层操作,如画五环图形,以及使用参考线辅助切图。此外,还涵盖了传统切图方法和精准切图的步骤,如使用切片工具和脚本导出图层为PNG格式。文章最后提到了将PSD转化为HTML网页的初步流程。
摘要由CSDN通过智能技术生成

一、PS切图基础

1、  PS界面设置

1) 新建设置

Ctr+N(新建快捷键)

预设选定web或自定义,宽1920,高2000像素,背景透明,分辨率72像素/英寸,RGB颜色 8位。

在设置好参数后可以点击存储为预设,以后需要使用直接打开就行了。

2) 移动工具设置:介绍移动工具针对网站前端的设置属性及其快捷键操作。

V(移动工具快捷键)

在PSD中选图层:

1、按ctrl+你点击图中需要的图层,在图层面板中鼠标就会跳到那个图层。记得选中图层而不是选择组。

2、改各个标尺像素。打开视图的显示的只能参考线,标尺Ctrl+R,打开窗口的信息和字符。Ctrl+鼠标左键(你需要的图层),不用选自动选择,图层面板的光标就会跳至你需要的那个图层中,就可自由移动,然后显示一切信息和想要的字符。信息面板,改为RGB颜色,像素,打开文档尺寸。

3)  视图设置:介绍针对前端在视图方面的设置以及设置中的技巧

需要在视图中打开标尺(ctrl+R)和智能参考线(M)。

不需要的面板可以关闭,只打开图层,信息,字符,历史记录。这四大面板。

4)           

5)        在设置好信息面板中的参数之后,会显示图片的信息,如鼠标所在的位置,RGB的值,文档的大小以及分辨率之类的信息。

利用这个定位的功能,对解决前端的绝对定位和固定定位有一定的帮助。

还可以显示选区的大小

 

6)        打开编辑的首选项的单位和标尺,把单位都改为像素。

7)        

8)        最后,打开窗口,工作区,新建工作区,叫web切图。下面框快捷键都可以打勾选。

防止在做的过程中不小心把工作区复位为基本功能,只要再次点击你刚刚工作中所保存的工作区,就可再次回到刚才工作的页面,不会有多余或者少工作面板。

2、  PS基本操作

1)        简单工具操作:介绍PS最基本的工具操作及其技巧

1、第一行是菜单栏,第二行是属性栏。

2、选区工具(M),按住shift键和鼠标左键,变成正方形或圆形。要先放鼠标左键,再放shift键。同时按住shift+Alt键,能以圆心化圆,同理是矩形的中点。按shift键,可以添加选区;按Alt键,可以减掉选区。M键是选区快捷键,按住shift键,再按住M键,可以在选区轮流切换。

3、矩形选框工具四个操作:1新选区,2添加到选区(可同时选中两个选区,选中区域交叉部分自动合并),3从选区中减去-与操作2相反,选中区域从原区域中减去,4与选区交叉-为当前选中区域增加区域

4、选择图层:ctrl+鼠标左键

选区:

1)画正方形、画圆形:shift+鼠标左键拖动

2)画固定圆心的圆:alt+shift+鼠标左键拖动

3)增加选区:shift

4)减去选区:alt

5)删除选区:ctrl+d

6)在工具的扩展中轮流切换:shift+工具的快捷键

放大:ctrl++;

缩小:ctrl+-;

可拖动:space;

快速选择工具:

缩小:[

放大:]

裁剪对应图层,点击Alt并点击图层前面的眼睛(其他图层隐藏只保留这个图层,导出png)

移动(V)、选择(M)、套索(L)、魔棒(W

alt键+眼睛,只显示当前图层

alt+钢笔,alt可以调整曲线弧度,移动曲线方向(使得选中的路径为自己想要的图案)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值