查看更多精彩前端资源   

【前言】
作为前端开发人员，photoshop不要求精通，但是一些常用的测量小技巧，和切图还是要掌握和熟练的，下面给大家介绍一下前端开发中，常用的一些测量小技巧！！【11个不得不会的小技巧】
     1.     打开一张psd图   Ctrl+O
     2.       把psd图的单位调成像素
     Ctrl+K  调出首选项，选择单位与标尺，把文字和标尺都改成像素单位。
     
            

            3. 点击窗口，把窗口选项里面的“信息”“字符”勾选上，
     
              调出信息面板和字符面板
         
     
     4.     测量两条辅助线之间的距离
                     
     5.文字的测量，鼠标记得是切换回 这个状态
      
     6.  颜色的吸取
      
               
     7. 选中某一图层
       按住Ctrl，用鼠标点击psd对应的图层处。

     8.psd图的放大和缩小

       选中放大镜，光标变成放大镜状态，+状态：点击鼠标左键，放大

       放大镜状态，按住Alt键，-状态：缩小：点击鼠标左键：缩小 或滚轮状态

     9..拖动

                 9.1拖动图层，选种箭头状态，用鼠标拖动

                 9.2拖动整张psd图，选种小手状态，或按住空格键，用鼠标拖动

     10. 调出标尺,Ctrl+R , 鼠标可以在标尺处,可以拖出辅助线

      
     11.   切图
       在工具栏选中裁剪,鼠标右击,选中 切片工具
      
       把辅助线拖出来,选好要切的范围, 然后用切片工具切
      
                  图片切好后,按住 Ctrl + shift+ alt+s调出下面的面板
      
       点击存储,保存的时候,下来框选择 “选中的切片”
                  
     
      

查看更多精彩前端资源   

【前言】
作为前端开发人员，photoshop不要求精通，但是一些常用的测量小技巧，和切图还是要掌握和熟练的，下面给大家介绍一下前端开发中，常用的一些测量小技巧！！【11个不得不会的小技巧】
     1.     打开一张psd图   Ctrl+O
     2.       把psd图的单位调成像素
     Ctrl+K  调出首选项，选择单位与标尺，把文字和标尺都改成像素单位。
     
            

            3. 点击窗口，把窗口选项里面的“信息”“字符”勾选上，
     
              调出信息面板和字符面板
         
     
     4.     测量两条辅助线之间的距离
                     
     5.文字的测量，鼠标记得是切换回 这个状态
      
     6.  颜色的吸取
      
               
     7. 选中某一图层
       按住Ctrl，用鼠标点击psd对应的图层处。

     8.psd图的放大和缩小

       选中放大镜，光标变成放大镜状态，+状态：点击鼠标左键，放大

       放大镜状态，按住Alt键，-状态：缩小：点击鼠标左键：缩小 或滚轮状态

     9..拖动

                 9.1拖动图层，选种箭头状态，用鼠标拖动

                 9.2拖动整张psd图，选种小手状态，或按住空格键，用鼠标拖动

     10. 调出标尺,Ctrl+R , 鼠标可以在标尺处,可以拖出辅助线

      
     11.   切图
       在工具栏选中裁剪,鼠标右击,选中 切片工具
      
       把辅助线拖出来,选好要切的范围, 然后用切片工具切
      
                  图片切好后,按住 Ctrl + shift+ alt+s调出下面的面板
      
       点击存储,保存的时候,下来框选择 “选中的切片”