音效素材网提供各类素材,打造精品素材网站!

站内导航 站长工具 投稿中心 手机访问

音效素材

Illustrator绘制一个漂亮的iPhone x叮当猫手机壳教程
日期:2018-06-19 15:48:26   来源:脚本之家

教你使用Illustrator给你的iPhoneX绘制一个叮当猫手机壳,希望大家通过此教程掌握矩形工具组中圆角矩形、椭圆工具的使用和线条工具组中直线工具和弧线工具的使用,掌握图形颜色填充、描边,好了,话不多说,下面让我们开始学习吧!

效果图:

学习目标:

1、掌握矩形工具组中圆角矩形、椭圆工具的使用和线条工具组中直线工具和弧线工具的使用

2、掌握图形颜色填充、描边

那么,现在就开始我们首次使用AI绘制图形之旅吧!

绘制方法:

在文件中选择新建画板,常用到的几个选项设置已经给大家标注出来了。

1、在画板上绘制一个蓝色圆角矩形用黑色描边。拖动鼠标不放,按键盘上的上下方向键可以调整圆角的弧度。

在上方属性栏中修改高和宽的数值,高为143.6mm,宽为70.9mm。iPhoneX的手机壳雏形就绘制出来了。(这里的尺寸是手机本身的尺寸,后期可以选中全部等比缩放)

修改填充色 修改描边颜色 修改宽的数值

2、用椭圆工具画出叮当猫的头部

选择椭圆工具,颜色改为蓝色(颜色为#2F71D1),用鼠标拖出一个稍微圆一点的椭圆。画好以后按Ctrl+C复制, Ctrl+F粘贴,用直接选择工具(因为是白色的,所以又叫它小白)选中图形,按shift键拖动鼠标,将椭圆等比缩小,再将填充色改为白色。位置不合适的地方用小黑工具选中调整一下。

问:快捷键会不会太多了?

答:这还叫多?还有更多的!快捷键是高效率人士必备,所以请大家记一下。好的习惯要从一开始养成!

用椭圆工具绘制眼睛,如图画三个椭圆,叠加在一起一个眼睛就绘制好了。原图上干扰太多,可以在旁边做好后再放到图形中去

选中眼睛,按Ctrl+C复制,Ctrl+F键粘贴。移动位置,适当调整圆形的位置,一对眼睛就做好了。

绘制鼻子

使用椭圆工具,按shift键,用鼠标拖出一个红色圆形。在工具箱中双击渐变工具 ,在打开的对话框中调整渐变的类型、颜色、角度

绘制嘴巴

绘制一个黑色的椭圆和一个红色的正圆,把它们叠放到一起。

最后把眼睛、鼻子、嘴巴放到脸上。想要对称效果的话用鼠标从标尺中拖一根参考线。没有标尺的朋友可以在视图中打开标尺或者在没选中任何图形的情况下按Ctrl+R直接打开标尺

一张光秃秃的大饼脸就出来了!

画一些脸部装饰

用直线工具在脸上画几根胡须,按Ctrl+F10打开描边对话框,选择圆头端点

使用弧线工具把鼻子和嘴巴连上,拖动鼠标不放按键盘上的上下方向键可以修改线条的弧度。

叮当猫的脸部绘制完成。

3、绘制叮当猫的项圈

使用椭圆工具画一个椭圆,按Ctrl+C复制,Ctrl+V粘贴。把复制的椭圆往上移动一点,然后按shift+Ctrl+F9,打开路径查找器,选择减去顶层。得到一个弧形。

把做好的项圈放到叮当猫脸合适的位置,适当进行调整。

4、绘制铃铛

用椭圆工具按shift键绘制一个正圆、用矩形工具绘制一个长方形、再用椭圆工具绘制一个小圆点、用线段工具绘制一条粗线。把它们组合在一起就是一个铃铛了。放到项圈上就可以了

5、绘制摄像头

绘制镜头比较简单,大家看图吧

6、然后用一些素材文件丰富一下背景吧。

身体部分依然是用椭圆工具和直线工具绘制的。用文字工具输入Doraemon,用小黑选中旋转一下,复制几份随机放置。再选中叮当猫的头部,复制后等比缩放,随机放置。

做好后的感觉颜色不好看,可以选中图形修改颜色。

背景的细节,小白没有一一跟大家图解出来,要是都写出来,估计今天都出不了公司门了,那我挣来的钱还要不要花掉啦?!?!当然初学的时候会有各种各样的问题,不会的朋友们可以悄悄来问我。

教程结束,以上就是关于Illustrator绘制一个漂亮的iPhone x叮当猫手机壳教程的全部内容,喜欢的朋友赶快给自己的手机绘制一个吧!

相关推荐:

AI渐变+旋转扭曲工具快速制作IphoneX壁纸教程

ps怎样制作iphone苹果手机app store应用商店图标?

    您感兴趣的教程

    在docker中安装mysql详解

    本篇文章主要介绍了在docker中安装mysql详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编...

    详解 安装 docker mysql

    win10中文输入法仅在桌面显示怎么办?

    win10中文输入法仅在桌面显示怎么办?

    win10系统使用搜狗,QQ输入法只有在显示桌面的时候才出来,在使用其他程序输入框里面却只能输入字母数字,win10中...

    win10 中文输入法

    一分钟掌握linux系统目录结构

    这篇文章主要介绍了linux系统目录结构,通过结构图和多张表格了解linux系统目录结构,感兴趣的小伙伴们可以参考一...

    结构 目录 系统 linux

    PHP程序员玩转Linux系列 Linux和Windows安装

    这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章,Linux和Windows安装nginx教程,具有一定的参考价值,感兴趣...

    玩转 程序员 安装 系列 PHP

    win10怎么安装杜比音效Doby V4.1 win10安装杜

    第四代杜比®家庭影院®技术包含了一整套协同工作的技术,让PC 发出清晰的环绕声同时第四代杜比家庭影院技术...

    win10杜比音效

    纯CSS实现iOS风格打开关闭选择框功能

    这篇文章主要介绍了纯CSS实现iOS风格打开关闭选择框,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作...

    css ios c

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的办法

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的

    Win7给电脑C盘扩容的办法大家知道吗?当系统分区C盘空间不足时,就需要给它扩容了,如果不管,C盘没有足够的空间...

    Win7 C盘 扩容

    百度推广竞品词的投放策略

    SEM是基于关键词搜索的营销活动。作为推广人员,我们所做的工作,就是打理成千上万的关键词,关注它们的质量度...

    百度推广 竞品词

    Visual Studio Code(vscode) git的使用教程

    这篇文章主要介绍了详解Visual Studio Code(vscode) git的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...

    教程 Studio Visual Code git

    七牛云储存创始人分享七牛的创立故事与

    这篇文章主要介绍了七牛云储存创始人分享七牛的创立故事与对Go语言的应用,七牛选用Go语言这门新兴的编程语言进行...

    七牛 Go语言

    Win10预览版Mobile 10547即将发布 9月19日上午

    微软副总裁Gabriel Aul的Twitter透露了 Win10 Mobile预览版10536即将发布,他表示该版本已进入内部慢速版阶段,发布时间目...

    Win10 预览版

    HTML标签meta总结,HTML5 head meta 属性整理

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来...

    移动端html5模拟长按事件的实现方法

    这篇文章主要介绍了移动端html5模拟长按事件的实现方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家...

    移动端 html5 长按

    HTML常用meta大全(推荐)

    这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...

    cdr怎么把图片转换成位图? cdr图片转换为位图的教程

    cdr怎么把图片转换成位图? cdr图片转换为

    cdr怎么把图片转换成位图?cdr中插入的图片想要转换成位图,该怎么转换呢?下面我们就来看看cdr图片转换为位图的...

    cdr 图片 位图

    win10系统怎么录屏?win10系统自带录屏详细教程

    win10系统怎么录屏?win10系统自带录屏详细

    当我们是使用win10系统的时候,想要录制电脑上的画面,这时候有人会想到下个第三方软件,其实可以用电脑上的自带...

    win10 系统自带录屏 详细教程

    + 更多教程 +
    photoshop教程CorelDraw教程Fireworks教程Illustrator教程Freehand教程