发表于: 2019-03-05 22:57:17

1 733


今天完成的事情:学习PS切图
明天计划的事情:学习响应式设计
收获:

ps界面设置:

1.新建设置:web或自定义,宽1920,高2000像素,背景透明,分辨率72,RGB颜色。 

2.移动工具设置:改各个标尺像素。打开视图的显示的只能参考线,标尺Ctrl+R,打开窗口的信息和字符。Ctrl+鼠标左键,不用选自动选择,然后选图层,自由移动,然后显示一切信息和想要的字符。信息面板,改为RGB颜色,像素,打开文档尺寸。 (注意一切尺寸改为像素)

3.图层,信息,字符,历史记录。这是四大面板。 

4.保存工作区:窗口->工作区->新建工作区(下次切图直接使用这个工作区)


传统切图:

1.切片工具:灰色代表被动切片,蓝色代表主动切片 

2.使用参考线切图 ,拖动标尺可以添加参考线

3.先使用裁剪工具---再使用参考线切图 

4.切图完毕,导出步奏 文件---存储为web所用格式(快捷键:alt+shift+ctrl+s) 

5.存储格式png-24


精准切图:

1.单击文件-脚本-将图层导出到文件 (2015 CC版单击文件-导出-将图片导出到文件)

2.文件类型:png-24 透明区域,交错,裁剪图层勾选 

3.注意:比如说要做一个gif动画,如果是ps导出,半透明效果出不来,我们用ps导出一个一个png序列帧,由于命名是很顺的,我们可以在脚本当中引入堆栈,那是非常炫的一个功能 

4.有阴影会保留下来。 

5.命名刚好是图层的名字,如果做网页设计把每个图层命名使用网页中合法的命名,就可以不需要导出后再调整名称。


返回列表 返回列表
评论

    分享到