码迷,mamicode.com
首页 > 其他好文 > 详细

页面制作 Chapter 1--PhotoShop切图笔记

时间:2015-07-26 22:26:11      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

    由于自己大二自己玩过PS,所以,这节课就相对容易点。但是,PS不经常用的后果就是快捷键容易忘......

    1、PS首选项的设置

         编辑>首选项>单位与标尺,把标尺和文字单位改成像素

    2、创建切图需要的工作区,关闭不需要的面板(窗口>工作区>新建工作区>保存工作区),右上角选择工作区

        a.信息面板(F8)

        b.图层面板(F7)

        c.历史记录面板

        d.工具栏

        e.选项栏

     3、切图常用的工具

          a.移动工具(选择图层、移动图层)

          b.矩形选框工具(选择矩形框,查看信息面板,获取选中区域的宽高)

          c.魔棒工具(容差越小,选择的颜色范围越小;消除锯齿,让边缘光滑)

          d.裁剪和切片工具

          e.取色器

          f.缩放工具(放大画布:Ctrl+加号,缩小画布:Ctrl+减号,画布变成100%:Ctrl+1。可以设置滚轮缩放,更方便!)

      4、组的概念

           类似于文件夹

       5、辅助视图

            在视图菜单下开启:对齐(在移动图层时,当靠近参考线或者别的图层或者文件边缘会有吸附力)、标尺(Ctrl+r) 、显示>参考线(需勾选显示额外内容)

            参考线的快捷键:Ctrl+;

       6、CSS Sprite或者图片精灵

            推荐文章:http://www.css88.com/archives/756

       7、打开设计稿,获取信息

            -尺寸信息(所有数字都要测量,矩形选框工具结合信息面板,测量时画布尽量放大!)

              a.宽度、高度

                巧用添加到选区功能测量较大的布局宽度:  在画布最左边作一个小的矩形选区,按住shift键,在画布最右侧作一个小的矩形选区,信息面板上的w即为布局宽度

              b.内边距、外边距

              c.边框

              d.定位

              e.文字大小

                 当文字是单独的图层,直接利用文字工具;

                 当文字图层被合并之后,就用矩形选框工具,获取的矩形高度信息就是文字大小。由于文字字体不同,字号会有差异,因此在测量文字大小时,选择较大的文字测量。

              f.行高

                当文字是单独的图层,直接利用文字工具;

                当文字图层被合并之后,就用矩形选框工具,第一行文字的底部到第二行文字的底部的矩形高度就是行高         

              g.背景图位置

            -颜色信息(所有颜色都要取色,取色时画布尽量放大,用拾色器和吸管工具)

              a.边框色

              b.背景色

                 利用取色器判断是否为纯色;

                 巧用魔棒工具确定是否为线性渐变;

              c.文字颜色

                 当文字是单独的图层,直接利用文字工具;

                 当文字图层被合并之后,放大画布,用吸管工具取色;

                 如果文字图层被添加了叠加效果,就不用文字工具获取颜色,而是用拾色器。

页面制作 Chapter 1--PhotoShop切图笔记

标签:

原文地址:http://www.cnblogs.com/rosestudy/p/4678676.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!