虎课网为您提供综合教程版块下的PS+AI-构图攻略之倾斜构图图文教程，本篇教程使用软件为PS（CC2019）、AI（CC2018），难度等级为中级拔高，下面开始学习这节课的内容吧！

大家好，本期要讲解的知识点是倾斜构图在版式设计中的运用，大家学完课程后可以通过练习来巩固所学的知识。

本期讲解的案例、练习素材和源文件请在视频右上方下载。大家可以通过练习来巩固所学的知识，记得在评论区提交自己的作业，老师会及时点评，并且也可以获得虎课币的奖励；

本课的作业是：根据本节讲解的“倾斜构图”知识，设计一张海报。

1.“倾斜构图”是版面整体或部分元素以倾斜的角度呈现在画面上，打破常规构图横平竖直的视觉思维，可以产生不稳定的动感，画面显得更具创意性。

2.倾斜构图的作用：1.动感、冲击力2、活泼、欢快3、紧张、刺激

3.倾斜构图的形式：1.整体倾斜2.主体倾斜3.文字倾斜4.元素倾斜

4.为了让大家加深对倾斜构图使用方法的理解，运用本期知识点进行一则运动海报实操演示。海报主题为运动俱乐部的宣传海报，首先选择与版面相契合的字体。主标题中文字体选择“字魂-正酷超级黑”，英文和数字字体选择“DINPro-Black”，两款字体有着相似的特征，笔画厚重，棱角分明，粗犷而具有力量感。

5.其他信息使用严谨规整的“思源黑体”，保证良好的识别性。

6.在进行设计前，可以寻找关于运动的优秀案例进行分析，参考其图片选取、色彩搭配、空间构图等。

7.接下来进行文案信息的优化排版，通过字体的大小、粗细，按主次区分，建立好视觉层次。

8.把刻画好的文字放置到PS中，使用【自由变换工具】进行倾斜处理，倾斜角度不要太大，既能够让画面变得活泼起来，又不会影响到图文的识别性，设计时也比较容易把控。

9.加入俯视角度的运动人物素材，注意尽量不要影响中文标题的识别性。并把其他信息和点缀元素平稳的排列在画面四角，形成动静对比，也可以保持画面的稳定性。

10.现在整体画面比较单调，在背景加入网球场的素材，使用【自由变换工具】进行倾斜处理，倾斜角度可以大些与文字形成对比。

11.整体效果已经设计好，但版面还是比较平淡，缺少层次感。【新建图层】使用【半透明的黑色画笔】压暗画面边缘，形成聚光效果，让主体更突出

12.最后在文字上方新建图层，使用快捷键【ctrl+alt+G】建立剪切蒙版，使用黑色画笔给主体文字添加光泽效果。设计完成。

13.方案二设计“双方向倾斜”构图，是将设计元素朝两个对立的角度倾斜，产生了方向上的对比，可以形成视觉冲突，营造出空间立体感。

14.参考案例如下：把文字重新进行排版，分为中文和英文两部分：在【AI】中使用【透视网格工具】，选择【中文部分】按【ctrl】键移动到透视面左方。

15.点击【立方体】另一个块面，选择英文部分按【ctrl键】放置在另一个透视面，让两部分文字形成交叉同时也具有空间纵深感。

16.把刻画好的文字主体导入【PS】中，加入【人物素材】：把人物素材调整为黑白色，并加强【对比度】，穿插叠在文字中，尽量不要影响到中文的识别性。最后给背景加入点状纹理丰富画面，并压暗四角使主体更突出，方案二设计完成。

17.方案三参考一则汽车海报，将文字加入倾斜角度变化，通过不平衡感产生了“动感”，增强了版面的趣味性，也产生良好的视觉冲击力。

18.重新排版文字，并进行倾斜处理：使用【橡皮擦工具】擦除文字下方，形成渐隐的效果。再使用【笔尖】下【特殊效果画笔中】的【Kyle的喷溅画笔】，擦出斑驳的效果。

20.总结：

（1）.“倾斜构图”是版面整体或部分元素以一定的倾斜的角度呈现在画面上，打破常规构图横平竖直的视觉思维，可以产生不稳定的动感，画面显得更具创意性；

（2）.倾斜构图能打破平衡感与稳定感，可以根据主题需要，搭配相应的设计元素营造具有动感、活泼欢快、紧张刺激的氛围；

（3）.倾斜角度一般不要大于45度，既能够让画面变得活泼起来，又不影响到图文的识别性。也可以尝试变换不一样的倾斜角度，使版面具有更新颖的视角；

（4）.倾斜构图通常使用的形式为整体画面的倾斜或者画面中局部元素的倾斜（主体倾斜、文字倾斜或辅助元素的倾斜）,要根据实际情况决定版面使用哪种方式来表现。

感谢大家的观看，我们下期再见。

以上就是PS+AI-构图攻略之倾斜构图图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！