赞助商
立即赞助

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

平面设计3年前 (2021)发布 流光
3.6K 0 0

倾斜构图」是版面整或部分元素以倾斜的角度呈现在画面上,以产生不稳定的动感,画面显得更具创意,充满活力,也更有视冲击力。为让大家加深对倾斜构图的理,运用上一期识点进行一则运动报操演示。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

报主题为运动俱乐部的宣传报,首先选择与版面相契合的字。主标题中文字选择「字魂-正酷超级黑」,英文和数字字选择「DINPro-Black」,两款字有着相似的特征,笔画厚重,棱角分明,粗犷而具有力量感。其他信息使用严谨规整的「思源黑」,证良的识别。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

方案一

行设,可以寻找关于运动的优秀案例行分析,参考其图片选取、色彩搭配、空间构图。方案一参考的采用高视角俯视角度的案例,使用人倾斜的文字营造特殊的空间感,能够给人的崭新视觉印象。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

接下行文案信息的优化排版,通过字体的小、粗细,按主次区分,建立好视觉层次。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

把刻画好的文字置到版面中,并行倾斜处理,倾斜角度不太,既能够让画面变得活泼起,又不会影响到图文的识别性,设时也比较易把控。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

加入俯视角度的运动人素,注意尽不影响中文标题的识别性。并把其他信息点缀元素平稳的排列画面四角,形动静对比,也可以保持画面的稳性。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

整体画面比较单调,背景加入网球场的素,也行倾斜处理,倾斜角度可以些与文字形对比。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

整体效果已设好,但版面还比较平淡,缺少层次感。使用半透明的黑色画笔压暗画面,形聚光效果,让主体突出;后使用灰色画笔给主体文字添加光泽效果。设完:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

方案二

方案二计「双方向倾斜」构图,是将计素朝个对立的角度倾斜,产生了方向上的对比,可以形成视觉冲突,营造出空间立体。参考案例如下:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

把文字重新进行排版,为中文和英文部:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

在AI中使用「透视网格工」,采用点透视,让部文字形成交叉同也有空间纵深;

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

把刻画好的文字主体导入PS中,加入人物素材:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

把人物素材调整为黑色,并加对比度,穿插叠压在文字中,尽量不要响中文的识别性。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

最后给背景加入点状纹理丰画面,并压暗四角使主体更突出,方案二计完成:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

方案三

方案参考一则汽车海报,将字入倾斜角变,通过平衡感产生了「感」,增强了版面的趣味性,产生良好的视觉冲击。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

重版字,并进行倾斜处:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

加人物素材,做出前叠加的效果,其他文字信息放置在画面下方,平衡稳定画面。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

方案四

方案四试设一款黑金风格海报,如图,画面具良好的厚重感力感,可以产强烈的视觉冲击力。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

寻找黑白色调的运动人素,把人皮肤部分与背景分离,新图层命「皮肤」。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

分别给两图层使用「色相/饱度」,勾选「色」,调整金色调。皮肤图层使用「色阶」命令增强对比度,

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

接下制作皮肤的金属反光效果。复制皮肤图层移动到图层方,执行「反相」(ctrl+i)命令,调整「色阶」压暗反光效果:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

擦除不需反光的五官、发、部分皮肤(左图色部分):

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

使用「色相/饱度」给反光部分添加偏的色调,并调整 「色阶」加强对比度:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

接下给皮肤加强金属质感,复制皮肤图层移动到图层方,执行「滤镜-滤镜库-素描-铬黄渐变」,图层混合模式改「柔光」,降低图层透明度50%,擦除色部分。

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

终效果:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

重新排版文字行当倾斜,置到皮肤图层下方,形文字叠压效果:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

使用「图层样式」给文字加入金属特效,参考数如下:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

右键「拷贝图层样」,其他文「粘贴图层样」,体大小不致,需进「和浮雕」「深度」微调。最后在背景加入倾线条进装饰,设计完成:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

案汇:

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

总结

「倾斜构图」以打破常规构图横平竖直的视思,产生不稳定的动感,画面显得更具创意,也更有视冲击力。当想要设计灵动活泼的版面,营造轻松、动感、刺激等氛围时,「倾斜构图」是更适合运用的构图表现形式。

练习素材、设计文件和倾构图参考案例下载链接:https://pan.baidu.com/s/1d1RS2f3jehT7yTyWyourjg   提取码:sh48

备载链接:https://share.weiyun.com/PCzURivw

更多构图巧:

欢迎关注作者的公众号:「艺海拾贝Design」

画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

上方这个弹窗界面,相信各位小伙伴应该都无比熟悉了,每当我们看到它的时候,那也就代表着,又一个新的设计项目要开始了。 ...
公益设计
@做设计的面条 :这一次我想给大家分享的是关于文案超多超多的海报设计到底该怎么去排版这个主题。 因为之前一直都有人问我...
做设计的面条
本期文章是专门针对实际工作中大家会遇到的设计问题,整体分析解构,最终制定出更为合适的解决方案。 欢迎关注作者的...
层次感
@做设计的面条 :今天这篇关于照片变海报设计的文章分享应该会看起来比较轻松,因为非常生活化,也是大多数人都能看得懂的设...
做设计的面条
身为设计师,绝非只做简单的排版,需要多角度思考,精准的设计表达。提炼与分析产品或服务最有力的点,并有逻辑地利用策略和...
Banner设计
@做设计的面条 :最近也不知道是哪根筋开窍了,面条我突然就变得很高产,一星期居然做了5张随手拍照片海报,所以才得以有机会...
做设计的面条
@研习设K先生 :我们都知道,文字与图片是版面中重要的视觉元素,文字的排列决定了受众的阅读效果,而图片则更容易吸引受众的...
图文排版
今天又带来一篇十足的干货,安全无毒,放心食用! 今个儿,咱来唠嗑唠嗑「图版率」! 下面俩海报,哪个更有亲和力? 这还...
图版率