平面设计 
首页 > 平面设计 > 浏览文章

ai怎么设计电话簿图标? ai电话簿icon画法

(编辑:jimmy 日期: 2024/10/8 浏览:3 次 )

页面中经常能看到电话簿的图标,该怎么设计这个网页图标呢?下面我们就来画一画电话簿的图标,从中学习一下蓝白色与橙色的搭配应用技巧,还有不同元素的细节结构的画法,详细请看下文介绍。

软件名称:
Adobe Illustrator CC(AI) 2018特别版 简体中文完整版
软件大小:
2.03GB
更新时间:
2017-10-19立即下载

ai怎么设计电话簿图标? ai电话簿icon画法

1、先用铅笔画出电话簿图标的主要元素路径,包括:图标背景、电话簿、电话这样的三个元素,电话表面的光线明暗也要一一用路径呈现出来。

ai怎么设计电话簿图标? ai电话簿icon画法

2、用橙色的渐变填充电话机的基本轮廓,复制这个路径再缩小到95%,我们用橙色的渐变填充,再设置成滤色,透明度到50%,让电话机的明暗层次出现。

ai怎么设计电话簿图标? ai电话簿icon画法

ai怎么设计电话簿图标? ai电话簿icon画法

3、使用橙色的渐变填充电话机左侧中间部分的结构元素,再复制一下用同样的方法做出光线的层次。

ai怎么设计电话簿图标? ai电话簿icon画法

4、使用白色填充电话机上下两侧的听筒的路径,再复制与缩小后用橙色的渐变填充。

ai怎么设计电话簿图标? ai电话簿icon画法

5、继续复制这个椭圆形的路径并缩小,我们用灰白色的渐变填充,并用圆形画出听筒上面的孔洞,我们用灰色的渐变填充。

ai怎么设计电话簿图标? ai电话簿icon画法

ai怎么设计电话簿图标? ai电话簿icon画法

6、设置蓝色的渐变填充整个电话簿的路径,再用文字工具打出白色文字并做出蓝色的阴影,调整文字在电话簿的封面上面的位置。

ai怎么设计电话簿图标? ai电话簿icon画法

7、我们用灰黑色的渐变填充封面的高光区域的路径,设置成滤色的状态。使用灰白色的渐变填充图标的背景,用正片叠底的设计做出周围的暗光效果,再加上一个灰黑色的阴影,完成电话簿图标设计。

ai怎么设计电话簿图标? ai电话簿icon画法

ai怎么设计电话簿图标? ai电话簿icon画法

以上就是ai设计电话簿icon图标的教程,希望大家喜欢,请继续关注。

相关推荐:

ai怎么设计黄页电话图标?

AI怎么制作电话长投影效果的图标?

ai怎么设计24小时电话服务logo图标?

上一篇:ai怎么绘制扁平化的键盘图标?
下一篇:ai怎么设计雪人礼物的长江插画?
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?