ps标尺、参考线的实用方法

2025-04-06 01:41:53

在用ps做网页设计中,参考线是必要的工具,必须用参考线才能让网页的布局整齐, 各个元素对齐,只有各个细节都完美,最后网页切片才能成功。平面设计也一样用得多,现在就以设计名片为例,介绍ps参考线的实用方法。

工具/原料

ps cs6

实用技巧

1、技巧1,标尺和参考线:在ps中参考线必须和标尺一起使用,所以先用ctrl+r快捷键打开标尺,标尺打开后,用鼠标点击标尺就可以拖出参考线,上方的标尺拖出水平参考线,左方的标尺拖出垂直参考线。同理,在使用“移动工具”的前提下参考线可以拖回标尺处清除。

ps标尺、参考线的实用方法
ps标尺、参考线的实用方法
ps标尺、参考线的实用方法

2、技巧2,定中线:制作设计的开始,经常要定位中线位置,在标尺处点击鼠标右键,选择百分比,然后拖出参考线至百分之五十处。也可以点击视图→新建参考线,直接选择50%,新建参考中线。

ps标尺、参考线的实用方法
ps标尺、参考线的实用方法
ps标尺、参考线的实用方法

3、技巧3,确定实际数值:名片的实际大小为90mm×54mm,但是新建文件的时候加上出血(实际打印的时候预留剪裁的区域)为94mm×58mm,所以要用参考线定出血的位置。在标尺处单击鼠标右键,选择疟觥窖捎单位为“厘米”,在画布四周分别拉出0.2厘米的水平和垂直参考线定位出血。

ps标尺、参考线的实用方法
ps标尺、参考线的实用方法
ps标尺、参考线的实用方法

4、技巧4,对齐元素:对于离得较远的元玟姑岭箫素的对齐使用参考线比较好,下方电话、地址等文字方块已经定位,拉一条垂直参考对齐文字方块左侧,上方柬缰缣挞公司名称再对齐参考线即可。另外追求方便的可以打开视图→对齐到→参考线来辅助对齐,移动元素时会自动吸附在参考线上,不过小编觉得这个影响其他设计操作,一般用完就关闭。

ps标尺、参考线的实用方法
ps标尺、参考线的实用方法

5、技巧5,确定计算起点:在标尺的夹角处按住鼠标左键可以拖出标尺点位点,然后在之前画的中线参考线处释放鼠标,则标尺的0点就从名片的中线处计算。这常用于左右、上下对齐结构的设计中。

ps标尺、参考线的实用方法
ps标尺、参考线的实用方法

6、技巧6:隐藏参考线:快捷键ctrl+h是隐藏参考线,这个快捷键做设计是必须记住的,因为设计后期,特别是在网站设计中参考线会多如乱麻,反复运用快捷键ctrl+h可以隐藏和开启参考线,是特别方便的。

ps标尺、参考线的实用方法
ps标尺、参考线的实用方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢