
原图来自网易严选首页banner的截图。因为觉得其包含的内容挺丰富的,涉及到的元素也比较多,所以在这里模仿这个图片的设计。
而这样的设计,也是网易严选常用的banner设计风格,符合网易严选性冷淡、精致生活特点。
一、原图分析

这里主要分析这个图片的组成,大致可以看作是由黑板部分和黑板边缘其他小元素部分组成的。而黑板部分又可以分为黑板里面内容和黑板边框,边缘其他元素就使用PNG图片,只是要注意元素的阴影。所以,我们可以按照这样的思路进行模仿设计。
二、制作方法
(一)制作背景

这个背景使用了渐变,所以在图中我也使用渐变,从左下到右上一个蓝色到粉红色的渐变。
(二)制作黑板





首先用两个圆角矩形画两个框还是很简单的
到了制作黑板内部纹理就显得相对复杂一点:
这里使用的是之前插件篇有提到的OK插件,OK插件的图片混合功能有点类似与PS图层之间混合的功能。也分别具有变暗、变亮、叠加的模式。不同的模式出现的效果自然也不一样。在这里我选择的变亮大板块下面的滤色模式。
最后由于滤色模式下黑板的颜色与之前的颜色有不同。所以在这里就又使用一个和之前黑板颜色相同的半透明色块覆盖,达到颜色的统一。
(三)制作黑板文字


文字方面比较简单,选择一个差不多的字体即可。这里我选择使用的是站酷快乐体;而需要注意的是,这里的文字有添加纹理,我们也需要把文字选中,然后选择设置形状格式——文本选项——文本填充——图案填充,选择一个类似的团即可。
还有就是文字的间距在这里是有加宽的
(四)添加其他小元素

小元素可以在千库网找去背景的图片,也可以在百度图片下载之后,自己利用PPT去除背景功能做一个透明背景图片出来。然后放大缩小需要的图片即可。

网友评论