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,下載切圖

相關文章
相關標籤/搜索