html海报制作-如何制作海报设计？

1分钟:图片做成HTML其实只要在PS里做一下切片就行了。如果没有特别的需要,PS软件就能生成一个HTML的页面。

2分钟:或者直接在DW里创建一个空的HTML,然后插入你的海报图片就OK。

上述方法都是在不考虑实际上图片大小和网速需求的情况下的做法。

但实际上,你可能需要把海报图片重新设计或者修改成适合在浏览器展现的宽度和效果,然后使用PS切片工具切出图片,然后使用DW把页面使用DIV+CSS 写更适合现在多种浏览器访问的页面,甚至用HTML5技术做出更漂亮的动画和效果。

需求决定了时间的长短。。。。。

但总的来说,不是很麻烦。熟练的前端工程师可能30分钟,新手可能要好几天吧。。。

推荐几个超好用的工具,即使是设计小白,也能很轻松地做出高大上的海报:

1、Chuangkit

Chuangkit()是一款超级强大的在线海报制作神器,我已经用了快三年了,做海报就像做PPT一样简单,只需要把各个元素拖拽到画布上,就可以做出各种逼格满满的海报了。

里面提供了各种各样的素材,海报、画册、传单、邀请函、营销长图、名片......

基本上想要的都能够找到

比如这样的时尚杂志封面:

点击选中元素就可以编辑,还可以像PPT一样随时拖动,操作真的超级小白

还有很多原创的插画和素材可以选择,直接在线就能做出高大上的海报了:

通过拖动,就可以把各种原创元素放进自己的设计中,没有任何版权风险:

这是用平台的原创照片+原创插画组合出来的微信封面图,虽然和Ps大神没法比,但是应付日常使用已经完全足够了:

2、Canva-可画

Canva是一个超级棒的全球设计工具网站,参考网站模板,小白也能做出高逼格的海报。

首先是,可以参考的模板素材很多,基本套用就可以

请点击输入图片描述

如果不满意模板素材,Canva 还有免费的图片、字体和插画素材库,自己也能创作出高大上的海报。下图是用两个模板组合成的效果,是不是还行?

请点击输入图片描述

Canva 站内也有很多特效工具可用,一键就可以生成高大上的效果。(比如我们把上面这张图,做成抖音的风格)

请点击输入图片描述

真的超级方便,类似的平台还有凡科快图、Fotor在线设计等,都能够做出类似的效果,各个平台之间各有所长,可以组合起来使用。

比如凡科快图 的抠图功能就很好用,一键就可以抠图做成素材,非常方便:

请点击输入图片描述

请点击输入图片描述

当然啦,如果你想做出更高逼格,更专业的海报出来,我还是比较推荐你好好学习下平面设计的知识,然后结合这些工具来玩。

最后,再分享一些设计的原则:

1、对齐原则

在版面设计中,对齐能够让视觉效果统一,看起来版面清晰整洁有秩序,非常适合初级选手使用。

在对齐原则中,又包含了左对齐、右对齐、居中对齐和两端对齐等,这些方式都能够让画面更加整洁清晰有秩序。

例-这张海报就用了左对齐的方式:

请点击输入图片描述

2、对比原则

对比原则即将不同的颜色、形状、大小、线条等元素放在一个版面中,给人一种视觉强调,信息内容更加有组织的一种感觉。

例如这张海报,就使用到了对比原则,让海报整体画面感极强:

请点击输入图片描述

3、降噪原则

在一份海报中,除了背景本身,一般不使用超过三种颜色和字体,可以让整个海报看起来信息更加简洁明了,不会给读者视觉压力。

例如这张海报,都是使用了降噪原理的:

请点击输入图片描述

4、留白原则

留白原本是国艺术作品创作中常用的一种手法,指书画艺术创作中为使整个作品画面、章法更为协调精美而有意留下相应的空白,留有想象的空间。

目前在海报和艺术设计中,也会经常使用到这个功能。

比如下面这些海报,都是使用了留白原则出来的效果:

请点击输入图片描述

海报可以使用ps来制作。

1、海报首先要决定海报的版式即决定长宽比,然后选择一个符合长宽比的背景。

用PS打开背景图片之后,复制一个背景图片图层 ,然后新建一个空白图层。

3、接下来会用到文字素材,文字可以用ps的文字编辑功能编辑,也可以使用素材文件,这里首先使用素材文件。在空白图层里置入文字素材然后调整位置后确定置入。

4、用蒙版的颜色范围蒙版,让文字的白色背景隐去,这样文字就置入海报中了。

5、然后选择滤镜,外发光滤镜。让文字更加突出一点。

6、主题文字编辑完成之后,在用添加文字的命令添加一些细节文字。

7、最后在加上一些小点(比如飞过的乌鸦)这样海报就完成了。当然这里只是做一个简单的示范,所以只是非常简陋的完成这个作品。

海报的宣传语:

1、细致高效,完美执行。

2、超高效率,超强配合,超乎想象,你的未来你选择。

3、你的精彩,就差这一块!

4、在我眼中,你不同。

5、用我的双手,搭建你的理想王国。

6、看见,你想的完整;完整,你想看见的。

7、铸就梦想,呈现精彩。

8、我们一起合作共赢!

9、我的努力,你的满意。我的诚心,你的放心。

10、放心选择,满意托付。

11、沟通,合作,成功,共赢。

12、助您赢在未来。

13、因为有梦,我们不一样。

14、广告没有沟通,好比牛马一起接吻。

15、点亮未来,绽放青春。