找回密码
 立即注册
查看: 510|回复: 0

如何用ai或者其他软件绘制这样的图形?

[复制链接]
发表于 2021-9-6 10:14 | 显示全部楼层 |阅读模式




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
发表于 2021-9-6 10:21 | 显示全部楼层
题主给出的图片中,第一张较为基础,主要是线条的绘制问题,涉及到钢笔的应用。操作流程为绘制草图——扫描拖入AI——使用钢笔工具临摹左侧手——镜像完成右侧手——中间部分绘制圆形——圆形添加波纹效果——完成。



第二张图稍微复杂点,除了钢笔绘制线条外还涉及到使用形状生成器生成新的图形,以及使用实时上色工具对线条部分上色的问题。


下面康石石着重演示第三张的操作流程,望能对题主有所帮助:
第一步:绘制背景



第二步:绘制冰屋



第三步:绘制树



第四步:绘制雪花


接下来康石石详细地操作流程:
一、绘制背景

这一步中我们需要先绘制线条部分,之后对线条进行上色,主要需要用到矩形、椭圆工具,钢笔工具及实时上色工具
    用矩形绘制背景,之后绘制两个椭圆,并填充好颜色。


2. 使用钢笔逐步绘制。








3. 将中间圆形内的部分全部选中,选择实时上色工具。


4. 在属性栏中设置好填充色,然后逐个填充。












5. 去掉描边颜色,得到如下图。


二、绘制冰屋

这一步中主要是如何由基本图形合成一些特殊图形,除了上一步中的工具外,还需要熟练应用形状生成器工具。
    先绘制圆,删除下面的锚点,得到半圆。




2. 用钢笔连接圆,矩形绘制门。




3. 选择工具选中矩形上面的点,拖动圆圈将其转为圆角(AI CC2015以上的版本)。


4. 同理绘制门的外圈。


5. 使用钢笔绘制阴影。




6. 使用实时上色工具对冰屋上色。


7. 去掉描边。


8. 最后给冰屋添上线(先在属性栏扩展一下实时上色对象并取消编组)。


9. 绘制直线及椭圆


10. 使用形状生成器按alt删除不需要的线,即可完成冰屋。


三、绘制树

这一步比较简单,主要是需要掌握镜像工具。
    使用钢笔绘制三角形,镜像得到另一半。




2. 使用矩形绘制树干,复制另一棵。




四、绘制雪花

最后一步主要是掌握复制方法,按alt键拖动即可
绘制椭圆白点,之后复制很多并调整大小。




最后完成图:



以上,望有帮助
———————————————————

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
发表于 2021-9-6 10:28 | 显示全部楼层
来来来,给你看一个我前两月做的一个Logo,和你贴的图风格类似,圆润的粗线条+鬼马港式风。


画这种风格的图片分为六个步骤(我额外制作了动画),
第一是构思草稿:
甲方的初衷是因为冬天来了,做一些暖胃的烫饭和港式糖水,两个女孩子,平时打打闹闹,所以想起名为两个老妖婆,我借用了名画《浴中加布莉埃尔与她的一位姐妹》里捏奶头的元素,并打算在“烫饭”两个字上用上不知道为啥2017年特别火的霓虹灯特效,同时,这个Logo可以制作出很好看的贴纸。
这一步,就看你手头的功夫和创意了,应该不难。


第二步是描线:
这一步把主要的内容描出来,我用的是钢笔为主及形状工具为辅,一些小的元素,比如蔬菜和字,可以在上色后在添加进去,
因为我一开始,就希望把这个Logo做出一个动态效果,所以,在描线的时候,一定要注意分好图层,其中前面的手、猪鼻子、横幅是第一个图层,躯干、头、左女的左手为第二图层,拿锅的手势第三图层(要动的),方框是第四图层


第三步上色:
由于有很多的线条并不是连贯的,所以不可能直接选择填色(我线已经轮廓化了),


你只需要把需要填色部分全部选中,如我要填满右臂部分,我会选择手臂部分的所有线段,在工具里选择形状生成器,并点击需要填色部分(出现网格的部分),这个区域就被生成了。选择颜色之后,这里就是完整的色块了。






第五步,补充细节:
不好意思这里开始我要打上看起来很low很low的水印了,因为我刚刚看到我几年前的教程竟然还流传在微博上,不带名和来源的那种。
填充上颜色之后,你的图就已经有雏形了,如果觉得颜色不好,没有关系,在所有图形完成后,还可以进行修改。


进行到这一步,就应该把字和小元素放进去了,期间甲方要求,把“烫饭”改为“私厨”,用同样的方法补充进装饰元素,





第六步,进一步完整,
这一步,我添加了人身上的暗面,字体的霓虹灯效果,
霓虹灯效果由上至下分为五层,光源层(灯管的高光),原色层(灯管原来的颜色),阴影层(灯管光线照不到的灯管后方),高光和次光(灯管辐射光线),如果是要需要进一步拟真,可以在旁边的元素上打上环境光,不过由于风格限制,我没有这样画。


第七步,加上边框,并导入AE,制作动画,我做成了gif,压缩一下可以保存到微信表情包,便于甲方宣传。




https://www.zhihu.com/video/934963169693241344
最后提醒你,手头功夫很重要,不过思维更重要,还要学会举一反三,关注和突破设计趋势,
共勉!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
发表于 2021-9-6 10:34 | 显示全部楼层


宝宝接招:
以第二个图为例,这些图在ps当中当然都可以做,AI中一样可以:

1、打开ai画两个圆



2、然后我们要将圆中部分线条删除,也就是添加锚点删除部分路径


3、用添加锚点工具在圆的路径上添加锚点


    再用直接选择工具,删除要删掉的线段



4、弧线就用钢笔工具绘制就行喽,当然,你要想要更精确美观的图形,是要用圆切出来的;
  (标准化制图的方法我在之前的回答里面讲的跟详细了呦)


对了,线段是圆角的,在这里修改一下就好;



5、然后,,,只要会用钢笔工具,或者掌握了标准化制图的方法,就可以喽!
先来简单的给自己点自信心!



6、还有一个重要且常用的小知识,【 路经查找器 】
    先画两个圆;


在路经查找器窗口中,点击减去顶层,就留下了一般月牙状图形(这里与ps中的布尔运算相似)



难题都解决了,就继续画



7、填色就更简单了





再释放一个小技能吧:


1、栗如这两个三角形



2、用路径查找器,减去顶层,



3、用直接选择工具将角拖拽成圆角



4、好了,复制图形,改变颜色:


怎样把它变成下面 环环相扣的图形?



5、先用路经查找器,将所有图形分离



6、用形状生成器工具将重叠的颜色进行拖拽:



就可以完成环环相扣的效果;




<hr/>更多问题
可以求助
↓↓↓

https://u.wechat.com/EMI7x8wY-wR4LKKEZETBa24 (二维码自动识别)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
发表于 2021-9-6 10:38 | 显示全部楼层
一个一个来昂,三个同款效果案例图文教学分享,都配了视频教程~


一、AI-如何绘制线性徽章logo
-点我领取会员免费看该案例视频教程-


【观看视频讲解/操作】AI-如何绘制线性徽章logo1、打开【AI】软件,使用【形状工具】绘制椭圆形,选择合适的描边大小进行【描边】,按住【Alt】拖拽复制一份,调整到合适大小。




2、使用【剪刀工具】选择锚点,删除掉多余部分,作为上方的圆弧。




3、选择上方的圆弧,按住【Alt】拖拽复制一份,移动到下方,【镜像工具】选择水平镜像。




4、使用【圆角矩形工具】绘制圆角矩形,【直接选择工具】移动矩形的锚点变换边角的弧度,【钢笔工具】按住【Alt】键,对矩形进行形状调整,调整完成后,复制一份,调整到合适大小,摆放在矩形内部。




5、绘制飘带两端的部分,【圆角矩形工具】绘制圆角矩形,调边角弧度,【Ctrl+Shift+[】置于底层,【钢笔工具】移动锚点,进行形状调整。




6、使用【直接选择工具】全选图形,统一一下图形描边的宽度,选择制作好的飘带端口的形状图形,按住【Alt】拖拽复制一份,移动到另一边,【镜像工具】选择垂直镜像,和另一边对齐一下。




7、接下来绘制方块菱形的部分,【矩形工具】绘制矩形,【Ctrl+Shift+[】置于底层,【椭圆工具】绘制椭圆,摆放在图形合适位置,【Shift+Alt】垂直复制,摆放在另一边。




8、使用【矩形工具】绘制矩形,复制一份,在图形中进行组合摆放,选择之前绘制好的椭圆形,【Shift+Alt】垂直复制,移动到下方位置,复制几份,调整大小,进行组合形状。




9、使用【剪刀工具】将图形的线进行剪开,注意观察是否剪到了自己想要的线段,【Delete】删除多余的线段,对图形进行不断的调整。




10、在LOGO的上半部分绘制一个太阳,【椭圆工具】绘制椭圆,复制一份,等比缩放,摆放在大圆内部,【剪到工具】删掉多余的线段,再调整一下【视图】关闭【对齐像素】。




11、绘制阳光射出来的效果,使用【钢笔工具】绘制几根线条代表一下,根据LOGO复杂程度来决定绘制线条的多少。




12、继续使用【钢笔工具】绘制图形内部山的形状结构,对图形进行整体的一个调整。




13、使用【文字工具】输入底部年份的文案,字体可选择喜欢的字体,只要不破坏整体风格即可,调整合适大小摆放在合适位置,将文字复制一份,移动位置,输入英文名称,复制一层,进行一个备份,【变形选项】中调整一下弧形,对英文名称进行形状调整,摆放在合适位置。




14、使用【钢笔工具】绘制线段对图形中比较空的地方进行修饰,不断完善图形。




15、最终效果图。




同款效果视频教程资源
AI-教你绘制线性古建筑插画

二、AI-鼠绘-甜甜圈
-点我领取会员免费看该案例视频教程-


【观看视频讲解/操作】AI-鼠绘-甜甜圈1.【打开】AI软件,【新建】任意大小的画布。具体效果如图示。




2.【导入】甜甜圈素材,调整大小排列至画面合适的位置。 使用【椭圆工具】,根据参考图案绘制合适大小的椭圆,【填充】粉红色。具体效果如图示。




3.使用【钢笔工具】,根据参考图案绘制出甜浆形状,使用【直接选择工具】调整锚点至合适的位置。具体效果如图示。




4.使用【选择工具】,【选择】所有的对象。【取消】填充。使用【选区填充工具】,依次在合适的部分填充合适的颜色。具体效果如图示。




5.使用【椭圆工具】绘制合适大小的椭圆,【填充】无,【描边】蓝色。具体效果如图示。




6.按【CTRL+C】复制,按【CTRL+V】原位粘贴,调整大小,排列至合适的位置。使用【混合工具】给两个圆建立混合效果。具体效果如图示。




7.单击【对象】-【扩展】。使用【选区填充工具】,【填充】合适的颜色。具体效果如图示。




8.【选择】所有的对象,添加【描边】,【颜色】粽色,【大小】8PX。单击【对象】-【扩展】。具体效果如图示。




9.调整蓝色对象图层顺序,使用【直接选择工具】高整形状细节部分。具体效果如图示。




10.【选择】中间椭圆对象,【描边】4PX。使用【钢笔工具】绘制出甜甜圈的高光形状,【填充】亮蓝色。具体效果如图示。




11.使用【钢笔工具】在画面合适的位置绘制出合适大小的形状,【填充】合适的颜色。具体效果如图示。




12.使用【椭圆工具】绘制合适大小的椭圆,【填充】白色,排列至画面合适的位置。具体效果如图示。




13.使用【椭圆工具】绘制合适大小的椭圆,【填充】无,【描边】2PX,【颜色】白色,【类型】虚线,具体参数如图示。具体效果如图示。




14.调整虚线椭圆图层顺序,【选择】蓝色形状对象,单击【对象】-【路径】-【偏移路径】,具体参数如图示。具体效果如图示。




15.使用【吸管工具】,吸取虚线椭圆属性。具体效果如图示。




16.使用【椭圆工具】绘制合适大小的椭圆,使用【吸管工具】吸取蓝色形状属性,放置画面合适的位置。具体效果如图示。




17.【选择】虚线对象,单击【对象】-【扩展】。【选择】所有的形状对象,按【CTRL+G】编组。具体效果如图示。




18.【移动】甜甜圈至合适的位置,按ALT键【移动复制】多个甜甜圈,调整大小,排列至画面合适的位置。具体效果如图示。




19.使用【直接选择工具】,选择形状对象,【填充】合适的颜色。具体效果如图示。





20.【删除】参考素材,使用【椭圆工具】绘制合适大小的椭圆,【填充】深粉色,置于最底层。单击【效果】-【模糊】-【高斯模糊】,具体参数如图示。具体效果如图示。




21.按ALT键【移动复制】椭圆对象,调整大小,排列至画面合适的位置。具体效果如图示。




22.调整复制椭圆的【高斯模糊】参数,并移动至合适的位置。具体效果如图示。




23.最终效果如图示。




同款效果视频教程资源推荐
PS-鼠绘-扁平屋子AI-啤酒屋logo设计

三、扁平风界面图标-扁平风插画
-点我领取会员免费看该案例视频教程-


【观看视频讲解/操作】实用扁平风界面图标-扁平风插画1. 打开【AI】,新建【画布】,再复制一个画板。【矩形工具】绘制矩形,填充黄色,再复制一个,填充蓝色,夜晚也是可以用紫色代替。




2. 选择第一个画板,【矩形工具】绘制矩形,【渐变工具】填充颜色。【椭圆工具】按住【Shift】键绘制正圆,【Ctrl+C】复制,【Ctrl+B】原位后置粘贴,放大,选择渐变颜色。降低不透明度。




3. 【钢笔工具】绘制直线,描边白色轮廓。等比换成中间粗两头细。选择背景和太阳,【Ctrl+2】锁定。【椭圆工具】绘制圆形,选择【选择工具】删除下方的锚点,填充白色到透明渐变。




4.按住【Alt】键拖动复制一多个,调整大小,微调形状。【Ctrl+G】编组,降低不透明度。再复制一组。




5. 【矩形工具】绘制窗户,调整颜色。编组。再用【钢笔工具】绘制山,修改颜色。




6. 再用【矩形工具】绘制矩形,用【+号钢笔】添加锚点,调整锚点位置。接着用【矩形工具】继续绘制。再选择下方的锚点,点击【居中对齐】。




7. 修改建筑的颜色。复制一层到上方,放大一点,填充白色。点击【效果】-【模糊】-【高斯模糊】,再复制一个建筑,选择这2个,【Ctrl+Shift+]】置于顶层,【Ctrl+7】剪切蒙版。




8. 【矩形工具】在最下方绘制矩形,用【钢笔工具】绘制猫咪。再复制2个,调整位置,点击【剪切顶层形状】。填充白色。与猫咪进行对齐。填充渐变。




9. 【Ctrl+Alt+2】解锁对象,【Ctrl+G】编组。【椭圆工具】绘制圆,将它和太阳居中对齐,再一起选中,剪切蒙版。再复制一个圆,描边填充颜色,居中对齐。




10.再复制一个,原位后置粘贴,填充颜色,锚边为【无】,点击【效果】-【风格化】-【投影】,调整参数。




11. 再复制一组,用【重新着色图稿】调整颜色,再微调渐变颜色。




12. 再复制一个太阳,移动位置。选择这2个月亮,点击【减去顶层形状】。再复制一层,添加【高斯模糊】,调整不透明度。




同款效果视频教程资源推荐
扁平风插画绘制建筑-扁平风插画AI-鼠绘-扁平风雪景插画PS-鼠绘-扁平屋子<hr/>


-点我领会员免费学以上所有矢量图形设计视频教程!-


收藏不忘点赞,是一种优秀的品格!
回答中的图文、会员赠送为虎课网授权使用,欢迎各类设计垂直答主私信了解申请。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
发表于 2021-9-6 10:38 | 显示全部楼层
图一:

绘制双手发光线条图Logo
https://www.zhihu.com/video/1127582052039602176
效果如下,里面的花瓣形状没有做圆角处理



@医学插画师-动画师-阿杜 绘制

<hr/>图二:

绘制侏罗纪蛇颈龙火山爆发图案
https://www.zhihu.com/video/1127608401735344128
效果如下



@医学插画师-动画师-阿杜 绘制

<hr/>图三:

绘制北极雪山冰屋北极熊
https://www.zhihu.com/video/1127616819627999232
效果如下



<hr/>【SCI论文、生物医学科学插画培训-矢量图-高能绘图技法】
课程介绍详见 独家课程 [生物医学科学插画培训-矢量图-高能绘图技法] 能让你画出这样效果的美美哒的图 :)
【医学插画师阿杜 用多年实践经验告诉你SCI 插图潜规则】http://t.cn/E7jnBPn
【医学插画师杜鹏工作室历年作品展示(数字绘图、3D渲染、线图)2019年新年版】
【医学插画师杜鹏工作室历年作品展示(数字绘图、3D渲染、线图)2019年新年版】
懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Unity开发者联盟 ( 粤ICP备20003399号 )

GMT+8, 2024-11-24 13:45 , Processed in 0.069341 second(s), 23 queries .

Powered by Discuz! X3.5 Licensed

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表