当前位置: 首页 > 网络文摘 > 正文

全屏通栏焦点图的做法

全屏通栏的焦点图在WEB主题公园所出品的WordPress主题中有很多,但是很多朋友对于全屏通栏焦点图的做法确不是很了解,做的焦点图有时候超出了范围,在不同的分辨率下显示不完整的情况时有发生。

所以今天我们出一个教程教大家设计制作规范的全屏通栏焦点图,让大家少走弯路,直接设计好自己的焦点图。

视频教程:

我们在制作全屏通栏的焦点图时,考虑到不同的分辨率有不同的大小,所以我们采用背景做成最大分辨率(1920),而内容则集中在图片的中间1024区域,这样大分辨率(1208~1920)两边不至于变空而不好看,也不至于1024分辨率的用户看到的图片内容是残缺的,请见示意图:

4

 

做法:

1. 使用Photoshop建立一个图片 尺寸为1024*(你的主题要求的高度):

81052

2.建立好了之后,拉出2条参考线到图片的边缘(参考线ps的快捷键是ctrl+r):

16

3.找到菜单(ps顶部按钮)—–图像–画布大小,选择宽度尺寸为“像素”,并将尺寸修改为1920:

 

 

1419

现在按照示意图做好你的图片就可以了,具体可以参考上面的视频教程,更加详细的介绍全屏通栏的图片是如何制作的。

4

本站文章均未原创文章,转载请付地址:http://www.themepark.com.cn/qptljdtdzf.html

本文固定链接: http://liuqingwei.cn/?p=975 | 小伟工作室

该日志由 于2015年01月12日发表在 网络文摘 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 全屏通栏焦点图的做法 | 小伟工作室