photoshop制作960 Grid System的网页模板
- 2022-12-24 23:23:36
- 来源/作者：互联网/佚名
- 己被围观次
先看最终效果图 网格设计呢，通常显得很整齐规范，有时看上去也比较专业。但网格设计相对来说也是比较复杂的，往往需要精准的测量和栏目划分。960 Grid System/960网格系统，这是一套可以让你快速创建网格设计的工具，之所以叫960，就是说模板的宽度是960像素。而之所以用96
删除中间的黑色图层。
删除黑色图层 接下来把中间的十等份全部删除吧。当然，你可以隐藏中间的十等份，下面的操作可以参考这十等份来调节位置。
隐藏中间的部分 添加一条竖立的虚线，在网页制作的时候，这条虚线可以使用dashed border来制作，这里只是用ps来做效果而已。
制作虚线 完成文字和导航，导航的位置这里可以参考之前“十等份布局”的大约位置来布局。
文字和导航
删除黑色图层 接下来把中间的十等份全部删除吧。当然，你可以隐藏中间的十等份，下面的操作可以参考这十等份来调节位置。
隐藏中间的部分 添加一条竖立的虚线，在网页制作的时候，这条虚线可以使用dashed border来制作，这里只是用ps来做效果而已。
制作虚线 完成文字和导航，导航的位置这里可以参考之前“十等份布局”的大约位置来布局。
文字和导航
*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）
标签(TAG) 网页模板 学photoshop
下一篇：PS cc设计LOL主题图标教程
更多精彩内容
-
APP展示图，教你怎么用PS制作APP的界面图片 -
用ps制作大拇指胜利手势logo -
用ps制作金属质感徽章 -
用ps制作绿色环保Logo -
用ps制作放大缩小logo -
ps cs6设计火箭UI图标 -
教你用PS打造网页效果图全过程 -
进度条，设计一个彩色进度条