photoshop简单使用

PS基本操做与图片格式

        photoshop工具web

                组成  app

                        菜单项工具

                        工具栏优化

                        辅助面板spa

                图片格式插件

                        jpg图片

                        png资源

                        gifclass

                            注: psd下载

                photoshop CC连接: https://pan.baidu.com/s/1LVa5R_btSjczLBwskCZidQ 提取码:sc3v

                快捷键:

                        ctrl + r   显示隐藏标尺

                        在标尺上能够拖拽参考线

                        移动工具拖拽回去,也能够在视图菜单--》清除全部参考线

                        图层中的小眼睛能够对当前图层进行显示隐藏

                        alt + 滚轮 :能够对图片进行放大缩小

 

photoshop切图

 

        png等图片切图流程

            矩形选框选取区域    

                ctrl + c

                ctrl + n

                ctrl + v

            选中一个区域(区域一),alt+区域(区域二),区域三(区域一与区域二重叠的部分),所得区域=区域一减去区域三

            选中一个区域(区域一),shift+区域(区域二),所得区域=区域一并区域二的并集

            查看宽度和高度在  信息面板   上就得知了   ----》 信息面板选项  ----》 改单位为px  ----》拉取辅助线

            选择好区域后,复制,建立,粘贴

            文件--》导出-->存储为web所用格式(旧版)...  ----可设置类型-->存储---》将优化结果存储为-->文件名

 

        利用切片工具也能够切图

            1. 选择切片工具--》划一个框--》经过鼠标进行微调(右键“编辑切片选项”)

            2. 在做多个切片

            3. 存储为web全部格式(会自动生成 images文件夹)

 

        psd源文件切图

            1. 将psd源文件导入到photoshop中

            2. 点击菜单 "编辑" --> "首选项" --> "加强工具" --> 启用生成器  打勾

            3.  "文件"  --> "生成"  --> "图像资源"(生成一个与psd文件名相同的-assets文件夹)

            4. 移动工具(自动选择),点击所须要的切图的图片,在相应的图层中改文件名(百分比 文件名)

            5. 图片就能够自动保存到与pad文件名相同的-assets文件夹下

 

        企业切图流程

            利用工具快速获取样式

            蓝湖: https://lanhuapp.com

            1. 进入蓝湖页面,注册,建立一个团队,新建一个项目

            2. 安装photoshop的插件蓝湖

            3. 在photoshop中打开蓝湖,上传项目

           4. 在蓝湖页面上刷新页面,就能够看到上传的项目了,双击。

           5. 在photoshop蓝湖窗口中,切图-->点击-->标记为切图-->上传

           6. 在蓝湖页面中刷新,找到版本2,下载切图