虎课网为您提供综合教程版块下的PS-「小满」框架构图版式解析图文教程,本篇教程使用软件为PS(CC2019),难度等级为中级拔高,下面开始学习这节课的内容吧!
本节课讲解 Photoshop(简称PS)软件 -「小满」框架构图版式解析,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
课程核心知识点:梳理内容和文字层次,处理文字和图片的结构,对排版细节的把握。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
那我们开始今天的教程吧。
1.下图为本节教程所使用的的文案内容、使用的图片以及要求,具体如图所示。
2.打开PS软件,【新建画布】宽度和高度为39x59厘米,分辨率为300像素/英寸,设置文件名和保存路径,然后使用【文字工具】将文案内容【复制】并【粘贴】到画布中,如图所示。
3.对大幅文案适当断行,使用【文字工具】拆分文案至不同图层,将主标题“小满节气”放大,然后其它文案摆放在其下方,具体如图所示。
4.简化时间文案并断行,使用【文字工具】拆分文案至不同图层,调整为下图的效果,如图所示。
5.缩小大幅文案,微调各部分文案的位置进行粗略的排版,完成后在PS中打开图片素材,将图片拖入并【自由变换 快捷键:Ctrl+T】调整位置大小,摆放在画面的左下角,如图所示。
6.使用【矩形工具】绘制一个矩形,向右【移动并复制 快捷键:按住Alt键拖动】两个,整体【自由变换】拉宽,使它们三等分画面,如图所示。
7.拉出【参考线】对齐矩形的缝隙,【删除】三个矩形,得到三等分画面的参考线,调整图片的位置大小,使其右边缘对齐右侧的参考线,如图所示。
8.将南方北方部分文案改为以“南方·”和“北方·”开头,使文案更加美观,调整为下图的效果,如图所示。
9.使用【文字工具】拆分主标题为“小满”和“节气”,放大“小满”文字,然后将“降雨多、雨量大”这部分文案、以“南方·”和“北方·”开头的文案和大幅文案改为竖版,减小大幅文案的字号,摆放在图片右侧,如图所示。
10.放大“降雨多、雨量大”和以“南方·”和“北方·”开头的文案,加粗大幅文案的前两行文案,调整为下图的效果,如图所示。
11.为“小满”文字设置字体为装甲明朝,使用【文字工具】拆分“小满”两个字至不同图层,调整它们的大小,错开摆放,增加主标题的设计感,调整为下图的效果,如图所示。
12.在“满”字图层上添加【蒙版】,使用【套索工具】绘制选区选中它与“小”字重叠的点笔画,【填充】为黑色隐藏这个笔画,如图所示。
13.将“小满”文字整体适当放大,调整位置使“满”字的竖笔画与参考线对齐,然后调整左侧文案的字体、行间距和字间距等,调整为下图的效果,如图所示。
14.使用【矩形工具】在英文文案和时间文案间绘制小矩形,丰富文字的细节,如图所示。
15.加粗“南方·”和“北方·”文字,做突出展示,增加文字的层次,然后使用【矩形工具】在右侧文案间绘制直线分隔文案,【移动并复制】至其他文案分隔处,如图所示。
16.将“节气”文字改为竖版,放大后摆放在图片的右侧边缘,修改颜色为白色,设置【图层样式-描边】,为它添加黑色描边,做出描边文字的效果,具体参数如图所示。
17.降低图层的不透明度至31%,做弱化展示,然后为右下角的“二十四节气”部分文案设置字体为装甲明朝,如图所示。
18.【移动并复制】一条长的直线,【自由变换】旋转为倾斜,摆放在“小”字的左下方,【移动并复制】一条并移至“小”字的右上方,丰富文字效果,如图所示。
19.为图片图层添加【蒙版】,使用【钢笔工具】绘制选区选中其右上角,【填充】为黑色,做出缺角的图片,如图所示。
20.相同方法做出图片左下角的缺角,完成后可以在PS中打开褶皱纸张素材,将它拖入画布中,【自由变换】放大使其填满画布,降低图层的不透明度至51%,添加褶皱的质感,如图所示。
21.我们还可以通过【复制图层】图片层,【填充】为黑色,【自由变换】调整位置大小,摆放在画面的右下角和右上角,添加更多的细节,即可完成制作,如图所示。
22.回顾本节课所讲解到的内容,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
23.最终效果如图所示,视频学百遍,不如上手练一练!你学会了吗?
以上就是PS-「小满」框架构图版式解析图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!