百木园-与人分享,
就是让自己快乐。

AI+PS教程!手把手教你制作线性数字海报

img

教程作者:野鹿志(授权转载)

公众号:野鹿志

交作业:#优设每日作业#

关于教程

本次教程里的效果,是用ai结合ps做的,说难不难,说简单吧,其实细节调整也是需要花一点心思的。

编者按,本次教程的图片比较小,数值会有些看不清,但是方法和思路掌握了,效果一样可以做出来喔!

 

教程步骤

首先打开ai新建画板,尺寸随意:

AI+PS教程!手把手教你制作线性数字海报

 

先用圆角矩形工具画一个长长得竖条,填充黑色,无描边:

AI+PS教程!手把手教你制作线性数字海报

 

用小黑工具按住alt键拖动竖条,复制出新的竖条,并且填充白色:

AI+PS教程!手把手教你制作线性数字海报

 

重复几步,最后大概搞成这样:

AI+PS教程!手把手教你制作线性数字海报

 

打开画笔面板,把这组竖条直接拖进去,新建艺术画笔,参数默认就行了:

AI+PS教程!手把手教你制作线性数字海报

 

接着把这组线条再拖到画板上,拉长,接着同样用小黑工具,按住alt键拖动复制一次之后,直接ctrl+d重复复制。

让线条布满画板,做为背景打上组,然后ctrl+2锁定:

AI+PS教程!手把手教你制作线性数字海报

 

选择一个合适的字体,输入数字2:

AI+PS教程!手把手教你制作线性数字海报

 

将数字填充取消,设置为描边,并且ctrl+shift+o轮廓化:

AI+PS教程!手把手教你制作线性数字海报

 

用小白工具删除多余的线段,只留下如图的部分:

AI+PS教程!手把手教你制作线性数字海报

 

选中图形之后,打开画笔面板,调用之前载入的艺术画笔:

AI+PS教程!手把手教你制作线性数字海报

 

再在旁边用椭圆工具按住shift画一个正圆,同样无填充,描边,然后调用艺术画笔:

AI+PS教程!手把手教你制作线性数字海报

 

接着用剪刀工具减去四分之一的部分:

AI+PS教程!手把手教你制作线性数字海报

 

再用钢笔工具画一个折线,同样调用艺术画笔,这里就不赘述步骤了,弄完大概这样:

AI+PS教程!手把手教你制作线性数字海报

 

再用钢笔工具或者直线都行,在箭头处补上一笔,然后分别打组:

AI+PS教程!手把手教你制作线性数字海报

 

把形状都放到画板上比划一下,再画个白色填充黑色描边的矩形框。

注意红色箭头处的位置要对其,可以利用小白工具调整,这里要耐心一点,这里对齐以后,后面在ps里拼接图形才会更加准确:

AI+PS教程!手把手教你制作线性数字海报

 

接下来就是在ps里操作了,把包括背景在内的所有图形全部拖进ps里。

因为后面我们需要按照原图擦去不需要的部分,所以把图层重命名,以便区分:

AI+PS教程!手把手教你制作线性数字海报

 

图形排列好,然后每个图层都添加图层蒙版,开始擦吧:

AI+PS教程!手把手教你制作线性数字海报

 

搞完以后大概这样,注意看箭头所指处原图是圆头,可以用钢笔工具来搞,我偷懒就直接在Ai上拖了两个圆头的线条补上:

AI+PS教程!手把手教你制作线性数字海报

 

加个渐变填充图层,混合模式改为滤色:

AI+PS教程!手把手教你制作线性数字海报

 

右上角用矩形选区工具套个选区,然后在渐变填充图层的图层蒙版上填充黑色:

AI+PS教程!手把手教你制作线性数字海报

 

再将就这个选区单独再添加个渐变色:

AI+PS教程!手把手教你制作线性数字海报

 

最终效果

最后留名,把图片弄进样机里导出来看看吧:

AI+PS教程!手把手教你制作线性数字海报

啊啊啊!字体结构还有待改进啊!方法大概是这样吧,主要是Ai艺术画笔的运用。

 

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

 

相关推荐

→ AI教程!用艺术画笔制作渐变线条数字海报

AI+PS教程!手把手教你制作线性数字海报

→ AI+PS教程!扭曲字体怎么做?一个封套工具就搞定

AI+PS教程!手把手教你制作线性数字海报

AI+PS教程!手把手教你制作线性数字海报


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···
从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发
【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示)
【收获】更好的自己


来源:https://uiiiuiii.com/illustrator/1212126803.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI+PS教程!手把手教你制作线性数字海报

相关推荐

  • 暂无文章