程序员PS技能(三):程序员使用PSD源文件切图

简介: 程序员PS技能(三):程序员使用PSD源文件切图

前言

  通过前面的篇章,具备了对PS基本操作的认知,作为程序员我们知道前面这几个就行了,然后本篇章来进行实战。


原图

  原图我们就使用如下图:

  


示例1:获取设计图像的大小并调整

步骤一:选择菜单栏的中“图像”,点击图像大小

  

步骤二:查看图像信息

  

步骤三:开始调整,选择宽度高度的单位(像素

  

步骤四:改为目标大小,如1920x1080

  

步骤五:确认后,检查图像信息

  

  


示例2:获取图标的位置和大小

步骤一:查看到图标的距离信息

  选中图层,按crtl+鼠标,可以查看到图标的距离信息,如下图:

  

步骤二:更改单位

  使用ctrl+r,出现“参考线”,如下图:

  

  鼠标右键,选择“像素”,如下图:

  

步骤三:查看像素

  选中图层,ctrl+鼠标,即可查看,如下图:

  

步骤四:查看图层本身的像素信息

  打开“属性”窗口。

  

  选择“图层”即可查看:

  


示例3:切图标的切图

  

步骤一:选中该图层

  一般对于选中就会有选中标识,PS中没有,如下图:

  

  可以长按alt+鼠标点击任意其他图层,可以反馈出到底选择了哪一个图层图片,如下图:

  

步骤二:确认图层

  查看右下角图层,确认是需要切图的图层,如下图:

  

步骤三:鼠标右键选择“快速导出为PNG”

  

步骤四:导出

  

步骤五:确认导出成功

  查看到处文件夹,如下图:

  

  (其他图标类似)


示例4:切图标为固定大小

  

步骤一:选中该图层

  一般对于选中就会有选中标识,PS中没有,如下图:

  

  可以长按alt+鼠标点击任意其他图层,可以反馈出到底选择了哪一个图层图片,如下图:

  

步骤二:确认图层

  查看右下角图层,确认是需要切图的图层,如下图:

  

步骤三:鼠标右键选择“导出为…”

  

步骤四:导出参数调整

  

  

步骤五:导出

  

步骤六:确认导出

  查看到处文件夹,如下图:

  




相关文章
|
2月前
|
存储 Windows
PS绘图,切图方法
PS绘图,切图方法
40 3
|
8月前
|
存储 前端开发
利用PS把多张psd格式的图片转换为一张PDF格式
利用PS把多张psd格式的图片转换为一张PDF格式
66 0
|
11月前
|
存储
ps打开之后切图一段时间C盘存储量变小怎么清理?
首先不想占用C盘空间的话可以打开ps->编辑->首选项->暂存盘,更改为除C盘外的其他盘,这个暂存盘存储的是使用ps切图时产生的临时存储文件,默认是C盘,ps关闭之后,一般会释放。
142 0
|
消息中间件 前端开发 JavaScript
校招大学生简历制作模板(ps:程序员简历)
本文献给准备春招秋招的小伙伴们!
204 0
校招大学生简历制作模板(ps:程序员简历)
|
存储 数据采集 编解码
ps切图实用小技巧、图片格式的区别及相关内容
写在前面 之前写了两篇前端图片相关的内容(前端ps切图方法,图文详细,css sprite雪碧图制作,使用以及相关,图文gif),本文是面向前端小白的,搜集整理的一些切图技巧,及其相关内容。 关于版本: 推荐pscc2017版,一些老版本很多新功能没有,会影响到效率的。(目前2017/4/11) 基本设置 先要调整工作区域的布局。 1.选择“窗口”——把“信息”,“图层”,“历史记录”,“颜色”面板打开,其他的可以先关闭了,在切图的工作中其他的基本用不到,这个很简单的,打几个勾就可以了。
149 0
ps切图实用小技巧、图片格式的区别及相关内容
|
程序员
程序员PS技能(四):程序员创建PSD文件、展示简单PSD设计流程,上传PSD至蓝湖,并下载Demo切图
程序员PS技能(四):程序员创建PSD文件、展示简单PSD设计流程,上传PSD至蓝湖,并下载Demo切图
程序员PS技能(四):程序员创建PSD文件、展示简单PSD设计流程,上传PSD至蓝湖,并下载Demo切图
|
程序员
程序员PS基本(二):程序员切图最常使用的工具组-选择工具组
程序员PS基本(二):程序员切图最常使用的工具组-选择工具组
程序员PS基本(二):程序员切图最常使用的工具组-选择工具组
PS服装设计素材:700套精品T恤PSD模版免费送!
相信从事服装设计以及初学者的小伙伴都明白,服装设计在企事业部门、学校、科研单位从事服装、服饰设计工作以及教学与研究工作的德才兼备的高级专门人才。服装设计用的软件也比较多,主要有PS,AI,CDR,CAD等软件。
1409 0
|
存储
第144天:PS切图方法总结
一、切图方法分类     PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图。
1908 0