前端中PS技術總結

我用的爲cc 2017

1. 界面設置

1.1 一般設置寬爲1920 px ,高爲2000px. 分辨率爲72 顏色RGB顏色 背景顏色爲透明

1.2 alt+鼠標左鍵選中所點擊的的圖層

1.3視圖要選擇智能參考線與標尺

1.4 窗口篇,建立信息、字符、圖層、歷史記錄四大面板
在這裏插入圖片描述
設置信息-> 面板選項(方便前端進行定位操作)

在這裏插入圖片描述
1.5編輯->首選項
設置單位爲像素,分辨率爲72
在這裏插入圖片描述
1.6 窗口->工作區->新建工作區
把我們設置好的面板格式固定下來

2.ps基本操作

2.1 選區操作 快捷鍵M 多個選區看上面屬性欄選擇
在這裏插入圖片描述
畫正圓 ,正方 先按住shift+鼠標左鍵 後鬆開鼠標左鍵+shift

想圓心在開始位置 先按住 alt +shift +鼠標左鍵 後鬆開鼠標左鍵+ alt +shift

shift +選擇選區 可以增加選區 alt+選擇選區 減少選區

shift+ 工具欄快捷鍵 可以選中其中的子工具

crtl+D 可以去除選區

空格 變成 抓手工具

alt +鼠標左鍵 可以選中點擊的圖層

alt 加 滾輪 放大與縮小

3.PS切圖

3.1傳統切圖
用切片工具 導出-> web所用格式

3.2精準切圖
用文件-》導出-》將圖層導出到文件(看電腦性能,我導了半小時還沒導好,果斷結束進程)

4.PS擴展知識

4.1編輯-〉首選項-〉增效工具-〉啓用生成器
開始-〉生成圖像資源(勾選)
會在導入圖片的位置生成一個assets文件夾
當你把文件後面加後綴的時候就會生成對應格式到這個文件夾中
出去後綴文件就會刪掉
在這裏插入圖片描述

我自己用的切圖工具爲Cutterman——切圖神器

參考自慕課網 前端工程師必備的PS技能——切圖篇

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章