wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

WordPress技术博客 news
您现在的位置:首页 > WordPress技术博客 > 全屏通栏焦点图的做法

本周推荐网站模板

WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

全屏通栏焦点图的做法

发布时间:2014/12/29 WordPress技术博客 必读教程 2200 2

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

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

视频教程:

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

4

 

做法:

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

81052

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

16

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

 

 

1419

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

4

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。

  1. flrooo

    视频掉了

    2016年11月28日 10:05 回复