/拿捏3种设计风格！
最新文章2023-06-10

拿捏3种设计风格！

Hello，大家好，我是木西的小弟，木西最近回老家还是有点不舍的，直接性的少了一位牌友了，哈哈哈，不扯了，还是进入正题吧。


设计的风格有很多种，今天给大家带来的是三种设计风格的海报案例呈现。
操作很简单，大家看完记得练习哦。直接开始今天的教程吧，yeah...





● 相信大家小时候都玩过超级马里奥、魂斗罗等游戏。
下图是马赛克像素风典型的代表游戏之一。回想起来那都是童年的欢乐时光啊~


● 下面用文字简单的介绍了一些关于像素画的知识


● 给大家整理的一些像素风格的海报（案例来源于互联网，仅做参考）


● 除了像素画海报之外还有与之对应的像素字体下图来源于互联网，仅做示意。



● 这里我们用到上图03和06的技法思路，像素的赶脚类似PS的半调效果，或者是仿色扩散，以文字设计为基础使用的仿色扩散的效果来呈现。


设计思路&步骤解析
01：先设计完字体部分(这里暂不讲字体设计部分)，不会字体设计的同学，使用一款好看的字库字体也是可以的。


02：合并所有笔画，在AI中使用路径偏移，参数设置如下，对象-路径-偏移路径。


03：取消编组，用2种颜色区分。


04：勾勒钢笔连接每个边，红色圆圈标注部分为示意。


05：接着给字体填充黑白渐变，注意白与黑之间的明暗过度。


06：最终效果如下，将渐变后的字体在PS中选中，图像-模式-灰度-拼合。


07：图像-模式-位图-扩散仿色。


大家不要局限于做像素风格就非得像我用这种方法去呈现，我们只要抓住海报的主体，呈现是由一个小的单元格组合拼接而成就可以了。AI同样也可以做出矢量像素海报。。。
这是在AI做出的像素化效果，这里给大家抛砖引玉一下。
选中渐变完之后的字体，AI菜单栏-对象-栅格化，参数设置如下，最终位图再转矢量就可以啦。 


08：最终并为其添加色彩与排版就完成了~








我们先看几组网上的案例展示吧，大概认识下这类风格的一些表现形式，版面的构图元素，以及颜色的一些使用等。


不难发现我们目前所看到的孟菲斯风格是非常潮的，强烈的色彩组合与碰撞，几何形状的构成，甚至一些海报当中也会出现潮流的插画小元素，非常具有趣味性，以及强一些画面视觉冲击表现。



孟菲斯风格版面元素构成

孟菲斯平面设计特征可以归纳为：

1、高明度的色彩组合；线条、图案的随机排列搭配；几何元素的大量运用和空间填充。

2、各式各样的几何图案是“孟菲斯设计”经典元素之一，以正方形、圆形或三角形这类规则图形为主。

3、与传统设计强调有序不同，“孟菲斯”的设计背景喜用凌乱与自由的组合方式。

不管是细瘦的直线、粗体的波浪线，还是点状图案亦或3D结构图形，你都能在孟菲斯作品里找到。






下图举例了孟菲斯在平面中的一些表现！






咱们分析完孟菲斯的一些构成元素表现形式之后就好开始下手了，下图是以人物为主体的表现形式。


为了方便大家观察我将版面中的元素进行了拆解，大致分为人物、文字对话框、一些线条元素和版面中的配色。


文字对话框&文字编排：


版面中的人物主体：


版面中的色彩搭配、字体&线条：


以上就是拆解完的样式，这里我们为了增加版面的趣味性，我使用了手写字体以及随意装饰的线条活跃版面气氛，色彩的组合上使用了纯色与渐变的组合碰撞，图形构成上表现模拟了电脑页面对话框的组合形式搭配上文字编排，以上都是为了尽可能的符合孟菲斯的一些风格表现而存在的。

这是我做的另外一张孟菲斯的海报，根据之前给大家总结的要素：

*几何图形构成 

*强烈的色彩组合 

*简单图形&插图


*简单图形&插图

图形的制作比较简单用 AI 3D工具就可以完成。


*几何图形构成 


*几何图形构成 


*靓丽/怪诞/潮流

当时找素材的时候找到这只鸟的时候，发现嘴非常的有意思，以及鸟本身的颜色也是符合孟菲斯的色彩要求的（一个巧合罢了），扣完图之后给鸟加上一个外描边增强趣味性。


*强烈的色彩组合 

纯色与渐变色（高饱和度&低饱和度）、（明与暗）以及色彩在版面中的一个过度关系。


最终组合版面中的主体与文字排版&构图，以及配色孟菲斯风格的海报就完成了，只要掌握了他们的元素构成风格与表现就好做了，希望这2张海报可以给到大家一个启发。









所以我们只要能模拟出撕纸的效果差不多就能做了。


下图是案例展示部分。


我们来看下撕纸效果的一个具体制作方式，基本上都是在PS中完成的。


下图是关于PS画笔的预设：

常规画笔、干介质画笔、特殊效果画笔、湿介质画笔。


给人物添加一个蒙版，这里我使用的是干介质画笔，分别给他们换上颜色即可。


选择下图第二种干介质画笔，以及它们在不同模式下的样式效果。


接着在人物的边缘用干介质画笔（溶解模式）涂抹边缘，撕纸的效果就出现了，接着加入黑白相间的素材。




为了模拟撕纸的效果，我随意设置了一些纹理，让纹理保持一种不规则的状态。咱们动手制作一些素材使用(特殊效果画笔)，新建一个画布，使用画笔涂满即可，导出图片当做素材就OK了，涂抹的时候画笔的大小折中就行，避免效果不理想（大家多尝试就行）。


最终规划版面的文字编排就完成了。



大家多多练起来吧，希望对你有所帮助。

   往期推荐   


5个案例展示切割的运用！

奖品总价值超过10万的大赛！

9月作品新鲜出炉！




很多小伙伴说看不到我们的推文更新，以为我们最近偷懒了。其实是公众号推文机制调整了，如果你长期都只是看文章，没有留言，也没有点过【在看】，那很有可能会和我们失联。想要找回我们其实也很简单，在留言板里夸我们真棒，或者点个在看就OK了~
点个【在看】，答应我永远不分开↓

本文来自微信公众号“胡晓波工作室”（ID：ziyou-design）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS:

相关文章